![]() Duplicate designs and resize them to create consistency across multiple types of assets. Establish a theme for your designs using photos, icons, logos, personalized fonts, and other customizable elements to make them feel entirely authentic. Explore professionally designed templates to get your wheels spinning or create your own banner for Tumblr from scratch. Hone your creativity with the power of Adobe Express. Let Adobe Express be your banner design expert. The images already have the size to fit Tumblr and are saved automatically to use or pull inspiration from later. Customize any template with your photos or text that best fits your brand and personality. Your designs will stand out with the templates and ideas from Adobe Express and bring in the likes, reposts, and comments you need. With a picture-heavy platform like Tumblr, it’s crucial to have your graphics stand out and attract people to want to learn more. Place this in the center, 3px from the bottom.įrom there, all that’s left to do is drag the icon group onto the same file as the header and center it with the icon border.Simple steps to a custom banner for Tumblr. Using the round selection tool again, we’re going to make a selection of 135x135 (7px bigger than our icon, which means we’ll have a 3.5px border) and paint it the same color as our other border. View > New Guide > Vertical > *WIDTH DIVIDED BY 2* I use guides to make sure everything (like text, for example) is perfectly centered. To make the border for the icon, we’re first going to make a guide in the middle of the gif. My personal favorite is the ripped paper effect. What kind of border you use at the bottom is entirely up to you, so long as it’s the same color as the background of your mobile theme. FINISHING TOUCHESīefore we actually bring the two gifs together, we’re going to go back to our header gif and make our borders. Make sure to do this for both gifs.īoth your gifs should now be in a group with a Layer Mask.įor the icon, you’ll want to use the round selection tool (Elliptical Marquee Tool) to make a 128x128 selection.ĬTRL + I or Image > Adjustments > Inverse (ON THE LAYER MASK!) III. GROUP YOUR LAYERSĪfter you’ve sharpened and colored, you should put all your layers into a group. This is my header after adding my gradient and setting it to Hard Light: II. has a great tutorial on making your own gradients here. You can play around with the Gradient Tool, make your own using the Brush tool, or download gradient textures. Not Gradient Map, or Gradient Fill, but actual gradients. When I want that extra pop of color, I go ahead and play around with gradients. Here’s my header after sharpening and coloring: This is to avoid having borders on the edges. For example, I make the gif 587x331 so that I can crop it down to 583x327. This is more of a recommendation than an actual necessity, but what I like to do when I make my headers (and I do this for all my gifs in general as well) is oversize. ![]() 135x135 for the icon, later to be cut to a round 128x128Īgain, you’re free to play around with the dimensions! I did these particular dimensions to get as close as possible to the actual header and icon size.583x327 for the actual header itself (I normally size my headers 640x360, but these are the dimensions I pulled when I took a screenshot on desktop and measured the mobile header in PS).You’ll need to make sure your icon is disabled, though! It’s just the illusion of having a gif as your icon, when in reality it’s just an all-in-one header image. I think this goes without saying, but before I get into it, I do want to clarify that you won’t actually be uploading a gif as your icon. You’ll need Photoshop and basic knowledge on how to make gifs using the timeline. I was asked to do a tutorial on my old mobile layouts where I had a gif as both my icon and header, so here we are! I also uploaded a PSD here that you can use either as a template or as a guide/reference point in case you get lost somewhere along the way.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |