????????? banner ????????

Ryusuke · **Joined:** 03.2008 **Posts:** 62 **Gender:**

banner ที่ว่านี่ก็คือป้ายโฆษณาครับ หรือที่พวกเราเอามาเป็นภาพในลายเซ็นต์ของเรา
ในส่วนแรกนี้ผมจะสอนวิธีการทำแบบง่ายๆก่อนครับ หลังจากนี้ถ้ามีเวลาจะมาโพสแบบขั้นสูง(Advance) ให้ครับ
ที่จริงแล้วการจะทำ banner นั้นไม่ได้ยากเย็นเลย ผมใช้โปรแกรม Photoshop CS3 Extened ครับ แต่ที่จริง version 7.0 ก็เยี่ยมแล้วครับ
ในที่นี้ผมสมมติว่าทุกคนมีความรู้พื้นฐานทาง Photoshop ไว้ก่อนนะครับ (จะไม่อธิบายแบบละเอียด แต่ถ้าสงสัยก็โพสถามได้ครับ)

ขั้นตอนแรก
เมื่อเปิดโปรแกรมขึ้นมาก็สร้างไฟล์ใหม่เลยครับ ( File >>> New ) หลังจากนั้นเลือกขนาดของไฟล์ที่เราต้องการ เช่น
width 450
height 50
หลังจากนั้นเมื่อได้ขนาดที่ต้องการแล้ว ก็จะเทสีลงก่อนครับ
อย่างเช่นผมเลือกสีฟ้า โดยใช้เครื่องมือ Paint bucket tool รูปถังสี (ถ้าไม่รู้ว่าเครื่องมืออยู่ตรงไหนก็ลงไปดูด้านล่างได้ครับ)
แล้วเทสีลงใน Background เลยครับ

ขั้นตอนที่ 2 (ถ้าใครไม่ต้องการใส่รูปภาพต้องการแต่ตัวอักษรก็ข้ามขั้นตอนนี้ไปเลยครับ)
เปิดไฟล์ที่เราจะนำมาใช้ใน banner ของเรา อาจจะเป็นรูปภาพที่เราชอบครับ เช่นในรูปผมเลือกรูปของอุซป
หลังจากที่เปิดรูปในโปรแกรมแล้วกดดับเบิ้ลคลิกที่คำว่า background ตรงขวาล่าง (ใต้คำว่า layer) แล้วกด ok จะเห็นว่า background เปลี่ยนเป็นคำว่า layer แทน
แล้วก็ตัดเอาส่วนของรูปที่ไม่ต้องการออกไป เครื่องมือที่ใช้คือ Polygonal lasso tool ครับ
ค่อยๆเลือกส่วนที่เราจะเอาออกครับแล้วกด delete เลย จะเห็นว่าข้างหลังจะเป็นภาพโปร่งใส
หลังจากนั้นกดลาก layerภาพที่เราเตรียมไว้ใส่ใน banner ที่เราทำไว้ในขั้นตอนแรก กดลากจาก window ของ layerนะครับ ใครไม่รู้ว่าอันไหนลองกด F7 ดู2ครั้งครับ
ถ้าขนาดรูปมันใหญ่เกินไปก็สามารถไปปรับขนาดของรูปได้ครับ โดยไปที่ Image >>> Image size เลือกปรับให้ได้ขนาดที่พอใจ
แล้วจึงลากใส่ banner

ขั้นตอนที่ 3
ใส่ตัวอักษรใช้ Horizonal type tool ที่เป็นรูปตัวอักษรตัว T ครับ แล้วใส่ข้อความที่ต้องการจะสื่อลงไปได้เลย
ลูกเล่นกับตัวอักษรนั้นสามารถทำได้หลากหลายครับ แต่ที่เห็นบ่อยคือตัวอักษรสีขาวแล้วใส่ Stroke สีดำ
สำหรับการใส่ Stroke ให้ตัวอักษรนั้นไม่ยากเลยครับ เมื่อเราพิมข้อความเสร็จเรียบร้อยแล้วก็กดปุ่มเครื่องหมายถูก (ตรงด้านบน)
หลังจากนั้น ดับเบิ้ลคลิกที่ตัวเลเยอร์ของตัวอักษร นี่คือ Blending option ครับ (เราสามารถใส่ลูกเล่นให้กับภาพและตัวอักษรได้ในนี้ครับ)
ติ๊กเครื่องหมายถูกที่ช่อง Stroke ล่างสุด เลือกสีได้ตามใจชอบ
จะเห็นว่าตัวอักษรของเรามีขอบสีขึ้นมา หากไม่ถูกใจสีก็สามารถเข้าไปปรับได้ครับ

ขั้นตอนที่ 4
เราจะมาทำให้ banner ของเรามีลักษณะเหมือนเป็นแก้ว หรือเป็นวัตถุสะทอนแสงกันครับ
ให้กดสร้าง layer ใหม่โดยไปกด shift+Ctrl+N หลังจากนั้นให้ใช้เครื่องมือ Rectangular marquee tool ที่เป็นรูปสี่เหลี่ยมมีรอยประ
แล้วจึงเลือกพื้นที่ แนะนำว่าควรจะเป็นครึ่งหนึ่งของความสูงของรูป ส่วนด้านกว้างนั้นให้เหลือขอบไว้เล็กน้อย
เมื่อได้พื้นที่แล้วให้ใช้เครื่องมือเทสีเหมือนในขั้นตอนแรก โดยคราวนี้เลือกสีที่อ่อนกว่า ค่อนไปทางสีขาวหน่อย (เกือบขาวแต่ไม่ขาว)
เช่น อย่างในรูปตัวอย่างใช้สีฟ้าเป็นสีพื้น ในขั้นตอนนี้จะใส่สีฟ้าที่อ่อนกว่าแต่ใกล้สีขาวลงไป ถ้าดูภาพจะไม่งงครับ
พอได้สีแล้วก็ให้เทสีลงไปเลย ( layer นี้ตองวางไว้บนสุดครับ ) หลังจากนั้นปรับ bleding mode เป็น hard light (ไม่จำเป็นต้องเป็นตัวนี้เสมอไป)
ทีนี้ก็เกือบเสร็จแล้วครับ

ขั้นตอนสุดท้าย
จะเห็นว่าพื้นหลังมันโล่งเกินไป เราจะมาปรับแต่งกันครับ
มีหลายวิธีในการทำให้พื้นหลังไม่โล่งเกินไป วิธีที่ง่ายๆก็คือใช้ Filter ครับ
ก่อนอื่นให้คลิกที่ layer background ก่อน แล้วจึงไปที่ filter (มีให้เลือกใช้หลากหลายอีกนั่นแหล่ะครับ)
รูปที่เป็นตัวอย่างนี้ใช้ Texture >>> patchwork ครับ

เท่านี้ก็เป็นอันเสร็จครับ ส่วนรายละเอียดส่วนอื่นผมจะเอามาให้ทีหลังครับ
รวมทั้งเทคนิคอื่นๆก็จะมานำเสนอให้คราวหน้า ใครมีข้อสงสัย หรือว่าต้องการแลกเปลี่ยนเทคนิค ก็สามารถมาโพสได้ครับ

รูป layer window + tools ต่าง