![]() ![]() ![]() It’s better to save the label as Smart Object for easier management. Throughout entire design, we are going to use exact same label for consistency. Write the discount percentage inside the label.Īdd depth into the text by applying Inner Shadow, Outer Glow, and Drop Shadow with following settings.Īdd persentage symbol and off text with smaller font size. Using The Line Tool, draw two black 1 px lines on lower part of the label.Īdd inset effect into the lines by activating Drop Shadow with white color, Distance: 1 px, Angle: 90° and low Opacity. Activate Stroke using the following settings. Set its color to blue.ĭouble click the shape layer to add layer style. Set its size to 97 px × 83 px with 6 sides. A dialog box will appear and ask for the shape’s properties. But, we want to give comfort to the viewer by showing them something to click.Īctivate Rounded Rectangle Tool and then click and drag to draw a rounded rectangle shape.Īctivate The Polygon Tool and then click once on the canvas. Actually, this is not going to be a real button because the whole banner is clickable. We are going to add button into the design. The image will goes into the layer underneath it. Hit Ctrl + Alt + G to turn the image into a clipping mask. Since this is for a store, we are going to use this stock image from shutterstock. This time we can use any color, it doesn’t matter since we are going to use it as Clipping Mask for the image.ĭrag an image that is suitable with the theme of your banner. Let’s add another shape and modify its points. Using Direct Selection Tool modify its point until it overlaps the previous shape. Double click its layer thumbnail and then change its color to red. For its color, we use blue.Īctivate Direct Selection Tool and then pull its right side up.ĭuplicate the shape by dragging its layer onto the New Layer icon. To increase the visibility of this banner, we will add an image to draw the viewer’s attention. Write BIG SALE on top part of the banner. Much more accurate than dragging from the ruler( Ctrl + R) to the canvas. As you can see, this is a practical way to create new guides. Automatically, Photoshop will make new vertical dan horizontal guide based on the bounding box of the selected shapes. Make sure both shapes on the corners are selected and then click View > New Guides From Shape. In this case, the rectangular size is 24 px × 24 px.ĭuplicate the rectangle shape we made earlier by Alt + dragging it and then place it on the opposite corner. Draw a rectangle shape and place it on the corner. To help us placing the elements accurately, we need guides. Reduce its Opacity to keep the effect subtle.Īdd subtle Gradient Overlay, from white to black with low Opacity. Click OK.ĭouble click the shape and then activate Pattern Overlay. In the Color Picker dialog box that pops up, select dark orange ( #dcb43b) for the background color. Click the black and white circle icon on bottom of the Layers Panel and then select Solid Color. We are going to add background to the canvas. Make new file (Ctrl + N) and then enter 300 px and 600 px for its Width and Height size. There are five popular ad sizes available.įor our first design, we are going to use banner size: 300 px × 600 px. Signup now and get exclusive :) Find out more about the VIP Members Areasįor the banner sizes, we are going to refer to AdSense guide. Edit artboard size photoshop download#You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 200+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. ![]() These are all the banner we are going to design in this tutorial: Edit artboard size photoshop how to#In this tutorial, we will show you how to design multiple size web banner in one file using artboard feature. Now, I’d like to introduce you to Photoshop’s artboard which can helps you design multiple layout faster and more effective. We often rely on techniques that has been proven to be useful based on our years of experiences. Perhaps only a few of us who knew all the new feature in a software. This tutorial is written exclusively for PSD Vault by Mohammad Jeprie. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |