• Graphics Tips Photoshop Tip #20 - การสร้างและกำหนดขนาดภาพ Vertical Backgrounds สำหรับเว็ปเพจ:

    การทำ 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 ไว้เสมอน๊ะครับ.

    Step One สร้าง document ใหม่ขึ้นมา และเติมสีด้วยสีใดก็ได้ลงไป.
    Step Two ต่อมาเป็นการเติม texture บางอย่างลงไปในภาพของคุณ โดยไปที่ เมนูบาแล้วเลือก FILTER...NOISE...ADD NOISE. ผู้เขียนทำการเลือก checked ที่ช่อง "monochromatic" box แล้วก็ทดลองเล่นปรับ slider bar ดูจน กระทั้งได้ texture ที่ถูกใจดังรูป.
    Step Three เสร็จแล้วทำให้สี foreground เป็นสีขาว ทำการ double-click บนเครี่อง มือ gradient tool. เลือก option แบบ "Foreground to Transparent".  แล้วคลิก ตรงมุมซ้ายของรูปภาพและลาก drag เข้ามาประมาณ 1/4 ของด้านใน. ปล่อย mouse แล้วกลับไปเริ่มทำ step นี้อีกครั้งด้วยสีดำของด้านฝั้งขวา. ก็จะได้ผลดังรูป.
    Step Four ตอนนี้เร่มทำสี 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 สร้างเงาขึ้นมา.
    Step Five ตอนนี้คุณจำเป็นต้องเพิ่ม increase ขนาดของรูปภาพอีกครั้งเพื่อทำให้เป็นภาพที่ยาวมากๆ ผู้เขียนใช้ปกติ ประมาณอย่างน้อยกำหนดที่ 1200 pixels ก่อนอื่นต้องแน่ใจว่าไม่ต้องการ แก้ไข background อีกแล้ว. หลายคนกำหนดรูป background นี้สั้นไปทำให้ เวลา view ด้วยหน้าจอ monitor ขนาดใหญ่แล้ว จะเห็นภาพพื้น background ตกขอบและดูน่าเกรียด. คุณสามารถชม background นี้ที่สร้างเสร็จ แล้วได้โดย click here.


    Back to Photoshop PageOn to the next tip