In three(3) very easy and amazing steps, I will show you how you can design an amazing banner using fx Special Effects in adobe Photoshop.
You will also learn using this method how you can convert any image or photograph to a Vector to come up with a cool Graphic Illustration
So let’s get started…
Step 1 (Document Set up)
Add Gradients For Photoshop To Layer
Step 2 (Placing Model(Site Models))
Click on Image >> Adjustments >> select Threshold
Set the Threshold Level to 117 and click then Ok
Right click on the Eraser Tool and select the Magic Eraser Tool
Click on the white region of the placed Image to delete it
Now right click on the Eraser Tool again but this time select the “Eraser Tool”
Using a large hard eraser, paint around the unwanted part of the placed Image to remove it from the work
Using The Free-Transform Tool (Ctrl/Cmd +T), scale down the Image to the size of your choice
Step 3(Working With Special Effects And Applying Text)
Set the Character to the following:
Type in any random text of your choice (I chose informania.net as I made this banner as a gift for a friend)
Grouping Photoshop Layers
Notice that the image looks faded in a way.
We have to increase its opacity a little bit.
Select the informania.net layer and change its opacity to “81%”
Now select the chinedu ngwu joseph layer and increase the opacity to “100%”
Go to Filter on the menu bar >> Click on Render >> Select Lens Flare
Select the 50-300mm Zoom >> shift the pointer inside the ash box to the right a little bit and click OK
Now go to Filter >> Blur >> select Gaussian Blur
Set the radius to 57px and click OK
Go to Image >> Click on Adjustments >> Select Hue/Saturation
Set the Saturation to +75
Set the Blend mode of the layer to Screen
Right click on the fx special effects (“layer 1 copy”) and select create clipping mask
This is pretty much everything about the basics of this web banner design.
Let us now add those cool colors that shows an expression of a site loading.
Create a new layer >> select the brush tool from the tool panel(keyboard shortcut “B“) >> Select a hard small brush(set the brush preset as follows:)
From the tool panel, select the Foreground/Background color swatch and using the color picker, select any random color of your choice; I chose red, blue and lemon.
Use a small hard brush and just paint a Spot(dot) of your selected colors underneath the text.
There you have it, your own custom web banner, feel free to share it to your friends and colleagues.
Place a comment if you found this tutorial interesting and feel free to subscribe to my free newsletter for latest updates of some other wonderful Graphic Design Tutorials.