Create Web 2.0 Style Logo with Photoshop. Welcome to PhotoshopStar.com! If you find this site useful, you might want to subscribe to our free newsletter for updates on our new Photoshop Tutorials and Articles. In this tutorial i am going to show you how you can create one logo with web 2.0 style.Note: This tutorial was published before on another small site some years ago. I decided to close that site but i always liked this tutorial and he got a lot of positive reviews. So i decided to update it and publish it here at Photoshop Star.
Final Image Preview Step 1 Create a new document with size of 600 x 300 pixels and fill it with white color. Step 2 Create a new layer. Set foreground color to #91D638 and draw a polygon facing up. Step 4 With layer selected, go to Layer > Layer Style > Blending Options > Stroke. Step 5 Create a new layer. Step 6 Create a new layer. Step 7 With this layer selected, go to Layer > Layer Style > Blending Options and add the following styles: Step 8 Merge all visible layers into one except background layer. Creating a graphical web page header in Adobe Photoshop. The last page of the tutorial covers adding the buttons and header text. 12 – Creating a button layer In the layers list, Ctrl+Click on your gold layer to select it. Create a new layer and drag that new layer almost to the bottom of the layers list. Select a colour (I've chosen orange here) and fill the area with the Paint Bucket.
Select the Move tool and press the down key several times to move the layer downwards. 13 – Making notches with the Freeform Pen Tool Press Shift+P to switch to the Pen Tool. 14 – Cutting the Selection Right-click the line you've made, and select Make Selection. 15 – Putting text on your buttons Using the text tool, put in some black text on each button. 16 – Inserting some header text Add in some header text, in white.
On the layers list, Ctrl+Click on the gold layer to select it, choose the Selection Tool, then hold Alt and drag the cursor across the top of the selected area, to cut the top off the selection, then do the same for the bottom, leaving just a band. Untitled. Adobe Photoshop Web Graphics Tutorials.