สอนทำไอคอนแบบเคลื่อนไหวได้

 

คราวนี้จะมาสอนวิธีทำไอคอนบ้างน่ะค่ะ

การทำไอคอนมีหลายวิธีน่ะค่ะ

วันนี้ขอเหลือวิธีที่ตาลคิดว่าทำไม่ยากมาสอนน่ะค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้

1. เปิดโปรแกรม Photo Shop เปิด bg หรือ templates ที่เราต้องการ 
    (templates หรือ  bg สามารถหาได้ตามเว็บต่าง ๆ )
     เมื่อได้รูปแล้วให้เราทำการ Jump To ImageReady  น่ะค่ะ
     ตอนนี้รูปเราก้ออยู่ในโปรแกรม  ImageReady  แล้วน่ะค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้

....หมายเหตุ....

 ถ้าจะทำในโปรแกรม ImageReady เลยก้อได้ไฟล์จะต้องเป็นไฟล์ gif น่ะค่ะ

โดยเปิดรูปที่ต้องการทำไอคอนขึ้นมาเหมือนกันน่ะค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้

หรือถ้ามีไฟล์อื่นๆ ที่ไม่ใช้ไฟล์ Gif เช่น ไฟล์ Jpg Bmp เป็นต้น

ต้องเข้าไปที่โปรแกรม Photo Shop แล้วเลือก เมนู File เลือก Save For Web น่ะคะ

 แล้วเลือกนามสกุลเป็น Gif ในรูปวงกลมสีแดงค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้สอนทำไอคอนแบบเคลื่อนไหวได้

 

 หรืออีกวิธีน่ะค่ะ ไปที่ เมนู File ไปที่ Save As 


 แล้วเปลี่ยนตรง Format ให้เป็น GIF ตามรูปน่ะค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้

แล้วค่อยมาเปิดในโปรแกรม ImageReady อีกครั้งน่ะค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้

เอาล่ะมาต่อกันเลยน่ะค่ะ

หลังจากเราทำการ  Jump To ImageReady  หรือ

 เราเปิกไฟล์รูปของเราในโปรแกรม ImageReady เรียบร้อยแล้ว

 

2. กำหนดขนาดปกติตาลจะกำหนดให้ความสูงไม่เกิน 59 น่ะค่ะ

วันนี้ตาลจะใช้ขนาดที่  ความกว้าง 150 ความสูง 50 น่ะค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้

3. กดในวงกลมสีแดงเพื่อตั้งเฟรมขึ้นมาใหม่ค่ะดูรูปประกอบน่ะค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้

4. พิมพ์ข้อความที่ต้องการลงไปค่ะโดยกดที่รูปตัว T  (วงกลมสีแดงตามรูปน่ะค่ะ)

 ตรงเครื่องมือด้ายซ้ายมือค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้

 หมายเหตุ .... ข้อ 3 และ ข้อ 4 จะทำขั้นตอนสลับกันก้อได้น่ะค่ะไม่ผิดค่ะ

5. สังเกตุว่าสองหน้าต่างเหมือนกันน่ะค่ะให้เปลี่ยนสีตัวหนังสือทีล่ะหน้าต่างโดยวิธีทำคือ
   ให้เราเปลี่ยนทีล่ะหน้าต่างน่ะค่ะ ดูรูปประกอบน่ะค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้

สอนทำไอคอนแบบเคลื่อนไหวได้

และจากนั้นไปที่รูปตัว F ด้านล่าง (วงกลมสีแดงตามรูปค่ะ)เลเยอร์

และไปที่ Color Overlay แล้วทำการเปลี่ยนสี


    ทำทีล่ะหน้าต่างน่ะค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้

6. เมื่อได้สี ภาพ และข้อความตามต้องการแล้ว


*จะถึงการกำหนดเวลาการเคลื่อนไหวของไอคอนน่ะค่ะ*

(ภาพที่โชว์เป็นภาพเคลื่อนไหวน่ะค่ะอาจจะโหลดช้าหน่อยค่ะ)

สอนทำไอคอนแบบเคลื่อนไหวได้

และ เมื่อกำหนดเสร็จแล้วลองกดปุ่ม play ดูน่ะค่ะ ทำตามรูปเลยน่ะค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้

7. เมื่อกำหนดเสร็จแล้วก็กด Save น่ะค่ะ วิธี Save น่ะค่ะให้ไปที่ file และเลือก


    Save Optimized As เพราะถ้ากด Save As จะเป็นนามสกุล psd ไม่ใช่นามสกุล gif

สอนทำไอคอนแบบเคลื่อนไหวได้

ก้อจะได้ไอคอนประมาณนี้น่ะค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้สอนทำไอคอนแบบเคลื่อนไหวได้สอนทำไอคอนแบบเคลื่อนไหวได้

ทั้งนี้ขึ้นอยู่กับความคิดสร้างสรรค์ของแต่ละคนน่ะค่ะ

ส่วนถ้าใครไม่อยากได้แบบเคลื่อนไหวก้อทำได้น่ะค่ะ

คือไม่ต้องกำหนดเวลาการเคลื่อนไหว

หรือจะทำใน Photo shop ก้อได้ค่ะ

วิธีกำหนดขนาดเหมือนกันน่ะค่ะ

ส่วนวิธี Save ก้อตามที่เขียนไว้ข้างบนน่ะค่ะ

ระวังอย่างให้ไฟล์เกิน 10 KB น่ะค่ะ

ก้อจะได้ประมาณนี้น่ะค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้

สอนทำไอคอนแบบเคลื่อนไหวได้

ของแถมน่ะค่ะ


วิธีเอาไอคอนลงในไดอารี่


1.เมื่อทำการ login เข้ามาที่ไดอารี่แล้วให้ไปที่เครื่องมือที่ชื่อว่า Icon น่ะค่ะ


2. ทำการ Browse เพื่อหาไฟล์ของไอคอนที่เรา Save ไว้ในเครื่องน่ะค่ะ


    จากนั้นทำการตั้งรหัสไอคอนน่ะค่ะ(รหัสไอคอนเราจะใช้ทุกครั้งที่เราจะลงคอมเมนท์น่ะค่ะ)

3. กดปุ่ม สอนทำไอคอนแบบเคลื่อนไหวได้สอนทำไอคอนแบบเคลื่อนไหวได้ เป็นอันเรียบร้อยแล้วค่ะ

 

สอนทำไอคอนแบบเคลื่อนไหวได้

4. วิธีเอาไปใช้ในคอมเมนท์ให้เขียนว่า

{รหัสที่ตั้ง@ชื่อไดอารี่}

น่ะค่ะ

สอนทำไอคอนแบบเคลื่อนไหวได้

Edit

 

สอนทำไอคอนแบบเคลื่อนไหวได้

วิธีไอคอนเคลื่อนไหวแบบไอคอนด้านบนนี้
ต้องทำ Layer ทั้งหมด 3 Layer ดังรูป

สอนทำไอคอนแบบเคลื่อนไหวได้

ส่วนรูปหัวใจเราอาจจะใช้ Brush ทำก้อได้

สอนทำไอคอนแบบเคลื่อนไหวได้


แต่ถ้าไม่มี  Brush รูปที่เราต้องการเราอาจจะกำหนด Brush เอง
ได้โดยเปิดรูปที่เราต้องการทำ Brush แล้วไปที่ Edit เลือก
Define Brush Preset

สอนทำไอคอนแบบเคลื่อนไหวได้

จากนั้นตั้งชื่อและกด OK
เราก้อจะได้ Brushรูปที่เราต้องการ

สอนทำไอคอนแบบเคลื่อนไหวได้

จากนั้นเราก้อเอา Brush มาวางในไอคอนของเรา
โดยวางให้ Brush ของแต่ละ Layer ไม่ตรงกันน่ะค่ะ
เราต้องการให้กระพริบกี่ครั้งเราก้อกำหนด Layer ตามที่เราต้องการ

เมื่อทำเสร็จแล้วก้อให้ Jump To ImageReady เพื่อกำหนด
การเคลื่อนไหว ก้อเป็นอันเรียบร้อย

วิธีกำหนดภาพเคลื่อนไหวดูได้ที่
http://youhowto.diaryclub.com/?date=20060404

*ดูตรงวิธีเปิด/ปิดตาใน Layer ของ ImageReady น่ะค่ะ*

สอนทำไอคอนแบบเคลื่อนไหวได้สอนทำไอคอนแบบเคลื่อนไหวได้

*สำหรับตัวหนังสือที่เป็นโค้ง ๆ หรือคลื่น ๆ จะทำได้โดย
เมื่อเราเขียนข้อความเสร็จให้ดับเบิ้ลคลิกที่ Layer
ของข้อความแล้วคลิกตามรูปเลยค่ะ*

สอนทำไอคอนแบบเคลื่อนไหวได้

สอนทำไอคอนแบบเคลื่อนไหวได้

howto02

     Share

<< วิธีทำให้ภาพหรือข้อความเคลื่อนไหวสอนการทำ themes diary >>

Posted on Fri 19 May 2006 15:03

 

 

 

 

 

test
free style theme
วิธีสมัครสมาชิก DIARYCLUB
วิธีทำรูปหลาย ๆ รูปซ้อนกัน
สอนการทำ themes diary
สอนทำไอคอนแบบเคลื่อนไหวได้
วิธีทำให้ภาพหรือข้อความเคลื่อนไหว

 

home

 



Name :
Email :
URL :
Comment :
กรอกข้อมูลก่อนส่ง CAPTCHA Image
Refresh
 


 

I was very happy to seek out this web-site.I needed to thanks in your time for this excellent learn!!
louis vuitton purses   
Thu 27 Nov 2014 14:26 [84]
 

Hi there. I noticed your website title, "%BLOGTITLE%" doesn't really reflect the content of your site. When writing your site title, do you think it's best to write it for Web optimization or for your viewers? This is something I've been battling with due to the fact I want good search rankings but at the same time I want the best quality for my visitors.
michael kors dresses   
Tue 4 Nov 2014 16:17 [83]
 

naturally like your web site but you have to check the spelling on several of your posts. Several of them are rife with spelling issues and I find it very bothersome to tell the truth then again I will certainly come back again.
michael kors factory outlet   
Thu 31 Jul 2014 12:03 [82]
 

--
louboutin pas cher   
Sun 18 May 2014 19:21 [81]
 

Enhancing Retail Image And Stronger Customer hermes aberdeen Balance SheetCrocs hermes aberdeen (CROX) is known as a consumeroriented provider and its performance really should advantage within the long term from robust retail sales, improved consumer balance sheet from hermes aberdeen increasing household rates and stock portfolios, and exposure to international hermes aberdeen markets, including Africa. Due to the fact my last optimistic write-up on Crocs in June of 2012, its widespread stock cost has underperformed the index but has not declined as significantly as the typical stock of a significant competitor, Deckers Outdoors (DECK) (see graph). At this time, Crocs shares present fine worth. Its balance sheet has no debt and $313 million of cash and shortterm investments or $3.44 per share. The money on Crocs' balance sheet represents about 23% of its share price. For comparison, Apple's (AAPL) cash, which has attracted the attention of hedge funds lately, is about 25% of its current share price tag. Crocs, comparable to Apple, will probably unlock share worth if it returns a larger portion of its cash to shareholders. And Deckers (the maker of UGGs) has about $1.70 hermes aberdeen per share in cash or 4% of its current share price. Credit should really be offered to Deckers for repurchasing $184.7 million worth of its own shares with a further $115.three million remaining below its repurchase program as of September 30, 2012.
hermes aberdeen   
Sun 23 Feb 2014 13:13 [80]
 

test
diew   
Sat 28 Sep 2013 14:24 [79]
 

Generally Wolverines could not have beginning with managing in the past Fitzgerald Toussaint, Who had previously been stopped forever in just his or drunken travel police criminal public charge.
roll forming machine   
Thu 19 Sep 2013 11:45 [78]
 

11
   
Thu 24 May 2012 20:50 [77]

สุยอด
mint_love.....   
Sat 20 Aug 2011 15:26 [76]
 

princessbean@tuapru
tt   
Fri 24 Dec 2010 14:11 [75]

test
princessbean@tuapru   
Fri 24 Dec 2010 14:09 [74]

hihi
vybj i,t   
Mon 6 Sep 2010 21:06 [73]
 

test
pearsonfamily   
Wed 23 Jun 2010 3:57 [72]

test
kukkik@lemoncolorpink   
Fri 26 Mar 2010 18:57 [71]

dddd
famous brand handbag   
Sat 20 Mar 2010 10:28 [70]
 

ไอคอนสวยดีค่า
กิ๊ก   
Fri 29 Jan 2010 11:39 [69]
 

test
Somm   
Tue 12 Jan 2010 17:01 [68]

test
Somm   
Tue 12 Jan 2010 16:46 [67]

ไม่เห็นจะได้เลย
Somm   
Tue 12 Jan 2010 16:44 [66]

thank you ^^

zine1@oozjoozine
zine   
Sun 4 Oct 2009 14:22 [65]

Good !!
Ploy.ibex   
Sun 16 Aug 2009 0:31 [64]

เจ๋งมากๆเลยค๊ะ
ขอบคุรนะค๊ะ
Ploy.ibex   
Sun 16 Aug 2009 0:24 [63]

dfds
ww   
Tue 11 Aug 2009 19:25 [62]
 

test
tiny   
Fri 31 Jul 2009 20:01 [61]

โกรษ
palm   
Sun 14 Jun 2009 12:32 [60]
 

มีไอคอนละแต่เปลี่ยนมะได้งะ
งง   
Tue 2 Jun 2009 11:31 [59]

how are you
Adun   
Fri 29 May 2009 10:34 [58]
 

มาเม้นให้นะขอบคุงจ้า
นู๋ผึ้งจ้า   
Wed 13 May 2009 11:46 [57]
 

ลองใส่ไอคอลค่ะ แต่ไม่ได้ซะที
ช่วยด้วยเจ้าค่ะ
phim   
Sun 29 Mar 2009 15:18 [56]
 

เข้าในเวบโฟโต้ชอปเข้าในไหน
ฟ้า   
Sat 28 Mar 2009 17:10 [55]

ใส่รหัส icon ตรงไหนอ่ะค๊ะ
marina   
Tue 24 Mar 2009 15:12 [54]

test
(code@marina)   
Tue 24 Mar 2009 15:01 [53]

I don't know how to use for comment a'... I've tried it but it didn't work.. ToT

pp   
Thu 12 Feb 2009 4:31 [52]

test again... garfieldcom@thebeginner
pp   
Thu 12 Feb 2009 4:29 [51]

test
thebeginner   
Thu 12 Feb 2009 4:25 [50]
 

test again
kengsgirlcom   
Tue 25 Nov 2008 14:34 [49]

test
diaryclubcom   
Tue 25 Nov 2008 14:33 [48]

ดีดี
ดเ่   
Sun 5 Oct 2008 19:02 [47]
 

(aoo@dearcharlotte)
(aoo@dearcharlotte)   
Wed 17 Sep 2008 19:58 [46]

ขอบคุนค่ะ
แพร   
Wed 10 Sep 2008 20:50 [45]
 

ทำไมทำไม่ได้อะคะ
angie   
Mon 8 Sep 2008 15:44 [44]

try again
angie@cangiedaily   
Mon 8 Sep 2008 15:41 [43]

test
Angie   
Mon 8 Sep 2008 15:38 [42]

ขอบคุณนะคะสำหรับความรู้และยังมีน้ำใจมาถ่ายทอดและสอนกันอีก ..วันนี้ได้หัดทำไอคอนแล้วคะ แต่ที่ทำไม่ได้คือ การสลับภาพไปมาอ่ะคะ งง ๆ ตั้งแต่ขั้นตอนแรกเลยคะ ..
เจน   
Sat 6 Sep 2008 22:10 [41]

(1@mycopter17)

แสดงไอคอนทำงัยคะ
แม่copter   
Sun 27 Jul 2008 16:33 [40]

ลองดูอีกครั้งคะ
(1@mycopter17)   
Sun 27 Jul 2008 16:32 [39]
 

ขอบคุณสำหรับความรู้ ดีๆแบบนี้นะคะ
แม่copter   
Sun 27 Jul 2008 16:29 [38]
 

t
   
Tue 15 Jul 2008 21:29 [37]

อยากได้
ไอคอน
จันทร์จิรา   
Wed 14 May 2008 18:47 [36]
 

12
re   
Thu 8 May 2008 17:56 [35]

test
hi5@puyfy   
Tue 1 Apr 2008 18:10 [34]

minememo
นุ่น   
Tue 15 Jan 2008 18:37 [33]

^ ^
com   
Sun 2 Dec 2007 13:40 [32]

test
(123@luuksorn)   
Fri 12 Oct 2007 9:56 [31]

ทดสอบ อิอิ
   
Mon 24 Sep 2007 14:45 [30]

test
   
Sat 15 Sep 2007 7:11 [29]

Test
   
Wed 22 Aug 2007 16:27 [28]

test.
vai   
Thu 26 Jul 2007 15:49 [27]
 

test ttttt..
vai   
Thu 26 Jul 2007 15:47 [26]
 

test!!!
akoon   
Fri 6 Jul 2007 13:44 [25]
 

test
   
Mon 2 Jul 2007 11:38 [24]

ช่วยสอนวิธีทำภาพเด็กอยู่ในดอกไม้ให้หน่อยนะครับโดยใช้โปรแกรมอิมเมจนะครับ
ถ้าจะกรุณาสอนทางเมลจะขอบคุณมาก
anu_py@hotmail.com
ชิต   
Sat 16 Jun 2007 10:57 [23]

สอนลงเพลงกะเปลี่ยนลูกศรเปงรูปการ์ตูนหน่อยได้มะคะ
ขอบคุงมากนะคะแล้วจะรอน้า
เอโกะ   
Mon 4 Jun 2007 1:04 [22]

ลองงง
รหัสที่ตั้ง@nongcartoon   
Fri 1 Jun 2007 12:01 [21]
 

]v''
นุก   
Fri 1 Jun 2007 11:59 [20]
 

t
   
Tue 8 May 2007 14:38 [19]

คัยชอบเล่นโปรแกรม Photoshop,Illustrator,ImageReady แอดมาคุยกันบ้างนะคะ ตามเมลล์ด้านบนเลยคะ
กวาง   
Thu 8 Mar 2007 12:07 [18]
 

333
{oichi_oai}@tanann   
Wed 17 Jan 2007 14:26 [17]

test
tanann   
Wed 17 Jan 2007 14:25 [16]

test (pb@pakboog)
test   
Tue 16 Jan 2007 5:14 [15]

เทสๆ

damn   
Mon 11 Dec 2006 3:05 [14]


รายได้พิเศษ.................

คำถามทดสอบ……………………..

ทำงานทุกๆวัน โดยไม่รู้ว่าจะได้เงินเดือนเพิ่มหรือเปล่า ….

“ อนาคตของตัวเอง ใครเป็นผู้กำหนด? ” ……….

ลองถามตัวเองว่า วันนี้คุณกำหนดอะไรเองบ้าง เพื่อชีวิตในวันข้างหน้า ….
ใครเป็นคนที่สร้างอนาคตให้ตัวคุณ?

ถ้าคุณอยากทำสิ่งเหล่านี้… ……

...เลือกวันและเวลาการทำงานได้ด้วยตัวเอง โดยอยากหยุดวันไหนก็เลือกเอง
...เลือกรายได้ของตัวคุณเอง โดยทำงานหนักเพื่อตัวเองในอนาคต
...ทำงานกับระบบที่มีมาตรฐานนานาชาติ ใช้เวลาน้อยแต่มีประสิทธิภาพสูง
...สามารถเริ่มต้นได้แม้ไม่มีความรู้ทางการทำธุรกิจมาก่อน
มีความรู้คอมพิวเตอร์เบื้องต้นเท่านั้น
...ทำได้จากสถานที่ที่คุณเลือกเอง ไม่ว่าจะเป็น สวนหลังบ้าน
ร้านอินเตอร์เนตคาเฟ่ ริมสระว่ายน้ำ ห้องนอนส่วนตัว..ทุกๆที่

ดูรายละเอียดเพิ่มเติม
คลิ๊กที่นี่............ h t t p ://twyengwe.n o t l o n g . c o m................

ลอ งคลิ๊กดูรา ยละเอีย ดก่อนได้

หมายเหตุ !!!!!!!! รับเฉพาะผู้ที่ตั่งใจจริงและพร้อมที่จะเรียนรู้เท่านั้น
( สอนฟรีผ่านระบบ internet และtelephone )

wew   
Wed 15 Nov 2006 0:32 [13]

test ka
   
Fri 10 Nov 2006 17:18 [12]

ไดน่ารักมากเลยค่ะ ทำได้ไงอ่าสวยมากๆเลยค่ะ
....แวะมาค่ะ   
Thu 19 Oct 2006 19:17 [11]

test
1234@moflower   
Wed 11 Oct 2006 9:58 [10]

test
1234567@mo_flower   
Wed 11 Oct 2006 9:10 [9]

test
1234567@mo_flower   
Wed 11 Oct 2006 9:05 [8]

ลองค่ะ
   
Sat 9 Sep 2006 20:57 [7]

ได้แว้ว.....ขอบคุณหลายๆ
   
Sun 30 Jul 2006 19:55 [6]

ได้แว้ว.....ขอบคุณหลายๆ
   
Sun 30 Jul 2006 19:55 [5]

ต้องทำใน Photoshop เท่านั้นเหรอคะ ถ้าไม่มีใช้โปรแกรมอย่างอื่นๆ ได้ปล่าว
mazza   
Wed 26 Jul 2006 15:04 [4]

เด๋วต้องลองค่ะ
ping1@pinggpila   
Thu 20 Jul 2006 4:13 [3]


prermmi   
Sat 1 Jul 2006 20:40 [2]

โห พี่น้องตาล สุดยอดค่ะ ไว้จะลองทำดูน๊ะ

(ถ้าไม่ขี้เกียจ)
เนม   
Tue 11 Apr 2006 18:43 [1]

 

 


Thank you for every pic  Theme By youhowto