WEEKEND TICKETS GOING FAST!

PRICES GO UP AT THE GATE

PURCHASE TICKET
Post Reply Ask Pahounie!!
Moderator
1616 cr points
Send Message: Send PM GB Post
31 / F / Houston
Offline
Posted 4/7/08
I had this epiphany where I figured out I love helping others, especially here on CR. It's my greatest skill, and since this is Mania of Skillz...I decided to make this forum here because, well, I need things to do (instead of studying, muwhaha. :P).

So, Ask Me Anything!! I will answer ever question I get! Go ahead, don't be shy!! (If you really want to ask something anonymously, send me a PM!)



(I've always wanted my own advice column, lol)
Posted 4/7/08
how do you make ur banners lol xD teach me oh great one lol xD
Moderator
1616 cr points
Send Message: Send PM GB Post
31 / F / Houston
Offline
Posted 4/7/08
haha okay. I'll post up a tutorial on how to make some banners on photoshop.
Moderator
1616 cr points
Send Message: Send PM GB Post
31 / F / Houston
Offline
Posted 4/7/08
Well, banners can be as different as two people, so there's really no one way to show you how I make banners, so I guess I'll talk a little bit about some tips and tricks.

Tips
-Spend time looking for images and fonts. Don't just settle on the first thing that looks "okay." Most of time you'll find the perfect thing if you just keep looking.
-Use brushes!! They work wonders. You can find some great ones on Deviant Art.
-Layers, layers, layers. Anytime I change brush or color, I make a new layer. That way, if I decide I don't like something, I can tweak it without killing the rest of the image. And I can add effects, etc. You can always combine them later if you want something together.
-The pen tool is a life saver!!
-Gradients add flair, make sure to play around with the layer effects to make it something original.


Well, those are pretty much all the basic tips I can think of. Here's a walkthrough of a signature - what I used to make before I made random banners. You can make them into banners, as well, and omit a few things to make them really great.

Okay. Let's start out by opening photoshop and making a new image with a width of 500 x 250 (meaning width 500 px, height 250 px), with a white background. Using the bucket tool, make your background black. This is what you should have so far:



Now using either Layer >> New >> Layer, or Shift + Ctrl + N, make 3 new layers and name them brushing 1, 2, and 3. It can get a little annoying naming all your layers, but when you make images with 100 + layers, it's good to name them. This image won't have nearly that many, but it's good practice.



Starting with the bottom brushing layer, pick a grunge-style brush in white. The goal is over 3 layers to brush the entire canvas. This is what I have after my first layer of brushing.




By varing the brushes, you can create a nice effect. You can also just use one style of brush. I used 3 different styles. This is what I have after 3 layers of brushing:



Now we add our render. Renders are basically cut outs of images. They can also be called PSD's and PNG's because they are typically saved as one of those two formats. I chose a render from Assassin's Creed (I think video game renders look nice because of their CG look, but you can use anything, really...) that I got from http://www.planetrenders.net - you have to sign up to use their renders, but it's free.

Open up your render and copy and paste it into your image. There are a few ways to do this, the two I use most often:

Way 1
-On your render image, use the hotkeys Ctrl + A, then Ctrl + C.
-On your signature, use the hotkey Ctrl + V.

Way 2
-On your render image, under the Layers toolbar, right click the layer, then Duplicate layer.



-Then chose your signature image from the drop down menu (mine is titled signature)



Okay, now that you have your render on your signature image, you can resize to make it fit. (In this case, my render is HUGE, so I need to make it smaller to fit).



Now you are going to add some effects. First thing we are going to do is add some color on the background. To do this, use your single column marquee tool.



Place the tool over an area that picks up different colors of the render (make sure you have the render layer selected!!)



Go to Layer >> New >> Layer Via Copy or hotkey Ctrl + J. This will create a new layer on top of your render. Looks like nothing's there, but there is! Use the hotkey Ctrl + T to use the transform tool, and you'll see a small line. Using the left and right boxes, stretch this line so it covers your image.





Move the color layer under your render layer, and change the setting to Overlay.




Here comes the fun. We are going to copy the render layer 4 times. Select the render layer and hit Ctrl + J 4 times. Then turn off visibility of all the layer except the bottom render layer.



Using your smudge tool, set it to these settings:



Smudge your render around and around until you get something that looks kind of like this:



Set the layer setting to overlay. Then reveal the next layer and smudge some more! This time, go to Filter >> Sharpen >> Sharpen.



Then set the layer setting to overlay. Reveal the next layer, and smudge your little heart out! This time, go to filter >> Blur >> Gaussian blur. Use about 1.8 px for the blur.




This time, set the layer setting to Soft Light. Reveal your next layer, and, of course, smudge. This time set the layer setting to Screen. Reveal your top layer, and go to Filter >> Sharpen >> Sharpen.

And that's it! Add some text, and you are done!



Going farther!

I like to go farther with my signatures. One way to do this is to add scan lines. There's lots of different types of scan lines, but there's one I use alot. Here's a quick tutorial on how to make the pattern:



Now that you have scan lines as a pattern, go back to your signature. Make a new layer (Ctrl + Shift + N). Move this layer under your top render layer. Fill this layer with the scan lines by going to Edit >> Fill. Select Use a Pattern, and pick your scan lines - don't forget to put the blending mode as Overlay.




Now you can go further by cutting it out. I think this looks really neat. Start by saving your work as a PSD. You should've been saving periodically as we went along, but this way you have all the layers in case you want to add more or change something. Then flatten your image by going to Layer >> Flatten Image. Make your background layer editable by double clicking it, and selecting ok. (The default name is layer 0. This is fine, but I named mine background.)



Now create a few boxes to serve as our outline. To do this, make a new layer for each box (Ctrl + Shift + N) and use the selection tool (Make sure you're using the rectangular marquee tool!). When you have an area selected that you like (making sure you have the new layer selected), go to Edit >> Stroke. Use these settings:



I used black for my boxes, but sometimes other colors work better. I like 1 px, but use whatever width you want. Make a new layer and keep adding boxes that overlap until you get the majority of your render.



Now, merge all the box layers. Do this by either right clicking the top layer and selecting merge down until they are all merged, or Ctrl + left click each layer, and then right click, and select merge layers.

Decide which boxes you want "on top" and erase the lines so that they appear the way you want. The easiet way to do this is to zoom in and use the rectangular marquee tool.



Now, to erase the extra background, use your magic wand to select the area outside of the boxes (make sure you have your boxes layer selected). When you have the area selected, click on your background layer. Hit delete, and voila! Add some text, maybe a drop shadow and some other effects, and you're done!! Be sure to save it as a PNG or GIF, since they are the only formats that recognize transparent backgrounds.


26751 cr points
Send Message: Send PM GB Post
M / Melbourne Australia
Offline
Posted 4/9/08
not bad. its seem u're good at photoshop :]
12460 cr points
Send Message: Send PM GB Post
103 / M
Offline
Posted 4/9/08
Even though we're at the same skill level pahounie, you have a lot more tutorial patience than I have, lol.

I congratulate you for that.
Moderator
1616 cr points
Send Message: Send PM GB Post
31 / F / Houston
Offline
Posted 4/9/08

DraiGoks wrote:

not bad. its seem u're good at photoshop :]


Thanks!! I try. I'm not holy sh*t amazing or anything, but I have my moments. If you ever want to see some of my other work (I have to admit what I made for this tutorial was...well not my best), then feel free to ask!!




Marcell2aG wrote:

Even though we're at the same skill level pahounie, you have a lot more tutorial patience than I have, lol.

I congratulate you for that.



I felt like I was going to shoot myself at the end of this But, I figured I've always wanted to make tutorials, so I thought I'd put one up. Actually, I have to confess that I got this technique somewhere else a year or so back, and I just couldn't find the link, so I made my own tutorial. I don't think I copied his/her tutorial because I made the technique my own with a few differences.

Okay, enough of that babbling. Thanks!!
Member
jibbo 
13676 cr points
Send Message: Send PM GB Post
M / Balamb Garden.......
Offline
Posted 4/10/08
............U r soooooo coooolllll.....
3 thumbs up for you!!!!!

(ahihihi,just wnna cheer u up)....thanks for the info.....
Member
273 cr points
Send Message: Send PM GB Post
28 / F / San Diego, CA
Offline
Posted 4/13/08 , edited 4/14/08
Very cool. I can't photoshop to save my life so I'm totally in awe.

Anyways, I just wanted to make a note for people who have the patience to learn to photoshop about respecting intellectual property. I don't do computer art (tried, failed), but even googling an image and then using it as reference for a painting would be a no no. You're not supposed to use someone else's picture to create your own work. You can only draw from a photograph if you're the one that took the photo. On that note, since it's even easier to just copy and paste a picture somewhere than to reference one and draw... Yea guys. Please respect intellectual property. If you don't, then your artwork is not really your artwork.

That's my little bit for the day. ^.^
Posted 5/16/08 , edited 5/16/08
hahaha well nice ofcourse with the banner =).

well banner is easy to make u know O.o, allthough making a banner like how i want it to be like that isnt that simple, you also need to experimentate with it to make a nice effect etc.. my skills are like medium but at least im happy to make it =)
Moderator
1616 cr points
Send Message: Send PM GB Post
31 / F / Houston
Offline
Posted 6/2/08
thanks yeah, experimenting is something that has to be done if you want great pics. I was just making a new picture today, and I wanted to do something different so I chose something I haven't done much of. The way it turned out is completely different than the way I intended it. But I like it. :] that's how it goes, sometimes.

my image I was talking about
You must be logged in to post.