มาเรียนทำ Photoshop cs กันแบบง่ายๆ

ลำดับตอนที่ #2 : Ps.2 ตัวอักษรดุ๊กดิ๊ก

มาเรียนรู้ Photoshop กันเถอะ ( Workshop 2)

ตอน ทำตัวอักษรดุ๊กดิ๊ก

 [Step]

1.  เริ่มแรกในที่นี้เราจะเลือกรูปที่เราจะต้องการใช้เป็น Background ก่อนรูปที่ใช้ก็คือรูปข้างล่างนี้

 

2.  จากนั้นเมื่อได้รูปที่จะใช้เป็น Background แล้วก็เปิดรูปในโปรแกรม Photoshop ( Version 7.0 หรือ CS เท่านั้น) ได้เลย

3.  ต่อมาก็ทำการใส่ตัวอักษรที่เราต้องการ (การใส่ตัวอักษรใช้เครื่องมือนี้น้า  )  เปลี่ยนแปลง Font ได้ตามใจนะตามแต่ Style ของคนทำนะ ^^!   พอได้ตัวอักษรและ Font ตามที่เราต้องการแล้วตามStep 1 แต่เอ......ตัวอักษรมันดูธรรมดาไปเนอะ ทำให้มันสวยขึ้นกันดีกว่า  ให้ดับเบิ้ลคลิ้กที่ แถบที่มีตัว T นั่นแหละ ดับเบิ้ลคลิ้กที่ว่างหลังตัวอักษร ถ้าไม่หลังตัวอักษรมันเป็นการแก้ตัวอักษร (ตรงคำว่า Double Click here) ทำตาม Step 2 ได้เลย เริ่มงงๆ อิอิ

4.  พอดับเบิ้ลคลิ้กแล้ว ก็จะมีหน้าต่างชื่อ Layer Style เด้งขึ้นมา ภายในกรอบสี่เหลี่ยมที่ทำไว้ในรูปตรงนั้นจะเป็น Options เลือกได้ตามใจ ที่จริงก็ไม่มีอะไรมาก ลองเล่นๆดู (เฉพาะในกรอบ 4 เหลี่ยมนะ Options อื่นมันไม่ค่อยดีอะ) อยากเล่น Option ไหนก็ติ๊กเครื่องหมายถูกแล้วคลิกที่ชื่อ Option ได้เลย ทางขวาก็เลื่อนๆ แก้ๆเล่นๆเอาเองน้ามันไม่ยากอะไร ^^~ เสร็จแล้วก็ Ok ตัวอักษรเราก็จะเปลี้ยนไป๋

5.  สมมติว่าเราได้ตัวอักษรอย่างภาพข้างล่างนี้แล้ว ที่แถบ Tools Box ของโปรแกรม ข้างล่างสุดจะมีปุ่มนึงเอาเม้าจิ้มไป มันจะบอกว่า Jump to ImageReady อันนั้นแหละ คลิ้กไปเยยจ้า เพื่อให้รูปเราไปทำต่อในโปรแกรม ImageReady ต่อ ถ้าจิ้มไปแล้วไม่เกิดไรขึ้นแปลว่ายังไม่ได้ลง ImageReady นะจ๊ะ (ถ้าใครไม่ได้ลง ImageReady พร้อมกันกับตอนลง Photoshop {เหมือนนู๋ - -*} ก็ต้องใส่แผ่นโปรแกรมลงไปใหม่แล้วลง ImageReady เพิ่มลงไปก็ได้เหมือนกานนะ แต่ต้อง Run โปรแกรม Photoshop ใหม่ด้วยล่ะ)  ดูรูปดีกว่าเนอะ อ่านละปวดหัว

6.  พอรูปเรามาที่ ImageReady แล้วก็ใกล้เสร็จแล้วล่ะน้า ก่อนอื่นด้านล่างจะมีกรอบนึง จะเป็นตัวสร้าง Animation ให้เรา

          6.1  เราต้องทำการ Duplicates current frame ตาม Step 1 กันก่อน พอคลิ้กแล้วก็จะมีเฟรมใหม่เพิ่มขึ้นมา (ทุก Layer ที่อยู่ในเฟรมนี้สามารถเคลื่อนย้ายได้โดยไม่มีผลต่อเฟรมอื่น)

          6.2  ในเฟรมที่ 2 เราสามารถย้ายตัวอักษรของเราได้ตามใจ ถ้าจะให้ตัวอักษรดุ๊กดิ๊กน้อยก็ย้ายน้อยๆนะ

          6.3  พอเราย้ายเสร็จแล้วก็มาทดสอบกันว่า มันจะดุ๊กดิ๊ก E ท่าไหนโดยคลิ้กที่ปุ่ม Play ตาม Step 3

7.  แล้วเราก็มาตั้งเวลากันว่าจะให้ตัวอักษรเราสั่นเปงเจ้าเข้า หรือจะให้ค่อยๆเต้นถ้าจะให้ดีแนะนำว่า เฟรมแรกตั้งไว้ที่ 0.1s เฟรมที่ 2 ตั้งไว้ที่ 0.2s จาดุ๊กๆดิ๊กๆกำลังดีเลย

8.  สุดท้ายก็ทำการเซฟรูปของเรา โดยไปที่  File  >>>  Save Optimized As เท่านี้ก็เรียบร้อย

นี่ไง!! ผลงานของเรา 

หมายเหตุ : ที่จริงแล้วทั้งหมดนี่ทำใน ImageReady อย่างเดียวก็สามารถทำได้ แต่เนื่องจากในช่วงแรกการใส่ตัวอักษร และแต่งตัวอักษรบน Photoshop จะทำได้ง่ายกว่า