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



ของในห้องแจกของแจกฟรีทุกชิ้น

^ประกาศ pordoo.com คือเว็บสำหรับแจกสิ่งของ สมาชิกสะสมพอยท์ภายในเว็บเพื่อนำไปแลกของรางวัลที่ต้องการ
พอยท์ได้มาจากไหนบ้าง?
1.สมัครสมาชิกรับ 100 พอยท์
2.กดรับจากAdmin สัปดาห์ละ 100 พอยท์
3.สมาชิกคนอื่นกดให้พอยท์ (กดที่กล่องของขวัญ)
แจก 2,000 พอยท์ทุกสัปดาห์ รอบ15 คลิ้กเลย

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

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

ออฟไลน์ wizardTopic starter

  • Global Moderator
  • Full Member
  • *****
  • กระทู้: 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)