Select Gradient Overlay, click the Gradient Editor and use the settings as shown below.ĩ Put the “SMASHING” type layer at the distance of 35px from top and 0px from left guide. 8 Double-click to open the Layer Style dialog box. You can also set these options in the Options bar when the Type Tool is the active tool. Also set the anti-aliasing method option to Sharp and use the color #101112. Create a new group (Layer > New > Group) and name it “ logo“.Ħ Select the Horizontal Type Tool (T) and type “ SMASHING” (or the name of your website) in capital letters.ħ Then in the Character panel, set the font to Arial, the style to Bold and the size to 42pt. The logo is going to be very simple and it will have a color gradient effect. Your canvas now should look like this: Creating the logoĥ Now we are going to create the logo for our website. Assign another guide to the left side of the selection. Now click on the left ruler and drag a guide to the right of the marquee selection as shown in the image below.Ĥ Move this selection on the right edge of the canvas. You can adjust the size by looking into the Info panel while making the selection. The Info panel gives useful information depending on the selected tool.īy pressing “M”, choose the Rectangular Marquee Tool and create a box that is 120px wide from the left corner of the canvas. Toggle the visibility of the rulers by pressing “Ctrl/Cmd + R”.Īlso open the Info panel from Window > Info (shortcut key: F8). Add guides to designate the content areaģ Activate Photoshop Rulers from View > Rulers. Set up the following settings for your Rulers from the Preferences dialog window (Ctrl/Cmd + K) click on Units & Rulers and ensure that you have everything set as shown in the figure below. Set the units and rulers settingsĢ Make sure that you are working in pixel units, which is the standard fixed unit for web design. Prepare your Photoshop documentġ Create a new document in Photoshop (Ctrl/Cmd + N) using the settings from the following image. You can see the final preview of the image below or click here for a full size version. Have a look at the layout that we’ll be creating in this tutorial.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |