How to Design a HOT DEALS Banner for Website

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 the 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.