« หน้าที่แล้ว ต่อไป »
หน้า: [1]   ลงล่าง

ผู้เขียน หัวข้อ: ขั้นตอนการทำ Banner อย่างง่ายจาก Photoshop ตั้งแต่ CS3  (อ่าน 44372 ครั้ง)

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

ออฟไลน์ wizard

  • Global Moderator
  • Full Member
  • *****
  • กระทู้: 140
  • พอยท์: 1
    • ดูรายละเอียด
ขั้นตอนการทำ Banner อย่างง่ายจาก Photoshop ตั้งแต่ CS3
« เมื่อ: 28 เมษายน 2017, 12:09:40 »
สำหรับมือใหม่จริงๆครับ ลองศึกษาดูนะครับ

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 »
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
« หน้าที่แล้ว ต่อไป »