Absolute Zero Posted August 18, 2007 Share Posted August 18, 2007 Hello, everyone! Good Morning/Afternoon/Night! Let's start by me telling a little about myself then I will post the tutorial for all of you. I signed up to CE about a week ago and so far enjoy the community. I would like to help out anyway I can so I will post this. Experience: Adobe Photoshop CS1/CS3, Imageready, some flash cs and dreamweaver. Time: About a 2 & 1/2 of graphic design. Note: Before you start this project keep a design/style in mind. For that pick out the picture/font/brushes before starting. Recommended Sites: Font: www.dafont.com Pictures: www.sxc.hu Brushes: www.deviantart.com Tutorial: In this tutorial I will teach you how to make an attractive advertisement for your text-based game! This is not a copied tutorial and took me quite a bit of time to make! If you use this somewhere else please give me credit by posting: Made by Absolute Zero - www.zero-networks.com. This tutorial will include step by step and pictures along the way! If there are any problems/questions please post here. A +1 would be cool if you thought this was useful/used it. So what are we waiting for, lets get started! ------------------------------------------------------------------------- Step 1: Load up Adobe Photoshop, any version is fine. Click File > New. Copy this then press "Ok": Step 2: On your background layer go to filter > render > clouds. Press CTRL+F until you find the one right for you. Step 3: Create 4+ new layers (CTRL+SHIFT+N) depending how in depth you want your ad to be. Press "D" to reset your foreground; starting from the highest layer on your list ALT+BACKSPACE to fill the layer with black, then the layer under with CTRL+BACKSPACE. Black then White, Black then White. Continue this until you reach the "Background layer" (The one with clouds), do not change this layer in any way!. Your foreground and layers panel should look like this: Step 4: Click on the highest black layer. Press "B" to go to brushes and select your favorite brush, try not to repeat using the same brush, change your color to white when it's a black background and black to when it's a white background. Brush a few times then set the layer to "soft light" in the layers panel. Continue this until you reach the background layer (the one with clouds), do not brush this one!. Step 5: Already looks cool huh? It gets better! If you think it's to dark, click the background layer and go to: Layer > new adjustment layer > brightness/contrast and lighten it up to your desire. You can also go to the clouds layer and CTRL+F until it suits your needs. Next we need some color, layer > new adjustment layer > color balance. Use the following color levels: -45 / 0 / +32 - Midtones - Preserve Luminosity. Step 6: Time to add a cool border. CTRL+SHIFT+N above the highest layer and name it "border". Press "M" to get the rectangular marquee tool. Start from the corner and highlight everything. With it highlighted go to Edit > stroke > 1px black. Now you can customize it by going to Layer > layer style > blending options. Play around with it and make your border look cool, "Outer Glow" is my suggestion. Step 7: Click on the layer under the border and CTRL+SHIFT+N. Select the pencil tool with 2px. Hold shift and make a line vertically at the deep right side. Then hold shift and make a line horizontally near the top (look at picture for reference). Go to layer > layer style > stroke > 1px black. There we go, we got some cool lines on our advertisement now. Step 8: Go to the layer below border and press "U" select the "ellipse tool" and make sure your main color is white. Then use your tool to make a circle from one side to the other like this: Once that's done set the oval layer to an opacity of around 20%, depending on how you like it make it blend so it doesn't seem to obvious. Step 9: Copy a picture or make your own! Click the layer beneath the border and CTRL+V your image in. Resize and cut the edges of the image with the soft eraser so it looks good and place it on the left. Step 10: The last step! Looks great so far, but still missing something...TEXT! Grab your best text, write your game name underneath the horizontal line in a big font. Then write your slogan in VISITOR size 10 font (download at www.dafont.com) with a 1px black stroke around it! And your done! Add extra effects to your liking! I know I will. Examples of my finished products: ------------------------------------------------------------------------- Copyright © Absolute Zero. Only members of Criminal Existence can use this, unless the person has authorization. If used please post at top and bottom: Tutorial Made By: Absolute Zero - www.zero-networks.com. Thanks and I hope you made a wicked advertisement! Any questions/problems should be posted here, thanks. +1 would be cool if you like/used it. Quote Link to comment Share on other sites More sharing options...
Raptor_Jesus Posted August 18, 2007 Share Posted August 18, 2007 Re: Attractive Advertisement Tutorial! Nice post Zero Quote Link to comment Share on other sites More sharing options...
Absolute Zero Posted August 20, 2007 Author Share Posted August 20, 2007 Re: Attractive Advertisement Tutorial! Thanks Noelle 8-) Does anyone have any problems,questions or fixes to my tutorial? Has anyone used it? I want to see the final outcome some of you can come up with, I did this today: Quote Link to comment Share on other sites More sharing options...
Guest Anonymous Posted August 21, 2007 Share Posted August 21, 2007 Re: Attractive Advertisement Tutorial! Simple and effective....easy to follow tutorial. I like the latest one the best. Thanks for sharing! :) Quote Link to comment Share on other sites More sharing options...
Absolute Zero Posted August 21, 2007 Author Share Posted August 21, 2007 Re: Attractive Advertisement Tutorial! Thanks Scarlet! 8-) I will try to post more and more tutorials to help everyone out :-) Quote Link to comment Share on other sites More sharing options...
Absolute Zero Posted August 31, 2007 Author Share Posted August 31, 2007 Re: Attractive Advertisement Tutorial! Does anyone else have some opinions,questions how there ad went? Quote Link to comment Share on other sites More sharing options...
EvoX Posted September 14, 2007 Share Posted September 14, 2007 Re: Attractive Advertisement Tutorial! Wow. All I can say is, wow. VERY IMPRESSIVE work, I love it. The tutorial was tons of help aswell! Thank you very much for posting it, hope to see more tut's from ya! Quote Link to comment Share on other sites More sharing options...
Absolute Zero Posted September 15, 2007 Author Share Posted September 15, 2007 Re: Attractive Advertisement Tutorial! Wow. All I can say is, wow. VERY IMPRESSIVE work, I love it. The tutorial was tons of help aswell! Thank you very much for posting it, hope to see more tut's from ya! Thanks so much for the comment, I really appreciate it. Did you make an ad yet? May I see it? Quote Link to comment Share on other sites More sharing options...
hamster01 Posted September 15, 2007 Share Posted September 15, 2007 Re: Attractive Advertisement Tutorial! (: Quote Link to comment Share on other sites More sharing options...
Absolute Zero Posted September 15, 2007 Author Share Posted September 15, 2007 Re: Attractive Advertisement Tutorial! Nice one! :-) lol Quote Link to comment Share on other sites More sharing options...
YoungGold Posted September 15, 2007 Share Posted September 15, 2007 Re: Attractive Advertisement Tutorial! hehe i made this in 5 mins max Program used: Macromedia Fireworks MX Quote Link to comment Share on other sites More sharing options...
Silver Posted January 30, 2008 Share Posted January 30, 2008 Re: Attractive Advertisement Tutorial! the only thing i get stuck on is the text lol how do u do cool texts like that PS im CRAP at graphics and photoshop Quote Link to comment Share on other sites More sharing options...
Guest Anonymous Posted February 7, 2008 Share Posted February 7, 2008 Re: Attractive Advertisement Tutorial! the only thing i get stuck on is the text lol how do u do cool texts like that PS im CRAP at graphics and photoshop Any designer will tell you text is the hardest part of any design...I dont know anyone that finds choosing the right text and effect easy...my suggestion is to read ALOT of tutorials dont be afraid to experiment and look into downloading some actions and styles ...this are preset settings that will give you certain effects...can be great for more complex ideas. The styles are always changing today its all web 2.0 everyone wants clean and sleek. I guess the most important thing is to try and balance your text with the image...and make sure people can read it....especially if its in an advertisement. Quote Link to comment Share on other sites More sharing options...
Absolute Zero Posted April 3, 2008 Author Share Posted April 3, 2008 Re: Attractive Advertisement Tutorial! Regarding Scarlets post (sorry I have been inactive) I totally agree as text is really hard to chose. But, really, there are some obvious tricks, such as: if you have a war website, don't go using cartoon font. Just use your brains and your eyes and you can come up with a pretty good design! Thanks. Quote Link to comment Share on other sites More sharing options...
Silver Posted May 18, 2008 Share Posted May 18, 2008 Re: Attractive Advertisement Tutorial! This is great tutorial :o I finally made my first ever decent banner xD Quote Link to comment Share on other sites More sharing options...
redsnake420 Posted June 28, 2008 Share Posted June 28, 2008 Re: Attractive Advertisement Tutorial! This is my first attempt at making a banner I used Baraka from mortal combat as a sample pic for the banner Lemme know what you think for my first time using Photoshop CS3 Quote Link to comment Share on other sites More sharing options...
Criminal Posted June 28, 2008 Share Posted June 28, 2008 Re: Attractive Advertisement Tutorial! I'll say its soo good at first banner keep it up m8 Quote Link to comment Share on other sites More sharing options...
Klikoka Posted June 30, 2008 Share Posted June 30, 2008 Re: Attractive Advertisement Tutorial! Nice redsnake420 its great for your first. Quote Link to comment Share on other sites More sharing options...
03laceys Posted June 30, 2008 Share Posted June 30, 2008 Re: Attractive Advertisement Tutorial! I am currently stuck on step 3... I have done everything so far but i am now pressing ctrl+shift to make the background black and it is doing nothing any help? Quote Link to comment Share on other sites More sharing options...
redsnake420 Posted July 1, 2008 Share Posted July 1, 2008 Re: Attractive Advertisement Tutorial! its not hard to paint the background black i didnt even use Ctrl+Shift when i did it i did it the old fashioned way Quote Link to comment Share on other sites More sharing options...
03laceys Posted July 1, 2008 Share Posted July 1, 2008 Re: Attractive Advertisement Tutorial! how do you do that i have tried many ways... Quote Link to comment Share on other sites More sharing options...
Absolute Zero Posted July 4, 2008 Author Share Posted July 4, 2008 Re: Attractive Advertisement Tutorial! how do you do that i have tried many ways... Sorry, messed up wording on that part, to fill the layer with black press "D" to reset foreground then press ALT+BACKSPACE to set it to black. Sorry for the confusion. Thanks, Absolute Zero. Quote Link to comment Share on other sites More sharing options...
03laceys Posted July 4, 2008 Share Posted July 4, 2008 Re: Attractive Advertisement Tutorial! I have tried again and got it. but now on step 4 i think it is, with the brushes i have added brushes to each layer and clicked back onto the clouds one and it only shows layer one, what to do? Quote Link to comment Share on other sites More sharing options...
redsnake420 Posted July 4, 2008 Share Posted July 4, 2008 Re: Attractive Advertisement Tutorial! you shouldn't be trying to do this tutorial unless you know how to move around on photoshop i learned what was what before i tried doing it Quote Link to comment Share on other sites More sharing options...
Klikoka Posted July 6, 2008 Share Posted July 6, 2008 Re: Attractive Advertisement Tutorial! I used this tutorial for this ad: Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.