การทำ Vertical Backgrounds บนเว็ปเพจไม่ใช่เรื่องยากครับ แต่ต้องกำหนดขนาดรูปกราฟฟิก สี่เหลี่ยมพืนผ้าที่จะใช้ให้ยาวพอเท่านั้น. Since it can't tile to the right & down, it only tiles down the page & creates this cool vertical effect. ตัวอย่างเช่นรอยปะบนด้านซ้ายของเพจที่ผู้เขียนสร้างขึ้น, นี่คือต้วอย่าง original graphic ที่เป็นการสร้างภาพลวงตา.
ข้างล่างคือตัวอย่างการทำ vertical background อย่างง่ายๆ. และยังมีหลายวิธีที่สามารถทำผลงาน ได้ออกมาเหมือนกัน ดังนั้นคุณควรจะสร้างความคิดที่มี creative ไว้เสมอน๊ะครับ.
สร้าง document ใหม่ขึ้นมา และเติมสีด้วยสีใดก็ได้ลงไป. | |
ต่อมาเป็นการเติม texture บางอย่างลงไปในภาพของคุณ โดยไปที่ เมนูบาแล้วเลือก FILTER...NOISE...ADD NOISE. ผู้เขียนทำการเลือก checked ที่ช่อง "monochromatic" box แล้วก็ทดลองเล่นปรับ slider bar ดูจน กระทั้งได้ texture ที่ถูกใจดังรูป. | |
เสร็จแล้วทำให้สี foreground เป็นสีขาว ทำการ double-click บนเครี่อง มือ gradient tool. เลือก option แบบ "Foreground to Transparent". แล้วคลิก ตรงมุมซ้ายของรูปภาพและลาก drag เข้ามาประมาณ 1/4 ของด้านใน. ปล่อย mouse แล้วกลับไปเริ่มทำ step นี้อีกครั้งด้วยสีดำของด้านฝั้งขวา. ก็จะได้ผลดังรูป. | |
ตอนนี้เร่มทำสี background ของคุณกัน ซึ่งควรจะเป็นสีเดียวกับสี background ของเว็ปเพจของคุณเสมอ. เริ่มด้วยทำการ increase เพิ่มขนาดกรอบ ภาพของคุณ (ALT+I+S).หรือ.image...canvas size....เลือกคลิกที่ left-middle square in the grid หรือ ลูกศร encher ด้านซ้ายเพื่อกำหนด ให้เพิ่มความ ยาวเฉพาะทางด้านขวาของรูปเท่านั้น แล้วทำการเพิ่มความยาวของภาพ ขึ้นอีกประมาณ 40 pixels แล้วก็กดปุ่ม OK. ตอนนี้ทำการเลือกพื้นที่ area ใหม่ในภาพของคุณ โดยใช้ magic wand tool และทำการเติมสีด้วย gradient เพื่อเป็นการ imply สร้างเงาขึ้นมา. | |
ตอนนี้คุณจำเป็นต้องเพิ่ม increase ขนาดของรูปภาพอีกครั้งเพื่อทำให้เป็นภาพที่ยาวมากๆ ผู้เขียนใช้ปกติ ประมาณอย่างน้อยกำหนดที่ 1200 pixels ก่อนอื่นต้องแน่ใจว่าไม่ต้องการ แก้ไข background อีกแล้ว. หลายคนกำหนดรูป background นี้สั้นไปทำให้ เวลา view ด้วยหน้าจอ monitor ขนาดใหญ่แล้ว จะเห็นภาพพื้น background ตกขอบและดูน่าเกรียด. คุณสามารถชม background นี้ที่สร้างเสร็จ แล้วได้โดย click here. |