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. Useful Sites to make Signatures/avatars/wallpapers etc.
2. Mizu Colouring Tutorial.
3. 50 Great Photoshop Tutorials for Clever Beginners.
4. How to find matching colors.
5. Links to C4D Packs.
6. Photoshop Tutorials [for skilled and beginners]
7. How to make the shine effect on GIMP.
8. Graphic Design Dictionary
9. How to add videos into a signature tutorial.
---------------------
If you find or have any other tutorials you feel will be helpful and deserve a place here. Feel free to PM me with the details.
CM.
Results 1 to 10 of 10
-
10-12-2008, 05:22 PM #1A Sly One!
- Status
- Join Date
- Oct 2008
- Location
- London
- Posts
- 1,491
- Post Thanks / Like
Be water my friend!
█▓▒░ GFX Tutorials and Resources Hall
Last edited by CasualMisfit; 11-18-2012 at 02:35 PM.
-
04-05-2009, 10:32 AM #2⎝⏠⏝⏠⎠ .
- Status
- Join Date
- Aug 2008
- Location
- ⎝⏠⏝⏠⎠ .
- Posts
- 4,490
- Post Thanks / Like
I Love Klaus xD
Last edited by Lawliet; 03-14-2013 at 11:18 PM.
-
07-09-2009, 03:24 PM #3Senior Member
- Status
-
- Join Date
- Feb 2009
- Posts
- 1,109
- Post Thanks / Like
This user has no status.----
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
Last edited by CasualMisfit; 11-18-2012 at 11:07 AM.
-
12-03-2009, 10:49 AM #4Soviet Rules!!!
- Status
-
- Join Date
- Jul 2008
- Location
- Jordan
- Posts
- 1,360
- Post Thanks / Like
This user has no status.----
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
2) 6 Quick 'n Dirty Text Effects From Scratch
3)Make a Turn of the Century Vaudeville Poster
4)Miodern Art
5)Idiots Guide to Small Planets
6)10 Step Lighting Effect
7)3D Transform a Colorful Cube Design
8)Silhouettes and Gradients
9)Pencil It In
10)Dramatic Wrinkles
And much much more just visit this site ^.^
http://psd.tutsplus.com/articles/web...ver-beginners/
goodluck everyone ^.^Last edited by CasualMisfit; 11-18-2012 at 11:08 AM.
-
12-09-2009, 06:38 PM #5the almighty potatochip
- Status
-
- Join Date
- Apr 2008
- Location
- Europe
- Posts
- 1,671
- Post Thanks / Like
This user has no status.----
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.
here's an easy way to find ur complementary color: Color Scheme Designer 3
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
And where have you seen these colors combined before? :D That's right!
I found this awesome program for just this called ColorShemer Studio
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:
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. :D
comments, reps appreciated
Last edited by CasualMisfit; 11-18-2012 at 11:09 AM.
-
06-22-2011, 06:52 PM #6Senior Member
- Status
-
- Join Date
- Sep 2010
- Location
- In the middle of nowhere and everywhere. >_o
- Posts
- 4,949
- Post Thanks / Like
This user has no status.----
GFX Tutorials and Resources Hall
Links to C4D Packs.
Please be aware that these links are download links.
Credits to ~stinky666
[Pack 1]
[Pack 2]
[Pack 3]
[Pack 4]
[Pack 5]
[Pack 6]
[Pack 6]
[Pack 7]
[Pack 8]
[Pack 8]
[Pack 9]
[Pack 10]
[Pack 11]
[Pack 12]
[Pack 13]
[Pack 14]
[Pack 15]
[Pack 16]
[Pack 17]
[Pack 18]
[Pack 19]
[Pack 20]
[Pack 21]
[Pack 22]
[Pack 23]
Credits to ~Angelus-Hellion
[Pack 1]
[Pack 2]
[Pack 3]
[Pack 4]
[Pack 5]
Credits to ~oOHereticOo
[Pack]
Credits to ~Drugi
[Pack 1]
[Pack 2]
[Pack 3]
[Pack 4]
[Pack 5]
Credits to ~Lordsiyei
[Pack 1]
[Pack 2]
[Pack 3]
[Pack 4]
Credits to ~Gokuva
[Pack]
Credits to ~xALIASx
[Pack]
Credits to ~RoseCabriolet
[Pack 1]
[Pack 2]
[Pack 3]
[Pack 4]
[Pack 5]
[Pack 6]
Credits to ~Quoenusz
[Pack 1]
[Pack 2]
Credits to ~charlycmjcla
[Pack]
Credits to ~MrRoBiN
[Pack 1]
[Pack 2]
[Pack 3]
[Pack 4]
[Pack 4]
[Pack 5]
[Pack 6]
[Pack 7]
[Pack 8]
[Pack 9]
[Pack 10]
[Pack 11]
[Pack 12]
[Pack 13]
[Pack 14]
[Pack 15]
[Pack 16]
[Pack 17]
[Pack 18]
[Pack 19]
[Pack 20]
[Pack 21]
[Pack 22]
[Pack 23]
Credits to ~El-Nombre
[Pack 1]
[Pack 2]
[Pack 3]
Credits to ~Abject-gfx
[Pack]
Credits to ~ElementsUnleashed
[Pack 1]
[Pack 2]
[Pack 3]
[Pack 4]
Credits to ~nRzH
[Pack]
Credits to ~solubl3
[Pack]
Credits to ~Arteek
[Pack]
Credits to ~Gaara2k3
[Pack]
Credits to ~OldManJames
[Pack 1]
[Pack 2]
[Pack 3]
[Pack 4]
[Pack 5]
[Pack 6]
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 CasualMisfit; 11-18-2012 at 11:11 AM.
-
07-02-2011, 12:34 AM #7
- Status
-
- Join Date
- Apr 2011
- Location
- Punk Hazard
- Posts
- 13,039
- Post Thanks / Like
Started from the bottom.
GFX Tutorials and Resources Hall
Photoshop Tutorials [for skilled and beginners]
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.
PHP Code:[B]Username:[/B]
[B]Photoshop Version:[/B]
[B]Question/Problem:[/B]
Last edited by CasualMisfit; 11-18-2012 at 11:12 AM.
-
01-21-2012, 11:04 AM #8Senior Member
- Status
-
- Join Date
- Nov 2011
- Posts
- 1,920
- Post Thanks / Like
This user has no status.----
█▓▒░ GFX Tutorials and Resources Hall
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
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.
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
Start from the bottom Left. When you click a dot forms which and you can continue from there.
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
now click to the right
now downwards. try slanting it so it's parallel to the left
and then join the line to the first dot
*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
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.
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.
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.
*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 meLast edited by CasualMisfit; 11-18-2012 at 01:03 PM.
-
02-15-2012, 06:31 PM #9Senior Member
- Status
-
- Join Date
- Apr 2011
- Location
- Calgary, AB
- Posts
- 1,732
- Post Thanks / Like
This user has no status.
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. (EXAMPLE)
► 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
TypoLast edited by CasualMisfit; 11-18-2012 at 11:13 AM.
-
11-18-2012, 11:03 AM #10SHOULD I **** YOU / YES
- Status
-
- Join Date
- Jan 2009
- Location
- Behind the Seal tormenting he Kjubi
- Posts
- 5,462
- Post Thanks / Like
This user has no status.----
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
And this is the result
Last edited by CasualMisfit; 11-18-2012 at 11:16 AM.
