ขั้นตอนการทำ Banner อย่างง่ายจาก Photoshop ตั้งแต่ CS3
- +

ขั้นตอนการทำ Banner อย่างง่ายจาก Photoshop ตั้งแต่ CS3

  • 0 ตอบ
  • 216 อ่าน

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

*

ออฟไลน์ wizardTopic starter

  • *****
  • 140
  • 1
    • ดูรายละเอียด
  • คอมเมนต์สินค้า: (0)
สำหรับมือใหม่จริงๆครับ ลองศึกษาดูนะครับ

Thanks: ฝากรูป

A. เปิดโปรแกรม Photoshop ขึ้นมา ทำการตั้งขนาด Banner ก่อน โดยเลือก File – New

1. เลือกไปที่ Custom
2 + 3  ตั้งค่าขนาด Banner ที่ต้องการ



Thanks: ฝากรูป


Thanks: ฝากรูป

B. ทำการใส่สีพื้นหลังตามที่ต้องการ หรือนำรูปภาพมาใส่เป็น background ก็ได้


Thanks: ฝากรูป


Thanks: ฝากรูป


Thanks: ฝากรูป

C. เปิดไฟล์รูปที่ต้องการใส่ลงไปใน Banner รูปที่เราจะใส่ลงไป เราต้องทำการไดคัทก่อน (คือการทำให้พื้นหลังหายไป เหลือแต่วัตถุอย่างเดียว) ซึ่งจะเป็นไฟล์ PNG


Thanks: ฝากรูป

D. จากนั้นลากรูปภาพที่ต้องการลงไปใน Template Banner ของเรา ถ้ามันใหญ่โตเกินไปไม่ต้องตกใจ ให้เราลดขนาดจนได้ตามต้องการ และวางลงตำแหน่งที่ต้องการ


Thanks: ฝากรูป


Thanks: ฝากรูป

E. เลือกเมนู Window – Animation



Thanks: ฝากรูป


Thanks: ฝากรูป

F. ทำการปรับแต่ง animation โดยที่รูปไหนที่ไม่ต้องการก็ให้ไปปิดตาที่ layer นั้น


Thanks: ฝากรูป


Thanks: ฝากรูป

G. สามารถเพิ่มเฟรมได้


Thanks: ฝากรูป


Thanks: ฝากรูป

H. ในเฟรมที่สอง เราก็ทำเหมือนเดิม เลือกรูปที่ต้องการ แล้วปิดตารูปที่ไม่ต้องการ


Thanks: ฝากรูป


Thanks: ฝากรูป

I. เราอาจจะเพิ่ม text ลงไปก็ได้ ถ้าต้องการให้อยู่เฟรมไหนก็เปิดตา layer


Thanks: ฝากรูป


Thanks: ฝากรูป

J. แต่ละเฟรมสามารถกำหนดระยะเวลาการแสดงผลได้ แล้วแต่ความต้องการของเรา


Thanks: ฝากรูป

K. ขั้นตอนการเซฟให้เลือก Save for Web & Devices



Thanks: ฝากรูป


Thanks: ฝากรูป

ผลที่ได้


Thanks: ฝากรูป

หวังว่าคงพอจะเข้าใจกันน่ะครับ

ขอบคุณครับ ^ ^




ที่มา:คุณsmile_yim
http://www.thaiseoboard.com/index.php/topic,197712.0.html
« แก้ไขครั้งสุดท้าย: 28 เมษายน 2017, 12:10:43 โดย smf »

แท็ก:
 
แชร์บทความ...
โค้ดแบบ forum
(BBCode)
โค้ดแบบ site/blog
(HTML)