Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

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 </p>
<p>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.


Comments