Slightly commercial tutorial

                                           
Welcome in a slightly commercial tutorial, where I will show you how I do different banners or billboards or whatever. It's an easy topic for me because I've worked in a company that sells PC's and computer equipment: so this defined the theme of the tutorial actually. This was some time ago so this will be a practice for me too.

So let's go.

banners or billboards

I've started with a white to red gradient for one side to another.

Slightly commercial tutorial

There was a feeling at the moment that it will be a good idea to divide the gradation on tone levels and to set each tone as a space for a product and its info.

Slightly commercial tutorial

So I used Cutout filter: in Filters > Artistic > Cutout.

But it wasn't a good idea after all so I decided to leave this cutout effect but correct all this by copying the layer and applying a motion blur filter to it.

Slightly commercial tutorial

Something like this:

Slightly commercial tutorial

Then I really want to add some fractal like effect. I've chosen to warp the whole top blurred layer.

Slightly commercial tutorial



Slightly commercial tutorial

I've also added another color - because simply red is too much like used color.

So, I've added another red but I did change the blending mode and it suddenly game me bluefish tone. I think this color combination really works.

Slightly commercial tutorial

Expose some areas too.

Slightly commercial tutorial

I've flipped the thing horizontally and changed the hue a little bit.

banners or billboards

I'm beginning to work with text now. Defining the color for the fonts:

Slightly commercial tutorial



Slightly commercial tutorial

The
  
price should pop out at a client so we'll make it more noticeable by dropping a reflection.

Do a copy , flip it horizontally and then 180 degrees.

banners or billboards



Slightly commercial tutorial



Slightly commercial tutorial



Slightly commercial tutorial

Apply a mask and use black gradient to hide the image part smoothly.

Then comes the product. I've chosen this web cam because I found high res images of it.

Slightly commercial tutorial

Copy the image.

Paste it in our design.

Slightly commercial tutorial

I've actually added a layer style - inner shadow - normal - red, to paste the object into the environment.

banners or billboards



Slightly commercial tutorial

I'm still pasting the text here. I've found a logo of Microsoft.

Slightly commercial tutorial

Adding some additional elements like these semi transparent line things:

Slightly commercial tutorial

Product info which is usually difficult to find a place for:

Slightly commercial tutorial

Some other elements:

Slightly commercial tutorial



Slightly commercial tutorial

And we are ready with a banner of a product. Time: 1.30 hours.

Slightly commercial tutorial



banners or 

billboards

So thank you for reading this. Actually I'm not really like this kind of work - I think it has less art in it then anywhere. And I really don't know why but when you flip this image horizontally it get's mush better for the eye (inho). See you next time.


Popular Tutorials

wallpaper with logo in Adobe Photoshop CSWindows XP wallpaperGirl Photo Manipulation illustration in Adobe Photoshop CSprofessional logo designAnimated Rainbow WallpaperFantastic Sunset WallpapersThe Making of an IconAutumn Wallpaper ??? Photo Effectssummer rest designing in Adobe Photoshop CS

Latest Tutorials

Digital art wallpapersSpace designnine and venueMaking a logoHow to design Business CardTree and Sky - your design adventureGraphic Designnoir wallpaperdark wallpaper


Rate this article and leave a reply:
Rating: * Poor Excellent
Your Name *: Email (private) *: Website:
Please copy the characters from the image below into the text field below. Doing this helps us prevent automated submissions.
Security Code: img







Psd Plus: advanced Photoshop tutorials.

CSS Gallery



Partner Links