Photoshop Tutorial – How To Design An Email Template Special Christmas
Notice that I attached to this tutorial, the psd source file used to create this template. Click here to download it.
STEP 1 Create the document
Open Photoshop software, then go to menu File>New and enter a name, width and height definition of your new picture (600×1500) and finish by clicking on the OK key.
Create a new layer and name it Top. Use now the Rectangular Marquee Tool (M) to create an active selection of 55px height, all along the width. Use the Paint Bucket Tool (B) to fill in this selection and add two layer styles: a shadow and a gradient overlay.
Add the logo now (on the left side) as well as the newsletter reference (on the right side).
See below the final result of the first step.
STEP 2 Create the header
Create a new goup (menu layer>new>group) and name it header. Use the Rectangle Tool (M) to create an active selection (600×540px). Use now the Paint Bucket Tool (B) to fill in the selection with the red #cc0001.
Update the foreground by the with #fff. Select the Gradient Tool (G), select on the top the foreground gradient > transparency (in the selector) then radial as gradient form. Create a new layer, name it gradient and create a white radial gradient on the centre.
Change the layer opacity to 80% and the fusion mode to overlay.
Create the snow, tree, and notice board illustrations , I used the vectorial illustration available on vectorious.net at this page. Open the file with Illustrator and copy the snow (Ctrl/Cmd + C). Paste it into your document. (Ctrl/Cmd + V).
Use same method to import the trees.
Similar for the notice board
To finish, import the snow
Use the text tool (T) to enter the message you want to deliver to your readers. I used three different fonts: Helvetica LT, LT Condensed and Ballparck. On Christmas word, I added two layer styles: shadow and gradient overlay.
STEP 3 Give value to your products
Under the header, it displays a selection of nine items of the web-store (no web-store! you can replace items by what either else). A thumbnail, a title and a reduce button are attached to each item. There is nothing difficult to create the thumbnail and the title, but regarding the reduce, create a red round with the Ellipse Tool (U) and add three layer styles: internal shadow, gradient overlay and outline.
Put the layers regarding the first item into a new group. Duplicate it 5 times (to duplicate, right click with your mouse, on the group and select Duplicate the Group). Use now the Move Tool (V) to place them on two lines.
STEP 4 The button
The items, with help of a button, invite the visitors to go to the Web site. To create a button, create first a new group and name it button. Select the Rounded Rectangle Tool (U) and change the radius to 10 pixels. Create a rectangle (520×60px) and go to menu Layer>Layer Style>internal shadow. Add three layer styles: internal shadow, gradient overlay and outline.
Use the Text tool (T) to add the title of the button (font Ballparck). Add a shadow on this text.
To finish, add on the right of the button, a icon with Christmas theme. You can find several icon regarding Christmas on this page.
STEP 5 Twitter et Facebook
The footer includes three elements: a bar to define the social networks, an update area and a Copyright. For the first element, create a new group and name it The footer. Create into this first group, another group and name it The wood. Use the Rectangle Tool (U) to create a 600×45px rectangle. Go to menu Layer> Layer style>shadow. Add an internal shadow and a patterns overlay.
Go now to Iconfinder to download the Twitter and Facebook icons. Import them into your picture. Use now the Text tool (T) to add the titles. On each icon and text, add a colour overlay, an internal shadow and a shadow.
STEP 6 Last updates
Create a new layer and name it background. Create an active selection (600×330px) and fill it with the colour #0b5930 using the Paint Bucket Tool. (G).
Create a new group and name it Blog. Use the Text tool (T) to create a title, a text (get help from lipsum.org) and a button (use for it the Rounded Rectangle Tool (U)). On each layer, easy add a shadow.
Duplicate the group Blog and put the copy on the right.
STEP 7 The Copyright
To finish the Template, create a new layer and a 600×700px rectangle using the Rectangle Marquee Tool (M). Fill this active selection with the Paint Bucket Tool (B)and colour #073b20. Use now the Text tool (T) to add the Copyright.
The Template is now all done. If you like this tutorial, do not hesitate any more to share it on Twitter, Facebook and StumbleUpon. Thank a lot to you all to read this tutorial and for readers bringing their help to share it.
The web designers can download the psd source file of this template, with a click here or on the blue button below.
Source: grafpedia.com
you may also like:
One Response to “Photoshop Tutorial – How To Design An Email Template Special Christmas”
Leave a Reply
Took me one hour to read it all, very useful and explicit, good job