I’ll take a couple of guides off so that the white lines are more visible. So, using the pixel width of 5, I used the line tool to draw lines along the guides in white. Now it is time to place the dividing lines to separate each image. I like clean simple lines, so I’m choosing a pixel width ofĥ. I finished adding boxes (and numbering them as I go in the layers panel).Ħ. Here is a screenshot of what it looks like with a few shapes added. I chose a lighter color gray so that I can see the box and later see the white dividing lines as well. I use the shape tool first to make boxes inside of each guide. The shapes will act as the clipping masks when it is time to place images into the cover photo template. Next up, it’s time to place the shapes inside the guides. It took about 60 seconds to change up the templates. I like the simple squares, so I’m going to continue with the next step. Guides placed templates divided by 4….guides placed at 213, 426, and 638.ĭivided into fifths (great for instagram). I like to use guides before placing the shapes so that I get an idea as to what the template will look like. And now is time to calculate and place guides.įirst off, I’m going to place a guide (grab from the ruler and pull down) at the halfway mark dividing the timeline in half vertically (which is at about 158 px).Īnd a little memory jogger: x coordinate is on the horizontal axis, the y coordinate is on the vertical axis. If your background isn’t already gray, then use the paint bucket tool to fill it in.Ĥ. For my template, I’m going to use a gray background because I want to use white dividing lines between images for a clean look.Īny shade of gray will do. **In CS6, to change ruler units, go to Photoshop > Preferences > Units and Rulers and change from the default inches to pixels.ģ. Honestly, for the sake of making a timeline cover, I would probably guestimate more than calculate, but I’m going to attempt to show the “right” way, for those OCDs out there. The default measurement in CS6 is inches, but for web sized images, I prefer to work in pixels. Change your ruler units to pixels if you want to be more exact in your measurements. **Remember to turn off the white box after adding images and before saving the finished cover image.Ģ. This way I can plan accordingly when I start placing pictures. Also, by looking at the picture, I calculated where the placement of the profile pic would be and put a white box there. The dimensions of the FB cover are 851 pixels x 315 pixels. This is a Facebook Cover, so I looked up the cover photo size here on Facebook. I need a new template for FB, so I am going to make a quick and dirty one for a download to share. And if you have any short cuts, feel free to add them in the comments! Enjoy! Hopefully, this little tutorial will show those who are more clueless than me that it isn’t really hard to make your own templates. No formal training here, so I’m sure there are simpler ways to get the job done, but I’ll be explaining my way. I’ve learned everything related to template designs either by trial and error, you tube videos, or tutorials from around the web. First off, I would like to put a big disclaimer out there! I am not a Photoshop genius, nor do I pretend to be.
0 Comments
Leave a Reply. |