como crear un psd blog

38
Create new document, I've used 1280*1500px size, with resolution 72 px/inch. Fill background layer with dark-blue color. In the top of page create rectangular in a new layer and fill it with linear gradient just like in the screen shot below.

Upload: cmgg1984

Post on 16-Dec-2014

302 views

Category:

Design


0 download

DESCRIPTION

Documento qu muestra como crear un Blog a pie facilmente en Photoshop espero les sirva mucho esta muy interesante

TRANSCRIPT

Page 1: Como crear un psd blog

Create new document, I've used 1280*1500px size, with resolution 72 px/inch. Fill background layer with dark-blue color. In the top of page create rectangular in a new layer and fill it with linear gradient

just like in the screen shot below.

Page 2: Como crear un psd blog

Draw a new rectangular for header in a new layer using Rounded Rectangle Tool (Radius - 16px).

Page 3: Como crear un psd blog

Duplicate created shape into a new layer, cut out the bottom part just like in the example below . Draw rectangular with curl side using Pen Tool and Convert point Tool . Load selection Ctrl + Enter for this shape and cut out selected area.

Page 4: Como crear un psd blog

Apply the following layer style adjustments to created layer.

Page 5: Como crear un psd blog
Page 6: Como crear un psd blog

Insert leaking splatters image or draw it yourself using round brush, play with size dynamic settings.

Page 7: Como crear un psd blog

Correct it shape using Warp transformation. Edit > Transform > Warp Transformation.

Page 8: Como crear un psd blog

Merge to layers. Add decor details to the same layer.

Page 9: Como crear un psd blog

Duplicate created shape, remove layer style effects from duplicated layer. Load selection for it. Ctrl + Click.

Save selection, go to Filter > Blur > Gaussian blur (10). Add paint splatters to duplicated layer.

Page 10: Como crear un psd blog

Erase paint drops area using soft Eraser Tool. Apply Gradient Overlay Blending Mode to this shape.

Page 11: Como crear un psd blog

Add paint splatters to bottom rectangular using Brush Tool

Page 12: Como crear un psd blog

Apply Gradient Overlay layer style effect.

Page 13: Como crear un psd blog

Load selection for blue shape. Create a new layer, apply splatter and splash brushes to selected area in a new layer. Apply the same layer style effects as to the white shape with leaking splatters.

Page 14: Como crear un psd blog

Type blog or web site name.

Page 15: Como crear un psd blog

Rasterize type, add Layer Mask to this layer. Go to Layer Mask thumbnail apply splatter brush to it. Return to Layer thumbnail, add small paint splatters to letters.

Page 16: Como crear un psd blog

Apply the following layer style effects to letters.

Page 17: Como crear un psd blog
Page 18: Como crear un psd blog
Page 19: Como crear un psd blog
Page 20: Como crear un psd blog

Create a new layer, place it below letters layer. Draw new splatters. Apply layer style effects just like in the examples below.

Page 21: Como crear un psd blog
Page 22: Como crear un psd blog

o Apply the Gradient Overlay and Bevel and Emboss effects for "Blog".

Page 23: Como crear un psd blog
Page 24: Como crear un psd blog

Create big rectangular for content area. Fill it with e7e2d5 color. Select the top area of created rectangular and fill it with following gradient.

Page 25: Como crear un psd blog

Here are layer style effects for search box.

Page 26: Como crear un psd blog
Page 27: Como crear un psd blog
Page 28: Como crear un psd blog

Layer style effects for search box.

Page 29: Como crear un psd blog
Page 30: Como crear un psd blog
Page 31: Como crear un psd blog

Add boxes with examples of information into your blog page.

Page 32: Como crear un psd blog

Add splatter spots to content area.

Page 33: Como crear un psd blog

Apply the following style adjustments to this element.

Page 34: Como crear un psd blog
Page 35: Como crear un psd blog

Add content categories.

Page 36: Como crear un psd blog

Use white stroke(1px) and drop shadow effects for images.

Page 37: Como crear un psd blog

And here is result!

Click for larger view!