![]() We want to tighten up the edges of the clouds a little. (You will be able to see the mask we are creating more clearly by going to the Channels palette and temporarily turning on the visibility of the Clouds Mask while turning off the others by clicking on their eye icons.) Re-apply the Difference Clouds filter twice more by pressing CMD-F twice in succession. Choose Filter / Render / Difference Clouds. The result doesn’t look terribly cloud-like yet, but we’ll improve that. Step 2: Create the cloudsįrom the menu bar, choose Filter / Render / Clouds. We will be doing all of our work directly on the layer mask: you’ll be able to tell that you are on the layer mask by the small highlighted frame around the layer mask icon in the Layer palette. Immediately create a mask for your layer by clicking on the Add Mask icon in the layers palette. After pressing OK, fill the layer with white by pressing SHIFT + F5 and choosing Background Color as the fill option. Make sure you have default colours (black foreground, white background) selected in the color picker by pressing D on your keyboard. Make sure that you name the document and make its background transparent before you press OK. First, you’ll want your canvas in PhotoShop to be a little wider and taller than your final banner to allow for animation: I would suggest around 1000px × 250px. ![]() Our initial goal is to make a banner for some text that is easily adjustable, with the foreknowledge that we will be animating it later with CSS. We’ll use the result of this tutorial in several articles to come, including PNG Optimisation and CSS3 animation. ![]() I’ll be using Adobe PhotoShop CS5, but the techniques illustrated should be applicable to any version of PhotoShop, and translatable to other image editing programs such as GIMP. In this exercise we are going to make a more complex image, working solely in the mask layer. ![]() In previous articles we’ve looked at creating 32-bit PNGs for use in web pages. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |