What's new
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

sir panu poh ba baguhin ung kulay ng background ng photoshop? . . .black poh kc ung background q . . .gz2 q gray ung kulay . . tnx . .
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

xzouls said:

Lightning Animation

Stock: gagamitin po natin e2 sa tutorial

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

1.jpg



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

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

3.jpg



Step 4: Filter > Render > Difference Clouds

4.jpg



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

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

6.jpg



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

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

8.jpg



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

9.jpg



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

10.jpg



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

11.jpg



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

12.jpg



Output

Original
Lightning-Animation.gif


Dagdag lang konting lightning pa at ng konting details
Lightning-Animation2.gif


E2 nmn ung sig na nilagyan ko ng lightning effect
xz0uls-An1mat10n3ntry-05162011.gif


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


And please please please hit the "Thank" button po kung may natutunan tayo :) :hat:

Good Feedbacks = New Tutorials :)
Click to expand...

ang cute po nkaka encourage
hehe susunden ko to.
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

puti1 said:
ang cute po nkaka encourage
hehe susunden ko to.
Click to expand...

nice po, post lng po kau d2 if ever magka-problem po kau sa steps :thumbsup:
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

pwede po ba dito cs3 extended?
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop


Sunbeam Effect

Stock:

forest.jpg



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

1.jpg



Step 2: Create Layer 1: Paste the stock

2.jpg



Step 3: Add Lens Flare
Create New Blank Layer

3.jpg



Step 4: Set brush settings

4.jpg



Step 5: Layer 2: Draw the sunbeam effect
Set the blending options to Overlay

5.jpg



Step 6: Repeat Step 5

6.jpg



Step 7: Duplicate Frame 1
Frame 2: Hide Layer 3, Unhide Layer 2

7.jpg



Step 8: Set the delay & Press Play :)

8.jpg


Output:

Original
Sunbeam.gif


Sample
Sample.gif


Eto nmn ung ginawan ko dati
sig-andO-05202011-byxzouls.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
 

Attachments

  • Sunbeam Effect by xzouls (www.symbianize.com).rar
    1.1 MB · Views: 3,659
Last edited:
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

:wow:

IDol tlga kita par! :thumbsup:

nice thread pre...

sana may sumunod pa

Keep Sharing . . you Deserved my :thanks: :praise:
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

pare ngaun q lng nkita 2ng thread mu n 2 .. aus my dagdag n nmn kaalaman q..super beginner aq..mdme n rin aq ngawa peo ang dq alm ay yang animation n yan..nsa window tab lng pla yan haha..mdali lng pla..konting kalikot pa..

ang gmet q nga lng portable cs4..
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

lupet naman nito sir! more pa! haha
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop


Rain Effect

Stock :

proto.jpg



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

1.jpg



Step 2: Create New Document 400 W x 150 H
Create Layer 1: Paste the stock

2.jpg



Step 3: Create Layer 2: Fill it w/ Solid Black Color
Go to Filter > Noise > Add Noise


3.jpg



Step 4: Go to filter Blur > Motion Blur
Set the blending options to "Screen"

4.jpg



Step 5: Hide Layer 2
Create Layer 3: Fill it w/ Solid Black Color
Go to Filter > Noise > Add Noise

5.jpg



Step 6: Go to filter Blur > Motion Blur
Set the blending options to "Screen"

6.jpg



Step 7: Duplicate Frame 1
Hide Layer 3, Unhide Layer 2

7.jpg



Step 8: Set the delay
Press Play :)

8.jpg



Output

Original
raineffect.gif



Sample
sample.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
 

Attachments

  • Rain Effect by xzouls (www.symbianize.com).rar
    1.1 MB · Views: 4,234
Last edited:
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

done hitting thanks meron po tutorial pamo gawa GIF or AVATAR?​
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

galeian said:
done hitting thanks meron po tutorial pamo gawa GIF or AVATAR?​
Click to expand...

yan n po un, pag natapos nyo na ang tutorial pede nyo na po sya i-save as .GIF, kung d nyo po alam mag save as .gif, see the first post nlng po sa FAQ section :)
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

tol.. pano to?

xzouls.gif


ung effect na parang sumasabog? ung nag zozoom.. :pray:
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

pjohn said:
tol.. pano to?

xzouls.gif


ung effect na parang sumasabog? ung nag zozoom.. :pray:
Click to expand...

cge isusunod ko yan sa tut :)
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

wow nice 0ne ulit sir!!!!!! . . my bgo na nman . ..sir w8 q rin ung tutorial mu dun sa sharingan na sumasabog ah? . ..hahhaha . . tnx .. .up up!!!
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

sir nu po gmit mu software??
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

sinx21 said:
sir nu po gmit mu software??
Click to expand...

Adobe Photoshop CS5 Extended specifically po, pero ung tutorials ay pwede po sa older versions :)

dharryl21 said:
wow nice 0ne ulit sir!!!!!! . . my bgo na nman . ..sir w8 q rin ung tutorial mu dun sa sharingan na sumasabog ah? . ..hahhaha . . tnx .. .up up!!!
Click to expand...

pjohn said:
tol.. pano to?

xzouls.gif


ung effect na parang sumasabog? ung nag zozoom.. :pray:
Click to expand...

may 2 effect p tlga jan, gus2 ko sana paghiwalayin pra malinaw sa mga nagbabasa ng tuts, pero cge gagawin ko nlng part 2 yan nung sharingan :)
 
Last edited:
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

One word
…ASTIG!!!!
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

WOW ASTEEEEEG :yipee::clap: GALING NG THREAD NA TOH ..........SUPER THANKS PRE THANKS FOR YOUR KNOWLEDGE I HOPE MAKAISIP DIN AKO NG THREAD NA MAISHESHARE KO HEHE...
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

Imba sir :) pag-aaralan ko 'to pag nagkatime ako :)
 
Re: ✬ [ ANIMATION TUTORIAL ] ✬ Animated Sig/Avatar/Image Making using Photoshop

dharryl21 said:
sir panu poh ba baguhin ung kulay ng background ng photoshop? . . .black poh kc ung background q . . .gz2 q gray ung kulay . . tnx . .
Click to expand...

click mo lang ung box then choose color sa lalabas na window:p
 
You must log in or register to reply here.

Similar threads

Z a c h a r y
  • Locked
[PHP] ICT Equipment Inventory
Replies
5
Views
429
mastergpl
mastergpl
puppylinux
Onion_Service/Dark Web sa Linuxmint Cinnamon
Replies
0
Views
280
puppylinux
puppylinux
hyperkeios
Color Grading using Photoshop
Replies
8
Views
946
hyperkeios
hyperkeios
jinny
Nomination Symbianize Member of the Month August Nomination Thread
Replies
0
Views
360
jinny
jinny
jinny
Nomination Symbianize July Sweetheart of the Month Nomination Thread
Replies
0
Views
710
jinny
jinny
Back
Top Bottom