PortalPortal  HomeHome  GalleryGallery  FAQFAQ  MemberlistMemberlist  UsergroupsUsergroups  SearchSearch  RegisterRegister  Log in  

Share | 
 

 Butoden's Step By Step to Photoshop Greatness Guide

View previous topic View next topic Go down 
AuthorMessage
Butoden



Male Number of posts : 79
Age : 30
Location : Netherlands, Feyenoord! :p
Registration date : 2007-11-13

PostSubject: Butoden's Step By Step to Photoshop Greatness Guide   Sun Dec 02, 2007 2:46 am

Hello rDogs,

This will be a more detailed guide how to Photoshop your Screenshots. Very Happy Hope you have fun reading it. And hey maybe you will learn a thing or two, that is the point after all. Okay let's begin right away.
First you have to pick a screenshot. I picked this one:




This is Devine from L2 Phoenix. An Overlord rebirth to a Destroyer. Yes you might have seen this killer in action in one of my movies! MUUWAHHA err yeah anyway. Open this screenshot with Adobe Photoshop. Maybe my Photoshop Version is a bit outdated (old) but I think it will be understandable if you have a newer version. ( I doubt much has changed )

Okay this is what u shud see now



Let us name everything just so there are no misunderstandings!!


This I call the Layer Menu.




This I call the Toolbar




And this I will call the MenuOptions



Okay now that that is out of the way we can begin to make this screenshot look really awesome.


We will begin by Sharpening the current 'Layer' , the layer is called Background by default.


Now that that is done, we will duplicate it



Okay now you will have two of the same layers. Now we will move to the Layer Options


Set it as a Color Dodge, choose it from the DropDown Menu (We will use this menu more in the future so remember this)


Now as you can see it will be a much brighter screenshot (woohoo), but if we take a closer look at the sword we can see some really ugly edges(lines) between the sword and the sky and also some more ugly edges in between the horn and the sword for instance and even in the sword themselves... Yucky.




Now we want these sharp edges (or ugly lines) to go away because they are well.. ugly and they aren't realistic and not nice to see and we will have problems with these sharp edges in the future steps. So...


Select the Background Layer!! This is very important.


Select the Blur Tool found in your Toolbar. A blur tool basically UNSHARPENS things, makes them fague.


Select the Size of your Blur Tool, make the size of the Blur Tool (the diameter) pretty big like 100 or 70 or so if you have a big screenshot. Now start blurring the background, the far away things such as in my screenshot this is the shops, sir Roderick, the towers, the sky. MAKE SURE YOU DO NOT ACCIDENTILY BLUR YOUR CHARACTER NAME, CLANLOGO, FACE OR WEAPON because it will look really weird and therefor BAD.

Now that it looks as if the far away things are really far away, we need to make those sharp edges a little softer.


Make a smaller Diameter with the Blur Tool, I used 9 but 13 or so will work as well.



Now zoom in and start blurring the sharp edges of your character, for instance here I am blurring the tip of the sword, on the right of the little circle = blurred, on the left = needs to be blurred.


Here I am done 'Blurring' lol (funny word) uhm and you see LESS SHARP EDGES. After this I noticed some more sharp edges on Devine's cheek and the neck and the details in the sword, but make sure you get at least the most important lines which really stand out.


This is the result. For instance you can see Devine's fingers holding the blade, I forgot those and I forgot some detail in the sword. Also make sure you blur any nonblurred spot with the big tool in the background, for instance in my shot between Devine's knees and the little tower in between my sword and the elbow etc.

If you have trouble checking out if something should be blurred or no, or if you missed a spot try this:

Uncheck the Eye on the 'Background Copy' and you will see just the Background, this will make you see a few things which you forgot. Worked for me. =p


SAVE IN BETWEEN NAAPS, SAVE IT AS A PROJECT NOT AS A .JPG because you lose a little bit of quality Wink Okie? Always save in between your projects even if you are writing a guide in notepad like me for instance.
Back to top Go down
View user profile
Butoden



Male Number of posts : 79
Age : 30
Location : Netherlands, Feyenoord! :p
Registration date : 2007-11-13

PostSubject: Re: Butoden's Step By Step to Photoshop Greatness Guide   Sun Dec 02, 2007 2:46 am

LET US CONTINUE...


Select the Background Copy. <<< IMPORTANT!


In your Menu Options select Gaussian Blur


Make the Radius 1,5 Pixels.


Ohh now it looks nicer ya? Smile Maybe you will see some more things you have missed with the Blur Tool now, so make sure you get them before the next step!!


The following step is how to make the armors more shiney and look more real, basically you enhance the sunspots on the armor.


Duplicate the Background Layer and name it 'Light 1' , drag this on top of the background and the background copy.



Go to your options menu and you will find Desturate as seen below.


Everything will turn black and white now. Dont worry, it's what we want at the moment. Now go to the options menu again and select Levels.


Drag the black icon to the right as you can see in the screenshot below, so you will only see the most important white glimses on your screenshot. Make sure not too much is still white.




Now what we want to achieve here, what we want to reach is 'SUNSPOTS ON THE ARMOR', so we are going to Maximize things first. Find it on your Menu Options as seen below:



Set the Radius to 3.


Now everything will be in big white spots. Now we take the Pencil Tool found in your Toolbar.



Make the color of the Pencil Tool black like the background!!

Now as you can kind of see Devine's head here holding the sword (CLOSEUP). But of course, Devine's head can not be glowing because of the sun lol!!



So use the Pencil tool to make some skin parts and other parts non-white. Make it black like the background. This means whatever is white will glow and whatever is not white will not glow. Dont overdo it on the glow parts. You really only want a few spots here and there or it will become too much and too much is not good.


Usually I paint everything black in the background which could be glowing, because I want to focus on my character. Very Happy If you are not sure what needs to glow or not, just uncheck the little eye on the Light 1 Layer to see the original layers and check it again to see if you should let something glow. Confused? Don't worry it will become clear very soon. Very Happy


Now we are going to make the glow a little more natural. So add another Gaussian Blur (found in the Menu Options), this time of 3 pixels.


It should look something like this now:


Now set the Light 1 Layer as Linear Dodge and VOILA SUPERGLOWWYYY. Maybe it is too much right now, or look too bright, but we will fix that later.

You can also set this as a Color Dodge layer, whatever you thinks gives the best glow effect. It is different with every screenshot in my experience.


Now to add even more glow, but a softer glow, Duplicate the 'Light 1' layer and name it 'Light 2'. Drag it on top of the other layers as seen below:


Now set 'Light 2' layer as Normal, so it is all black again with a few white spots.


Now go to Menu Options again, go to Filter > Other > Maximum. This time make the Maximum 5!


Now add another Gaussian Blur, also of 5 or something around 5.


Now set this layer as 'SCREEN'! LOL wow alot of glow!! (Too much glow lol!! WTF)



This next step is pretty cool. I used to mess around with those two layers the whole time (light 1 and 2), now I just do this:

Change the OPACITY of the Light 2 layer to around 50, so that the glow DECREASES by 50%. Should look better IMO. You can change this to whatever you like, 50, 60, 40, whatever you feel looks best for the screenshot.


Do the same for the Light 1 Layer, select it and change the opacity to around 50. Looks better right? Well I thought so.
Back to top Go down
View user profile
Butoden



Male Number of posts : 79
Age : 30
Location : Netherlands, Feyenoord! :p
Registration date : 2007-11-13

PostSubject: Re: Butoden's Step By Step to Photoshop Greatness Guide   Sun Dec 02, 2007 2:47 am

Now we are going to wrap this up. That means finish it. And about time too. Select the 'Background' Layer again.


Now go to the Menu Options and under Image you will find Adjustments > Auto Levels, Auto Contrast and Auto Color. Do all three of them, my screenie came out alot more BLUE then I expected, so if you do not like what these auto things do to your screenshot you might as well skip them. Wink I didn't though.


Now we will add some Grain to it, this is basically little particles every where. Maybe you won't like this either, if you dont, you can always undo steps with CTRL+ALT+Z (which will do a step backwards).

Find Grain in the Menu Options as you can see below:


Now DECREASE the INTENSITY to like 10 or else your screenshot will look seriously bad as you will see in the little example window when you do this yourself. So make it like 10 or so.




Now we will add a cute border to the pic. Cute?! A RLY COOL border! Here is what you do:


Create a new layer by clicking that little button in the Layer Menu:


Drag this layer to the top, above all other layers like this:


Now you go to the Menu Options and you select all:


Go to Select > Modify > Border.


Easy right? The size of the border. I made mine like 10. I wanted to make it bigger, but it would cut off my cool Orc boots, so think about how thick you want the border to be.



Now we will color the border. Select the Pencil Tool:


Select a color. Black is usually a good pick. Or white for instance. Or red if you have a screenshot in a cool place such as Valakas Lair or blue if you are underwater, etc. I picked black. I dont think you can go wrong with black. Sometimes a wrong colored border can really mess up the overall look of the picture and take away the attention so careful what color you pick. (black rules)


Now take a big sized pencil diameter!! I picked 300! Woohoo! Excellent!


Now start coloring the border =D If the diameter is so big, you wont miss a spot Wink If you find out later that you missed a spot you will slap yourself in disbelief.




Now we will sign our picture ;p Well I like to sign my creations because it's like a painting and painters signed their paintings too so imma sign my screenies!! And so should you because it is fun and you can choose your own font and add your own little style to it this way. Man I said that so nice lol.


Select the Text Tool or whatever it is called in the Toolbar. It has a big T, so I don't think you can miss it:


Click anywhere in the screen and start typing your name. I like to add the little ~ to it which basically means 'from' I guess. So it says 'From Butoden'... or whatever, look:


If you can't see the text, make sure you drag the Text Layer above all the others.


Use the Move Tool in your Toolbar to move the text to a different location. I usually place it bottomright. Make sure you have the text layer selected when you start moving.


I like to change the opacity to like 66% to make the text a little bit see-trough, it kind of looks like a watermark this way. Experiment with the text to create your very own style!!



Now we will save the screenshot as a JPEG.

So go to the Menu Options and select Save for Web...


You will come in a menu kind of like this:


Now make sure the QUALITY = AT MAXIMUM and click Save


And your screenshot is born. Congratulations.


^ OLD & NEW v
Back to top Go down
View user profile
Butoden



Male Number of posts : 79
Age : 30
Location : Netherlands, Feyenoord! :p
Registration date : 2007-11-13

PostSubject: Re: Butoden's Step By Step to Photoshop Greatness Guide   Sun Dec 02, 2007 2:59 am

If you have any questions make sure to ask so I can put them here in the special FAQ Section of this guide.

Q: How long did you take to do this?
A: About 3 hours.

Q: Why is it so long? I am not going to read all of this lol!
A: Well then you are lazy man. Seriously, it might look real big, but go trough it once when you are bored and you should be able to remember at least a few steps (like the beginning and maybe some things like the border and stuff).

Q: Man, can you make this screenshot look rly cool for me plzz men pl0x?
A: Try it yourself with the guide and then show me the image if it isn't turning out the way it is suppose to.

Q: Why you make this guide? You are retard?
A: Knowledge is gathered by sharing and by sharing knowledge with the clan the clan will become smarter and by becoming smarter you depend less on others

Q: Man why you put this effect in here? It ruins my screenie!
A: Well if you feel like a certain effect ruins your screenshot (such as Auto-Levels, or the glow effect or the border) then you are free NOT to add them of course! It's your choice and your screenie after all.

Q: Why do we have to click thumbnails every time? Why not just link to full image. It's annoying.
A: Well the hotlinking didn't work out very well, so this is the only solution atm. Sorry.

Ah I just made these questions up, so in case anyone wanted to know, the answers are already there.
Back to top Go down
View user profile
Sixpak



Male Number of posts : 24
Age : 26
Location : Nederland
Registration date : 2007-09-30

PostSubject: Re: Butoden's Step By Step to Photoshop Greatness Guide   Sun Dec 02, 2007 8:10 pm

I tried but i think i did something wrong Razz


Before


After
Back to top Go down
View user profile
Butoden



Male Number of posts : 79
Age : 30
Location : Netherlands, Feyenoord! :p
Registration date : 2007-11-13

PostSubject: Re: Butoden's Step By Step to Photoshop Greatness Guide   Sun Dec 02, 2007 9:22 pm

Well I think you did a great job, can't really tell if you did anything WRONG, only thing I see is that the whole pic is a little too much GREEN as you can see. This is because of the step Auto-Levels, Auto-Color, Auto-Contrast. So if you think that the image is being ruined by this then you can always UNDO them with for CTRL+ALT+Z.
And also I think the names Darji and Sixy are included in the glow, you should only include the armor pieces of ur char, now it looks as if the names Darji and Sixy are glowing ;p Next time make sure they are also painted out of the light 1 and light 2 layers.
Also one more quick note is that you didn't mind very much the background blurry, like around the head of Darji is a sharp background wall, with a smaller blur tool diameter you could blur this too so it looks a bit more uhm real I guess? Very Happy But other then that great first attempt.
Back to top Go down
View user profile
Sixpak



Male Number of posts : 24
Age : 26
Location : Nederland
Registration date : 2007-09-30

PostSubject: Re: Butoden's Step By Step to Photoshop Greatness Guide   Mon Dec 03, 2007 2:49 pm

Cool thnx next time il make a cool picture i try to perfect it Smile

About the green thing i will try to undo it when i have time i wil post the new screenshot Smile

Thnx for the help Wink
Back to top Go down
View user profile
Darji



Male Number of posts : 15
Age : 25
Location : The Nederlands
Registration date : 2007-10-07

PostSubject: Re: Butoden's Step By Step to Photoshop Greatness Guide   Mon Dec 03, 2007 5:40 pm

What do you think?

Before


After
Back to top Go down
View user profile
Butoden



Male Number of posts : 79
Age : 30
Location : Netherlands, Feyenoord! :p
Registration date : 2007-11-13

PostSubject: Re: Butoden's Step By Step to Photoshop Greatness Guide   Mon Dec 03, 2007 10:50 pm

Wow nice screenie, you can rly see nicely the glowing armor pieces liek even on the tips of the ponytails of the dwarf! XD Looks pretty good, this is a good example because the screenshot also becomes much brighter and things are better visible, thats what we wanna achieve :p that and overall prettyness
Back to top Go down
View user profile
Sponsored content




PostSubject: Re: Butoden's Step By Step to Photoshop Greatness Guide   

Back to top Go down
 
Butoden's Step By Step to Photoshop Greatness Guide
View previous topic View next topic Back to top 
Page 1 of 1
 Similar topics
-
» One Step, By Step... {Reserved For Wild One}
» The next step (Snowflake mystery)
» Brash-Step
» Community Game-Rage of Bahamut
» The Water Tribe's First Step; Help From a Friend (Open to All Fire and Water Benders)

Permissions in this forum:You cannot reply to topics in this forum
 :: Lineage II :: Screenshots & Movies-
Jump to: