Most waned PS effects -- Read in!

[dudeman]

Don't we all wish we knew how to do some of the designs and effects that are seen all over the web which have a very professional touch yet simple in the eyes of some?

I will do my best to help out members and visiters of Kirupa.com in assisting them with Photoshop 5.5+ by writing tutorials.

I don't want to sound all big shotty and all, but I have five to six years of expirience with Adobe Photoshop and I have been making sigs for people on various other forums for quite a while now!

I will try my best to teach you the tips & tricks of Photoshop, but I need help with some tutorials. You are the one who can help me.

I would like to know what type of effects, tips&trix, and designs would you people love to know how to create by yourself?

This will really help me out in the future so I know what to write about! So can you please make a list of requests and I'll try to do my best!

Thanks! :)

[Eberth]

that would be great
by the way, if you know any good website with cool tutorials, please tell me, because i'm really needing a lot of design onthe new version of my website that must be launched on October 1st :P
www.eberthdesigns.com

[hojo]

great site so far Eberth, kinda laggy at first, but once it gets goin its great!

as for tutorials, i personally am looking for tutorials on integration of nice looking photoshop effects into flash to make a really professional, clean cut looking result.

[eilsoe]

Hey dudeman, i'll help with some tuts.. i have about six months exp in PS7, all self taught.

I made some sigs for phil, kit, and pom here too, plus the new smilies! :crazy: (like this one ie.)

[Eberth]

cool, this will be great, and also i would be interested more in the integration of photoshop into flash :D

[eilsoe]

the only photoshop/flash fusion i use(know of) is importing .png's... this way u can have transparency in multiple levels! :P Yeah...

Or are u talking about something else?

[Eberth]

i dont know, buttons, graphics, interfaces etc...

[eilsoe]

btw eberth, check www.thewebmachine.com for tut's on PS. He has some good links too.. I've been on all of'em.. :P


Buttons, interface etc... ok.. i prefer making gfx's in PS an importing to MX, but it CAN be done in flash too (some things).. just a lot harder...

[Eberth]

tnx, and i really need a lot of design on v3 of my site, because is the first time i make a page by myself, i mean, not "copying" other's designs, v1 and v2 are cloned webs, done 100% by me but based on alexkurth and other, and here in kirupa i promised that v3 would be 100 % mine :x so, i need to make one better than v2

[eilsoe]

I can't believe the pressure on us designers nowadays... it is sooo hard to come up with something new...

I've been in a ditch for 3 months now, I just can't think of anything good... although i might just go with a pixel-art'ish site... i like pixel art.. :P

[Eberth]

yeah, my creativity is almost gone :(

[eilsoe]

It's not fair...

[hojo]

integration like interfaces, buttons, effects that may look cool

[dudeman]

Integration as in.. flash in the center and html and graphics around (either above or below)?


Some tutorials I'm currently working on : proffesional looking cracks & snags, easy but advanced looking bevel effects, and creating the perfect shapes on your graphic.

[eilsoe]

oh that kinda integration... that shouldn't be too hard...

on my "splash" www.avalon-rev.dk , i used tables to set it up, i have a textfield in the middle (in a tablerow) which determines the height of the "box", and the sides stretches according to that... not very hard actually.

but crating a frame graphically in PS and placing a flash movie in the center is easy...


Gotta learn paths too in PS, haven't looked at them at all...

[upuaut]

Not that this has anything to do with photoshop.. but I've got to throw a tip in for our neighborhood worm.

You say that you're using png's to make multi-layer transparency effects in Flash. You might want to try this and see how well you can get it to work.

Import a jpg image instead of a png.

select an instance of the image on the stage and hit CTRL+B to break it apart.

use the lasso tool to cut out the sections you want to be transparent.

select what remains and hit CTRL+G to group it.

You will end up with much smaller file sizes using the jpg's over the png's AND the processor is not strained as much when you attempt to move the images around on the stage. Hope it helps.:cyclops:

[eilsoe]

David:

Yes, this is a way to do it too, if you are using graphics that go from solid, directly to transparent.

but what if you had (like the example before) a blurred neon light over another piece of gfx...? You can't cut out blurred transparency like that...

but your method is great if you're not after more than 2 levels of transp. By far the easiest when moving objects...

[Kitiara]

Yeah, basically how to do stuff like that footer of yours. All the crystalline effects that are around at the moment. Grids, that kind of thing.

I've had a copy (in some form) of Photoshop for ages, but never got round to using it properly until now. I can do some jazzy text effects, it's making the backgrounds and stuff like that I want to know.

I'm fine with drawing in Flash, lineart, that kinda thing...

[eilsoe]

crystals in PS is "hard" (time consuming), and the outcome isn't always good, for RELLY great crystals, use a 3d proggy.

But basic effects can be learned all over the net.

Where you talking about MY footer?

[pom]

Your footer is a worm, Eilsoe :P

But I think it is a good idea that you and Dudeman should make tutes about PS. I really enjoyed that first one you did, even though I was totally unable to reproduce it off the top of my head... :hat:

But yeah, Dudeman, why don't you start with your ultra-trendy footer?

pom :elderly:

[pom]

And Eilsoe, how did you do that thing on the left of my footer? Behind the letters. Is it hard to accomplish?

[eilsoe]

That uhmm... well... that is a cut-out of another psd i had lying around, something i made back from when i started out in PS7...

It's not THAT hard, but it takes some time...

here: old psd file (http://www.avalon-rev.dk/blast.jpg)

(warn: 650Kb)


(Btw Ilyas, I finished the beta on my game-library, I'm gonna write some notes for you, and the give u a link in a PM, then you can try out coding it...)

[Eberth]

woooww!!!
that's cool!!
I'd love a tutorial on how to do that knid of effects :D

[eilsoe]

Eberth: Wha', the old one above? :)



Actually Ilyas, when i look at Dudemans footer, I see a cut-out of a crystal picture, Probably altered the Hue/Sat on that layer, added a black box over the center and altered it's opacity, THEN added the grid via a pattern he made (EASY as hell those grids), and deleted the top part of the grid, altered the grid's opacity too. Then added the text on layers of their own, rendered them to get rid of vectors, and stroked them with a 1 px line (black),

Am I close Dudeman?? :P

[Eberth]

yeah!! :P

or.....
errr...

is it too old :x

??????

so, you can to better things??:q:

:smirk: that would be nice :D

[eilsoe]

Well, it's about 6 months old now...

But I can make a tut on it if you'd like... Pure text though, it takes hella lot of time to make really good tut's with pics and all.


Just for the fun of it, I'm gonna try recreating dudemans footer right now.. time me guys! :P

[eilsoe]

DONE!

Not perfect, but of course i didn't know dudemans exact measures on all the things. And i only added my icq #, and put it in the upper left, instead of lower left.

13 minutes!! heheh...

http://www.avalon-rev.dk/copy.jpg

[pom]

Nice! :cowboy: I think we're gonna have some fun with you guys...

And about that code, I'll check it tomorrow, when I've had my 4 hours of sleep.

pom :asian:

[eilsoe]

Okidoki Ilyas, I'll write the notes now... After I get my midnight snack, it's 00:28 AM now! :P

I won't go to bed for the next few hours, of course, i sleep until 2 PM too, HA!! :P

[pom]

6:45 am here, lesson starts in 5 hours... :sleep:

[Eberth]

5:46 PM Here :)

[eilsoe]

I don't even get sleepy before 3 AM...

really annoying sometimes...

[dudeman]

lmfao!! I leave you guys alone for a day and look what happens! :o :o :o

Lol.. nice job on the footer lol.. Yea, your pretty close.

The 'crystal' look was made in 3ds Max Studio and since I had trouble creating the look I wanted I.. ah.. erm.. it got a bit touched up by a friend :P!

Anyways I took it from there in photoshop, adding the black bar setting opacity to see-through but strong, added a pattern I made myself (pixel grid) and touched it up again and again till I hit it.

This took me like half n hour to do (not including 3dsmax)!

I kind of wanted to do cool tutorials on cracks and snags, and all sorts of other shiznit.. since you guys asked on my footer, I forgot the other cool ones :(

But whatever I'll make a more in-depth tutorial on creating the perfect sig/footer!

[eilsoe]

heheh, my crystals are made in 3dsmax too! :P

Even made a tutorial on those crystals...

[Eberth]

where???:o :o :o :o :o :o :o

[pom]

Originally posted by dudeman
I kind of wanted to do cool tutorials on cracks and snags, and all sorts of other shiznit.. since you guys asked on my footer, I forgot the other cool ones :(No idea what this means, but go ahead, man! Get :crazy:

[eilsoe]

Ilyas: He means exactly what he wrote "Cracks and snags"... mostly used on interfaces.

Eberth: here: crystals tut by me (http://www.avalon-rev.dk/crystals/crystals.htm)
a jpg with crystals, here (http://www.avalon-rev.dk/crystals.jpg) .

Dudeman: Get online on icq!! :P I think the others here want's us to make some tutorials! :)

[telekinesis]

I'm sure I could help out any 3ds max tutorials if you need any help!

[Kitiara]

I can't help but think that I'm missing out on something here. I seem not to possess 3DS Max.

Rats.

[pom]

I was wondering when you'd show up, Dan :)

This gives me an idea: Why don't you guys agree on an effect, do a basic tutorial, and then each one of you makes something personal based on that tutorial? With your own techniques, cracks and snags, and all sorts of other shiznit (even though I still don't know what that means :(). That could be fun, don't you think?

And we could have the same with Flash tutes (actually, that's what I was aiming at with the perspective tutorial). Cooperative tutes, deosn't it sound great :q: :A+:

pom :+)

[eilsoe]

Ilyas: Yeah, that'd be fun! :P BTW, check yer PM's again! Made a footer for'ya...


Dan: I'd LOVE some modelling tutorials! The most advanced model I ever made was a dolphin.
Maybe a tutorials spanning several parts, and in the end we'd have produced a humanoid that can walk and jump etc...


I'm desperate for some advanced tuts in 3dsmax...! :P