PDA

Click to See Complete Forum and Search --> : write a photoshop tutorial...



serpent star
10-24-2002, 04:44 PM
Who wants to make a photoshop tutorial thread sort of like what was over at WH... I thought that was an awesome resource... write tutorial about anything photoshop and post it in here. There is no one way to achieve an effect in photoshop. Therefore, there is no such thing as something that is too simple so do what you can. I'm sure we can all learn a thing or two from something like this.
I would say don't just add links to other tuts... maybe another thread for that.

serpent star
10-24-2002, 05:07 PM
http://serpentstar.com/ball1.jpg


I've seen stuff close to this before but I really think this is a pretty easy way to achieve the effect.

open photoshop
first choose file>new and make the new image a square... maybe like 200px X 200px.

make background black

create a new layer and color that one black as well. Everything from here on out will be done to the new layer.

choose filter>render>lens flare and pick 105mm prime and set it to 100%

http://www.serpentstar.com/ball2.jpg

now go filter>distort>polar coordinates and click on the "polar to rectangle" button.

now go edit>transform>flip vertical.

should look like this

http://www.serpentstar.com/ball3.jpg

now go filter>distort>polar coordinates and select "rectangular to polar" and you'll get this.

http://www.serpentstar.com/ball4.jpg


now take the eliptical marquis tool and while holding down the shift button to achieve a perfect circle, select around the edge of the ball.

choose select>inverse

then choose edit>cut and you should have something that looks much like this.

http://www.serpentstar.com/ball5.jpg

now go image>adjust>color balance and play around until you get a color you like.




http://www.serpentstar.com/ball1.jpg

and there is you glassy looking ball.I wound up doing the marquis again in the example and saved out the wrong one... that's why it looks a little wierd... oops.

I would image that with another layer, the smudge and blur tool and a change in opacity to the ball layer yone could probably make something trapped inside the ball... maybe.

This tutorial was not taken from Wastedyouth.com to my knowledge, but If it is the same... I give the site owner all credit.

gerbick
10-24-2002, 05:37 PM
nice tut. anything in particular you're looking for serpent? I could probably whip up something...

serpent star
10-24-2002, 05:39 PM
Sounds great...


no man... what ever you think is cool.

aversion
10-24-2002, 10:16 PM
I deleted a bunch of off-topic posts in here, if this is going to be a tute thread let's keep it that way.

I'll try and come up with something later too.

cheers

Vitalstatistix
10-25-2002, 01:48 AM
Whats a tute thread aversion?

aversion
10-25-2002, 02:47 AM
'tute' is a common contraction of 'tutorial'

:)

Vitalstatistix
10-25-2002, 02:51 AM
Ohk thanks. Lets get this "tute" thread happening :p;)

serpent star
10-26-2002, 01:59 AM
Thanks Aversion and I look forward to your contribution...


I really thought this would take off a bit. hmmmm..:confused:

BlueSamurai
10-26-2002, 03:09 AM
Well serpent i think there is just alot of ppl here like me....we can barly do it ourselves;) :rolleyes: :p

jamble
10-26-2002, 04:40 AM
I shouldn't worry serpent, tutorials take a while to write and for people to avoid covering material that's already been done in the past so traditionally these sorts of thread are slow burners.

If / when there are more tutes, we can look to pin it or make one mother thread for PS / graphics resources :)

serpent star
10-26-2002, 05:03 AM
Good deal... I wasn't too worried... I think I was more looking to bump the thread to keep it in peoples minds. Like I said earlier, the one at Were Here was an awesome resource for me and I'm sure many others. I think it would be great to have one here.

Later Jamble,
Mat

mx_kid
10-27-2002, 12:53 PM
The Trendy Stretch Tute

Here we will make a pic like this:

http://board.flashkit.com/board/

First select a photo/pic, ones with lots of color are best.

http://www.gravicdesign.pwp.blueyonder.co.uk/tutes/1.jpg

Then use the Rectangular Marquee Tool http://www.gravicdesign.pwp.blueyonder.co.uk/tutes/2.gif or press M.

Select an area 2 pixels wide, by the entire height of the image like so

http://www.gravicdesign.pwp.blueyonder.co.uk/tutes/4.jpg

You can check how much you have selected using the info tab in the top right (PS7)
http://www.gravicdesign.pwp.blueyonder.co.uk/tutes/3.gif

Then hit Ctrl+J to put the selection onto a new layer. Then hit Ctrl+T to select the Free Transform tool.

Stretch the selection by dragging one of the central boxes like this:
http://www.gravicdesign.pwp.blueyonder.co.uk/tutes/5.jpg

Hit enter, add some funky shizz and bingo :)

http://board.flashkit.com/board/

The large image I used is available here (http://www.gravicdesign.pwp.blueyonder.co.uk/Audi_TT.jpg)

-Gray

mx_kid
10-27-2002, 12:55 PM
(Yes that is my car) ;)

BlueSamurai
10-27-2002, 01:01 PM
Sweet tutorial MX:mrpimp: *now I really wish I had photo shop*

snrg3ry
10-28-2002, 04:06 AM
nice thread, nice tutes!

Nice Audi! Have you seen the new Nissan 350Z? It looks like a cross between a daddy TT and a porche, specially a porche when it has a rear spoiler.
Nice specs too, N/A 287 hp @ 6,200 RPM, 274 lb/ft @ 4,800 RPM, Independent multi-link suspension. All for 26k. Can't wait for a forced induction for it.
</unhijack thread>

serpent star
10-29-2002, 12:46 PM
nice one mx kid... reminds me of how I sometimes go about accomplishing the same effect...

I select what I want with either the lasso or a marquis tool and and then switch to the move tool. Then I press the alt key at the same time as I press one of the arrow keys and it nudges the seletion over or up and down... you can even get a sort of jagged diagonal out of it.

good contribution on your part. :mrpimp:

kony2003
11-17-2002, 05:57 PM
mx_kid or anyone else..when i tried out the strech tut. mine image didnt strech like yours i dont know what went wrong i followed what u said too. let me know thanks.

http://www.boomspeed.com/jookny21/stretch.jpg

mx_kid
11-17-2002, 08:25 PM
Are you sure you used Ctrl+J to put the selection onto a new layer? Looks as though its dragged the original... make sure you Ctrl+T on the new layer too...

88webmonkey88
11-17-2002, 11:21 PM
No. he didn't select the right area, make sure your selection are is 2 pixels wide.

themob
11-20-2002, 10:41 PM
Txs ppl i just learnd a new trick:D
Nice tutorial keep this one going

Sxott
12-04-2002, 10:02 AM
Here <-------- (http://eyesondesign.net)


This was a good ideal to start this. I can't write tuturials but, I can point to ones that have helped me out in the past. This one has some good easy to follow tips. I like the segmented pipe and wire deal. The chrome bug is cool too.

tiGRAN=-2001
12-21-2002, 09:54 PM
Originally posted by BlueSamurai
Sweet tutorial MX:mrpimp: *now I really wish I had photo shop*
:eek:noooo, dont do it BS, PSP can do that too!!!
I dont want to be the only one left using PSP :(

I should make a PSP group....

tiGRAN=-2001
12-21-2002, 10:47 PM
and here it is :)
btw- thanks for sharing mxkid, i had no clue

johnie
12-22-2002, 02:23 AM
A lot of these tuts can be done with the Gimp.

A word of warning. The Gimp for Windows is not 100% functional. This means you would need to have a way to boot into Linux to do them all.

The ball tut certainly will work except its more economical to use the GimPresionist filter which does all the work for you.

webprodesign
12-24-2002, 07:09 PM
New pixel stretch tutorial

Prep: File -> Open. If the image is on a BG layer, copy the layer to make a new one. Use the new layer. You can delete the BG layer if you wish.


1. Take your image, and find the area you want to stretch. Take the vertical single row marquee tool and select a row of pixels on the image which you want to stretch. This area will be the pixels which are repeated.

http://illustrain.com/images/cartute/1.jpg

2. With that area selected, goto edit -> define pattern. What this does is takes that selected area and makes it able to repeat throughout a selected area. You can name is whatever you want. I named mine "cartutepattern".

3. What you need to do now is to select an area to the left or the right of the original selection. Use the marquee tool, start where the line is and your going to select the whole image to the left of that.

http://illustrain.com/images/cartute/2.jpg

4. Now that you have that area to repeat, we have to fill it with a pattern. Goto edit -> fill. Now make sure you have the settings right. Use: Pattern. Select the pattern you just defined before, it should be the last pattern you have there. Don't worry about the bleeding.

5. Now after you click OK, it should be all pretty and pixel-lined. Hit Ctrl+D to deselect the area. Add some trendy text and your done!

http://illustrain.com/images/cartute/cartutnew.jpg


I also used this effect on my image: http://illustrain.com/images/nox.jpg :) (upper left corner)

webprodesign
12-24-2002, 07:32 PM
The only reason I re-wrote that tutorial was because I think that my way is alot quicker and has a better effect, but thats all opinion. I also needed to put it up on the new version of my site. :) Any typos or confusing stuff, just say so.

webprodesign
01-04-2003, 11:15 PM
*bump* did anyone use this?

Gooeysoft
01-05-2003, 03:54 AM
Thanks for the bump. This is certaily a useful thread. About the only thing I can to us change hue's, lol.

StarLight{PL}
01-06-2003, 08:57 PM
If You could explain how did You achieve the nice effect of something like on the flower in the background or on the number "05" in Your initial serve here (http://www.flashkit.com/board/showthread.php?threadid=409772)?? A friend of mine told me it's called "grundge" but I'm not so sure about this, and we got no clue about how to achieve it. With experimenting we only came a little close to the original.

So if You were so kind and let us newbies know how to do it? TIA :D

StarLight

PS: I know I suck at photoshop ;) but everyone started somewhere as jamble said...

whispers
01-08-2003, 11:42 PM
I cant really go over everything I did for that image...as I wasnt keeping track..but it was all fairly simple. If there is a certain effect that you want to know how to do....I can work something up for you..or just ask...

and "GRUNGE" is just a term used to describe trendy art that has a 'dirty' feel/look to it. So I guess you could say this has a "grunge" look to it (somewhat)

-whispers-

jasonpratt
01-09-2003, 03:25 AM
:GETTING RID OF JPEG BANDING:

ok this is one that i figured out awhile back, but have only passed on to serpent so far...

sometimes when optimizing or even saving as a full-sized jpeg, certain shades/gradients start to band up (look loke large chunks of one color).

after several compression setting/color attempts i finally found a way to make the dang bands go away. (well, sort of...)

in ps, select the "problem" areas.

filter->noise->monochromatic

just use a very slight amount... don't want to grain up the image too much, just enough to "break up" the color range. you might have to play with it.... when you get the right settings, your gradients will dither, thus eliminating banding, and allowing for smoother compression.

:mrpimp:

whispers
01-09-2003, 04:15 AM
GRUNGE OVERLAY:


Here is one 'quick' way to make a grungy overlay you can put over your image/layers


1. make new layer
2. filter>>>render>>>clouds (make sure you black/white for your colors)
3. **optional** image>>>adjust>>>auto levels
4. filter>>>noise>>>add noise
5. filter>>>artistic>>>palette knife (change settings for bigger or smaller "grunge patches"
6. select>>>color range>>>test different 'fuzziness' settings and also drag the eye tool around to different places on your image.
7. select OK.....and you will an outline/selection of the areas that will be grunge. If you like it move on, if not, repeat earlier steps.
8. with the 'areas' still selected, make a new layer.
9. edit>>>fill>>>fill with either black or white depending on desired effect.

Peace.


-whispers-

StarLight{PL}
01-09-2003, 05:07 AM
Thanks for the reply whispers! I've been trying to achieve that with not much of a success :D

greetz,
StarLight

emo_boy
01-15-2003, 09:28 AM
i wish we had more tutorials...

whispers
04-01-2003, 11:00 AM
Did everyone give up on this thread?... What a pity!

I guess I can add a couple of more "tuts"...just so people have some good resources in here.

Look for at leats 2 in the near future.

-whispers-

Witmer777
07-07-2003, 03:26 PM
*BUMP* ok...we need some more tuts in here.

MisaterSamsa
07-08-2003, 12:59 AM
ok, this is how i made, what i think, is the best flame effect... to be honest, its not totally mine, my friend had a tut in a design magazine, and made it, showed it to me, and i said well i dont need no tuts, well i didnt, but i asked him for general direction and he helped so here goes (no screenshots cuz im lazy)

1: Create a new file, 800x800
2: New layer, fill it with black
3. With a nice and smooth serif font, type out some random word, in white, about 80 font i guess...
4: Merge the black layer and text
5: Rotate 90 degrees CCW
6: Wind Blast at maximum, do this about 2 or 3 times, until you have decent sized lines... these will be roughly the size of your flames...
7: Rotate 90 degrees CW
8: Gaussian blur at about 3? just so you get a nice smooth, blended effect.
9: Next put a color overlay on it, an orange-y color, light orange... with a low opacity, enough to give it a good orange tint
10: Duplicate this layer, go to hue/color... i think its in the edit tab...? and lower the top bar to about -20 (i think its hue) this will create a nice red color...
11: Change the blending mode of this (red, top) layer to hard light, or pin light... whatever you think looks best, or use a different mode..
12: Merge layers
13: Filter>>Liquify with a medium sized brush, and a low stiffness, click and drag, while sorta of waving your mouse left and right, to give it that flamey curves... do this for all of the text, you should know what i mean when you do it.. do this until everything looks purdy

These last are optional... but i think they really add to it

14: Duplicate this layer, and flip it vertically
15: Drag this layer down so the bottom of the 2 texts are close together...
16: Go to modify>>transform>>perspective, and click and drag on the right bottom corner (of the upside down text) and drag to the right...
17: Transform this once again and make it 'shorter' click and drag up on the bottom...
18: Go to layer>>new mask layer>> hide all (still on the bottom text)
19: Make a gradient fill of white to white with 0 opactity on the second white, and fill the mask layer to produce a sort of... fading effect...

These last steps should make a nice reflection of the flamed text... ill try and post a final image up here... but im not sure that geocities would allow that, and that is the only place i would be able to place it... otherwise try putting this into your browser:

www.geocities.com/mister_samsanull/flame.jpg

http://www.geocities.com/mister_samsanull/flame.jpg

wiktors
07-08-2003, 01:06 PM
Originally posted by mx_kid
(Yes that is my car) ;)

hmm ... i dont want to be the one to complaint but are you sure that is "your" tutorial? I've seen that one before witht the same pictures aswell....

Witmer777
07-08-2003, 02:55 PM
My Dad owns a Nissan 350Z. It's Amazing. (this comment is directed toward the beginning of this thread)

Witmer777
07-15-2003, 01:13 AM
*bump*