AnimeSuki Forums

Register Forum Rules FAQ Members List Social Groups Search Today's Posts Mark Forums Read

Go Back   AnimeSuki Forum > Anime Related Topics > Fan Creations

Notices

Reply
 
Thread Tools
Old 2010-02-25, 18:18   Link #1421
JRendell
Manga Addict
 
 
Join Date: Sep 2009
Location: England, UK
Age: 23
Send a message via Skype™ to JRendell
Signature Lighting Tutorial
For Photoshop CS3 and CS4

Okay people, a few of you have been nicely commenting on the lighting in my signatures, so I thought I'd make a tutorial. It's my first attempt at something like this, so apologies if some parts are explained well enough. I've decided to make the tutorial accessible to users of all skill levels, so if you're a veteran, expect some easy parts.

Anyways, in this tutorial you will learn about render lighting, as well as some decent gradient maps to add that *zap!* to your sig. After you finish with the tut and have create a sig with it, feel free to post your outcomes in my thread here. It would be great to see what some of you can come up with.

I will be using the above signature to demonstrate, so expect an outcome somewhat similar. Good luck.
__________________

Step 1
Open up a blank canvas. All of my signatures are at 370x160, but you can use whatever size you want. Make sure the background is set to Transparent and the resolution at 72.


Step 2
Pick your render and insert it into the document. Resize it to however you see fit using Transform. A good tip I learnt is to hold 'Shift' when resizing, as it keeps both the height and the width the same, stopping the image from becoming squashed/stretched. The render should be on a separate layer and you should now have two layers.
.

Step 3
Pick two colours from your render. One should be a lighter colour and the other a darker. Make sure that your lighter colour is set as the foreground colour. Now, select the gradient tool, and set it to Radial Gradient. On your 'bg' layer which should be beneath the render layer, draw from the bottom of the canvas to around the top, aiming for it to be just to the side of the render. See the image if you don't understand.
.


Step 4
Create a new layer and rename it to 'lighting'. Using the 'Paint Bucket' tool, default [G], fill this layer completely black, then set it's opacity to 70%. This layer should be above all others. Now get out some 'Basic Bushes' and select a Soft Brush at 80px. Hide the 'lighting' layer and now select the 'Eye Dropper' tool, default [I]. Once again select a bright colour from your render, not necessarily the same as before, but it doesn't matter. Now unhide the 'lighting' layer and get out you brush. Right now, it should look something like this.


Step 5
Still on the same layer with your brush selected, brush where you want light to be. Try to keep the brushing over the top of the render, as this is what we want to add light to. The aim of this layer is to create some artificial light, and we will add the source of that later, so consider this when brushing. Below you can see what I did.


Step 6
Now that you have added the brushes, set the 'lighting' layer to Linear Dodge and at 40% Opacity.
.

Step 7
Create a new layer and rename it to 'burned'. Now go to 'Image' then 'Apply Image' (you may have to click 'Show All Menu Items in order to see this). Now select your burn tool and set it's size to a Soft Brush at 300px. The 'Range' should be on Midtones and the 'Exposure' at 20%. Now, as if brushing, brush over the 'burned' layer. Note: try not to brush over where you want the lighting/light source to be. The aim of this layer is to darken the rest of the image so that attention is brought to the lighting and render. See below for what I did.


Step 8
Just like what we did in 'Step 7', create a new layer and Apply Image. Rename this layer to 'b/w gradient map'. Now hit Shift + D to set your foreground and background colours to default (black + white). Then, still on the 'b/w gradient map' layer, go to 'Image', 'Adjustments' and then 'Gradient Map'. Don't change any of the colours as they should already be black and white. Hit 'OK'. Set this layers opacity to 30%.
.

Step 9
Repeat 'Step 8', however set your foreground colour to #4300A7 and your background colour to #E66700. Rename this layer to 'p/o gradient map'. Set this layer to Soft Light. I kept the opacity at 100%, however it depends on your render as to what will look better, so set at whatever opacity you wish.
. .

Step 10
Note: This step is optional. Once again create a new layer and apply it. Then go to 'Filter', 'Sharpen' and then 'Sharpen'. I decided against doing this, but on other signatures I have created using this tutorial, I have carried out this step.

Step 11
Create a new layer. Get out your brushes again, but set the size to a Soft Brush at 300px. Wherever you brush is going to become the 'Light Source', so take this into consideration. I brushed at the top of the image. Rename the layer to 'light source'. See below.


Step 12
Add a border, some shapes and some text, and bob's yer uncle.
__________________

Thanks for reading and I hope this is of some benefit to some of you! All you have to do now is post the outcomes here. Post up if you are stuck or don't understand anything, or if you want to make a suggestion.

Peace out,

JR~
__________________
VeritasAnimeList
MangaList
ImgurImages

Protip: Manga originals are
always better than Anime
adaptions.

-listening to-
-current desktop-


JRendell is offline   Reply With Quote
Old 2010-02-26, 16:09   Link #1422
Mr.Raw
So damn lazy...ლ(ಠ益ಠლ)
*Graphic Designer
 
 
Join Date: Jun 2008
Location: ᶘ ᵒᴥᵒᶅ...hehe
Age: 19
Send a message via AIM to Mr.Raw Send a message via MSN to Mr.Raw Send a message via Skype™ to Mr.Raw
Quote:
Originally Posted by JRendell View Post
_________________

Thanks for reading and I hope this is of some benefit to some of you! All you have to do now is post the outcomes here. Post up if you are stuck or don't understand anything, or if you want to make a suggestion.

Peace out,

JR~
Nice way of advertising your thread ....(just kidding )
__________________
Announcements:
Resource Package is done!
Recent work: Thread Banner

_____________________
My Graphic Works:
Mr.Raw's Mansion
(click the signature )
Random info:
Avatar: Angry Yumin
Signature: Sun-Ken Rock

Mr.Raw is offline   Reply With Quote
Old 2010-02-26, 16:49   Link #1423
ganbaru
books-eater youkai
 
 
Join Date: Dec 2007
Location: Betweem wisdom and insanity
Thank for the tutorial JRendell san, too bad there'S some too than I don't have with my PhotoShop Element... ( but it's a old story)
Quote:
Originally Posted by Godlike1889 View Post
Nice way of advertising your thread ....(just kidding )
I am not sure you should talk, given you are advertising you future thread for so much time and we are still waiting for it .
__________________

ganbaru is online now   Reply With Quote
Old 2010-02-27, 06:19   Link #1424
Mr.Raw
So damn lazy...ლ(ಠ益ಠლ)
*Graphic Designer
 
 
Join Date: Jun 2008
Location: ᶘ ᵒᴥᵒᶅ...hehe
Age: 19
Send a message via AIM to Mr.Raw Send a message via MSN to Mr.Raw Send a message via Skype™ to Mr.Raw
Quote:
Originally Posted by ganbaru View Post
I am not sure you should talk, given you are advertising you future thread for so much time and we are still waiting for it .
Touché ...
__________________
Announcements:
Resource Package is done!
Recent work: Thread Banner

_____________________
My Graphic Works:
Mr.Raw's Mansion
(click the signature )
Random info:
Avatar: Angry Yumin
Signature: Sun-Ken Rock

Mr.Raw is offline   Reply With Quote
Old 2010-02-28, 07:37   Link #1425
~ookami
Junior Member
 
 
Join Date: Feb 2010
Location: Germany

3 of my tutorials .1 about (easier smudging), 1 about basic fantasy designing and 1 about (enhanced) smudging. Compatible with all PS versions since I still use Photoshop 7

Spoiler for ~ Doing a sig with smudgetechnique (from 2006) - this is an older tutorial of mine you like to try first... should be easier to follow than the other 2 ~:


Spoiler for ~ Wanderer's Arcane School Of Fantasy SigArt (from 2007) ~:


Spoiler for ~ Doing a sig with Smudgetechnique (from 2009) ~ ... and inspirational first aid:


Last edited by ~ookami; 2010-03-01 at 07:32.
~ookami is offline   Reply With Quote
Old 2010-06-09, 13:11   Link #1426
Black0raz0r
Red vs Blue
 
 
Join Date: Mar 2010
Location: Upper Austria
Age: 24
Send a message via MSN to Black0raz0r
hi guys

made this but I dont know how to scale it
__________________
Black0raz0r is offline   Reply With Quote
Old 2010-06-09, 19:04   Link #1427
felix
sleepyhead
*Author
 
 
Join Date: Dec 2005
Location: event horizon
At 100px by 100px is already the right scale. Do you mean reduce it in size? Do you have photoshop?
__________________
felix is offline   Reply With Quote
Old 2010-06-10, 04:52   Link #1428
Black0raz0r
Red vs Blue
 
 
Join Date: Mar 2010
Location: Upper Austria
Age: 24
Send a message via MSN to Black0raz0r
yeah, sry I mean reduce in size
it has this size 79,08 KB and I want it for AS

yes but I work with GIMP 2
__________________
Black0raz0r is offline   Reply With Quote
Old 2010-06-16, 20:40   Link #1429
iceyfw
Senior Member
 
Join Date: Oct 2004
Age: 25
here is a tutorial on this signature and it involves only the defaults from photoshop.



Spoiler for tutorial:
iceyfw is offline   Reply With Quote
Old 2010-06-25, 04:58   Link #1430
ACEZ1n7
Sweet to the mouth
 
 
Join Date: Jan 2010
Location: In a place where time has stopped
Hi

I made my first sig and I don't know if it's good or not... so I decided to post it here to show it to the masters... I hope it's allowed.

Spoiler for My Sig:


Please judge it to see if it's good or not.
I accept harsh comments
__________________
ACEZ1n7 is offline   Reply With Quote
Old 2010-06-25, 23:29   Link #1431
Rikimtasu
....
 
 
Join Date: Aug 2007
Location: Malaysia
Age: 23
Send a message via MSN to Rikimtasu
Looked pretty much ok,expect the blood...it doesn't really fit him.
Might need a border,but for first sig your make,it is ok.
__________________
Rikimtasu is offline   Reply With Quote
Old 2010-07-02, 22:05   Link #1432
Jaaxus
Hello
 
 
Join Date: Jun 2010
Location: Unknown
I have a question.Do I have to download the anime episode if I want to make a sig/avatar from a scene in that particular episode?And I don't mean those sigs made from renders.Sorry but I'm a noob in this.
Jaaxus is offline   Reply With Quote
Old 2010-07-03, 05:25   Link #1433
milan kyuubi
Call me MK! :)
*Graphic Designer
 
 
Join Date: Oct 2009
Location: The top of the world.
Age: 24
Quote:
Originally Posted by Jaaxus View Post
I have a question.Do I have to download the anime episode if I want to make a sig/avatar from a scene in that particular episode?And I don't mean those sigs made from renders.Sorry but I'm a noob in this.
Only if you want to make gif avi/sig Anything else you can find good pics/screenshots from net.
__________________
My Twitter account! Thanks to Godlike1889 for the sig!
milan kyuubi is offline   Reply With Quote
Old 2010-07-05, 00:51   Link #1434
Jaaxus
Hello
 
 
Join Date: Jun 2010
Location: Unknown
Quote:
Originally Posted by milan kyuubi View Post
Only if you want to make gif avi/sig Anything else you can find good pics/screenshots from net.
By gif. do you mean animated?
__________________
Jaaxus is offline   Reply With Quote
Old 2010-07-05, 12:03   Link #1435
felix
sleepyhead
*Author
 
 
Join Date: Dec 2005
Location: event horizon
Quote:
Originally Posted by Jaaxus View Post
By gif. do you mean animated?
Yes, he does.
__________________
felix is offline   Reply With Quote
Old 2010-07-06, 09:40   Link #1436
Jaaxus
Hello
 
 
Join Date: Jun 2010
Location: Unknown
Oh I see.Thanks!
__________________
Jaaxus is offline   Reply With Quote
Old 2010-07-15, 01:41   Link #1437
Kudryavka
Senior Member
 
 
Join Date: May 2009
Can someone help me make this avy better? There's something missing, I dunno what. I think it needs blue glowing text, but Elements can't do paths and my tablet broke, so maybe if I can do that in the Gimp. Help?
Kudryavka is offline   Reply With Quote
Old 2010-07-16, 09:12   Link #1438
Tamiko
"Envy Is Ignorance."
 
 
Join Date: Nov 2009
Location: Chiba, Japan
Age: 21
Would it be alright if I use some of the tutorials on another forum? I'll credit and link here of course.
Tamiko is offline   Reply With Quote
Old 2010-07-16, 10:04   Link #1439
JRendell
Manga Addict
 
 
Join Date: Sep 2009
Location: England, UK
Age: 23
Send a message via Skype™ to JRendell
Quote:
Originally Posted by Tamiko View Post
Would it be alright if I use some of the tutorials on another forum? I'll credit and link here of course.
I guess you'd have to directly ask the said tutorial's creator.
__________________
VeritasAnimeList
MangaList
ImgurImages

Protip: Manga originals are
always better than Anime
adaptions.

-listening to-
-current desktop-


JRendell is offline   Reply With Quote
Old 2010-07-29, 17:20   Link #1440
felix
sleepyhead
*Author
 
 
Join Date: Dec 2005
Location: event horizon
Quote:
Originally Posted by Kiritsugane View Post
I was allowed to install Adove Photoshop Elements 8. I would like to know how to render. Is it possible? I'll rephrase that somewhat.

Is it possible to render with E8 with it ending in excellent quality?
Apply any technique for extracting a (typically) character from a image (typically, artwork) and you obtain what's come to be known as "a Render" (don't use the term outside of anime forums). The process you apply depends on your situation, and also available tools.

Unfortunately I have not touched Elements in such a long time I don't even remember what it looks like. So I can't help you more then this.

However, unless the image is simply removing a solid color and some minor junk in the background, extracting will almost always take lots of time and effort.
__________________
felix is offline   Reply With Quote
Reply

Tags
avatar, graphic, photoshop, signature, tutorial

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -5. The time now is 10:36.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2014, vBulletin Solutions, Inc.
We use Silk.