From the course: Photo Tools Weekly
Photoshop: Mocking up layout ideas
From the course: Photo Tools Weekly
Photoshop: Mocking up layout ideas
- [Instructor] Hello friends, and welcome to another episode of Photo Tools Weekly. In this week's episode, we are in Photoshop. And here, we are going to focus in on using Photoshop in order to create some design concepts. We'll talk about things like guides and rulers, and centering objects. We'll also look at typography as well. And this is a bit of a real-world project. I am writing a book right now on portraiture called Authentic Portraits, and I'm working with a compositor who's taking my designs and coming up with ideas for the way that the design of the book will look. And this is something that he sent me, and rather than this for a chapter opener, I want something a little bit more like this. Well how in the world can we take what we have here and maybe rework it so the design's a little bit different? How can we create a custom design of our own? Well one thing's I'll do often is I will simply create a new layer on top of someone else's work or something I have done, make a selection, and just fill that with a color. So I'm just gonna go ahead and fill this with my foreground color, which is white, and now I have a box there, which is essentially just hiding whatever is underneath it. And I'm hiding it rather than deleting just in case I need to go back to it as a point of reference. Alright next, I've already added a few type layers in here just to speed up that process, but I have the number 10, so that would be a chapter number. I have a potential title, and I have some copy down here. First of all, I want all three of these to be centered, so click and then shift-click. Then we have some alignment options up top, the one which I would use is this one to center all of these so they are all centered. Next, I want these centered on this page. Well, in order to figure that out, I need to figure out where the center is of this whole document and then also just this page. One kind of hack workaround that I'll use every once in a while is to create a selection of an area and to fill that selection with a solid color. So we'll use solid color here, I'll use a nice bright color so you can see what I'm talking about. And now that I have this going over the entire space, whatever it is, for whatever kind of design project, you can just go to Free Transform, Command-T on a Mac, Control-T on Windows, and say give me half of this. So I'll go to 50%, and then apply that. Well now that I have half of that, I know that this is where the page should end. Or this is the exact middle of the document. If we open up our rulers by pressing Command-R, we can then drag one of these guides out from these rulers here, press the Option key on a Mac, Alt on Windows and you can flip it so it's coming down from the top horizontal, hold down Option or Alt, and then put that in just the right spot. Now there are other ways to find the middle of a document, but this one I find is helpful, especially if you have odd sizes, or you just really need to quickly find out, hey, where is it, I want to be sure that's it. Then next we can hit Command-T again to Free Transform it, and do you see how we have this center point on this rectangle of green? Well if I grab another guide down and put it right there, I now have the exact center of this page as well. Well now that we've done all this, we really don't need this anymore, that was just a tool, kind of a measuring device to help us find out the center of something. And then from here of course, we could then position this so that it's locked in to that center point on that guide. Alright, well how about customizing our copy and our text further? Well one of the things that I want to do with 10 above is I want this to be more of an outline. So I'm gonna make this bigger so you can see it, and I'm gonna share a shortcut for hiding guides. That is Command-Colon on a Mac, or Control-Colon on Windows. Next, I'll go ahead and double-click this layer to open up my Layer Style dialog, and here I'll go to Stroke, I'll add a brush stroke, I'll make it really thin just so we can see that, it's a red brush stroke around that. To remove the fill, we go up here to the Layers panel and just delete that. So now we have nice outline text. Now if I want to change the brush stroke, to black, double-click the word Stroke there, and just go over here, and we can change it to a different color, we can change it to a different size, I want it nice and thin, and then click OK. So now I have this chapter number up top, which I will Free Transform with Command-T and try to get that down there, and then press Enter or Return to apply. Now as far as the title of the chapter, I'm gonna go ahead and change that. And center it, so I just highlight that. And highlight both of those, center those. And then I can move those over here. Now with type, you can either change their size by double-clicking on the type here, and you can change the size in one of the type fields, or you can also do that in the Character panel, we can change the size, or you can just Free Transform type. And if you press Command-T on a Mac, Control-T on Windows, you can Free Transform it, get it exactly where you want it, and then press Enter or Return. Now if you want to change more characteristics of the type, you probably want to go to the Character panel, and here you could add a little spacing between the letters, that might be kind of a nice touch like this, or you could change the spacing between the lines. So you could have the two lines closer or further apart. So when it comes to design, often you want to customize these so it's not just standard, right? So it's really unique, one of a kind. We have an outline up top with the number, we have the title, the chapter stylized exactly how we want it. Then we next have our copy. For the copy down below, again inside of the Character panel, we can go to the Paragraph tab, which is next and do something like this where we have it so that it goes from edge to edge. Now if you want to change the font, a really easy way to do that is just to click into the Type layer, and then to click into the Font field here, and use your arrow key, so I'm tapping the Down arrow key, that's allowing me to scroll through different fonts and I can see the preview of them really quickly. And if I find one that I think might work, I can also customize some of these other qualities of that as well. Next, I'll go ahead and just close that and click off of that, and then I want to make sure this is all centered. Remember how you do that? Click and Shift-click. And then we'll use this alignment here. Let's bring back the visibility of the guides, that's Command-colon on a Mac, Control-colon on Windows. And as you bring it to that spot, you'll find that it will kind of lock into that center point. So you just want to make sure everything's nice and centered. Let's hide the guides again, Command-colon on the Mac, Control-colon on Windows. Get it in just the right spot. And there we have a custom design layout. Now I realize that you may not be designing pages for a book, but it's really surprising how frequently we as photographers often need to use some of these other techniques in Photoshop when we're creating different things with our photographs, whether it's for advertising or for business cards or different things, so that's why I wanted to highlight these tips here, because I'm hoping that they will help you work with your images and type inside of Photoshop. Alright well that wraps up this week's episode, I hope you have a fantastic rest of your day, and I hope to see you next time, have a great day, by for now.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.
Contents
-
-
(Locked)
Workflow strategy when shooting Raw + JPG3m 54s
-
Quicker processing with review and camera calibration4m 15s
-
(Locked)
Creating a concept layout with Lightroom and Photoshop8m 56s
-
(Locked)
Fun layer project in Photoshop and Lightroom7m 43s
-
Brush away unwanted objects in Lightroom CC5m 11s
-
(Locked)
-
-
(Locked)
Using blur and type, part 14m 26s
-
(Locked)
Using blur and type, part 26m 16s
-
(Locked)
Better black and white workflow, part 19m 28s
-
(Locked)
Better black and white workflow, part 24m 4s
-
(Locked)
Action sports retouching, part 18m 57s
-
(Locked)
Action sports retouching, part 26m 14s
-
(Locked)
Face-Aware Liquify6m 59s
-
(Locked)
Fixing teeth in a fashion photograph7m 51s
-
(Locked)
-
-
(Locked)
Replace the sky in a drone photograph9m 6s
-
(Locked)
Creating a great exposure from a single frame, part 15m 30s
-
(Locked)
Creating a great exposure from a single frame, part 29m 29s
-
(Locked)
Creating a luminous black-and-white portrait, part 14m 13s
-
(Locked)
Creating a luminous black-and-white portrait, part 28m 8s
-
Fixing overexposure with Camera Raw, part 15m 10s
-
(Locked)
Fixing overexposure with Camera Raw, part 28m 52s
-
(Locked)
-
-
(Locked)
Creative layer blending with Adobe Mix9m 58s
-
(Locked)
Making a composite with Adobe Mix9m 35s
-
(Locked)
Bring out detail in a landscape photograph, part 16m 20s
-
(Locked)
Bring out detail in a landscape photograph, part 27m 51s
-
Export a image from video footage9m 9s
-
(Locked)
Finishing an iPhone photo11m 38s
-
(Locked)
-
-
(Locked)
Combining the best expressions from two images5m 30s
-
(Locked)
Celebrity portrait workflow in Lightroom: Part 15m 51s
-
(Locked)
Celebrity portrait workflow in Lightroom: Part 26m 22s
-
Creative layer blending project9m 14s
-
(Locked)
Replacing a background and creating vivid colors6m 7s
-
Jump for joy: Finishing a beach photo in Lightroom and Photoshop8m 57s
-
(Locked)
-
-
(Locked)
Becoming an expert with masking in Photoshop6m 12s
-
(Locked)
Advanced masking speed tips8m 29s
-
(Locked)
Preparing a portrait for Instagram with Lightroom5m 25s
-
(Locked)
Finishing a portrait with Photoshop7m 59s
-
(Locked)
Using Lightroom to creating a stylized look that prints well5m 22s
-
(Locked)
Cleaning up a creative portrait6m 37s
-
Hacking Lightroom to create layouts for other projects6m 17s
-
(Locked)
-
-
(Locked)
Using Content Aware Scale to add to the composition4m 25s
-
(Locked)
Extending and filling in the background projects7m 27s
-
How to create Gradient Tone Mapping color effects9m
-
(Locked)
Creating more precise Gradient Map effects6m 47s
-
Natural wrinkle reduction7m 10s
-
(Locked)
Advanced wrinkle reduction12m 50s
-
(Locked)
Tips for viewing and organizing your layers in Photoshop8m 11s
-
(Locked)
Becoming an expert in layers in Photoshop5m 17s
-
(Locked)
-
-
(Locked)
Using VSCO in Lightroom7m 27s
-
(Locked)
Syncing adjustments in Lightroom7m 18s
-
High-impact color with Camera Raw and Photoshop6m 57s
-
(Locked)
Using Lightroom and Photoshop to create vivid color6m 1s
-
(Locked)
Intro to better B&W with the Silver Effex Pro plugin5m 47s
-
(Locked)
Taking a deeper dive into Silver Effex Pro10m 10s
-
Creating a Panoramic Photo in Lightroom4m 47s
-
(Locked)
Advanced Lightroom and Photoshop Pano Workflow6m 55s
-
(Locked)
-
-
(Locked)
Opening raw files into Photoshop4m 13s
-
(Locked)
Three ways to work with Camera Raw and Photoshop8m 14s
-
Smart Filters: Using Smart Filters for creative options6m 53s
-
(Locked)
Stacking up Smart Filter effects6m 2s
-
(Locked)
Cleaning up and removing the background of an image8m 8s
-
(Locked)
Two ways to add a new background8m
-
(Locked)
Covering up problems in the frame7m 36s
-
(Locked)
Removing a person and finishing a photograph9m 20s
-
(Locked)
-
-
(Locked)
Photoshop Fix to Photoshop CC workflow11m 22s
-
(Locked)
Add light to photos with Lightroom10m 56s
-
(Locked)
Use Lightroom Collections to process color and black-and-white images6m 39s
-
(Locked)
Skin smoothing with the Imogenic plugin Portraiture7m 27s
-
(Locked)
Advanced Skin Smoothing Control with Portraiture9m 7s
-
(Locked)
-
-
(Locked)
Accurate sharpening with Lightroom6m 4s
-
(Locked)
Create Collections in Lightroom8m 12s
-
(Locked)
Craft creative looks with the Alien Skin Exposure plugin in Lightroom10m 25s
-
(Locked)
Use the Alien Skin Exposure plugin in Photoshop11m 32s
-
(Locked)
Quick mobile retouching with Photoshop Fix7m 47s
-
(Locked)
-
-
(Locked)
Add Lens Flare with more precise control9m 50s
-
(Locked)
Two ways to crop in Photoshop and extend the canvas6m 9s
-
(Locked)
A few methods for working with canvas size7m 45s
-
(Locked)
Use plugins in Photoshop for special effects: Analog Efex Pro6m 57s
-
(Locked)
Use plugins in Photoshop for special effects: Analog Efex Pro Advanced5m 41s
-
(Locked)
-
-
(Locked)
Lightroom cropping shortcuts7m 59s
-
(Locked)
Remove unwanted objects in Photoshop4m 30s
-
(Locked)
Remove unwanted objects in Photoshop: Advanced5m 56s
-
(Locked)
Use plugins in Photoshop for better results: Color Efex Pro11m 10s
-
(Locked)
Preserve tones with the help of Lightroom clipping indicators6m 3s
-
(Locked)