2007/Mar/09

นี่คือการเขียนบล็อกเป็นวันแรกของข้าพเจ้า

แต่แค่เริ่มแรกก็มีปัญหาแล้ว คือ เปลี่ยนธีมไม่ได้ เซ็งชิบ!

เข้าเรื่องกันเลยดีกว่า วันนี้จะมาสอนทำตัวกระพริบ

พื้นฐานง่ายๆของ Photoshop ที่ส่วนใหญ่ทำเป็นแล้ว แต่ก็อยากสอนอ่ะ

ต้องมีโปรแกรม PhotoshopและImageReadyจะเป็นเวอร์ชั่นไหนก็ได้ แต่อย่าเก่าจนเกินไปจะดี ของเราจะเป็นเวอร์ชั่น CS

ที่ Photoshop เปิดไฟล์งานใหม่ขึ้นมา โดยไปที่ File > New

จะมีกล่องขึ้นมา ตรง Name คือชื่อไฟล์ ตั้งตามใจชอบ Width คือความกว้าง กำหนดเองHeight คือความสูง กำหนดเองเหมือนกัน ส่วน Background Contents ให้ตั้งค่าตามตัวอย่างเลยนะ แล้วกด OK

พิมพ์ข้อความที่ต้องการลงไป

คลิกตรงปุ่ม f ตามรูปนะคะ

คลิกตรงคำว่า Stroke ซึ่งอยู่ล่างสุด ก็จะมีกล่องแบบนี้ขึ้นมา ตรงเลข 3 คือขนาดขอบตัวอักษร กำหนดเอง ส่วน Color คือ สีขอบตัวอักษร กำหนดเองเช่นกันค่ะ

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

ที่กล่อง Layers ให้ลากเลเยอร์แรก(ดาวสีชมพู) ลงมาที่สัญลักษณ์รูปกระดาษตามตัวอย่างข้างล่าง จะได้เลเยอร์ใหม่คือเลเยอร์ดาวสีขาว

ที่เลเยอร์ใหม่ เปลี่ยนสีและขอบตัวอักษรให้สลับกับเลเยอร์แรก เช่น ตาม ตย.เลเยอร์แรกสีชมพูขอบดำ เลเยอร์ใหม่ก็เปลี่ยนให้เป็นสีดำขอบชมพูแทน

เมื่อเสร็จแล้ว ให้คลิกที่ปุ่มนี้ ซึ่งจะอยู่ตรงแถบ Tools เพื่อจะเด้งไปยังโปรแกรม ImageReady

ที่โปรแกรม ImageReady ให้เรามาดูตรงกล่อง Animation (ถ้าใครไม่มีให้ไปที่ Window > Animation) ซึ่งจะมีเลเยอร์ดาวสีชมพูอยู่เลเยอร์เดียว คลิกตรงปุ่มตามรูปภาพ แล้วจะได้เลเยอร์ใหม่เป็นเลเยอร์ดาวสีขาว (เราจะเรียกเลเยอร์ดาวสีชมพูว่าเลเยอร์ 1 และเลเยอร์สีขาวว่าเลเยอร์ 2) กดให้เป็นเลเยอร์ที่ 1 ไว้นะ

ตรงกล่อง Layers ที่เลเยอร์ที่ 2 (ดาวสีชมพู) ให้กดปิดตาตรงช่องในกรอบอ่ะค่ะ(ตามตัวอย่าง) แล้วรูปตาก็จะหายไป

มาที่กล่อง Animation กดเปลี่ยนเป็นเลเยอร์ 2 (ตามข้อ 11)

กลับมาที่กล่อง Layers ให้คลิกปิดตาที่เลเยอร์ที่ 1 (ดาวสีชมพู) และคลิกเปิดตาเลเยอร์ที่ 2 แทน ดูตามตัวอย่างในรูปเลย

กลับมาที่กล่อง Animation อีกรอบ คลิกที่ปุ่มในตัวอย่างเพื่อเลืกความเร็วในการกระพริบ กำหนดได้เองนะ ในตัวอย่างจะเป็น 0.1 ทำอย่างนี้กับทั้ง 2 เลเยอร์

คลิกที่ปุ่มในรูป เพื่อลองทดสอบว่ามันกระพริบจริงป่าว

เสร็จแล้ววววววววววววว จะได้ออกมาเป็นแบบนี้

เฮ้อ...เยอะหน่อยเนอะ งงกันป่าวอ่ะ ถ้างงคอมเมนต์ถามกันได้นะจ๊ะ ถ้าว่างๆจะมาตอบให้

นอกจากจะทำเป็นกระพริบสลับแบบนี้แล้ว ยังทำตัวกระพริบได้อีกหลายแบบ ก็ไปประยุกต์กันเอาเองเน้อ เช่น

ช่วงแรกๆของการทำบล็อก จะสอน Tip Photoshop แบบง่ายๆและพื้นฐานก่อน แบบยากๆมันต้องอีกนานๆ

Edit ลืมไปเลย หุหุ เวลาจะเซฟไฟล์ให้ไปที่ File > Save Optimized As... แล้วมันจะเป็นไฟล์แบบ .gif ให้โดยอัติโนมัตินะเคอะ



edit @ 2007/03/11 10:50:43
edit @ 2007/03/11 13:21:04
ชื่อ: 
เว็บไซต์: 
คอมเมนต์:




smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry
อิอิ ทำตัวกระพริบเปนนานแร้วว
แต่พอไม่ได้ทำนานๆ มันก้อลืมได้ ใช่มะ?

แวะมาดู และฟื้นความจำขึ้นมา
ตัวอักษรน่ารักดีค่ะ เยลลี่ นุ๊มนุ่ม 55
#1  by  ++ AunG*Pooh-noi ++ At 2007-03-09 10:48, 
save เป็นไฟล์นามสกุลอะไรคะ
#2  by  LavenderKISS™ At 2007-03-09 10:59, 
ขอบคุณสำหรับความรู้ค่ะ ไว้จะลองทำมั่ง แล้วมันมีวิธีทำเฮดมีรูปแล้วให้ตัวอักษรขยับอย่างเดียวนี้วิธีเดียวกันป่าวค่ะ
#3  by  kresiana เห็ดแต่สด At 2007-03-09 12:18, 
ชอบมากเลยๆ
ขอบคุณมากๆเลยค่ะ
หาคนสอนทำมานานแล้ว
ขอแอดไว้น่ะค่ะ
#4  by  [A][m][I][r][I] At 2007-03-09 16:08, 
ตอบคุณ LavenderKISS นะคะ
เวลาจะเซฟให้ไปที่ File > Save Optimized As... นะคะ
มันจะเป็นไฟล์แบบ .gif ให้โดยอัตโนมัติอ่ะค่ะ
#5  by  ~*[F]unnii[G]als*~ At 2007-03-10 09:03, 
ขอบคุนนะคะที่สอนทำ*
#6  by  Bazii3 - - - >> ! ด ะ ขี้ || J* At 2007-03-10 10:21, 
ดีจ้า ดีจริงๆเลยมีคนสอนทำแล้ว จุนอยากเรียนจะตาย แต่ไม่มีใครสอน เดี๋ยวจะเริ่มเรียนตั้งแต่พื้นฐานเลยนะค่ะ ( ยังไม่รู้เรื่องอะไรเลย ทำไมโง่อย่างนี้เนี่ย ฮิๆๆ ) จุนก็เปลี่ยนธีมไม่เป็นเหมือนกัน พวกเดียวกัน จับมือๆ แต่จุนว่าเดี๋ยวพี่คงจะทำเป็นแหละ เก่งออกอย่างนี้อะ ถ้าทำเป็นเมื่อไร อย่าลืมสอนจุนด้วยละ ฮิๆ มีครูสอนแล้ว ดีใจๆ ว่างๆก็แวะมาบล็อกจุนบ้างนะ ทำได้ไม่นานเหมือนกัน
#7  by  >>[S]vi[N]a<//.< At 2007-03-10 11:00, 
เวลาเซพแล้วเวลาเปิดมันไม่เปงตัวกระพริบอ่ะบอกหน่อยนะ ขอร้อง ขอบคุณครับ
#8  by  เต้เด็กเล่นคอมเก่ง (203.113.76.11) At 2007-03-22 09:00, 
ของเราไม่มีรูปดาวอ่ะจะทำยังไงช่วยบอกที่
#9  by  พลอย (58.147.109.233) At 2007-04-29 08:21, 
ไม่เห็นกระพริบเลย
#10  by  ลองทำ (61.19.219.144 /61.19.219.144, 61.19.219.144) At 2007-05-02 16:11, 
หลอกชาวบ้านชาวเมืองเขา
#11  by  ไม่เห็นกระพริบเลย (61.19.219.144 /61.19.219.144, 61.19.219.144) At 2007-05-02 16:12, 
ขอบคุนฮับ
ป๋มพึงจาทำเป็น
#12  by  แนน น น (203.155.224.58) At 2007-05-05 08:57, 
ขอบคุณมากๆเลย แปบเดียวทำเป็นเลย
ขอบคุณมากๆคะ
#13  by  J^e^N (203.113.56.8) At 2007-05-05 15:20, 
ขอบคุณครับคนสวย
#14  by  แมงแกง (125.24.58.77) At 2007-05-31 15:15, 
ขอบคุณมากๆนะคะ
#15  by  มิสะ (203.113.71.169) At 2007-09-05 17:15, 
ทำได้แล้วขอบคุณมากกกกก หาอยู่นาน ขอบคุณจริงๆๆๆนะคะ
#16  by  นู๋เนม (58.9.151.222) At 2007-09-18 21:39, 
ขอบคุงที่สอนค่ะ
#17  by  คัยนไม่รู้ (58.64.40.218) At 2007-10-05 08:19, 
#18  by  chrits (58.9.153.106) At 2007-10-21 20:41, 
อุ๊ย ขอบคุณค่ะ เคยเปิดไปดูวิธีทำของเย็นตาโฟ แต่ก็ยังทำไม่ได้

มาเปิดอันนี้อ่ะ แป็บเดียวก็ทำได้แล้ว ขอบคุณจริงๆนะคะ

ขอบคุณค่ะ double wink surprised smile double wink
#19  by  KeroppikoConan (117.47.107.82) At 2008-03-09 19:02, 
ขอบคุงค่ะๆๆๆopen-mounthed smile
#20  by  จันจ้า (117.47.22.20) At 2008-04-06 20:19, 
งงอ่า

ตอนจาทามหั้ยมานกระพริบอ่า

งงมาก
#21  by  111 (125.27.115.133) At 2008-05-10 14:30, 
ทำลากแบบที่เทอบอกงะ
เอาดาวสีชมพูลากไปที่กระดาษพอออกมา
มันสีเหมือนเดิมเลย
#22  by  บอส (58.9.117.63) At 2008-06-10 18:45, 
ขอบคุณนะคับ ทำเป็นแล้วววววว
#23  by  pomwa' (58.137.142.251) At 2008-07-29 17:28, 
ขอบคุนมากน่ะค่ะ
#24  by  lookpong (124.121.103.236) At 2008-09-03 19:13, 
เอาออกมาใช้ยังงะยอ่ะ

บอกหน่อยน้า
#25  by  นู๋เหม่ง (125.24.70.146) At 2008-09-14 16:09, 
ขอบจัยนะ

สอนซะง่ายเลย

หุหุ
#26  by   (124.120.47.88) At 2008-09-26 15:58, 
ขอบคุณค่ะ>< อยากทำเป็นตั้งนานแล้ว ว ว><><><
#27  by  123 (210.246.74.228) At 2008-09-29 19:51, 
ของเรา ไม่ได้ตรงที่สร้างเลเยอร์ที่ 2 อ่ะ

ตอนที่ต้องเปลี่ยนสีอ่ะ

มันไม่ยอมเปลี่ยนให้อ่ะ
#28  by  fa FAIiii (125.27.239.174) At 2008-12-26 18:14, 
แจ่มดีอ้ะงับcry
#29  by  รักNOTEOOKNOTE (124.121.68.2) At 2009-02-04 17:59, 
Thx จร้าquestion
#30  by   (125.26.200.93) At 2009-02-20 09:31, 
#31  by   (125.26.39.90) At 2009-03-19 17:22, 
#32  by   (125.26.39.90) At 2009-03-19 17:22, 
#33  by   (125.26.39.90) At 2009-03-19 17:22, 
#34  by   (125.26.39.90) At 2009-03-19 17:22, 
ของเราอ่ะมันเป็น SC3 อ่ะ

มันทำไม่ได้อ่ะ

มันไม่มีอิมเมจเลตี้อ่ะ

แล้วจะทำงัยอ่ะ
#35  by  5555+ (125.26.39.90) At 2009-03-19 17:23, 
ขอบคุนมากนะคะ
#36  by  Nnie (114.128.141.148) At 2009-04-26 01:11, 
ใช่ตัวอักษรเท่าไรอ่ะเวลาไปใช้ในเอ็มแล้วตัวเล็กอ่ะ...ตอบน่อยนะembarrassed
#37  by  Nan (117.47.39.9) At 2009-04-26 10:29, 
งงอะทำไม่เปน โฟโต้เปนของ CS4

งงเรย

ยากมากๆ
#38  by   (125.27.24.227) At 2009-06-21 12:12, 
คือว่า ทัม ตัวกระพริบเสดเรียบร้อยแล้วอ่ะค่ะ
คือจะนัมไปติดเปนลายเซนใน บอด
ปรากฎว่า มันไม่กระพริบอ่ะค่ะ
แต่ลองเปิดไฟล์ของที่เซฟไว้มันกะกระพริบปกติง่าค่ะ
งง มากมาย ต้องทัมไง ค่ะเนี้ยsad smile
#39  by  ช่วยทีคร๊า (114.128.31.44) At 2009-06-30 12:40, 
ทำเสร็จแล้วพอจะ save ไม่เห็นมี save Optimized AS... เลยค่ะ รบกวนด้วยค่ะ
ขอบคุณมากค่ะ ที่นำความรู้มาให้
(มือใหม่หัดฝึก)
#40  by   (124.122.157.106) At 2009-07-22 11:09, 
save ได้แล้วนะค่ะ

thank you very much.
#41  by   (124.122.157.106) At 2009-07-22 12:04, 
Thx '' Jaa[cry
#42  by  Pang (58.9.121.77) At 2009-08-30 19:50, 
มัลเซฟมิ๊ได้อะค๊ะ ฮือ อ อ T^T

พอเซฟเสดละมัลเปงภาพนิ่งอะค่ะ ! ทำงัยดีอ่า
#43  by  Aommy (125.27.150.59) At 2009-09-08 22:01, 
หากล่องเลเยอร์ม้ายเจออ่ะ
#44  by   (125.26.54.235) At 2009-09-28 12:55, 
ขอบคุณหลายๆเด้อค่ะ

ขอลองเอาไปทำก่อนนะเจ้าคะ
#45  by  CREZYLOVE At 2009-11-21 10:50, 

<< Home


Funnii Gals
View full profile