• Concert Tickets
• Concert Tickets

Home >> Hip Hop Forums >> Basic GFX Tutorial for Noobs

Basic GFX Tutorial for Noobs

NZA said: "yo thas a good tutorial man...that will really help out alot of noobs to this.... good work"

NZA said: "^ur prolly using the wrong one then...if u right clikc on the lasso tool...u can select from three or four diffrent typres....ur prolly using the free hand one, whici is kinda hard...try using the polygonic or magnetic tool(my fave)...much easier"

NZA said: "^yeh what he said...lol..i thought he was havin toruble in general...neway heres sum tutrial sites and shourtucts but like i was tellin explicit, dont rely on these tutorials soley...cuase what will happen is u will always have a mindset of tryin to get to the end product, instead of creating ur own unqie piece...just use these tutrials to leanr the features/techniques... [url]www.good-tutorials.com[/url] [url]http://www.strikers-domain.net/[/url] ~TUTORIAL/HELP SITES~ [url]http://www.bizark.com/[/url] [url]http://www.bluesfear.com/[/url] [url]http://www.candeekis.com/alltutorials.html[/url] [url]http://www.cbtcafe.com/photoshop/[/url] [url]http://builder.cnet.com/webbuilding/0-7370.html[/url] [url]http://www.computerarts.co.uk/tutorials/2d/[/url] [url]http://www.cyberinkdesign.com/tutor.htm[/url] [url]http://www.dacort.com/tutorials.php[/url] [url]http://www.dalinise.com/[/url] [url]http://2achievesuccess.com/david/[/url] [url]http://misery.subnet.at/[/url] [url]http://www.deepspaceweb.com/[/url] [url]http://www.designsbymark.com/pstips/[/url] [url]http://www.dsigning.com/[/url] [url]http://www.digital-creativity.co.uk/[/url] [url]http://www.digitalthread.com/[/url] [url]http://www.distortion.co.uk/freebies/tutorial.html[/url] [url]http://www.dreaminfinity.com/tutorials/ps.shtml[/url] [url]http://www.elated.com/[/url] [url]http://www.zdjournals.com/ips/[/url] [url]http://www.geocities.com/nessele/[/url] [url]http://erk.free.fr/[/url] [url]http://www.espressographics.com/[/url] [url]http://www.evening.demon.co.uk/articles.html[/url] [url]http://www.exquisitedesign.com/[/url] [url]http://www.extremeflash.com/[/url] [url]http://www.extropia.com/[/url] [url]http://www.eyewire.com/tips/photoshop/[/url] [url]http://www.firelily.com/[/url] [url]http://www.freegraphics.com/10_Tutorials/Photoshop/[/url] [url]http://www.codewarrioru.com/CodeWarriorU/[/url] [url]http://www.webspace.com.br/opus/web3.htm[/url] [url]http://geda-online.com/[/url] [url]http://www.gifart.com/graphictips5.shtml[/url] [url]http://gliebster.com/[/url] [url]http://www.2ginc.com/[/url] [url]http://www.goranation.com/[/url] [url]http://wwwebmasters.net/tutorials/Photoshop/[/url] [url]http://www.grafx-design.com/tutorials.html[/url] [url]http://www.gurusnetwork.com/[/url] [url]http://homepages.ihug.com.au/~mr_jr/tutorials.htm[/url] [url]http://www.hyperpark.com/[/url] [url]http://www.icehousedesigns.com/tutorials/photoshop/[/url] [url]http://the-internet-eye.com/HOWTO/default.htm[/url] [url]http://www.myjanee.com/jnetuts.htm[/url] [url]http://www.arraich.com/ps_intro.htm[/url] [url]http://jereme.gfxsites.net/[/url] [url]http://www.jlswebsource.com/tutorials.html[/url] [url]http://pionet.net/~jzeman/tips/contents.html[/url] [url]http://www.multimania.com/harvestr/logos/[/url] [url]http://www.iboost.com/build/software/pshop/index.html[/url] [url]http://www.icehousedesigns.com/tutorials/photoshop/[/url] [url]http://www.iservice.at/isset.html[/url] [url]http://www.itgraphics.com.au/tutorial/index.htm[/url] [url]http://www.magicpixel.com.au/html/workwel.html[/url] [url]http://www.sketchpad.net/[/url] [url]http://www.pixel2life.com/[/url] [url]http://www.pixelpunk.8m.com/[/url] ~KEYS FOR PHOTOSHOP~ 1 - Ctrl + Shift+ E - merge selected layer down. 2 - Ctrl + + - zoom in. 3 - Ctrl + - - zoom out. 4 - Ctrl + A - select all. 5 - Ctrl + Alt + Z - go a step back. 6 - Ctrl + Shit + Z - go a step forward. 7 - Ctrl + N - new project. 8 - Ctrl + O - open file. 9 - Ctrl + D - deselect. 10 - Ctrl + I - invert selection. 11 - Ctrl + C - copy selected area. 12 - Ctrl Shift + C - copy all layers of the selected area. 13 - Ctrl + V - paste whatever you copied. 14 - Ctrl + X - cut selected area. 15 - Del - clear the selected area. 16 - Ctrl + S - save. 17 - Ctrl + Shift + S - save as. 18 - Ctrl + Shift + Alt + S - save for web. 19 - Ctrl + P - print. 20 - Ctrl + E - merge selected layer down. __________________"

NZA said: "[QUOTE=TheTruth]iight good look fellas rep points for both of yuo cuz im really creative i just need to get use to this program and yeah ill hit yall up if i need any other help i wanna get good enough to graphix battle some one and maybeif me and my bro get good we will have enough heads to get a graphix tourney cuz i wanna see everybodys talent nza is sick wit the sigs stacks there are a couple of yall melo like yalls one battle i think it was you and chino that mozart joint was sick and your cannibus joint and that kayen joint you gave me much respect[/QUOTE] hahaha no doubt..the mozart shit killed it..."

TheTruth said: "iight good look fellas rep points for both of yuo cuz im really creative i just need to get use to this program and yeah ill hit yall up if i need any other help i wanna get good enough to graphix battle some one and maybeif me and my bro get good we will have enough heads to get a graphix tourney cuz i wanna see everybodys talent nza is sick wit the sigs stacks there are a couple of yall melo like yalls one battle i think it was you and chino that mozart joint was sick and your cannibus joint and that kayen joint you gave me much respect"

TheTruth said: "good look cuz i was struggling i keep on fucking up especially with the lasso joint"

Monotamy said: "Good shit kid, i got photoshop in college so i will be making a sig there and i will use this guide for help. Much appreciated."

Illogic said: "^^^word. dont use their pictures, sizes, or wateva. u can try to imitate the first time like when ur testin it out, but after that, u gotta learn to put some personality to it. what is ur tendency to do? brush a lot? blend more? extract more? nice backgrounds? pixel stretch? u gotta figure these things out, then u can truly become wat u want to be gfx-wise. i will post a pixel stretch tut later on."

Illogic said: "Here's my photoshop tut. These are about 7 tutorials combined.Enjoy. Ok. You just got the program from somebody or a cd and you're punked to start making dope sigs. The question is, how? Here's a tutorial for a basic sig for starters and after you read this, you are on your own. [U][B]How to make a background.[/B][/U] First off, you need [U]brushes[/U]. These are like files that vary depending on type, size, etc. There is grunge, which is sort of a good evil or dark sig, and there is abstract, which is very nice for artistic sigs. For now, I'm just going to start with a simple abstract background or bg. [B]Step 1[/B]. Download the brushes. How? Ok find the brushes either from [url]http://www.deviantart.com[/url] which is the #1 source for artisticly great brushes. I'm am going to you "J-A-S-H-I-N's abstract brush pack. To download it, find the brush pack you want. Click on it, then click "Download to Desktop." You will see a window with a picture of a brush on it. Just save it to My Computer>(make a new folder) Photoshop Brushes. Go back to photoshop, At the top right hand corner, It will say brushes. Click on that. There will be an arrow next to it. Click on that, scroll down to "Load Brushes" and find your brush pack wherever you saved it. Easy enough? Good. [B]Step 2[/B]. Open a new canvas/document. File>New>Custom>a good size for starters would be 350 px height by 120 pixel width. Put it on RGB Color with a white background and a black foreground(These settings are on default). Click maximize on the document window just so you can see better. [B]Step 3[/B]. Brushing Make a new layer(You will see a window that says "Layers". In the bottom right hand corner of the layers window, or layers pallette, There will be something near the trash bin that looks like a piece of paper half folded. Click on that to start a new layer. Go to the top, Filter>Render>Clouds. This is just a basic start off for any sig with brushing. Here's what clouds should look like: [IMG]http://img250.imageshack.us/img250/9915/clouds3bv.jpg[/IMG] Here comes the actual brushing. Make another new layer. Click your brush tool on the right(the brush on the right of the bandage) and begin. You don't actual "brush" on them, you sort of stamp it on and go to another brush. Keep the foreground color black for this layer. When it is partially filled, make a new layer. Choose a new brush(or the same brush if you choose) and this time, make the foreground color white. Just keep repeating these steps until you have found something you like. My product had about 10 layers of just black and white. Here's my final product: [IMG]http://img371.imageshack.us/img371/7086/clouds9xh.jpg[/IMG] [B]Step 3[/B]: The render Go onto Google.com or a search engine and search for images of your favorite rapper or maybe a hot girl. I will be using 2pac for my render/image. Go back to photoshop and make a new layer. Copy your picture and paste it into the document. place it where you would want it. If it is too big, go to Edit>Transform>Scale. Scale it down to the size of choice. [IMG]http://img182.imageshack.us/img182/826/tupac7qp.jpg[/IMG]"

Illogic said: "[B]Step 4[/B]: Blending and Extracting. There are two choices. Blend, or Extract. I will go over blending first. [U]Blending[/U]: Take out your lasso tool(It looks like a rope next to a dynamite) and set it to about 15-20 pixels at the top. Whichever one you want. Make a rough outline of the render and make sure it is maybe a little off the edge near the places you really want to see such as the head. Then go to the layers window, and click on this grey box with a white circle. It should blend nicely. Heres my blended document: [IMG]http://img374.imageshack.us/img374/1908/clouds6wt.jpg[/IMG] Since some of the black left from the background of the original picture, it adds a little spice to the sig. Yep. You're almost done. [U]Extract[/U]: Here was the alternative way that is ideal for using when you are using a pciture background instead of a brushed background. It is called extracting. There are many methods of extracting, but I find this way the easiest. [U]Right Click[/U] on your lasso tool and select [U]pologyonal lasso tool[/U]. Go the image, zoom it up using the navigator window, by sliding the thing over to the right, and click somewhere on where you want to extract. Outline the whole body(or whatever). This takes patience, but it will pay off in the end. Around curves, souch as fingertips, rounded edges, etc, click on the image more than once. So if you came around to a fingertip, then click on the side, then go up, click to where the lines WON'T CUT OFF, and then keep at that. If you don't understand, IM me and I can explain. Once you have the part you wanted completely lassoed, press CRTL-C to copy. Delete the layer, make a new one, and put it there. Yep, it is now extracted. [B]Step 5[/B]: Text Download a font from a font site such as dafont.com or 1001fonts.com Save it to any folder. Extract to wherever, then paste it in Control Panel>Fonts. If you have WinZip, then click on the actual font file, click extract to the desktop, copy the file, and paste in Control Panel>Fonts. Go to photoshop, make a new layer, and press on the "T" on the tools box. Click on the document, and type whatever in whatever font you downloaded whatever size. I'm using Cenobyte, 48 pt. I chose to make the text white for now. [IMG]http://img396.imageshack.us/img396/236/tupac2hf.jpg[/IMG] Then, on the same layer, go to the layers window and click on something that looks like a cursive "f" with a grey circle. Click on stroke. Apply these settings for now. [B]Stroke[/B] Size:1px Position:Outside Blendmode:Normal Opacity: 100% Fill Type: Color Color: Black [B]Bevel and Emboss[/B] Style:Inner Bevel Technique:Smooth Depth:120 Direction:Up Size:5 pixels Soften:0 pixels Never mind the rest. Click ok, and see what you got. It's ok, but go to the layers window, where it says normal scroll bar, click on that and choose "Overlay." This will make it overlap the background and make a sort of vibe to the sig. 2 steps left!"

Illogic said: "[B]Step 6[/B]: Coloring Go to the layers window and click on something that looks like a circle half white and half black. Choose "Color Balance" Just mess around with the levels until you found something you like. I used: [U]Midtones:[/U] +36, -21, -81 [U]Shadows:[/U] +17, -19, -75 [U]Highlights:[/U] +26, -31, -56 This creates a reddish/yellowish/orangey color. Here you go: [IMG]http://img358.imageshack.us/img358/5619/tupac2ek.jpg[/IMG] [B]FINAL STEP BITCHES:[/B] Yep. Make a new layer, and click on the the dotted box at the top (rectangular marquee tool) and Highlight the whole document. Go to Edit>Stroke> and apply these settings for a 1 pixel border. Width: 2 pixel Color:Black Location: Inside Everything else leave it there. Repeat on the same layer, except this time, put 1 pixel width. [U]Before:[/U] [IMG]http://img358.imageshack.us/img358/5619/tupac2ek.jpg[/IMG] [U]After:[/U] [IMG]http://img292.imageshack.us/img292/7238/untitled1copy5ci.jpg[/IMG] comments and suggestions would be appreciated."

Illogic said: "finally....all done...had to make 3 seperate posts just to fit it all...lmao well if ur confused on anything, get at me on AIM or pm me aim-asian emcee hope u enjoyed my tut"

Illogic said: "if u need help, just pm me or get at me on AIm aim-asian emcee i can help Mods, u know u wanna sticky this."

Illogic said: "ur supposed to use the freehand one. just go slowly and U DONT HAVE TO MAKE IT EXACT the tut says to make a ROUGH OUTLINE of the image/render and then press the button to blend. the grey box with a white circle in the layers box.UNLESS u r extracting and u dont want to blend, then yea take NZAs advice and use the polygonal lasso tool or the magnetic this is a good way to blend. or extract"

Illogic said: "just keep at it. just play around with lots of differnet things and then ull will i guarantee, u will get better at it. it took me bout 3 months to get really good, but a few weeks to get decent. its just something that requires patience. no patience=no good sig."

Illogic said: "aight all u gfx heads we got ourselves a forum so now post up wateva graphic related"