█▓▒░ GFX Tutorials and Resources Hall

CasualMisfit · Oct 12, 2008

GFX Tutorials and Resources Hall

Here you'll find the most useful tutorials and resources posted by NB members.
Happy Hunting!

TABLE OF CONTENTS

1.

You must be registered for see links

2.

You must be registered for see links

3.

You must be registered for see links

4.

You must be registered for see links

5.

You must be registered for see links

6.

You must be registered for see links

7.

You must be registered for see links

8.

You must be registered for see links

9.

You must be registered for see links

---------------------

If you find or have any other tutorials you feel will be helpful and deserve a place here. Feel free to

You must be registered for see links

me with the details.

CM.

Lawliet · Apr 5, 2009

GFX Tutorials and Resources Hall

Useful Sites to make Signatures/avatars/wallpapers etc.

font sites-

You must be registered for see links

Glitter Graphics/Glitter text-

You must be registered for see links

brushes-

You must be registered for see links

...

You must be registered for see links

backgrounds-

You must be registered for see links

...

You must be registered for see links

Renders-

You must be registered for see links

sitemodels-

You must be registered for see links

...

You must be registered for see links

download photoshop-

You must be registered for see links

download paint shop pro-

You must be registered for see links

...

download fireworks-

You must be registered for see links

...

phone theme makers-

You must be registered for see links

online editing sites-

You must be registered for see links

Tutorials-

You must be registered for see links

GFX Resources-

You must be registered for see links

*********************************************

..Chill.. Mizu · Jul 9, 2009

GFX Tutorials and Resources Hall

Mizu Colouring Tutorial.

Well Im all done and here is my first ever colouring tutorial , im going to post the image i used so that people can colour the image following my tut and i can see how they get on thanks

If u cant see the writing . click the image then click the button to make it full size

enjoy comments rep etc

You must be registered for see images

zureikat · Dec 3, 2009

GFX Tutorials and Resources Hall

50 Great Photoshop Tutorials for Clever Beginners.

Before you can create Photoshop masterworks, you need to learn the basics. Even the most complex digital artworks are built on a foundation of simple actions. These 50 tutorials are aimed at the clever beginner who wants to master Photoshop from the roots.

1)Manipulating a WW2 Fighter Aircraft

You must be registered for see images

2) 6 Quick 'n Dirty Text Effects From Scratch

You must be registered for see images

3)Make a Turn of the Century Vaudeville Poster

You must be registered for see images

4)Miodern Art

You must be registered for see images

5)Idiots Guide to Small Planets

You must be registered for see images

6)10 Step Lighting Effect

You must be registered for see images

7)3D Transform a Colorful Cube Design

You must be registered for see images

8)Silhouettes and Gradients

You must be registered for see images

9)Pencil It In

You must be registered for see images

10)Dramatic Wrinkles

You must be registered for see images

And much much more just visit this site ^.^

You must be registered for see links

goodluck everyone ^.^

Transparent · Dec 9, 2009

GFX Tutorials and Resources Hall

How to find matching colors.

When selecting colors for a wallpaper or a sig that you are making, you have to consider whether your color match or not. When finding two or more colors that match, ur picture will appear pleasing to the eye and it's easier to like. If you want to create a sig with a render, you of course need a background. The colors of the background should match the colors of the render or the other way around. The easiest way to this is by finding complementary colors.

You must be registered for see images

here's an easy way to find ur complementary color:

You must be registered for see links

basically you pick the color that's on the opposite side of the color u want, or the color of your render. The color on the other side of the wheel will match as a BG. (in this wheel Red will match Cyan blue, bluish tones) The Color on the other side doen't have to be the exact color on the other side, just anything on the other side of the wheel within a small radius. These are called complements. Also u can pick colors using the Triad way, if u want three colors e.g and so on. see image below

You must be registered for see images

And where have you seen these colors combined before?

That's right!

You must be registered for see images

I found this awesome program for just this called

You must be registered for see links

order number: 30056671
serial : CSS2FACB790E7B7D51A2

The colors will appear pleasing to the eye this way.
I have an example that i did here on NB a few days ago where i did just this:

You must be registered for see images

U see how the peach-red matches the green-yellow? see color wheel above

Colormatching is very important when choosing colors for your pic, or else ur stuff will only not fall in taste, and you'll get nowhere..

try picturing yourself trying to decide the colors for ur walls in ur house to mach with the colors of ur roof. If ur roof is brown, then u don't want yellow walls, but perhaps something bluish.

maybe a silly example. But you get the drill. I hope this will help you as well as others when making sigs and wallpapers.

comments, reps appreciated

'Zeus · Jun 22, 2011

GFX Tutorials and Resources Hall

Links to C4D Packs.

Please be aware that these links are download links.

Credits to ~stinky666

You must be registered for see links

Credits to ~Angelus-Hellion

You must be registered for see links

Credits to ~oOHereticOo

You must be registered for see links

Credits to ~Drugi

You must be registered for see links

Credits to ~Lordsiyei

You must be registered for see links

Credits to ~Gokuva

You must be registered for see links

Credits to ~xALIASx

You must be registered for see links

Credits to ~RoseCabriolet

You must be registered for see links

Credits to ~Quoenusz

You must be registered for see links

Credits to ~charlycmjcla

You must be registered for see links

Credits to ~MrRoBiN

You must be registered for see links

Credits to ~El-Nombre

You must be registered for see links

Credits to ~Abject-gfx

You must be registered for see links

Credits to ~ElementsUnleashed

You must be registered for see links

Credits to ~nRzH

You must be registered for see links

Credits to ~solubl3

You must be registered for see links

Credits to ~Arteek

You must be registered for see links

Credits to ~Gaara2k3

You must be registered for see links

Credits to ~OldManJames

You must be registered for see links

P.S. I don't own any of these packs.
P.S.S. I didn't check all downloading links.

I will update it with more links soon, you may help me by contributing more links.

[/FONT][/CENTER][/I][/B]

Drizzy · Jul 2, 2011

GFX Tutorials and Resources Hall

Photoshop Tutorials [for skilled and beginners]

You must be registered for see images

Hello all you GFXers and GFXers in Training. What I've organized here is tutorial Pack with the basic stuff, it's not completed yet, i will be making an edit later on today with the other 8 tutorials I have found, organized and researched.So for now, please use it well, by practicing you'll get the hang of it.

You must be registered for see images

Click the link Below

You must be registered for see links

You must be registered for see images

You must be registered for see links

HOW TO INSTALL BRUSHES

1)open photoshop
2)Click on the brush icon on the left of the screen
3)go to the brush selection list
4)click "more"
5)click Load, a window will pop up, then you select the location of your brush, select the brush, click ok, then scroll down and you see your brushes.

You must be registered for see images

You must be registered for see links

After You Download

The fonts should appear in the download folder as a file....just open the file, then extract or paste it to your desktop.

How To Install The Fonts

-Windows Vista-

You must be registered for see images

The downloaded text should now be on your desktop..follow these instructions

1)Open Control panel
2)in control panel, go to Appearance and Personalization
3)Open the fonts folder and paste your fonts in

Here is the video if you don't clearly understand

___________________________________________
-Windows XP-

1)Open control panel
2)Open fonts folder and paste/ drag them in

Here's the video for Control Panel Layout #1

Here's the video for control Panel Layout #2..please note how he changes the layout to Layout #1.

You must be registered for see images

You must be registered for see links

You must be registered for see images

Have Any Questions?
Not Understanding Something?
Just fill this out and myself or other designers will help you.

PHP:

[B]Username:[/B]
[B]Photoshop Version:[/B]
[B]Question/Problem:[/B]

You must be registered for see images

Nocturnal for trying to help but failed

Also to my supporters who find my tutorials useful and thank the thread

Nerei · Jan 21, 2012

How to make the shine effect on GIMP.

Need:
The GIMP
GAP (GIMP animation Package. I'll put up a link soon)
The image you wanna shine
Basic Knowledge of Layers and other GIMP stuff (I'll try and be as detailed as possible)

Important steps are coloured in red for advance users who know what they are doing

Start out by opening up a new GIMP image and paste in your image. I chose an old sig of mine

You must be registered for see images

Make a New Folder and call it GAP (or whatever you wanna call it)

Save your image as background pic_000001.xcf in the new folder that you just created

Now open up a new GIMP image make it the same size as your previous image. Mine is 420 X 140 as my sig was that size.

Delete the default background layer and make a new layer. Okay, now we make our shine effect.

MAKING SHINE EFFECT:

Select the freeform select tool.

You must be registered for see images

Our shine effect is pretty much just a giant bar running from one side to another. So the image we're aiming to make is this

You must be registered for see images

Start from the bottom Left. When you click a dot forms which and you can continue from there.

You must be registered for see images

go up and a bit to the right to make the wire slant. Make it slant as much as you think is right, but not too much

You must be registered for see images

now click to the right

You must be registered for see images

now downwards. try slanting it so it's parallel to the left

You must be registered for see images

and then join the line to the first dot

You must be registered for see images

*Note*
If you make a mistake when making the shine bar selecting undo or pressing CTRL + Z won't work, so you'll have to click on another tool to reset your selection and start again

This makes your selection. Now choose white as your colour, click on the fill tool and fill your selection. It should look like this

You must be registered for see images

now save it as Shine.xcf in your GAP folder

MAKING OUR FRAMES

Open up background pic_000001.xcf. On the menu bar click on Video -> Duplicate frames

Set the "N Times" option to 100. Depending on how wide your image is you might want to add more frames or less, as more frames equals a smoother animation. An avatar would probably be at 50 frames. Click OK. It will take some time to create the frames.

*Note* Now they'll be a bunch of .xcf files in your GAP folder so don't be alarmed O.O

ANIMATING

With Shine.xcf open, go to background pic_000001.xcf and click on Video -> Move Path

A dialog box will pop up. Here is were we will animate.

You must be registered for see images

1. First set your source image to Shine.xcf

2. change you step mode to none

3. change opacity to 45%

4. At the bottom click instant apply. Your shine bar appears

5. Now the X Slider. At the right of it there will buttons to increase or decrease the number, so decrease the number till your bar is just out of sight.

6. Now to the right click add point. Back at the X slider, slide it all the way to the right or till your bar disappears and click add point again

7. At the bottom right there is a button called Anim Preview. Click it.

A dialog box appears.

You must be registered for see images

Check "exact object on frames" and set "Scale Preview" to 100%

The bottom slider is how fast your object (Shine bar) will move. 24fps is a decent speed so keep it at that if you want and click ok

Two new windows will open up. One will be a new GIMP image with all the frames and another will be the animation preview.

You must be registered for see images

*Note* The bar is not supposed to be a solid white. this is just a rushed example

Click the play button to see your animation action. If you're happy with the speed of the animation continue to the next step, if not close both of the new windows and start again from step 7 and change the speed to what you prefer

ALMOST THERE

Close the Preview window and the move path dialog box. Now in your new Untitled image go to Filters -> Animation -> Optimize for GIF

A new window pops up.

In the new window go to Image -> Mode -> Indexed. Set Max colours to 256 and "Colour Dithering" to Floyd Steinberg (reduced colour bleeding)

Now Save it as "Whatever you want".GIF in a different folder. Make sure you click save as animation in the dialog box that appears and you're done

My first tut so I hope you like it. There will definitely be some problems so kindly point 'em out. I'd like to see your results so post 'em if below and if you have any questions post 'em below or PM me

Dino · Feb 15, 2012

GFX Tutorials and Resources Hall

Graphic Design Dictionary

A list of Graphic Terms used when designing. [/CENTER]

A
► Animated GIF - A small animation based on continuous GIF images, giving the impression of movement or action.
► Animation - Generating movement by displaying a series of images using frames.
► Atmo - The atmosphere in a signature / piece of work.
► Artwork - An Artowrk is a slighty different form of a signature. Most of the times it's way bigger, about 800x600.

B
► Background - The background is behind all your effects and focal. Its usually blurry so that the focal gets more attention.
► Blending - It's to make the render part/match the background.
► Blurring - The term for adding depth to your image. A tool in photoshop.
► Burn - A term used when darkening areas of the image. A tool in photoshop.
► Brush - A tool in photoshop.

C
► CnC- Comment & Critique. It is the feedback a user gives to an artist, you usually point out the pros and cons.
► C4D - Abstract renders created in the program, Cinema 4D. They can be used for effects and lighting in your image.
► Composition - Its how well your image is put together.
► Crop - Used to remove unneeded areas/parts in an image.
► Concept - The main idea behind the image.
► Clipping Mask - It's used to blend renders in a signature or create some effects in the background.
► Collab - Short for Collaboration, it's when two or more people work together on one piece.

D
► Depth - Adds distance to your image. Things far away should seem far away and things close by needs to be clear.
► Dodge - Used to brighten parts of the image. A tool in photoshop.

E
► Emboss - Gives the image a 3D-like effect.
► Effect - Resources used in the image to make it more appealing. They are usually bright and vibrant but not always.

F
► Focal Point - The main focus in your image. In most cases, its the render/stock you chose to work with.
► Fractals - Similar to C4Ds, not 3D though. They are used for effects and lighting in your image.
► Flow - The direction the effects are going towards in an image.
► Font - The tex-tart chosen in your image.

G
► GFX - Graphic Effects.
► Gradient Map - A tool in photoshop. It can be used to blend in your render to the background.

H
► HQ - High Quality.

L
► Lighting - The shadows in the image are controlled by Lighting. Lighting is created by a light source.
► Light Source - The source of the light in an image. The shadows follow the direction of the Light source.
► LQ - Low Quality.
► Layers - They hold single images that are stacked above each other to form one whole image.

M
► Messy - If there is too much going on in a Signature and you can barely see anything because of too many effects, it's messy.
► Monotone - This is when your image consists of one color.

O
► Outcome - An outcome is what you call the end product of a tutorial.
► Overcontrasted - As the name says, when the contrast is too high in the signature / piece of work.
► Overlightened - When there is too much lighting going on in your signature.
► Oversharpened - Oversharpening, it makes your signature looks bad when everything is too sharp.
► Opacity - The transparency of a layer.

P
► Photo Manipulation - Manipulating a regular image to make it look like something else.
► .PSD - Photoshop file extension.
► .PNG - Gives an image high quality. It also allows for transparent backgrounds.

R
► Render - A render is what you call a cut out piece of an image with a transparent background.
► Rip - A rip is when a designer claims the work of another person to be his own.

S
► Scanlines - Scanlines are pattern or brushes in Photoshop / Gimp (mostly pattern).
► Smudge - The Smudge-Tool is an important part of Photoshop which allows you to smudge images.
► Sprites - Sprites are figures or objects out of very old video games. (

You must be registered for see links

)
► Stock - Is just a regular image, mostly photos.

T
► Typo - As in Typography, means the creation of a graphic / text. It is understood as a way to express using text, images, lines, surfaces to make an even more creative text in your piece of work.

_______________

Thanks Mercy for adding:

Atmo
Artwork
Clipping Mask
Collab
Flow
Font
Messy
Outcome
Overcontrasted
Overlightened
Oversharpened
Render
Rip
Scanlines
Smudge
Sprites
Stock
Typo

BAN_KAI · Nov 18, 2012

How to add videos into a signature tutorial.

OK guys somebody asked me to make this so i made this in an hour, so dont be harsh this is my 1st tut ever,

Sorry for the grammar and the lame background, sacrificed look for the Font read.

This is a tut made for Photoshop CS2 in Image REady. so rep would be great,

btw making tuts is really annoying xd

You must be registered for see images

And this is the result

You must be registered for see images

█▓▒░ GFX Tutorials and Resources Hall

More options

CasualMisfit

Awards

Lawliet

Active member

Awards

..Chill.. Mizu

Active member

Awards

zureikat

Active member

Transparent

Active member

Awards

'Zeus

Active member

Awards

Drizzy

Awards

Nerei

Active member

Dino

Active member

BAN_KAI

Active member

Awards