PS Tutorial

[xiety]

Lets start some basic functions
Currently I'm using PS CS3


http://i3.photobucket.com/albums/y95/barton10/tuto1.jpg

Now create image size you want
so I use 600 x 150


http://i3.photobucket.com/albums/y95/barton10/tuto2.jpg

Then select any background image you want to put it in your little project
*Note: Original Image is not blur ^^ later for advance


http://i3.photobucket.com/albums/y95/barton10/tuto3.jpg

Next drag the image your going to use its better to use renders because its easy to put no more erasing

like this one

http://i3.photobucket.com/albums/y95/barton10/SeikonnoQwaser-01-Large08.jpg

To this

http://i3.photobucket.com/albums/y95/barton10/seikonnoqwaser-1.jpg ^^ sig taken already

http://i3.photobucket.com/albums/y95/barton10/tuto4.jpg

Although this one kinda advance a little but its easy
See that arrow in the image its says "Screen" its makes the image to become lighter or transparent to use as my lighting effect
*Note: try experimenting it ^^ because its fun to play


http://i3.photobucket.com/albums/y95/barton10/tuto5.jpg

The rest is history ahahahahaha joke

Image Source: DeviantArt (http://browse.deviantart.com/?qh=&section=&q=c4d#/d1jnex0)
In Photoshop you will learn new if you EXPERIMENT using other functions

[xiety]

Image Alteration


http://i3.photobucket.com/albums/y95/barton10/Photoshop/next.jpg

Time to learn to alter some images you have

http://i3.photobucket.com/albums/y95/barton10/Photoshop/next2.jpg

Lets start in Hue / Saturation from Image > Adjustment > Hue / Saturation for short its CTRL + U

http://i3.photobucket.com/albums/y95/barton10/Photoshop/next3.jpg

Its fun to use Hue / Saturation coz its fun to make different color outcomes like this one
You just move the sliders Hue ; Saturation ; Lightness
Hue = the color outcome
Saturation = how much color to fill less Saturation it will become colorless ; more saturation its like you spilled to much coloring on it
Lightness = common sense ^^ light or dark of the image



Sharpen and Blur

Now you already know color image alteration; Sharpen and Blur combination
In Photography this is known as Focusing ^^


http://i3.photobucket.com/albums/y95/barton10/Photoshop/next4.jpg

From Filter > Sharpen > Sharpen
Dont be scare of using some of the functions of Filter Im just lazy to tell every function its way too many ^^ anyway

Sharpen I use to make the image refine the edges of the image


http://i3.photobucket.com/albums/y95/barton10/Photoshop/next5.jpg

Just observe carefully the application of Sharpen to see the difference with and without

*Note: Dont too much Sharpen its bad ^^ you will see edges of the images

Next Blur

http://i3.photobucket.com/albums/y95/barton10/Photoshop/next6.jpg

Same tab: Filter > Blur > Blur Motion
You see the effect of Blur its Cool ^^ especially if you have C4D effects image for better outcome
Anyway

Next is Apply Image

http://i3.photobucket.com/albums/y95/barton10/Photoshop/next7.jpg

This one can be use when you are about to finish everything especially if you have a lot of layers you used
Its pretty easy just click it then there are drop down boxes there just try experimenting



Focusing Style
A while ago I mentioned about Focusing in Photography if you dont have any SLR Camera not the point to shoot camera; the Camera use by Professional Cameramen in modeling etc....

Lets Begin



Now get any image with a background already



http://i3.photobucket.com/albums/y95/barton10/Photoshop/blur.jpg

Now use the Blur brush from the tools on the left
*Note: I forgot to put the arrow anyway by Right Clicking it will display other function like Blur ; Sharpen ; Smudge


http://i3.photobucket.com/albums/y95/barton10/Photoshop/blur2.jpg
Now you click the Blur Brush now just Blur the background image except the Focus Target (I mean the person)
Just carefully Blur the image not to blur the Target
If you cant brush it make the diameter smaller by doing it just right click in the image while the blur brush is on then move the slider or input the __px value

After blurring all the background then apply Sharpen
Then you have already Focusing Method/Style

[xiety]

Rendering


Time to learn how Render images (removing the background of a certain image)
Lets start some image, pick any images you want. For starters use small images, for ADV. users go big like wallpapers or something ahahahahaha /gg

Well anyway this image has less curves and hair curves its like everything is almost straight line

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render1.jpg

Lets start, Im using Pen Tool for better rendering. Some use Magnetic Lasso also a good one but its uncontrollable, we will go manual way. Click the Pen Tool and then Click Paths

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render2.jpg

Just click anywhere you want to render (When you click and drag it will create an arc kinda hard but effective in long and short curves ^^; ) and start rendering all the border of the character
Now if you want to make a curves just click into small intervals to make an arc
The CTRL + Click and Drag is use for small adjustments

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render3.jpg

Now this is the result of rendering the border of the character

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render4v2.jpg

Now to close, just click the Starting Point to connect the current point to close it

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render5.jpg

Then after closing it, right click then select make a selection then click.

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render6.jpg

Adjust the Feather Radius by 0.1 px or 0.2 px then click OK

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render7.jpg

Then CTRL + C ( copy ) the image the click New File again

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render8.jpg

In the New File, change the Background Contents into Transparent, and the image size is automatic since you Copy the image a while ago then click OK

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render9v2.jpg
http://i3.photobucket.com/albums/y95/barton10/Photoshop/render10.jpg
http://i3.photobucket.com/albums/y95/barton10/Photoshop/render11.jpg
CTRL + Click the image in Layers to load the selection, then click Select then Modify then click Contract
and finally click Select again then click Inverse (Shift + CRTL + I) then hit Delete so clear all the dirt around the image ^^ then De-select it

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render12.jpg

To save just follow the image ahahahahaha, just change the Format into PNG



http://i3.photobucket.com/albums/y95/barton10/Photoshop/SZS.png


Coloring is F U N


Welcome to the Manga Coloring Session
Well not only manga, any coloring books will do ahahaha ^^


From This


http://i3.photobucket.com/albums/y95/barton10/Photoshop/airgear01ja6.jpg

To this


http://i3.photobucket.com/albums/y95/barton10/Photoshop/simcafinal.jpg

http://i3.photobucket.com/albums/y95/barton10/Photoshop/coloringcopy.jpg

http://i3.photobucket.com/albums/y95/barton10/Photoshop/coloring2copy.jpg

http://i3.photobucket.com/albums/y95/barton10/Photoshop/coloring3copy.jpg

http://i3.photobucket.com/albums/y95/barton10/Photoshop/coloring4copy.jpg

http://i3.photobucket.com/albums/y95/barton10/Photoshop/coloring5copy.jpg

http://i3.photobucket.com/albums/y95/barton10/Photoshop/coloring7copy.jpg

[jhai0603]

ooh!
Looks complicated. o.O
I only use MS paint and MSWord 2010... ._.

[lastshin]

its hard!!!!

[xiety]

lol its not hard >.> as long as you know the tools in PS

most professional use PS for their magazines
like this anime ahahaha

gu0EdKAybK8

[Keir06]

Yeah It looks so Complicated XD

but maybe once you get used to it, it would be really handful I guess... x]

[Ephenyan]

xiety, you rawk.

it's not all that complicated.
it's pretty fun to play with the features if you're diligent enough
to understand tutorials STEP BY STEP

[xiety]

UPDATE: Rendering ^^
tell me if you guys want to learn to do coloring its kinda long process

[ShckAbsrber]

Nice work!
I really like the rendering part (since I suck at rendering xD)
I still need to practice using the pen tool however...

[globeopinion]

yeah.its not complicated and do some research about some tutorials there are so much tutorials in photoshop cs3, effects and awesome digital arts just be patient and study it. :D

[xiety]

unless your aiming for sidelines for digital art

PS is just one of my hobbies

[LPleroyLP]

im using gimp for a long time now its olmust the same as photoshop i just got the new adobe anyway so i have CS-5 & GIMP Gimp is free but CS-5 is not so for starters i think most poeple will be better off trying gimp first before they buy photoshop :)

or you can just download it offcourse :woohehe:

[xiety]

^^; i started PS CS2 then i shift it to CS3
i learn it on my own and nobody taught me how to use it

[LPleroyLP]

oh ok thats nice xiety although i started with GIMP compared to you i sound pathetic :( anyway i thought it would be smart for starters but it seems you can start with CS2 and then go on to the other versions :)

[xiety]

nah you can start using latest version
latest version fixed all the bugs in the previous version

[irkan]

yo xiety give more tutorials;p dont just start thread, and hmm just pls can you write more tuts ;D

[xiety]

about what ? im not digital art student anyway

[ReaperX]

Thanks for the tutorial !!! i have PS but i dont know how to use it...

[xiety]

lol dont rush things
if you have time try exploring the tools then experiment things

In PS you should know how to experiment images try different effects or tools

Explore the workplace first

[adZel]

sugoi! tnx sensei xiety! this really helps alot.. ^^

[xiety]

lol still thinking if i should put the Coloring its kinda long and confusing who are not familiar enough in PS

[mattduy]

Nice tutorials xiety. Your method of rendering makes it much more convenient to get pictures I like instead of having to find specific images. I hope you continue this.

[Bunislipper]

Ive always wanted this softwear but I dont have money or anything and I dont think my dad would let me anyway.
Ive always wanted a drawing pad or something like this which will help me...meh some day :)

[tuyenbchu]

wow! i wanted to try.. but there's sooo many buttons.. it's confusing.. :(

[xiety]

nah not everything will be used
i only pointed out what are the commons button to be used anyway

some buttons in PS, i never tested out it yet

[ZZZDaydream]

Rendering
http://i3.photobucket.com/albums/y95/barton10/test3.png

Time to learn how Render images (removing the background of a certain image)
Lets start some image, pick any images you want. For starters use small images, for ADV. users go big like wallpapers or something ahahahahaha /gg

For Example this one:
http://i3.photobucket.com/albums/y95/barton10/Photoshop/ZanSayonaraZetsubouSensei.png

Since this image so easy it took me 20~40 mins I think ?
Well anyway this image has less curves and hair curves its like everything is almost straight line

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render1.jpg

Lets start, Im using Pen Tool for better rendering. Some use Magnetic Lasso also a good one but its uncontrollable, we will go manual way. Click the Pen Tool and then Click Paths

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render2.jpg

Just click anywhere you want to render (When you click and drag it will create an arc kinda hard but effective in long and short curves ^^; ) and start rendering all the border of the character
Now if you want to make a curves just click into small intervals to make an arc
The CTRL + Click and Drag is use for small adjustments

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render3.jpg

Now this is the result of rendering the border of the character

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render4v2.jpg

Now to close, just click the Starting Point to connect the current point to close it

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render5.jpg

Then after closing it, right click then select make a selection then click.

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render6.jpg

Adjust the Feather Radius by 0.1 px or 0.2 px then click OK

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render7.jpg

Then CTRL + C ( copy ) the image the click New File again

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render8.jpg

In the New File, change the Background Contents into Transparent, and the image size is automatic since you Copy the image a while ago then click OK

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render9v2.jpg
http://i3.photobucket.com/albums/y95/barton10/Photoshop/render10.jpg
http://i3.photobucket.com/albums/y95/barton10/Photoshop/render11.jpg
CTRL + Click the image in Layers to load the selection, the click Select then Modify then click Contract
and finally click Select again then click Inverse (Shift + CRTL + I) then hit Delete so clear all the dirt around the image ^^ then De-select it

http://i3.photobucket.com/albums/y95/barton10/Photoshop/render12.jpg

To save just follow the image ahahahahaha, just change the Format into PNG


http://i3.photobucket.com/albums/y95/barton10/Photoshop/SZS.png
Rendering Takes Patience to Finish


Coloring is F U N

http://i3.photobucket.com/albums/y95/barton10/Photoshop/Coloring.jpg

From This
http://img64.imageshack.us/img64/5333/08881.jpg
To This

http://i3.photobucket.com/albums/y95/barton10/Finishcolor.jpg

We have already Thread (http://otaku-streamers.com/community/showthread.php?t=4035)about it though there is no step ahahahaha
maybe tomorrow or ......

I know the top anime but I couldn't spell it to save my life...wow this stuff is to complex for me but I give the people that can do this congrats on what I can't

[rin08]

wow, its fun and need a lot of patience,, hope i have PS too,,

[xiety]

hmmm i totally forgot about Coloring tutorial ahahahaha
kinda long to make it
and need an long experience and familiar with PS functions

[powerband]

i must say that this is an easy to follow tutorial, great job xiety.That's better than the other complicated tutorials you find on other forums on PS
gonna try messing around later

[xiety]

Coloring is Updated

[kenchin]

Actually most professionals use inDesign or quark express.

[xiety]

actually PS is better than those ^^

http://photo-editing-software-review.toptenreviews.com/

plus they recommend to use PS when you planning to edit your photos

[AngelaKawaii]

Wow nice ! I'm using Photoshop CS4 ... Thanks for creatin'tutorials C:

[xiety]

i wish i could change my PS CS3 into CS 5

looking for good sources

[Kaiser]

Nice guide, kinda basic but it does help. ^^

[kinoa099]

Arigatou onee-san.
-.-''
Currently practicing .__,

[inubazh11]

Neat tutorial. This will help my animation techs.:)

[uloveme]

where can i download this PS CS3?

[MCoftheD]

Nice guide, haven't made any sigs for a year or so. Think I'll find my copy.

[SkyOrange]

it helps a lot... i hope there are sticky threads of specific PS techniques

[KhenLee202]

its kinda hard but at least i learned something
thank you for this post

[c0wm00]

In rendering, after closing the path, make a new slection, copy (ctrl + c) and create a new file why is that when I ctrl + click in the layer it says.. "Warning: No pixels were selected" please help..thanks!

*sorry if wrong grammar lol X(

[kimono031]

In rendering, after closing the path, make a new slection, copy (ctrl + c) and create a new file why is that when I ctrl + click in the layer it says.. "Warning: No pixels were selected" please help..thanks!

*sorry if wrong grammar lol X(

Is the layer that you want to render highlighted? Or did you paste your selection into the new file?

Also, I don't think it really is necessary to create a new file anyways. You just need to go to Select > Inverse, and then delete the rest of the layer and save it as another file name and a png file.

[c0wm00]

How do i make a new layer with white background? please help :(
(Coloring)

[kimono031]

How do i make a new layer with white background? please help :(
(Coloring)

Well, you can always make a new layer and manually color it in white. Or you can go to Layer > New > Layer... or press (Shift+Ctrl+N) and you get to choose what color you want the new layer to be, and set it to a mode of your choice.

[Sirsendu]

Nice.

[Daike1234]

i copied the CS5 of my friend a minute ago.. and I'm gonna start practicing later or tomorrow cause i have to go to school tomorrow and my teacher is already scolded me because of my absences and my grades are really low in the 2nd grading period so. need to priorities the school if not . i'm going to be highschool forever .

[GMSieghart]

Xiety i want to learn ! to render and !! how to make the words like a slide show!! :D!! i only starting to learn PS!! and im using CS5!! can u tell! ME!! :D

[chirgjn]

Your tutorials are great i use corel draw 12 have look at 1 of my works

if anyone wants to learn how to use it i can upload tutorials just p.m. Me

[Arjoie]

aaaahhhh.. that will take a little practice /heh

[jknown]

awesome. xD but I think it takes time to learn the tools of PS, for me it's kinda hard but I found it enjoyable :))
thanks for these posts. These can help a lot :D

[Kisae]

Thank you to this useful thread! I suck at digital editing but this helped me greatly >:)