[สอนตะเข้ว่ายน้าม] photoshop tips chapter2
posted on 30 Sep 2007 15:58 by palermos in tutorial
สำหรับในตอนนี้จะสอนให้รู้จักการใช้งาน layer ซึ่งจำเป็นมากในการเรียนรู้ในบทต่อๆไป ดังนั้นในตอนนี้จะเหมาะกับคนที่หัดใช้ photoshop จริงๆ มาเรียนรู้หลักการเรียงเลเยอร์ ซึ่งถ้ามองภาพง่ายๆ การทำงานของ layer เปรียบดังการวางทับของแผ่นใสนั่นเอง


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

ก่อนอื่นต้องรู้จักกับแถบที่ควบคุมการทำงานของ layer ก่อนนะครับ มันอยู่ทางขวาล่าง

รูปที่ผมเรียกขึ้นมาเป็นไฟล์ jpg ซึ่งเป็น Background
มาดูสัญลักษณ์สำคัญ2อันนี้ก่อนครับ คือ
ตัวนี้มีไว้เรียกเลเยอร์ขึ้นมาใหม่
ตัวนี้มีไว้โยนเลเยอร์ที่เราไม่ใช้ทิ้ง
ถ้าหน้าต่างเลเยอร์นี้มันหายไปจากหน้าจอสามารถกู้คืนได้จาก window > work space > default workspace ก็จะเรียกหน้าต่างมาตรฐานขึ้นมา
จากนั้นผมจะเปิดไฟล์ภาพอีกภาพเพื่อจะเอามาซ้อนทับกัน..

ผมก็จัดการเอียงภาพเพื่อให้เก๋ย์... แล้วก็ครอบไฟล์ภาพและcopy ด้วยการกด Ctrl+A ซึ่งก็คือการครอบภาพทั้งเลเยอร์ ตามคำสั่งพื้นฐานสำหรับการคัดลอกภาพ Ctrl+C ไปใส่ในภาพแรก

จะเห็นว่ามี 2 ภาพในรูป แต่ก็ยังต้องแต่งอีกนิด..ไปดูแถบเครื่องมือเลเยอร์ครับจะมี 2 เลเยอร์ขึ้นมาแล้ว

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

ค่อยๆลบ ใจเย็นๆ ถ้ามือไม่นิ่งแล้วลบพลาดไป กด Ctrl+Z หรือไปลบที่แถบเครื่องมือ History เอาก็ได้ เทคนิคในการลบภาพ ก็คือ ในส่วนที่ต้องการความละเอียด เราสามารถซูมเข้าไปลบ โดยลดขนาดของยางลบลง เพื่อจะได้ไม่กินภาพ และ ถ้าเราลบโดยกดปุ่ม Shift ด้วย จะทำให้เราลบในแนวตั้งและนอน ได้ตรงขึ้น ไม่เชื่อลองดู...

นี่ไงครับ เทคนิคแมวๆ ซูมเข้าไปลบ Zoom in มีคำสั่งลัด คือ Ctrl++ และ Zoom out ก็กด Ctrl+-

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


อ้ะ นกมาไงนี่...สงสัยจะพลาด ซึ่งผมจะทำการลบเลเยอร์นกนี้ทิ้ง โดยการลากเลเยอร์นี้ใส่ถังขยะ

ภาพต่อเนื่อง...

นกหายไปแล้วว....

แล้วผมก็ค่อยๆ ลบ ภาพ โดยแยกทำงานเป็นเลเยอร์ไป...

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

พอสลับตำแหน่งกันเสร็จแล้ว ก็จะได้แบบนี้

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

2ข้อความ คนละเลเยอร์... เพื่อความอิสระในการวางตำแหน่ง มาดุภาพสุดท้ายที่คิดว่าแต่งพอแล้ว

สำหรับจุดๆไข่ปลานั้น ผมใช้ grid เข้ามาช่วยวางตำแหน่งครับ โดยสามารถเรียกใช้ฟังก์ชันนี้จาก view > show > grid หรือกด Ctrl+' และสำหรับในตอนที่ 2 นี้หวังว่าคงจะไม่ยากเกินไปนะครับ รู้เทคนิค 2 ตอนก็หากินได้เยอะแล้วนะเนี่ย ผมพูดไม่ค่อยเก่ง แต่รักหมดใจครับ



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

ก่อนอื่นต้องรู้จักกับแถบที่ควบคุมการทำงานของ layer ก่อนนะครับ มันอยู่ทางขวาล่าง

รูปที่ผมเรียกขึ้นมาเป็นไฟล์ jpg ซึ่งเป็น Background
มาดูสัญลักษณ์สำคัญ2อันนี้ก่อนครับ คือ
ตัวนี้มีไว้เรียกเลเยอร์ขึ้นมาใหม่
ตัวนี้มีไว้โยนเลเยอร์ที่เราไม่ใช้ทิ้งถ้าหน้าต่างเลเยอร์นี้มันหายไปจากหน้าจอสามารถกู้คืนได้จาก window > work space > default workspace ก็จะเรียกหน้าต่างมาตรฐานขึ้นมา
จากนั้นผมจะเปิดไฟล์ภาพอีกภาพเพื่อจะเอามาซ้อนทับกัน..

ผมก็จัดการเอียงภาพเพื่อให้เก๋ย์... แล้วก็ครอบไฟล์ภาพและcopy ด้วยการกด Ctrl+A ซึ่งก็คือการครอบภาพทั้งเลเยอร์ ตามคำสั่งพื้นฐานสำหรับการคัดลอกภาพ Ctrl+C ไปใส่ในภาพแรก

จะเห็นว่ามี 2 ภาพในรูป แต่ก็ยังต้องแต่งอีกนิด..ไปดูแถบเครื่องมือเลเยอร์ครับจะมี 2 เลเยอร์ขึ้นมาแล้ว

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

ค่อยๆลบ ใจเย็นๆ ถ้ามือไม่นิ่งแล้วลบพลาดไป กด Ctrl+Z หรือไปลบที่แถบเครื่องมือ History เอาก็ได้ เทคนิคในการลบภาพ ก็คือ ในส่วนที่ต้องการความละเอียด เราสามารถซูมเข้าไปลบ โดยลดขนาดของยางลบลง เพื่อจะได้ไม่กินภาพ และ ถ้าเราลบโดยกดปุ่ม Shift ด้วย จะทำให้เราลบในแนวตั้งและนอน ได้ตรงขึ้น ไม่เชื่อลองดู...

นี่ไงครับ เทคนิคแมวๆ ซูมเข้าไปลบ Zoom in มีคำสั่งลัด คือ Ctrl++ และ Zoom out ก็กด Ctrl+-

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


อ้ะ นกมาไงนี่...สงสัยจะพลาด ซึ่งผมจะทำการลบเลเยอร์นกนี้ทิ้ง โดยการลากเลเยอร์นี้ใส่ถังขยะ

ภาพต่อเนื่อง...

นกหายไปแล้วว....

แล้วผมก็ค่อยๆ ลบ ภาพ โดยแยกทำงานเป็นเลเยอร์ไป...

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

พอสลับตำแหน่งกันเสร็จแล้ว ก็จะได้แบบนี้

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

2ข้อความ คนละเลเยอร์... เพื่อความอิสระในการวางตำแหน่ง มาดุภาพสุดท้ายที่คิดว่าแต่งพอแล้ว

สำหรับจุดๆไข่ปลานั้น ผมใช้ grid เข้ามาช่วยวางตำแหน่งครับ โดยสามารถเรียกใช้ฟังก์ชันนี้จาก view > show > grid หรือกด Ctrl+' และสำหรับในตอนที่ 2 นี้หวังว่าคงจะไม่ยากเกินไปนะครับ รู้เทคนิค 2 ตอนก็หากินได้เยอะแล้วนะเนี่ย ผมพูดไม่ค่อยเก่ง แต่รักหมดใจครับ
