Como crear una plantilla en photoshop paso paso Perspective Lines Web Layout Tutorial

at 18:59 | Etiquetas: , ,

Hello friends. today i will show you how to create another layout.



1) Open a new document in Photoshop, and fill the background with the color #10100c. Search some grunge brushes and paint with one of them on a new layer (flolow the next link to download the brushes which I used Go Media Spills & Splatters - Photoshop Brushes - Free Photoshop Brushes at Brusheezy! ). Use the color #202018.



2) Create a new layer, select Rectangular Marquee Tool and use the Fixed Size 10px * 150px to make a rectangular selection. Fill the selection with any color, then make sure you have Rectangular Marquee Tool selected, hold down Shift and press two times the right arrow button on your keyboard. This will move your selection 20 pixels to right. Now fill the selection with another color. Keep doing this on the same layer until you have 12 rectangles.



3) Go to Edit > Free Transform and in the option bar set the horizontal scale to 93%.



4) Select Rectangular Marquee Tool, make sure that the style is set to Normal, and make a selection like the one from the image bellow. Press right-click on the image and select Layer via Cut. Everything you have selected will be placed in a new layer. Change the name of this layer into Perspective Lines and the name of the first layer into Straight Lines.



5) Now with the new layer selected (Perspective Lines) go to Edit > Free Transform and move the right bottom point to left. When you`re happy with your result press Enter.



6) Select the Straight Lines layer and press Ctrl+J to duplicate it. Press Ctrl+T and transform it like I did in the next image. Change the name of this layer into Middle Lines.



7) Select the Straight Lines layer and the Perspective Lines layer (hold down Ctrl and click on this two layers) then move them above the ‘Create a new layer‘ button in the Layers window to duplicate them. Press Ctrl+E to merge this two layers, then go to Edit > Transform > Flip Vertical. Select Move Tool (V) and move this layer to the bottom part of our layout. Change the name of this layer into Bottom Lines.



8) Place all the lines layers into a folder (select them all then press Ctrl+G). Duplicate this group by bringing it above the ‘Create a new layer’ button. Set the blend mode for this group to Color Dodge. Add a layer mask for each of this two groups (Layer > Layer Mask > Reveal All), then use some grunge black brushes to cover some parts of the lines. Use different opacities for the brushes. Take a look at the result which I obtained in the image bellow.



9) Now we are going to create the menu. Create a new layer, set the foreground color to #e9dd71 then select Rounded Rectangle Tool and create a rounded rectangle with the radius of 10 pixels. Add a mask to this layer and use some grunge black brushes to cover some parts of the button. Type the name of the page, then open the Layer Style window of the layer text and use the settings from the next image. Create another three buttons using the colors #11a60b, #bf25df and #0d34ca.





10) Create a new layer, select Rounded Rectangle Tool, set the radius to 20 pixels and make a rounded rectangle which is going to be our content background. Then open the Layer Style window and use the settings from the next image. Set the opacity for this layer to 70%.





11) Create a few rounded rectangles for the sidebar. Copy and paste the layer style from the content background, but set the opacity to 100% (just for the sidebar rounded rectangles).



12) Add the content for our layout. You can make a separator between posts and create some text effects.



13) Create a small rounded rectangle with the radius of 20 pixels which will be the footer. Place there the copyright information.



Final Result