Symbianize Forum

Most of our features and services are available only to members, so we encourage you to login or register a new account. Registration is free, fast and simple. You only need to provide a valid email. Being a member you'll gain access to all member forums and features, post a message to ask question or provide answer, and share or find resources related to mobile phones, tablets, computers, game consoles, and multimedia.

All that and more, so what are you waiting for, click the register button and join us now! Ito ang website na ginawa ng pinoy para sa pinoy!

✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

Ang galing nito sir :thumbsup:

naalala ko tuloy nung 90's gumawa din ako ng animation sa win95 pa tapos sa ms paint ako nageedit ng pic then sa powerpoint ko papagalawin :D
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

Aww .. LA na palang animation sa CS6 x ((
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

Aww .. LA na palang animation sa CS6 x ((


meron pa po animation sa CS6 :D

if your starting on a new canvass

FILE>NEW
and then crate your layers
pag ok na mga layers
WINDOW>TIMELINE

pag nachekan mo na meron lalabas na ganto sa bottom part

Dm4HN0n.png


pili ka lang. yung mga tuts dito frame animation sila :D

sana nakatulong :hat:
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

thank you TS
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

baka po namimisterpret nyo di po ako ang TS nito :D


si sir xsoulz po :D
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

meron pa po animation sa CS6 :D

if your starting on a new canvass

FILE>NEW
and then crate your layers
pag ok na mga layers
WINDOW>TIMELINE

pag nachekan mo na meron lalabas na ganto sa bottom part

http://i.imgur.com/Dm4HN0n.png

pili ka lang. yung mga tuts dito frame animation sila :D

sana nakatulong :hat:

Aww.. Thank you sir :excited::excited::excited::excited::excited::excited:
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

lupet mo sir.. maraming salamat TS:salute::salute::salute:
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

TS bat po nsama ung frame 1 pag iminove ung layer using transform free ??
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

TS bat po nsama ung frame 1 pag iminove ung layer using transform free ??

:think:

mas mabuti kung gawa ka na lang ng panibagong layer..

Example:
layer na pagagalawin mo- duplicate mo sya then i move mo
duplicate mo yung minove mo.. tapos moved mo ulit.. then duplicate.. tuloy tuloy lang..

sa animation frame isa lang dapat visible na layer kada frame para makitang gumagalaw


medyo nahilo ako sa explanation :D
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

astig nito sir xzouls :salute:
sana my new tut ulit :D
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

Ts post karn ng tut tulad ng sig mo :)
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

sir paano po i-set ito? 400 H x 150 W
ano po ung 400 H? cm/inches/mm/pixels/points/picas/columns ba sir?
pati na rin tong 150 W
TNX sir
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

sir paano po i-set ito? 400 H x 150 W
ano po ung 400 H? cm/inches/mm/pixels/points/picas/columns ba sir?
pati na rin tong 150 W
TNX sir


pixels po yan :D
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

:think:

mas mabuti kung gawa ka na lang ng panibagong layer..

Example:
layer na pagagalawin mo- duplicate mo sya then i move mo
duplicate mo yung minove mo.. tapos moved mo ulit.. then duplicate.. tuloy tuloy lang..

sa animation frame isa lang dapat visible na layer kada frame para makitang gumagalaw


medyo nahilo ako sa explanation :D

Salamat po .. : ))

May ginawa po ako using the stock of sir XZ
attachment.php

Boom Effect pati Lightning xD :rofl:
 

Attachments

  • Untitled-3-Recovered.gif
    Untitled-3-Recovered.gif
    278.7 KB · Views: 50
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

nice :thumbsup:

keep it up! :hat:
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

e2 na yung hinintay ko na dati pa..salamat dito idol.. :thanks:
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

Sir, bakit po hindi gumana?
Sinonod ko naman po yung tut mo?
Ano po ba ang mali?:upset:

Hindi ba po siya pwede kapag may blending options na ang texts?

Help po! :cry:

http://img809.imageshack.us/img809/7305/sssmu.jpg

tagal kong hindi napad pad dito ahhh
:lol:
late na masyado :rofl:
naway mabasa mo ito pafs
:)
opo hindi po siya nagana kpag blended ng yung layer
so..kung yung pag kaka blend ang liking mo :D
at gusto mo parin gawin yung scan effect ehhh..
you need to rasterize that layer (right click then rasterize layer)
then gawin niu po yung tut ulit
:)
done..
:pacute:
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

astig pareee ang mga gawa mo :) :thumbsup:
 
Re: [Tutorial] Animated Avatar/Sig Making using Photoshop by xzouls


Lightning Animation

Stock: gagamitin po natin e2 sa tutorial

http://i1121.photobucket.com/albums/l507/xzouls/lairot2/kakashi.png


Step 1: Make sure po muna ntin n kasama ang "Animation" sa Window Set natin
See Post #19 kung hindi Frame ang nakikita nyo sa lower-left corner
Create New Document: 400 H x 150 W

http://i1121.photobucket.com/albums/l507/xzouls/lairot2/1.jpg


Step 2: Create Layer 1 : fill it with Black Background
Create Layer 2: then ilagay natin si kakashi

http://i1121.photobucket.com/albums/l507/xzouls/lairot2/2.jpg


Step 3: Gagawa po tau ng sarili nating lightning, dahil hindi ako gumgamit ng special brushes :)
Set the colors: Foreground (Black) Background (White)
Create Layer 3: fill it with gradient color

http://i1121.photobucket.com/albums/l507/xzouls/lairot2/3.jpg


Step 4: Filter > Render > Difference Clouds

http://i1121.photobucket.com/albums/l507/xzouls/lairot2/4.jpg


Step 5: Select > Inverser or (Ctrl + I) pag d ma-access

http://i1121.photobucket.com/albums/l507/xzouls/lairot2/5.jpg


Step 6: Image > Adjustments > Levels or (Ctrl + L)
adjust ntin pra ma emphasize ung puti sa gitna at mawala ung puti-puti sa gilid

http://i1121.photobucket.com/albums/l507/xzouls/lairot2/6.jpg


Step 7: Set the blending options nung Layer 3 to "Screen"

http://i1121.photobucket.com/albums/l507/xzouls/lairot2/7.jpg


Step 8: Ipuwesto nyo kung saan nyo gus2 ung lightning, burahin n rin ang natitira pang puti-puti kung meron man
Then Duplicate nyo ung Layer 3

http://i1121.photobucket.com/albums/l507/xzouls/lairot2/8.jpg


Step 9: sa lower left corner, i-drag nyo ung Frame 1 pra maduplicate

http://i1121.photobucket.com/albums/l507/xzouls/lairot2/9.jpg


Step 10: Frame 1: Hide "Layer 3 Copy"

http://i1121.photobucket.com/albums/l507/xzouls/lairot2/10.jpg


Step 11: Frame 2: Unhide "Layer 3 Copy"

http://i1121.photobucket.com/albums/l507/xzouls/lairot2/11.jpg


Step 12: Set nyo nlng ung delay then Play :)

http://i1121.photobucket.com/albums/l507/xzouls/lairot2/12.jpg


Output

Original
http://i1121.photobucket.com/albums/l507/xzouls/lairot2/Lightning-Animation.gif

Dagdag lang konting lightning pa at ng konting details
http://i1121.photobucket.com/albums/l507/xzouls/lairot2/Lightning-Animation2.gif

Eto nmn ung sig na nilagyan ko ng lightning effect
http://i1121.photobucket.com/albums/l507/xzouls/lairot2/xz0uls-An1mat10n3ntry-05162011.gif

Feedback nlng po :hat:, and feel free to post nung nagawa nyo d2

Enjoy the tutorial, Subscribe at alamin ang latest :thumbsup:

Good Feedbacks = New Tutorials :)



Click the attachment below to download this tut


Thanks TS
 
Back
Top Bottom