tutorialtown.com

Photoshop tutorials and Everyday Tips, articles and money saving Ideas.

tutorialtown.com header image 2

Photoshop Website Fire Template Header

June 20th, 2008 · No Comments

Here I will teach you about How to create Photoshop Website Fire Template Header

[1]-First of all Open New Document of Custom size,Height & Width 200×650 pixels,Resolution 72 & Mode RGB Color

Pun478-photoshop-website-fire-template-header1

[2]-Now select Gradient Tool & use the following Gradient & settings

Pun478-photoshop-website-fire-template-header2

[3]-Now fill the Background with the help of Gradient Tool & your image should look like as shown below

Pun478-photoshop-website-fire-template-header3

[4]-Now make the Duplicate Layer with the help of Ctrl+J & then go to Filter>Distort>Zigzag
Photoshop Technique-I have used this Feature of zigzag

Pun478-photoshop-website-fire-template-header4

[5]-Now your image should look like as shown below

Pun478-photoshop-website-fire-template-header5

[6]-Now again make the Duplicate Layer & then go to Filter>Distort>Zigzag & use the following settings

Pun478-photoshop-website-fire-template-header6

[7]-Now your image should look like as shown below

Pun478-photoshop-website-fire-template-header7

[8]-Now create the following selection with the help of Elliptical Marquee Tool

Pun478-photoshop-website-fire-template-header8

[9]-Now press ‘Q’ & your image should look like as shown below

Pun478-photoshop-website-fire-template-header9

[10]-Now go to Filter>Distort>Zigzag & use the following settings

Pun478-photoshop-website-fire-template-header10

[11]-Now your image should look like as shown below

Pun478-photoshop-website-fire-template-header11

[12]-Now create the following selection with the help of Magic Wand Tool & then press “Q” & your image should look like as
shown below

Pun478-photoshop-website-fire-template-header12
1
[13]-Now Open New Layer & then fill the selection the help of Gradient which earlier used & Blending Mode of this layer
should ‘Darken’ & your image should look like as shown below

Pun478-photoshop-website-fire-template-header13

[14]-Now make the Duplicate Layer with the help of Ctrl+J & then adjust with the help of Move Tool

Pun478-photoshop-website-fire-template-header14

[15]-Now again make the Duplicate layer & the adjust with the help of Move Tool

Pun478-photoshop-website-fire-template-header15

[16]-Now Open New Layer & then create the following selection with the help of Rectangular Marquee Tool

Pun478-photoshop-website-fire-template-header16

[17]-Now select Gradient Tool & use the following Gradient & settings

Pun478-photoshop-website-fire-template-header17

Pun478-photoshop-website-fire-template-header18

[18]-Now fill the selection with the help of Gradient Tool with top to bottom direction & your image should look like as
shown below

Pun478-photoshop-website-fire-template-header19

[19]-Now go to Filter>Distort>Ripples & use the following settings
Photoshop Techniques-I have used this feature of Ripples

Pun478-photoshop-website-fire-template-header20

[20]-Now your image should look like as shown below

Pun478-photoshop-website-fire-template-header21

[21]-Now make the Duplicate Layer with the help of Ctrl+J & then press Ctrl+T,right click select “Flip Vertical” & then
press ENTER & your image should look like as shown below

Pun478-photoshop-website-fire-template-header22

[22]-Now create the following Text with the help of Text Tool

Pun478-photoshop-website-fire-template-header23

[23]-Now select Text layer & then go to Blending Options, select Drop Shadow & use the following settings

Pun478-photoshop-website-fire-template-header24

[24]-Now select Gradient Overlay & use the following settings

Pun478-photoshop-website-fire-template-header25

[25]-Now your image should look like as shown below

Pun478-photoshop-website-fire-template-header26

[26]-Now like this create the other Text with the help of Text Tool.
Thanks for read this Photoshop Tutorial.I hope U have enjoyed & the Final Output of this Tutorial is shown below

Pun478-photoshop-website-fire-template-header27

creating logos with photoshop

creating water in photoshop

creating watermarks in photoshop

Tags: Photoshop tutorials

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

You must log in to post a comment.