ใบงานที่ 21 การสร้าง Header In Blogger

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

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

Thanks: ฝากรูป

Thanks: ฝากรูป

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

Thanks: ฝากรูป

Thanks: ฝากรูป

Thanks: ฝากรูป

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

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

Thanks: ฝากรูป

Thanks: ฝากรูป

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

Thanks: ฝากรูป

Thanks: ฝากรูป

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

Thanks: ฝากรูป

Thanks: ฝากรูป

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

Thanks: ฝากรูป

Thanks: ฝากรูป

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

Thanks: ฝากรูป

Thanks: ฝากรูป

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

Thanks: ฝากรูป

Thanks: ฝากรูป

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

Thanks: ฝากรูป

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

Thanks: ฝากรูป

Thanks: ฝากรูป