All times are UTC - 6 hours




Post new topic This topic is locked, you cannot edit posts or make further replies.   Page 1 of 1
 [ 11 posts ] 
Author Message

 Post subject: COMPLETE sig guide! tutorials, info, FAQS, & more!!!L@@K
PostPosted: December 12th, 2003, 8:16 pm 
Champion of Saradomin
Champion of Saradomin
User avatar

Joined: July 25th, 2003, 6:56 am
Posts: 6,887
Location: Wherever I want to be, it's summer!
Status: Offline
This guide includes everything you need for sig making and basic photoediting :D <--lol chaos...wuts with the smilies? u always use em :lol:<--i whouldn't talk :lol: :lol: oops :oops: oops again :oops: ...u get the picture :wink: ahhhhh!

Note>This guide is meant to just give you ideas on how to use the effects. It is not intended that u do exactly what it says to make your sigs! Always be unique!!!

EDIT>>I fixed all the images and uploaded them to angelfire so they should usually be working

Getting Started

Before you do anything, your going to have to buy your program! Some good programs to use are
adobe photoshop 7
You can download the 30 day free trial here
im not sure if the trial includes ALL the features :?
another one is
Paint Shop Pro 8
i started with this, and i reccomend you do to, it will teach you a lot of stuff you sould know for photoshop, and it is a 60day trial instead of 30, and you dont want to waste your photoshop trial, lol
the 60 day free trial can be downloaded here
Animation Programs and advanced programs
bryce 5 no trial available :( but it is used for 3-D grapX and stuff, but i don't know much about it so im not gonna teach you how to use it until i really learn
download animation programs here they are all pretty general except swish, i reccomend ulead or coffecup, use both trials first

and two quotes that hedgehog sent me

hedgehog wrote:
chatmasta wrote:
congrats on becoming a mod :P
i was wonderin wut program u use to make ur pics, and could u give me some details bout wut it can do?
i would especially like a wesite to purchase it from and the price :)
ty, mjrpbplayer


i use a variety of programs to do my stuff..

paintshop pro costs about $80 i think, and you can get a free trial from the website that lasts for 30 or 60 days, i forget..
it's similar to photoshop which costs about $600, but has a few less features.
you can do almost anything with paintshop pro..

also, macromedia fireworks is a good one..
particularly for doing text and making cool borders to go around things.
but i only have the trial version of that..
looks like it costs about $300 :shock:

also Ulead photo express, which came with my digital camera..
looks like it only costs #13 or so, and it has some similar features to paintshop pro but much more limited.

as well as Ulead cool 3D for some 3D text stuff..
it does other things too.
you can find a free trial of that at their website but it doesn't last long.
it's what i used to make all the text on my website.

GIMP, which is free, is a pretty good program with lots of effects.
i think it's almost as good as paintshop pro, but i've just recently started using it.
i seem to make it crash alot though :?

sometimes i use pixia, which is free as well and does lots of stuff.
not too familiar with it yet.

another free one is called reptile.
well, i think it's free anyway.. or maybe shareware now..
i see a price of $19.95 on the site :?
i use it to make backgrounds sometimes.
i made the background for my website with it.

and one i just started using is called blender, which i think is sort of like bryce, which is the 3D program hiker uses to make the fancy images for his posters and stuff.
i haven't really figured out how to do anything with it yet though :(
i think blender is free..
bryce is about $80

and i use a free program called irfanview to do a lot of basic stuff like cropping and resizing and a few minor special effects, and it's what i paste all my screenshots into.

they're all pretty good programs, each with a few things that the others don't have..
if i could afford photoshop, i'd probably just use that.
i hear it's really good.

you might try posting a topic in the sigmakers guild as well, since there's some really good graphics people in there that use some other stuff.

hope that helps a little.


hedgehog wrote:
chatmasta wrote:
wut program should i use to put different pics together so they make an animation?


well, i've really only used one, and that's this: http://www.mindworkshop.com/alchemy/gifcon.html

i know there's a few others people use as well..
you might want to ask in the sigmakers guild too :D


How to Download Gimp

OhNoRunItsTrask wrote:
Henzy couldn't help you, but I can! :wink:
First off, this "walkthrough" is for windows only. You can download it for Mac, Linux, and whatever else there is, but this is for windows only.

Installation

-Clickhere to download GTK+(needed to use GIMP)
-Unzip that(you need WinZip[trial version at http://www.winzip.com]), and double-click the GTK+ icon. Go through all the steps and install it.
-After GTK+ is installed, click here to download GIMP.
-Unzip and install that.

Features
*taken from gimp.org*
"The GIMP is the GNU Image Manipulation Program. It is a freely distributed piece of software suitable for such tasks as photo retouching, image composition and image authoring. This site contains information about downloading, installing, using, and enhancing the GIMP. This site also serves as a distribution point for the latest releases, patches, plugins, and scripts. We also try to provide as much information about the GIMP community and related projects as possible"

Tutorials
-GIMP User Group
-Tutorial Pointer
____________________________
You can also contact me on AIM if you have questions not covered, or if you would like further help.
:) Trask

ok, im gonna show you how to use photoshop 7 (ps7)
__________________________________________________________
Using Photoshop 7
__________________________________________________________

The first thing you want to do in photoshop is open up a new document, and keep it under the sig siaze limits (i reccomend 312x94)
Image
make sure it is set to PIXELS!!!!!

now, wen u click ok ur probably wondering wut the heydiddlediddle (chaos 49) al those buttons and filters and layers do
notice the things outlined in red r important, the ones in blue r kinda important i censored a lot of things cus i wanted to try that lol
Image
o, and under the image tab, wuts kind of important is the adjustments, particuarly hue+saturation

filters are basically different effects like find edges, glowing edges, ripple, swirl, pinch, neon glow, accented brush strokes, etc.
they will change your image so it wont just look like a painted image, for example wen i have a white bg and the foreground color is black and the background color white(those two boxes over each other in the colors box) and i do filter>render>clouds then i get this
Image
if after that i do filter>render>difference clouds then i will get this
Image
that doesnt look to good, so i'll invert it (image>adjustments>invert[b] or [b]ctrl>I) and i get this
Image
inverting basically changes the colors to their opposites-it still doesnt look so good so lets go to image>adjustments>hue/saturation or ctrl+u
then change it to a color that looks good, make sure you have colorize selected
Image
it looks better, but its too light, so using the history tab im going to delete the action after 'clouds' by selecting it and clicking the trash can like shown
Image
now we have this again
Image
that looks cool, but u might like a different color. so wut do we do? we press 'ctrl+u' wut else?!
now make sure colorize is selected and u can set it to a color u like. i lke blue for this type of stuff
Image
u could of also done that same thing, but kept the difference clouds
and dont forget, those arent the only filters that you can use!! they are just 2 out of many..and you can purchase the KTP Collection by corel, install it in ur ps7 plug-ins folder and use it with photoshop for xtra filters!

now, i think you got that down, but before i go over the layers, let me go over the tools.
Image
things outlined in blue r things you dont really need to worry about for sig making puposes
selection tool You can select parts of your drawing with this and then copy them by pressing ctrl+c or cut them by pressing ctrl+x you can then paste them with ctrl+v somewhere else.

crop toolselect something, and then only that becomes the image

move tool select something, then click and drag it with this tool to move it

slice tool dont worry about it.

magic wand selection tool if there's a solid coor with a solid out line (sometimes a different color can be inside) click on it with this tool to select it.

healing brush not to sure what this does, click on it and do wut it says on the bottom, pretty cool

paint tool paint with this lol

clone tool forgot to say, dont worry about it.

history brush dont worry about that either

paint bucket fill in one area with one color/pattern by selecting this tool and clicking somewhere on the image (change to color or pattern at top)

filter tools these tools do the filters dodge, burn, sponge, blur, sharpen, and smudge in one area instead of the whole image--you can use the selection tool, select something then use a filter on just that area if you want to--

tex tool create text with this

shape tool create different shapes with this (click and drag)

navigational tools navigate around the image with these zoom and move tools

eyedropper tool i forgot to point this out, but you can select a color with this anywhere on the image then have that color as your foreground/background

colors shows your selected colors

jump to image ready imageready is a program that comes with ps7, and helps with animation, i dont use it much tho so i dont no much about it

now we can finally learn what layers do!

layers are basically 2 different images on top of each other, but u can make them see through or blend them together and all kinds of stuff! layers play a HUGE part in sig making the first thing you will need to know is how to create a layer. to do this go to layers>new>layer or press ctrl+shift+n
you start out with one layer: your background, you can see that in your layer box
now, lets try blending a layer, make two images, i will use this

Image
and this
Image
the first thing i do is create a new layer and put the second image on it then i right click on the layer and select blending options
this will come up:
Image
what we need for our prupose is outlined in red, it will blend the layers together jusdging by color, in my case i used blue, u can mess around with those tabs till u like wut u see
i got this
Image
it looks kinda demented, so over in the layer box in the lower left im going to adjust the fill, this is wut it does if i set 'layer 1's fill to 38%
[img]http://www.angelfire.com/ab7/miles/filladjust38.gif[img]
i cant exactly explain wut fill does, but i can explain opacity
wut opacity (right above fill) does is if you have a layer over another one, you can lower the opacity to make the layer that you are changing the opacity of see through, but still visible like i could go from this
Image
to this
Image
the layer under the green was this
Image

and that pull down menu where it says normal, those are the layer modes, some i suggest are duplicating a layer twice, and making the duplicates 'overlay'
another you might want to try is screen, i promise you will like the results :wink:
i think that about covers it for ps7, I'll give you some tutorials too tho :)

TUTORIALS
data wrote:
Step One
•Create document 250x250 pixels.
•Fill it with 50/50 Grey.
•Create a new layer.
•Select rectangular marquee tool.
•Make a rectangle 20 pixels wide and 250 pixels high.
•Fill the selection with Black.

Step Two
•Create a new layer.
•Still using the selection from above.
•Fill it with White.

Step Three
•Now apply Gaussian Filter with radius 4
••Filter>Blur>Gaussian Blur
•Merge both layers.

Step Four
•Now all we have to do is triangulate it.
••Edit>Transform>Distort.
•Select right-bottom corner and press SHIFT+ALT
•Move the right-bottom corner to the bottom-center. (Make it come to a point)
•Do it the same with right-top corner but move it to the right. (Make it wider than it was before)

Step Five
•Shearing.
••Filter>Distort>Shear.
•Try anything here, try different curves to add variety

Step Six
•Add Plastic Wrap.
••Filter>Artistic>Plastic Wrap.
•••Settings:
••••Highlight Strength : 9
••••Detail : 9
••••Smoothness : 2
•This part varies depending on what size the tentacle is…play with the settings on a larger one.

Step Seven
•Add some shadows.
••Layer Style>Drop Shadow
•••Settings:
••••Blend Mode: Normal
••••Color: Black
••••Opacity: 30 %
••••Angle: 90
••••Distance: 2
••••Spread: 0
••••Size: 5


dr dave wrote:
Hopefully you won't accidentally hit the prune button again guys :lol:

Here i go again. current amount of tuts: 8
-Installing Brushes and Fonts
-Making a Grunge masterpiece
-Transparency
-Background Effect
-Cutting out of background
-Crystal Effect
-Abstract Flare
-Colorizing a picture


Installing Brushes and Fonts:
Program: Photoshop 7
Image
This tutorial will teach you how to install Brushes and Fonts for photoshop 7. The fonts can also be used in other programs such as WordPad or MS Word.

-=-=Brushes=-=-
Download some brushes from the net. here are 3 of my favorite brush sites:
http://www.deviantart.com
http://www.angryblue.com
http://www.veredgf.fredfarm.com/vbrush/main.html

I downloaded mine of angryblue. I also downloaded angryblue's fonts, which are pretty good for grunge pictures.
Once you've downloaded it, open the .zip file and select the .abr file(s). Extract the .abr files to any file that is easy to locate. Sometimes i put it on my desktop, other times I put it in my brush folder (C:\Program Files\Adobe\Photoshop 7.0\Presets\Brushes\Adobe Photoshop Only or something).

Here is how to install the brushes onto photoshop:
-Choose the Brush Tool
-Right click your document
-A new window will pop up. Click the arrow (with a circle around it) at the top right of this new window
-Choose Load Brushes
-Look for your .abr file(s) in whatever folder you extracted them to.
-Choose them. If you have multiple, repeat until you have loaded all of your new brushes
-Right click the document and scroll down in the new window. You should notice new brushes. Always use the Brush tool when using grunge brushes, because the Pencil tool will make things choppy. The pencil tool is good if you are making pixel art or something like it.

-=-=Fonts=-=-
Find a good font site and download your favorite fonts.
Run the .zip file. Unzip or Extract (select your .ttf file(s) and press Extract or Unzip) the .ttf file(s) to your fonts folder. Your fonts folder should be located in:
C:\WINDOWS\FONTS (or something similar to that)
Once you have unzipped or extracted all of your fonts, go to the font folder (C:\WINDOWS\FONTS) and double click your new fonts. This should "refresh" it so all your fonts are loaded onto photoshop. You only need to do this to one or two of your new fonts.
______________________________________________________

Grunge tutorial:
Program: Photoshop 7
Image
This tutorial will teach you a thing or two about grunge. You can use grunge to create sigs, banners, wallapapers, site templates and many other things.

First thing's first. Check out my Installing Brushes tutorial if you don't know how, you don't know where to get brushes or you don't have any.

Grunge is extremely easy, though it may look hard at first sight. Just follow along and i'm sure you will have a sweet sig in no time. it takes 5 to 30 minutes for a basic grunge sig.

1. Open a new document, whatever size you want. I normally do 300x100 but in this one i did 275x69.
2. Make a background colour. I used a nice blood red.
3. Make a new layer and take out your new brushes. Look at my "Installing Brushes" tutorial if you do not know how.
4. Make a new layer (if you want you can name it something such as "main spatter"). If you have bloody-ish brushes, such as the ones from angryblue, then pick a nice blood spatter brush. Do not make it so cramped that you can barely see anything. Use my picture for reference. See how i only have a few shades of colour? There is the bright red for a background, then the darker red, then the faded yet darker red and then the grey. Right now we are making the faded yet darker red.
5. Set your foreground colour as black and set your brush opacity to 100%. Start single clicking the brushes. *single clicking* is the key. If you drag it it will look horrid.
6. After a few nice splatters here and there (try not to make it look repetitive, it doesn't look as good if it looks like you used one brush multiple times). I used linear, circular and explosive splatters for this one.
7. Set your LAYER opacity to 50% or so.
8. Make a new layer, this time make it UNDER your 'main spatter' layer.
9. Do the same for your main spatter layer except dont 'spatter' as much. I used circular kind of splatters for this one
10. Lower its opacity to 75%. this is the darker red layer
11. Make your final layer between Main Spatter and Darker Red Layer. (i don't think layer order really matters). Draw about 2 spatters on this one. Make them big linear type of spatters. Not too big or else it will look weird.
12. Change the layer mode of this to Colour.
13. With a few touch ups you can end up with this!
Image

Please do not use exactly what i just taught you to make yourself a sig, or to make someone else a sig. Try fooling around on your own, now that you know how to do it try making something totally different. try linear light instead of Colour (layer modes) or different coloured brushes.
______________________________________________________

Damaged Grid with BloodDrops:
Program: Photoshop 7
Image
This tutorial will explain some of the basic tools of photoshop and will help you learn about patterns.

1. Make a new document, RGB colour, transparent background, and 4x4 pixels. Maximize your document. Fill it with a black background.
2. Now open the info pallet (window > info). Right click the cross on the bottom right part of the pallet, and choose pixels if it’s not already chosen. Now open navigator (its best if you have the 2 pallets in tab format, to do that drag the tab part of one pallet beside the tab part of another pallet) and zoom up to full. Now open the info pallet, take out the rectangular marquee tool and select a rectangle that is 1 pixel in W and 4 pixels in H. check the info pallet to make sure you have the right size. Now hold shift and make another 1x4 rectangle, and start the rectangle on the bottom part of the first one you made (its rather hard to explain). It should make an L, like the picture below. Fill your L with a grey colour (I used 8E8C8C)
Image
3. Hold Ctrl+A then go to edit > define pattern. Name your pattern. This will create your grid pattern.
4. Close that document, you don’t need to save it unless you want to. Make a new one with your current settings, except change the size to 300x300. Now go Edit > Fill. Set ‘use’ to pattern, then select the pattern you just created. Press ok
6. Create a new layer, change your foreground colour to a dark red (I used 910E0E) and select the brush tool. Go to the brush pallet (window > brushes). Select Brush Presets and scroll down until you see one like so:
Image
7. So now with that brush set, look at the top bar for tool setting thing. Make sure your opacity is set to 100%. Now splatter sum blood stains here and there, don’t overdue it, but make sure you have enough. Now you can fool around with your layers opacity, and change the layer mode. The layer modes that I think look the best are (in order):
Vivid Light
Hard Light
Darken
Linear Light
Overlay
Soft Light (for minor blood drops)

8. Now your done! Make new layers, set the lower ones to lower opacity, and make the other ones brighter, fool around with everything.
Image


But: continue for extra part of this tutorial, to make a damaged grid.

9. This is the extra part, so if you haven’t done steps 1-8 do so. Now, select your grid layer. Take out an eraser, go to brush pallet, select the brush you were using for bloodstains and set the brushes opacity to 42% or so. Make a new layer, fill it with black and move it down to the very bottom. Now get your eraser tool again, and start erasing parts of the Grid Layer, very lightly. It should make it look damaged. If you want a clearer look at your grid layer, select the Eye in your blood layer(s) which will make the layer invisible. Now you can create working on your grid, changing the opacity of the eraser if you want, or even changing the brush. Good luck! To make the layer visible again click on the spot the eye used to be and it will appear.

Here is a sig I made with this nice effect:
Image

Note: If you are doing this on another piece of work, a sig for example, and you have to set the grid layer to a low opacity, then you should lower all the opacities of your blood layers and maybe even your eraser. Fool around with the information I just told you, I hope it will come in handy. And remember, this is a tutorial, so don’t go showing off what u just made saying you did it all yourself with no help from anyone else.

______________________________________________________

Transparency:
Program: Photoshop 7
Image
This tutorial will explain the basics of creating a transparent .gif or .png :)

To make a picture transparent, you have to make sure the places you want transparent have nothing on them, thus are checkered because checkers is the default background for "empty space". If there is white on your image, try getting rid of it by deleting the background layer or zooming up close. If the white or parts you want transparent have been merged with the picture itself (merged in layers i mean) then you will probably have a very tough time getting it out without deforming your picture.
Once the transparent areas are all ready (you can see the white and grey checkerboard thing) go File > Save for Web. Under format, choose .GIF or .PNG. .gif (or .GIF) is a rather low quality format, which is normally very small in size (bytes). Somtimes, even when set to its highest quality (256 colour), there will be some colour loss (there are over 3 trillon colours or something.. so 256 isn't very much). If this happens you may need to resort to a .png (or .PNG). These result in super high quality pictures, but huge in size (bytes). Also, some web browsers do not support .png pictures (so they cannot be seen) and some uploaders won't allow it. But i personally think using a different uploader is much better than having a large blob of colour and junk (.gif).
Make sure you can see the checker things in the preview too, if you can't, look for a checkbox with Transparency written beside it.
Choose your quality and other settings, and press Save! Transparency only works with .png and .gif (i think)

I have had some odd things happening with .png things, i am still not all to sure how to fix them.

Here is a little icon i made with transparency. if you go to the URL, you will notice that it's background changes to white, instead of the background of the forums. :D Enjoy
Image

______________________________________________________

Background Tutorial:
Program: Photoshop 7
Image
I will teach you how to make a funky background, it is pretty much how i made that cool sig above [Fire Whip]

1. Create a new document, 400x400 (you will crop it later)
2. Right click the paint bucket tool and choose the Gradient tool.
3. Once you select the gradient tool, a horizontal bar at the top will appear.
4. There will be 5 different types of gradient in a row. Choose the first one, linear.
5. Change the mode to difference
6. Start to make TONS of gradients. You will need to make ALOT! Don't make them too small, or it will look very odd since it will be so thin. Place them randomly around the document, make sure you don't leave parts of it out.
It should look like this:
Image
7. Copy the layer by pressing ctrl J
8. Go Filter > Wave > Distort. Use these settings:
Generators: 5 or 6, depending on document size
Wavelength: 10, 120
Amplitude: 5, 48
Scale: 100%, 100%

(change them around if you want)
Press randomize until you get something nice. Don't make it too crazy, try to find something smooth and calm.
9. Immediately go to Edit > Fade Wave (this will be avalible after most actions, such as filters, brushing, inverting etc..). If you can't click it it means you've done an action after the filter. You will need to back up and re-filter it (ctrl F to do last filter)
10. Fool around. i usually use 50% opacity and Hard Light mode, though it really depends on your gradient placement (in step 6) and the filter you used (in step 8).
11. Repeat steps 8 to 10 as many times as needed, using a different (press randomize) wave effect each time and changing the fade wave settings a bunch.
12. Once you find something nice, use my Colorizing Tutorial to put in some colour. Crop your picture in a good area and put on the final touches. Heres what i ended up with:
Image

______________________________________________________

Cutting A Picture out of a Background:
Program: Photoshop 7
Image
I cut my character out of its runescape background, I'll teach you how to do that in my tut below.



Here is what i started with:
Image
Ugly, eh? I think it would look nicer if i took the character out of the background, don't you? :lol: I'll teach you how with the following tut.
Note: This tutorial is rather confusing, and very hard to write. If your confused, PM me and I will try my best to give you a more detailed explanation of how to do it.

If you have just taken a screenshot of a picture (prt screen b utton), or have right clicked the picture and pressed Copy:
Open a new document or the sig/picture you plan on putting the picture into. Press ctrl V to paste your picture. If its too big, you can (optional) go image > canvas size to make the size of the document bigger without editing the sig itself. We will put it back to normal size after we are done cutting it out.

If you have the picture saved as a .jpg, .png, .gif etc..:
Simply open the document with the picture you want in it and drag the layer into the sig you want the picture in. If the layer is locked, double click it and press enter or OK. Enlarge the canvas size (image > canvas size) like i mentioned above (optional).

Cutting it out:
Now for the actual tutorial. You should have your image (i used an anime face) on the top layer, seperate from your background layer.
Zoom in (either by holding ctrl and pressing plus [+] a bunch, or using the Navigator Pallet. If you don't have the navigator pallet go to Windows > Navigator) alot, i used 700% to 800%.
Now, locate the Quick Mask tool (picture below). The one on the left is Standard mode, the one on the right is the Quick mask mode. Double click the Standard mode button and change the settings to what i have below:
Image

I have circled the quick mask mode/standard mode buttons. After you double click the one on the left, the settings will appear. Change them so they look like mine (the colour doesn't matter, as long as its bright and stands out. I normally use a bright red, but this picture contained alot of pinkish red colour and it wouldn't have stood out).

Press B on the keyboard to switch to your brush tool. Right click it and choose Pencil, if its not already selected. change the size of the pencil to 1 px by right clicking the document.
Now enter Quick Mask Mode (click the button on the right in the circled area). This will set your colours to Black (foreground) and White (background). Make sure the right layer is selected, and start drawin'! I want you to draw an outline of the face/object you want to KEEP! That means do not draw ON the face/object. If you make a mistake, press X to switch colours and draw with white to erase the masked area.
Once you have made a full outline of your object, while still in quick mask mode, take out the paint bucket. Fill the ugly background you want to cut out. If part of the face/object gets filled in, press Ctrl Z to backup (or use the history pallet). If that happens, it could be that you didn't connect the lines out-lining the face/object. PM me if your having trouble with that part.

Once the background is filled with red (or whatever colour you chose) press the button to the left of Quick Mask Mode (press Standard Mode button. It is circled in the picture above). This will exit quick mask mode. You can enter it again by pressing the button on the right.
Now, if done correctly, press the Delete button. this should delete your background, leaving you with only what you want.
Image

______________________________________________________

Crystal Effect on Photoshop:
Program: Photoshop 7
Image
[larger version]
Make some AWSOME crystals on photoshop! Not those cheap ones youd find on cheesy sites. This is the real thing :)

First off, Press D and then go to gradient tool (right click paint bucket).
Set mode to difference and use the linear gradient. Now make tons and tons of gradients all over the place. Dont every make your line too thin, or it will look odd. And also, make it so there is no plain looking places. do something kinda like this:
Image

Copy your selected layer (the gradient one) by dragging your layer to the 'new layer' button (or pressing ctrl+J)
Now, on your top layer (the one you just copied), go Filter > Distort > Wave. this is a cool effect for lots of things. Use these settings:

Type: Sine
Undefined Areas: Repeat Edge Pixels
Generators: 2
Wavelength; Min: 38 , Max: 449
Amplitude; Min: 6 , Max: 225
Scale; Horiz: 100% Vert: 100%


It should look like this:
Image

if it doesn't, click randomize untill it looks similar.

Now go to Filter > Sketch > Chrome. Put both detail and smoothness to 10.
Now, select your bottem layer and press ctrl+f. that will get your bottem layer chromey too.

Heres the amazing part: Select your top layer and go to Filter > Stylize > Emboss. Use these settings:
-107
height: 66
Amount: 67


Now set the top layer's mode to Lighten.

Cool huh? It gets better: Press ctrl+u to go to Hue/Sat. Check colorize and colour your layer. Do the same with your other layer.
(remember, if u choose you do not like the colour you have chosen and want to change it, press ctrl+shift+u first, then colorize)[/color]
______________________________________________________

Wavey Flare:
Program: Photoshop 7
Image
Flares like the bright stuff in the picture above. Its great for abstracts or fantasy wallpapers.

This is probably one of the easiest tutorials you will ever see. Well, easy enough. If you have any problems please contact me (Private Messaging).

Image
Open a new document with any size. I used 300x100 pixels.
Open the Layers Pallet (Windows > Layers).
Unlock the background layer (Double click it and press OK) if its locked and fill it with black. Change its mode to Linear Dodge
It should look like this:
Image

Image
Go Filter > Render > Lense Flare. Set the size to whatever you want (I used 100) and use 105mm Prime (if you don't, it won't look good at all). Immediately after that go Edit > Fade Lense Flare (or Ctrl+Shift+F). Change the Mode to Hard Light and keep the Opacity at 100%. Now all those annoying specs of orange and white should be gone, leaving you with just the flare itself.

Time for another filter, this time its distorting it! Go Filter > Distort > Wave. Change the settings so they are similar to the picture below. You may want to fool around yourself and press the Randomize button untill you find something that looks really nice.
Image

Mine ended up like this:
Image

Image
[this part is optional. if you happy with your result so far, you do not need to do this]
Now we just need to add the final touches. Take out the smudge tool (Hotkey: R) and change the brush to something similar to the following (These brushes should come with Photoshop. If you can't find them, PM me and I'll show you how to get them):
Image

Start smudgin' :) I sometimes copy the layer I'm about to smudge (Hotkey: Ctrl+J) so if I mess up I won't need to do steps one and two all over again.
Just lightly smudge the flares so they aren't so raggidy taggidy. Smooth them out, and if you find your current brush to be to sharp change it to a softer one (try to keep the same size though). It doesn't do much, but thats why they call them "Details".

Put it on a background and Voila! Here is a sig i made with this effect:
Image

______________________________________________________

Colorizing a Picture:
Program: Photoshop 7
Image
Is the gray, black and white too dull? Are you sick and tired of seeing grayscale? Here is a small tut on how you add colour (or change it) to your pictures!

Before anything, go Image > Mode > RGB Colour (make sure its checked). Press Don't flatten if it asks you.
Now, open the picture you want to colourize. Name the layer(s) you want colorized "Picture".
Here are 3 different ways to add colour to your picture.

[a]You can select the Picture layer and press Ctrl+U (it should bring up Hue/Saturation) and check the Colorize box, then fool around with Hue/Sat. If you do this on a picture that already has colour in it, it will automatically desaturate it when you press "Colorize". This is good so it won't get too bright or saturated.

[b] You can press Ctrl+B (should bring up Color Balance) while your Picture layer is selected. Fool around with those settings, this will change the colour slightly. If your picture already has colour, it will not automatically desaturate it like in method [a].

[c] You can make a new layer and change its mode to Color or Hue (Hue only works if your Picture layer has colour in it) and fill it in with any colour. Make sure the colour has some saturation in it. If your layer mode is set to Hue, the amount of saturation doesn't matter. If its set to Color it will affect the colour of the Picture layer.
If your choosing this way of colorizing, here is a picture that may help you. This is what my colour picker looks like when my layer mode is set to Hue. The horizontal bar changes the hue, the large box (with all the colours in it) changes the saturation/brightness and the little radio buttons changes the Picker's mode. I normally use Hue.
Image

If your confused please contact me via Private Messaging.


[dr]


and some good sites...

dr dave wrote:
My Favorite Sites:

http://www.angryblue.com
http://www.dafont.com
http://www.spyroteknik.com
http://www.carbonfour.com
http://www.thewebmachine.com



Fonts:

http://www.angryblue.com
http://www.veredgf.fredfarm.com/vbrush/main.html
http://www.acidfonts.com
http://www.dafont.com
http://www.freefonts1001.com


Brushes:

http://www.spyroteknik.com
http://www.deviantart.com
http://www.angryblue.com
http://www.veredgf.fredfarm.com/vbrush/main.html


Tutorials:

http://www.good-tutorials.com
http://www.stridingstudio.com/tutorials/
http://www.computerarts.co.uk/tutorials/2d/
http://www.thinkdan.com/tutorials/index.html
http://www.deepspaceweb.com/
http://www.neofrog.com/tutorials.html
http://www.phong.com/tutorials/
http://www.pixeljunction.com/tutorials.php
http://www.eyewire.com/tips/photoshop/
http://www.photoshoproadmap.com/pho...rials-tips.html
http://www.spyroteknik.com/
http://www.carbonfour.com/tutorials/
http://www.digitexturia.com/index2.php
http://jereme.gfxsites.net/
http://www.dubtastic.com/
http://www.digitalwebgold.com/resources/tutorials.htm
http://www.designsbymark.com
http://www.eyeball-designs.com
http://www.neofrog.com/tutorials.html
http://www.effectlab.com/
http://www.jlswebsource.com/tutorials.html
http://tutorials.dreaminfinity.com/
http://www.designsbymark.com/pstips/index.shtml
http://www.eyeball-design.com/page09.htm
http://www.absolutecross.com/tutorials/photoshop.htm
http://www.myjanee.com/jnetuts.htm
http://www.eyesondesign.net/pshop/tuts.htm
http://www.deepspaceweb.com/sections.php
http://www.thinkdan.com/tutorials/photoshop.html
http://www.savvy.net/photoshop.htm
http://www.photoshopcafe.com
http://www.phong.com/tutorials
http://robouk.gdesign.nl/tutorials/
http://www.planetphotoshop.com/tutorials.html
http://www.opticnurve.com/tutorials.asp
http://www.pankpages.com/tutorials/photoshoptut.htm
http://www.stewartstudio.com/tips/phototip.htm
http://www.stab.se/aq/ny/index.htm
http://www.magicpixel.com.au/html/workwel.html
http://www.darkerimaging.com/tutorials.htm
http://jereme.gfxsites.net/
http://www.rtideas.com/ticks/
http://x-tremefx.cnhost.com/tutorial/tutorials.html
http://www.screaming-art.com/tutorials.php
http://www.webinfractions.com/~defe...rials/index.htm
http://w1.243.telia.com/~u24308054/...s/tutorial.html
http://www.digitaltropic.com/tutorials.htm
http://www.perfectpixels.com/index.cfm?methodhotoshop
http://www.distortion.co.uk/freebies/tutorial.html
http://www.arraich.com/ps_intro.htm
http://www.teamphotoshop.com/photos...ials/ps_tut.php
http://www.stridingstudio.com/tutorials/
http://www.eyeland.com/tutorials.php
http://user.fundy.net/morris/main.html
http://europa.spaceports.com/~beatop/tutorials.htm
http://www.axxessdenied.com/photoshoptut.php
http://www.bizark.com/learn/
http://www.carbonfour.com/tutorials/
http://umojan99.tripod.com/
http://www.webteknique.com/
http://www.dsigning.com/photoshop/t...intwithfilters/
http://www.nebulus.org
http://www.gurusnetwork.com/tutoria...shop/index.html
http://www.wastedyouth.org/tutorials/index.html
http://www.masteratwork.com/ed/7denierave/
http://www.somethingleet.com/forumd....php?forumid=24
http://www.tutorialforums.com/index.php?referrerid=62
http://www.theroot42.org/forum/
http://www.shadowness.com
http://www.dreaminfinity.com
http://www.shiver7.com/
http://www.b-man.dk/
http://www.bluesfear.com/
http://www.robouk.mchost.com/
http://www.voidix.com
http://www.spoono.com
http://www.lightingfx.spyw.com/
http://tutorials.yaxay.com/
http://www.absolutecross.com/tutori...es/round-edges/
http://www.actionfx.com/
http://www.adobeevangelists.com/
http://www.adobe.com/webstudio/phot...blend/main.html
http://www.adobe.com/products/tips/photoshop.html
http://www.geo.utexas.edu/output/photoshop.html
http://development.alpha-project.net/tutorials.html
http://www.aqa-d.se/
http://ard.virtualave.net/frame.htm
http://www.veraldar.net/ari/
http://webreference.com/graphics/column36/
http://www.bizark.com/
http://www.bluesfear.com/
http://www.webdevelopersjournal.com..._ad_banner.html
http://www.candeekis.com/alltutorials.html
http://www.cbtcafe.com/photoshop/
http://builder.cnet.com/webbuilding/0-7370.html
http://builder.cnet.com/webbuilding...-4279263-1.html
http://www.computerarts.co.uk/tutorials/2d/
http://www.cyberinkdesign.com/tutor.htm
http://www.dacort.com/tutorials.php
http://www.dalinise.com/
http://2achievesuccess.com/david/
http://misery.subnet.at/
http://www.deepspaceweb.com/
http://www.designsbymark.com/pstips/
http://www.dsigning.com/
http://www.deviantart.com/
http://www.digital-creativity.co.uk/
http://www.digitalthread.com/
http://www.distortion.co.uk/freebies/tutorial.html
http://www.dreaminfinity.com/tutorials/Photoshop.shtml
http://www.edevcafe.com/docs.php?type=t ... l&catid=24
http://www.elated.com/
http://www.zdjournals.com/ips/
http://www.geocities.com/nessele/
http://erk.free.fr/
http://www.espressographics.com/
http://www.evening.demon.co.uk/articles.html
http://www.exquisitedesign.com/
http://www.extremeflash.com/
http://www.extropia.com/
http://www.eyeball-design.com/page09.htm
http://www.eyewire.com/tips/photoshop/
http://www.firelily.com/
http://www.freegraphics.com/10_Tutorials/Photoshop/
http://www.codewarrioru.com/CodeWarriorU/
http://www.webspace.com.br/opus/web3.htm
http://geda-online.com/
http://www.gifart.com/graphictips5.shtml
http://gliebster.com/
http://www.2ginc.com/
http://www2.gograph.com/fusion/EN/E...op.cfm?jmpfos=1
http://www.goranation.com/
http://books.je-ideadesign.com/viewlets ... ources.htm
http://graphicssoft.about.com/libra...shop+6+Tutorial
http://wwwebmasters.net/tutorials/Photoshop/
http://user.fundy.net/morris/redire...photoshop.shtml
http://www.grafx-design.com/tutorials.html
http://www.gurusnetwork.com/
http://homepages.ihug.com.au/~mr_jr/tutorials.htm
http://www.hyperpark.com/
http://www.icehousedesigns.com/tutorials/photoshop/
http://the-internet-eye.com/HOWTO/default.htm
http://www.myjanee.com/jnetuts.htm
http://www.arraich.com/ps_intro.htm
http://jereme.gfxsites.net/
http://www.jlswebsource.com/tutorials.html
http://pionet.net/~jzeman/tips/contents.html
http://www.multimania.com/harvestr/logos/
http://www.iboost.com/build/software/pshop/index.html
http://www.icehousedesigns.com/tutorials/photoshop/
http://hotwired.lycos.com/webmonkey....html?tw=design
http://www.iservice.at/isset.html
http://www.itgraphics.com.au/tutorial/index.htm
http://www.visual-redemption.com/
http://mccannas.com/pshop/photosh0.htm
http://showcase.netins.net/web/wolf359/linkotip.htm
http://www.magicpixel.com.au/html/workwel.html
http://homepage.mac.com/markstrange...hoto~index.html
http://www.sketchpad.net/
http://www.photoshopuser.com/
http://www.neofrog.com/
http://www.netpedia.com/graphics/tips/
http://www.opticnurve.com/
http://orgcon.jlswebsource.com/tips.html
http://www.orionnetlinks.com/Photoshop/photoshop.asp
http://www.ozones.com/handson/
http://www.pageresource.com/
http://www.pagetutor.com/
http://www.pankpages.com/
http://www.piscespub.com/pcpp50.html
http://www.pixelpunk.8m.com/
http://showcase.netins.net/web/wolf359/adobepc.htm
http://www.perfectpixels.com/home.cfm
http://www.phong.com/
http://www.planetphotoshop.com/tutorials.html
http://www.poidesign.com/
http://www.pragt.net/
http://www.webreference.com/graphics/
http://www.psionic.pwp.blueyonder.co.uk/
http://www.webreference.com/graphics/
http://www.rainworld.com/oe_99/forg...ndex.frame.html
http://www.raestudios.com/
http://www.rainworld.com/
http://www.renderosity.com/tutorial...s_key=990025582
http://books.je-ideadesign.com/viewlets ... ources.htm
http://robouk.gdesign.nl/index.php3
http://www.russellbrown.com/
http://www.afn.org/~afn07395/Seamle...seamlesstut.htm
http://www.creativepro.com/story/fe...ml?ArtToday=1-1
http://www.shortcutcentral.com/
http://www.sketchpad.net/photoshp.htm
http://learn.smartplanet.com/educat...asp?Course=SPBW
http://webdeveloper.com/html/html_table_splicing.html
http://www.spoono.com/
http://www.webslave.dircon.co.uk/photoshop/
http://www.stewartstudio.com/tips/phototip.htm
http://strider-web.virtualave.net/
http://www.netcolony.com/arts/d5uga/Pshop/tuts.html
http://www.wetzelandcompany.com/MonthlyTipB.html
http://thetechnozone.com/macbuyersg...Photoshop6.html
http://www.thinkdan.com/
http://www.sev.com.au/dtpzone/phtips.asp
http://members.tripod.com/~rddesign/prof.html
http://www.teamphotoshop.com/
http://www.intelinfo.com/newly_rese..._Tutorials.html
http://twh.telefragged.com/
http://builder.com.com/
http://users.iafrica.com/c/cu/cubic/vers/
http://www.wastedyouth.org/
http://www.webclass-101.com/photoshop6.shtml
http://wdvl.com/Authoring/Graphics/...toshop/toc.html
http://www.webgraphicscenter.com/
http://webreference.com/graphics/column36/
http://www.webmasterbase.com/
http://www.webslave.dircon.co.uk/photoshop/index.html
http://www.wetzelandcompany.com/
http://www.geocities.com/vitseeus/photo ... ecipes.htm
http://www.phong.com/tutorials/
http://eternalgfx.homestead.com/effectstutorials.html
http://www.icehousedesigns.com/tutorials/photoshop/
http://www.deviantart.com/thumbnails.php?section=ps7
http://www.dreaminfinity.com/tutorials/Photoshop.shtml
http://user.fundy.net/morris/redire...?gallery2.shtml
http://www.ultimatetopsites.com/coolsites/top50gfx/
http://www.pixelvoid.com/
http://www.razorart.com/
http://robouk.gdesign.nl/
http://www.liquidsoft.com/
http://www.pixeljunction.com/
http://www.solardreamstudios.com/
http://www.shadowness.com/tutorials.html
http://twh.telefragged.com/
http://www.tutorialfind.com/tutorials/adobe/
http://www.teamphotoshop.com/
http://www.project-boredom.com/
http://www.nyonic.com
http://www.rainworld.com/psworkshop/
http://www.screaming-art.com/
http://www.photoshoptechniques.com/
http://www.firelily.com/photoshop/
http://www.photoshopcafe.com/tutorials.htm
http://www.webcorpfx.com/v2-html/Re...3&CategoryID=6&
http://www.spyroteknik.com/
http://tiles.ice.org/index_completed.php?
http://www.arbel-designs.com/
http://home.hetnet.nl/~whiteeagleonline/Tutorials.htm
http://www.3x4.co.uk/tutorials.php
http://www.myjanee.com/tuts.htm
http://www.humanconclusion.com
http://www.toeng.com
http://www.endeffect.com
http://www.pixeljunction.com
http://www.iamunreal.com
http://www.turtleshell.com
http://www.cognitivedistortion.com


if you find any doubles or non-working ones can you pm them to me and ill remove them? I want to keep the non-working urls so if they ever start to work again i can put them back up.

good luck, i've barely checked any of em


killcanon wrote:
ok iv decided to help all of you new sig makers who are making over sized or ..... well horrible (no offence) sigs. So here i go, ill start with a few pointers:

:arrow: A good size for a sig is 300-350 px wide and 75-100 px high
:arrow: All ways be creative, if all your sigs are the same nobody will want them
:arrow: Be your own critic, if you dont like it the odds are others wont either
:arrow: Make sigs even when they are not ordered by people, every sig makes you better

Im going to show you a simple tutorial for a warped space sig:

:arrow: Create a new document that is 298*98 in size (its so we can add a border later)
:arrow: Go Filters >> Render >> Clouds and Differance Clouds (twice)
:arrow: Go Filters >> Sketch >> Water Paper and use these settings: 50/60/80
:arrow: Ctrl + B and choose your colour (iv used blue but its up to you)
:arrow: Filters >> Distort >> Wave settings: No Generators 15, Wavelength (min)10 (max) 120, Amplitude (min) 5 (max) 52, Scale (both 100%) and Wrap Around. (mess with the randomise button til u find one u like)
:arrow: At this point you have your background, this is mine so far:
Image
:arrow: Now we add the text, The font is up to you and the font im using you may not have
:arrow: Add for the name a size 14 font in the bottem left corner (colour up to you)
:arrow: Now across the top either add stats or a quote in size 10-12 font
:arrow: Now your text is done you can add the last thing which is the border, go Image >> Canvas Size and make the PIXEL settings to 300*100 while making sure your background is white.
:arrow: and your done, thats mine below yours should look along those lines, but if you want to mess around with differant settings to get differant effects you can get good sigs.
Image

Ok that is a very basic but effective sig and its easy to make.

~kill

(ill add more other tuts and edit this post when i can think of more easy ones)[/list]


How to make a transparent Sig in ps7
1.When you go to make a new document, click transparent on the bottom left.
2.When you want to cut a part out, simply select that part and press delete on all the leyers
3.There is no step 3! its that easy!
anything he says to pm to him, you can pm to him or me, just if u pm him, tell him it's this topic
[quote="Chaos1313"]If you have a tutorial here that has images that don't work, please re-upload them onto another site and re-submit them to me and I will fix them. You DO NOT need to re-submit the whole tutorial again, just the images that don't work.
____________________
How to crop by Humbledragon

Alright this has been a major problem for me, so im going to describe how you crop screenshots in paint. With pictures! :D

First thing is first, print screen using the prnt scrn key. Paste it (im sure you know how to do that) into paint.

Now, using the Marquee tool:

Image

Encircle the Runescape playing screen. Now right click and say COPY.

(incase u dont know ill show a pic)

Image

Now go to Atributes:

Image

And set them to be:

Image

Now paste! succses! u have cropped the image. Mods if u can, please make this a sticky.
____________________
Good programs for making sigs: Thanks to r c 69 for prices.
Paint Shop Pro 8, $84-93 depending weather u download or buy in the box (or free 30 day trial) (PSP7)
Adobe Photoshop 7, $600 (PS7 or APS7
Bryce5, $80 (for advanced users, usually used to export graphics)
Flash, $500 (or free 30 day trial) (for advanced users)

Fonts
http://www.acidfonts.com thanks opivy6
http://www.1001freefonts.com thanks opivy 6
http://www.larabiefonts.com/fonts/z.html
____________________
PhotoShop 7 background tutorial by OhNoRunItsTrask

1. Make a new image, it can be any size
2. Fill the background with whatever color you want(i like black)
3. Select the brush and a color of your choice that *should* go good with the background color(i like white)
4. Use the brush and make zig-zags from the TOP LEFT corner to the BOTTOM RIGHT corner
5. Repeart step 4 EXCEPT go from TOP RIGHT to BOTTOM LEFT
6. Use waves as many times as you want with whatever settings you want(i like using waves 2 times with default settings)
7. Use glowing edges and use the default settings
8. Now you can invert the colors IF YOU WANT, you don't have to, but it may look better if you do, or if you don't
9. Use colorize and select any color you want
And then you have a pretty cool looking background for a sig

____________________
PhotoShop 7 BackGround Tutorial by Data

1)
•Filter > Render > Clouds OR
•Start off with any picture you want

2)
•Filter > Pixelate > Mosaic

3)
•Change cell size (10-15 Recommended)

4)
•Filter > Blur > Radial Blur

5)
•Blur Method : Zoom
•Quality: Best (if your computer can handle it)

6)
•Filter > Brush Strokes > Accented Edges

7)
•Change Edge width (2-5 Recommended)
•Change Edge Brightness (40-50 Recommended)
•Smoothness
••5 if you want corners
••15 if you want curves

•Filter > Stylize > Find Edges

you can continue, and add more, or leave it like that

9)
•Press CRTL + I OR
•Image > Adjustments > Invert

Now you are finished!
____________________
Fire Tutorial located in rc 69's post
____________________
Photoshop 7 Background by Ace2cool

1. start a new image. suggested size: 320x130

2. color the background black then use a color and randomly color over
it. i suggest white or gold looks kinda cool too( remember keep brushes opacity at 100%, and paint brush suggested size is 19
Image

3. now go to the option above filter> scrool down to pixalite> then go to mosaic> the recomended cell size is 12-15 prdo that and then press ok ur screen

should look something like this
Image

4. now you once again go to filter at the top of the screen> then chose stylize> then glowing edges. heres what is should look like
Image

5.Now add ur own writeing or anything you want .. oh and when u save it be sure to chose option save for web :D


2nd Photoshop Background by Ace2cool

1.start a new image suggested size: 320x150

2. make the background all black... then start adding the color u want randomly onto the black... in this case i chose blue...
Image

3. Then you go to the option on the top of the xscreen filter> then select liquify at the top of the list> just randomly swirl it but be sure to keep in

enough blue, and enough black. heres an example
Image

4. After you have done this once again chose the filter option> then select pixalite> then go to crystalize, make the cell size about 12-15, i use 15...

heres what you should have
Image

continued in my other post...running out of room


Last edited by chatmasta on January 1st, 2004, 7:29 pm, edited 13 times in total.
Top
 Profile YIM 
 

 Post subject:
PostPosted: December 12th, 2003, 8:22 pm 
Village Elder
Village Elder

Joined: July 24th, 2003, 5:10 pm
Posts: 3,675
Location: Whooping in CAL
Status: Offline
Hey Chat, very nice. Maybe the mods might sticky this....you should add that in the subject.

__________________
Image
Click Here To See My WoW Character


Top
 Profile WWW 
 

 Post subject:
PostPosted: December 12th, 2003, 9:40 pm 
Priest of Saradomin
Priest of Saradomin

Joined: May 21st, 2003, 8:11 pm
Posts: 1,160
Location: around the corner to the left up one street and down on ur right
Status: Offline
<edit> ignore this... what i said went in reverse, but it works :)

__________________
Image


Last edited by r c 69 on January 1st, 2004, 11:38 am, edited 1 time in total.
Top
 Profile
 

 Post subject:
PostPosted: December 13th, 2003, 5:30 am 
Minor King
Minor King

Joined: October 13th, 2003, 1:37 pm
Posts: 869
Location: Where you'r not
Status: Offline
mods this should be stickied! very good.

__________________
65% of runevillagers have annoying self proclamations in thier sigs, if your one of them [s]Put this in your sig[/s]


Top
 Profile WWW 
 

 Post subject:
PostPosted: December 13th, 2003, 6:26 am 
Sorceror of Saradomin
Sorceror of Saradomin

Joined: October 20th, 2003, 1:31 pm
Posts: 3,385
Status: Offline
very nice! But I think only 1 tuturial isn't enought. Maybe make 1 or 2 more, then it would be really good :D . I know that alot of the stuff I learned was through doing diferent tuturials with all the filters. Help you out :D




~Bepo


Top
 Profile WWW 
 

 Post subject:
PostPosted: December 13th, 2003, 6:52 am 
Village Elder
Village Elder

Joined: July 21st, 2003, 8:07 pm
Posts: 3,485
Location: USA
Status: Offline
Hey I write something for image ready maybe I use it.

__________________
We are what we repeatedly do. Excellence, then, is not an act, but a habit. —Aristotle
All human actions have one or more of these seven causes: chance, nature, compulsion,
habit, reason, passion, and desire. —Aristotle


Top
 Profile WWW 
 

 Post subject:
PostPosted: December 13th, 2003, 7:57 am 
Champion of Saradomin
Champion of Saradomin
User avatar

Joined: July 25th, 2003, 6:56 am
Posts: 6,887
Location: Wherever I want to be, it's summer!
Status: Offline
this isnt exactlye a tut, cus there are still ppl asking how to make things, this actually explains HOW to make stuff, and chaos1313's topic is just tuts assuming u no how to do all this
im gonna finish it now

__________________
lolz


Top
 Profile YIM 
 

 Post subject:
PostPosted: December 15th, 2003, 9:50 am 
Champion of Saradomin
Champion of Saradomin
User avatar

Joined: July 25th, 2003, 6:56 am
Posts: 6,887
Location: Wherever I want to be, it's summer!
Status: Offline
wow! gotta keep this on pg 1, its mostly a topic for viewing so ppl dont need to post, im gonna pm a mod bout stickying this, cus chaos alredy unstickied his so i could put the info in here

__________________
lolz


Top
 Profile YIM 
 

 Post subject:
PostPosted: December 15th, 2003, 11:45 am 
Village Elder
Village Elder
User avatar

Joined: May 16th, 2003, 2:10 pm
Posts: 13,823
Location: Chicago, IL
Gender: Male
Status: Offline

Donor: Knight (2007)
Stickied, and locked to prevent spam. If you ever need to edit something in just PM me, or another mod that's online :)


Top
 Profile
 

 Post subject:
PostPosted: January 1st, 2004, 7:29 pm 
Champion of Saradomin
Champion of Saradomin
User avatar

Joined: July 25th, 2003, 6:56 am
Posts: 6,887
Location: Wherever I want to be, it's summer!
Status: Offline
chaos1313 wrote:
3rd Photoshop Background by Ace2cool

1. start off with a new image, maybe 300x150, i use 320x120 here...

2 make the backgroung completely black

3. :arrow:THIS IS VERY IMPORTANT you have to have ur main color as green on ur little thingy to the left where it has 2 colored squares, the one on top is

the onre ur using right now, that has to be the color u want it to be, and the other color( the one behind it) should be black. in this case i used green

and black.

4. go to filter>render.clouds, you should have somethiong like this
Image

5. now you have to go to filter> pixalite> crystalize, cell size 10-15 i use 15 (if u crystallize 2 times it also looks cool) heres what u should have, i

did it twice
Image

6. now go to filter>brushstrokes> accented edges..depending on how big u want the gap between each paralell ling is how big u want theedge with.
heres an example of one usuin edge wth 3
Image

heres one thats edge with 6
Image

7. now ur next step is to go to filter>styalize>find edges.
once again the 3 with
Image

and the 6 with
Image

8. now you have to finish it off, go to image> adjustments> invert, now ur done, u can add text or watever u want
Image
heres the 3 with
Image
____________________
Liquid Metal Background Tutorial by CryingOutLoud

In this toturial I'll try to explain how to make this:



1) Create a new image (ctrl+n) size doesnt really matter but dont make it too small cuz othwise it will all

be blurry..

2) Hit "d" and fill the background with 'pure' BLACK

3) Then select the Polygon tool and make a few (perhaps 5) 'pure' WHITE polygons, size doesnt really matter as long

as its not too big..

4) go to layers => Flatten image

5) go to Filter => Blur => radial blur, make the amount as high as possible, method: zoom, quality: draft,

then hit OK

6) press Ctrl+F 2 times! that is to repeat the blurring..

7) go to filter => sketch => chrome, and make and make the detail 10, then hit OK

8) then go to filter => blur => radial blur again and use the same settings as used before

9) then go to filter => sketch => chrome again and use the same settings as before..

10) hit CTRL+U, check the colorize box and toy around till you have the colors you like

Voila, now you're done

____________________
Random Image Tutorial by Chaos1313

This tutorial will teach you how make different sigs appear randomly in your signature. I hope this solves the

problem of people using multiple sigs thus making their entire signature over the limits.

Step #1: Go to http://www.cutandpastescripts.com and register. If it does not work lower your "cookie" privacy settings in

Tools>Internet Options.

Step #2: Gather the URLs of the sigs you want to include in the random image. Make sure they DO NOT have the image

tags ([img] and [/img]).

Step #3: Go to the members area of the site (after logging in) and click the button "Random Images". Then click the

link "Add a new random image". Remove the default link in the box, it's a stupid ad :roll: . Then just copy and

paste your URL in the box. Repeat until you have added every URL you want.

Step #4: Click the link "Find the code I need for my random images". It will give you a long HTML code. Here is an

Example on how to "shave" it down to the part you need.

    <!- Random Images Script, by Cut and Paste Scripts. Hosted CGI, with NO adverts and FREE.

    http://www.cutandpastescripts.com -!><img

    src="http://www.cutandpastescripts.com/cgi-bin/randomimages/randomimages.pl?username=Chaos1313" alt="Random

    Images"><!- Copyright Cut and Paste Scripts -!>

    Now look for the quotes...

    <!- Random Images Script, by Cut and Paste Scripts. Hosted CGI, with NO adverts and FREE.

    http://www.cutandpastescripts.com -!><img

    src="http://www.cutandpastescripts.com/cgi-bin/randomimages/randomimages.pl?username=Chaos1313" alt="Random Images"><!- Copyright Cut and Paste Scripts -!> When you find the quotes take out

    all the text OUTside of them untill you are left with something similar to

    http://www.cutandpastescripts.com/cgi-b ... =Chaos1313


Step #5: Put the tags on the URL...

Image
____________________
Glow Edged Background Tutorial by Chaos1313

In this tutorial I'll teach you how to make backgrounds like...

Image
(This backround has been resized from a normal high resolution "desktop" background to 400x400 pixels for

uploading)

and

Image

For PSP 7 users:

Create a new image (size does not matter).

Start out by filling the background with a texture. Then go to Effects>Geometric>Pixelate and click on it. Then set

the block width (symetric) to anywhere from 5-15 (this will determine the how far apart the lines are).

(this is the time to colorize if you want to, go to Colors>Colorize) Once you're ready go to

Effects>Artistic>Glowing Edges and select it. Then move the intesity and sharpness bar acording to your

preferences. You can also colorize again but it will be limited to one color.

Photo Shop 7 users:

Create a new image (size does not matter)

Fill in the background with a texture.

Then go to Filter>Pixelate and here is where PS 7 has the advantage. Choose one of the pixelate options (I like

crystalization the most, and it usually works the best so I'll use it for this tutorial), and make the cells at

least 5x5 (try 10x10 first). Once that's done go to Filter>Stylize>Glowing Edges.

That easy!
____________________
How to upload and use a sig by Chaos1313

#1 Create an image (filesize maximum: 30k, height and width maximum: 400x150) and save it as a .Jpeg or .GIF (some

uploaders except .png and other formats).

#2 Go to a site that has an upload feature, such as http://www.uploadit.org and press the

browse button. Then browse until you find the image you want to upload, select it, and press the

upload button.

#3 Let the site load, once it is done you should see your URL. Copy and paste it into your signature inside your

profile. The type [img] right before the URL with NO SPACES, then put[/img] after the URL, again with NO

SPACES
.

You can get an offsite avatar the same way but WITHOUT using the image tags ([img] and [/img]).Also avatar filesize

limits are 4k and height and width 45x45.

For more info visit Dakmis's sticky
____________________
Links to Online Tutorials

http://rainworld.com/psworkshop submited by runeman14
____________________
Please contribute your homemade tutorials, any links to online tutorials, sig making products not mentioned, and prices. You may submit to me to edit in this post, you may edit an existing post of your's with it so it is on the first page, or you may post on the last page and I'll put a link to it here.


and...

r c 69 wrote:
ps 7...
ps 7 trendwork and more, submitted by data
rusted metal tut, submitted by VR2L1
creating an eye, submitted by VR2L1
bryce 5...
http://www.brycetech.com, submitted by hiker
psp 7...
psp 7 tutorial, submitted by me
multiple program tuts...
www.voidix.com, submitted by r c 69
bluesfear, submitted by djchemis

please feel free to do as chaos said and submit some links and tuts
__________________

Bar tutorial for PS 7 by: Enjoi, edited by: r c 69

1.) Select the single row marquee (this can also be done with the rectangle marquee)

2.)Click somewhere on the sig area (a row of 'marching ants' should be scrolling to the right)

3.)now go SELECT>MODIFY>EXPAND (say 6 pixels, or 1 at a time till your happy)

4.)select your foreground color (up to you)

5.)go EDIT>FILL>FOREGROUND COLOR

--->(Now the bar should be filled with the color u picked)

6.)go to your background color and make it black

7.)Select the gradient tool (in with the fill bucket), and in the top bar that relates to the gradient tool select the first image that goes from color to black
Image

8.)Postion your cursor over the exact center (or as close as possible) of the bar

9.) Click and hold and pull up to the top edge edge (the black should be on the bottom and the foreground color on the top)

10.) Next go to EDIT>STROKE, make the pixle count 1 and a color that looks good with your original foreground color (in the next line there should be a menu called location, select the 'center' button, Leave all other things to default)

11.)Now just hit control+d (or deselect) and your done!

heres my example

Image

____________________
Line bg tutorial for PSP 8 by: r c 69

1. make a new image at 330x120
2. go to effects>texture>scuplture choose the marble (you can pretty much choose any but this is the one im using)
3. go to image>grayscale
4. then go to effects>distortion>pixilate make the blocks 10x10 (thats what im using you can experiment with other sizes)

5. go to effects>artistic>glowing edges and lower the intesity to 5

6. (optional) go to adjust>hue and saturation>colorize increase the saturation and change it to what ever color you want

then add text/other effects and your done

____________________
Fire Effect Tutorial for PSP 8 by r c 69

Step #1: Make a new image at 370 x 130... or smaller but this is the size im using...
Click on the paint brush tool and make its shape the biggest preset square paint the entire image black

Step #2: Still using the paint brush make a dark orange streak through the middle (or any dark color you wish to use)

Step #3:In a lighter orange (or other color...) fill the bottom of the image...

Step #4: Now make the background color a light yellow (or other color thats works...) and change the paint brush to the warp brush,
then click just below the image and drag the brush all the way to the top making them swirl a little bit so it looks like real flames

Step #5: After that go up to effects>artistic effects>enamel, or effects>textures>soft-plastic, either work but I use soft plastic.

Step #6: After that you'll want to soften it so it looks more realistic or you can leave it at that.
Then choose a font and add your text or other pics, save, upload, paste it in ur profile, and your done.


check out all those tutorial site, they will really help you, but dont just use one, put a bunch together, for example i put like 30 together and made this
Image
now i will add some of my own tutorials.

Simple, but cool misty background for ps7
In this tutorial I will teach you how to make something like this
Image

Step 1. Make a new document, i prefer 312x94

Step 2. Press 'D' and fill in the whole image with black

Step 3. Make a new layer and randomly color over the image with a color like orange or green, or a good looking msty color, you can change it later
make sure that you have an even amount of space on both size of your brush strokes, like an inch or so...it should look something like this
Image

Step 4. Choose filter>blur>gaussian blur and make it so it looks something like this
Image

Step 5. Now, to make it more misty, lower the opacity of the layer with the blur on it. Here's what I ended up with
Image

Optional Setp 6. Instead of using Gaussian blur, use motion blur and use these settings
Angle: 0
Distance: 198
then set the opacity to 82%
heres what I got
Image
now add what ever you want, have fun!!

Making those little dots over and image for ps7
In this tutorial, I will show you how to make this
Image
notice the lines
This tutorial is partly from here

1. Create a new Image that is 1x2 pixels. Make sure the background is transparent.

2. Zoom in all the way till the zoom is at 1600%

3. Select the pencil tool

4. Now draw one pixel on the bottom of the image.

Image

5. Now goto the upper menu and select Edit -> Define Pattern and press [ OK ]

Good! Now you are done setting up your scanline. Now you can put it on any image you want! Just read below.

1. Open the image you want to add scanlines to

2. make a new layer ( Shift - Ctrl - N )

3. Goto the upper menu and select Edit -> Fill

4. Under "Use," select "Pattern"

5. Under "Custom Patern" select the one that looks like the scanline image above!

6. Your done!

Optional: Play around with the layer transparencies.

then do that all over again, but flip the scanlines.

im considering adding a psp8 guide on here, but its just like photoshop so you could probably figure it out.

Dakmis's Advice
Dakmis wrote:
ok to start things off i would like everybody to remember this

practice is everything

next here is the best advise i can give you
play around with stuff that is circled in red
Image
and if you use a tutorial remember that you can combine tutorials to make some neat stuff and that adding your own touch to things makes things look better and gives it a more unique touch


FAQS

How do I download fonts?
Use a site like the ones Chaos1313 and R C 69 mentioned, click on the font you want, make a new folder somewhere and install the font there
then go to 'my computer' and enter that folder, unzip the zip folder you just intstalled to C:/WINDOWS/FONTS..or ur default font folder, then go into photoshop or wutever and you have ur font!

Wut is a sprite, and how do i make one?
A sprite is a little cartoon type runescape guy that can be made in paint.
To make one use This Guide
that will sure help

How come my topics get locked when im testing my sig or avatar?
The only place you can test a sig is Dakmis's Sticky

What is a sig?
Zmagic wrote:
A signature is the picture that people have in there post.The max size for a sig is 400x150 and 30k(or 30,00 bytes).Before making a post asking for a signature,look for a sig makers post.

You need a signature making program to make signatures.Most people use Photoshop 7 or other graphics programs.More infomation can be found about this at the complete guild to sig making.Another stickey in this forum.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
A few good sig programs to name and

Photoshop7 (most popular for advanced graphic artists)

Paintshop pro 7&8(good for more beginner graphic artists,like me)

Bryce5(not a sig making program itself because it it it a 3D graphics making and rendering program,Good for advanced users who want a boost on there background.It is a run alone program but needs a different program to modifiy it.)

GIMP(A little confusing to download and use but can make awsome stuff when you get good at it,It is free and you can download it for the GIMP web page)

Microsoft Paint*shudders*(It is a very poor graphic program and does not have a lot of plus sides but I guess you can make some decent stuff with it)

If you need tutorials on how to make sig check out the guide to sig making,It is a stickey in this very forum.(Sig Makers Guild)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
A sprite is something Eazywillie,Humble Dragon and Goldenlupe started.
They are charecters from ragnorock online that are modified for people.
As above,look for someone making them before posting a topic. The sprite makers usually post here or in generel pictures.Please do not ask constently for sigs from different people. :)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
To add a signature to your profile you first get the address of the sig.The addres is the URL that when you upload a sig,or when they make you a sig they give you a code.The code is a website that has your sig on it.

Then you copy that and put it in your signature box in your profile with to image tabs like these [img]the code of the signature[/img]

Then update the profile and you should be about to see it when you post.

Look in the links below for the testing stickey :D
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Please do not copy someone's sig or steal someeone else's signature and/or sprite.Sig makers put a lot of work into signatures and hate them being copyed.

Have fun on your visit to the village :)

Usefull links for new people

http://runevillage.net/ThePub/viewtopic.php?t=2943 <----sig and avatar rules and FAQ

http://runevillage.net/ThePub/viewtopic.php?t=31960 <---- why not to use .bmp files

http://runevillage.net/ThePub/viewtopic.php?t=30769 <---- file types

http://runevillage.net/ThePub/viewtopic.php?t=26797 <---- Uploading sites

http://runevillage.net/ThePub/viewtopic.php?t=12077 <---- where to test your new sig and avatar

http://runevillage.net/ThePub/viewtopic.php?t=2074 <---- Generel info and rules


This all seems too hard, where can i find examples of other peoples sigs so they can make me one?
You can look at my sticky here

And there is a ton of info on pictures in general here
Havefun making sigs and graphX!!!

-mjrpbplayer :| :-s -_-

p.S. any other questions or FAQS i should add or anything just drop me a pm 8)


Top
 Profile YIM 
 

 Post subject:
PostPosted: January 2nd, 2004, 4:10 pm 
Banned

Joined: November 24th, 2003, 7:01 pm
Posts: 7
Status: Offline
thx for the steps


Top
 Profile WWW 
 
Display posts from previous:  Sort by  
Post new topic This topic is locked, you cannot edit posts or make further replies.  Page 1 of 1
 [ 11 posts ] 

All times are UTC - 6 hours


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Jump to:  

cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
The Village and this web site are © 2002-2012

ThePub 2.0 - Designed by Goten & Jackstick. Coded by Glodenox & Henner.
With many thanks to the Website Team!