Title:
Photoshop How to design a HOT DEALS banner for website
Description:
Great photoshop tutorial for web designers – how to design hot deal banner for website
This photoshop tutorial is for fellow graphics designers
or web master who wants to create a Logo or banner for
their website with the text "Hot deals".
1. 1. First of all to open a new Document.
Go to Menu select File > new and then a new document
will appear. In the new Document type the name of the document
width = 300 pixel height = 300 pixel and resolution = 96.012 pixel/inch
or you can do it with the Ctrl+N.
2. Now here select the Text Tool, which is shown with
the red circle and then type the word Hot Deals.
3. Now for Transform Selection press Ctrl+T and
then drag the corners of the Transform Section to make
it bigger after that press Enter.
4. If you want you can change the Font size from
the list below to make the word big.
5. Here from the Font Family you can change
the Style of the Font.
6. Now in the Layer window select Background
and then press Alt+Backspace to fill the Black color
in the background.
7. Here in the Layer window Double click on the
Text Layer then in the Layer style select Pattern Overlay
after that click on the pattern picker which is shown
with the red circle.
8. Now click on the arrow which is shown with the red circle.
9. From here select Patterns.
10. After you click on Patterns you will see the list
you have to click on the design which is again shown
with the red circle.
11. Now after you select your pattern select the Scale 10%.
12. Now our font will look like this.
13. Now in the Layer style select Stroke size-2px
and then click on box which is next to color and choose
white color.
14. When you click on the box next to color [set color of stroke]
which is shown
with the red circle you will get a table of colors.
I have selected white color from there, you can choose some
other color if you want.
15. The Font will look like this as you can see below.
16. To make a copy of Text Layer press Ctrl+J.
17. Now select Move Tool from the Toolbar and then then
with the help of Move Tool slide the copied Text as shown below.
18. Now Double click on the copied Text Layer >
Layer style > select Gradient Overlay and then to
choose new color click on the edit the gradient which
is the rectangle next to Gradient and shown with the
red circle.
19. When you click on the Edit to Gradient you
will get the Gradient Editor, now from there
choose color #BF0301. #FBE953.
20. Now in the Gradient Overlay click ok at Style -Radial / Opacity-65%.
21. Now the text will look like this.
22. Now again select Layer style > Outer Glow in th
the outer Glow click on the box which is shown with the
red circle to change the color now choose the
color code #FD0C0A.
23. Now here select Normal in the blend mode.
24. Here select opacity-75% Spread-9% / Size-40px.
25. Now select Stroke, and select color #FF5A59 and then click ok.
26. Final Image.
| 
