█▓▒░ GFX Tutorials and Resources Hall

Status
Not open for further replies.

CasualMisfit

Regular
Joined
Oct 11, 2008
Messages
1,622
Kin
15💸
Kumi
0💴
Trait Points
0⚔️

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.

2.

3.

4.

5.

6.

7.

8.

9.

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

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


CM.
 
Last edited:

Lawliet

Active member
Elite
Joined
Aug 2, 2008
Messages
6,329
Kin
5💸
Kumi
0💴
Trait Points
0⚔️
GFX Tutorials and Resources Hall

Useful Sites to make Signatures/avatars/wallpapers etc.

font sites-






Glitter Graphics/Glitter text-





brushes-








...


backgrounds-


...





Renders-











sitemodels-

...



download photoshop-




download paint shop pro-
...

download fireworks-

...


phone theme makers-





online editing sites-







Tutorials-














GFX Resources-




*********************************************
 
Last edited:

..Chill.. Mizu

Active member
Regular
Joined
Feb 2, 2009
Messages
1,109
Kin
0💸
Kumi
0💴
Trait Points
0⚔️
Awards
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

You must be registered for see images

You must be registered for see images

You must be registered for see images

You must be registered for see images

You must be registered for see images
 
Last edited by a moderator:

zureikat

Active member
Regular
Joined
Jul 10, 2008
Messages
1,360
Kin
0💸
Kumi
0💴
Trait Points
0⚔️
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 ^.^



goodluck everyone ^.^
 
Last edited by a moderator:

Transparent

Active member
Regular
Joined
Apr 25, 2008
Messages
1,668
Kin
0💸
Kumi
0💴
Trait Points
0⚔️
Awards
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:

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? :D That's right!
You must be registered for see images
You must be registered for see images
You must be registered for see images

I found this awesome program for just this called
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.. :p 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. :p maybe a silly example. But you get the drill. I hope this will help you as well as others when making sigs and wallpapers. :D

comments, reps appreciated :p
 
Last edited by a moderator:
  • Like
Reactions: Gary777

'Zeus

Active member
Veteran
Joined
Sep 24, 2010
Messages
4,941
Kin
0💸
Kumi
0💴
Trait Points
0⚔️
Awards
GFX Tutorials and Resources Hall

Links to C4D Packs.
Please be aware that these links are download links.

Credits to ~stinky666


























Credits to ~Angelus-Hellion






Credits to ~oOHereticOo


Credits to ~Drugi






Credits to ~Lordsiyei





Credits to ~Gokuva


Credits to ~xALIASx


Credits to ~RoseCabriolet







Credits to ~Quoenusz



Credits to ~charlycmjcla


Credits to ~MrRoBiN

























Credits to ~El-Nombre




Credits to ~Abject-gfx


Credits to ~ElementsUnleashed





Credits to ~nRzH


Credits to ~solubl3


Credits to ~Arteek


Credits to ~Gaara2k3


Credits to ~OldManJames








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]
 
Last edited by a moderator:

Drizzy

Legendary
Joined
Apr 15, 2011
Messages
13,953
Kin
4💸
Kumi
3💴
Trait Points
0⚔️
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 images


You must be registered for see images






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 images








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 images


You must be registered for see images




You must be registered for see images


You must be registered for see images

You must be registered for see images

You must be registered for see images

You must be registered for see images

You must be registered for see images

You must be registered for see images



You must be registered for see images



You must be registered for see images



You must be registered for see images



You must be registered for see images


You must be registered for see images




You must be registered for see images



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 :p

 
Last edited by a moderator:

Nerei

Active member
Regular
Joined
Nov 7, 2011
Messages
1,916
Kin
0💸
Kumi
0💴
Trait Points
0⚔️
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
 
Last edited by a moderator:
  • Like
Reactions: fiend

Dino

Active member
Regular
Joined
Apr 2, 2011
Messages
1,818
Kin
118💸
Kumi
480💴
Trait Points
0⚔️
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. ( )
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
 
Last edited by a moderator:

BAN_KAI

Active member
Elite
Joined
Jan 16, 2009
Messages
5,480
Kin
0💸
Kumi
0💴
Trait Points
0⚔️
Awards
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
 
Last edited by a moderator:
Status
Not open for further replies.
Top