Diary of Mr.ZAM

Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

May 28, 2009

การสร้างกรอบใน PhotoShop อย่างง่าย ตอนที่ 1

ตามที่ศึกษา photoshop มานิดๆ หน่อยๆ พอแต่งภาพแบบงูๆ ปลาๆ ได้ ก็เลยหาวิธีทำกรอบรูปซะหน่อย และเท่าๆ ที่ทำมา ก็มี 2 แบบที่ถูกใจ (จริงๆ ไม่อยากบอกเลยว่ารู้แค่สองแบบ) แบบแรกคือ แบบกรอบใน (กรอบในเป็นสีขาว) ดังรูปที่ 1 อีกแบบคือ แบบกรอบนอกพื้นดำ (มีขอบขาว แล้วก็กรอบหลังเป็นสีดำ) ดังรูปที่ 2


รูปที่ 1 แบบกรอบในสีขาว


รูปที่ 2 แบบกรอบนอกพื้นดำ



กรอบนอกพื้นดำ

Concept ในการทำกรอบดำก็คือ ... การขยายรูปให้มีขนาดใหญ่ขึ้น ... โดยรูปที่ขยายไปนั้นจะถูกขยายด้วยพื้นที่สีขาว และสีดำตามลำดับ ... นั่นคือ เราขยายรูป 2 ครั้งนั่นเอง

1. เหมือนกับการทำกรอบในสีขาว... คือ ... เตรียมไฟล์ให้พร้อม ... เหมือนกันกับกรอบที่แล้ว ... ใช้รูปเดียวกันครับ

2. ไปที่เมนูแล้วเลือก Image > Canvas Size… ดังรูปที่ 16


รูปที่ 16 เลือก Image > Canvas Size… เพื่อเข้าสู่หน้าต่างปรับขนาดรูป


3. ในหน้าต่างปรับขนาดรูปภาพ รูปที่ 17 เปลี่ยนหน่วยจาก inch เป็น pixels (หรือใครถนัดเป็น centimeters ก็ไม่ว่านะครับ) แล้วก็แก้ค่า width = 1530, height = 2286 (ผมบวกเข้าไปอีก 30 pixels) และก็เลือก Canvas extension color เป็นสีขาว ... เพราะในครั้งแรกเราต้องการขอบสีขาวก่อน


รูปที่ 17 หน้าต่างปรับขนาดรูป โดยเพิ่มสีขาว


หลังจากคลิก OK จะได้เป็นรูปที่ 18


รูปที่ 18 ขอบขาวที่เราสร้างขึ้น


4. จากนั้นทำซ้ำขั้นตอนที่ 2 และ 3 โดยเพิ่มขนาดเป็น width = 1930, height = 2686 และเปลี่ยน Canvas extension color เป็นสีดำ ดังรูปที่ 19


รูปที่ 19 หน้าต่างปรับขนาดรูป โดยเพิ่มสีดำ


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


ขอให้ทุกคนสนุกกับการสร้างกรอบด้วย PhotoShop นะครับ

การสร้างกรอบใน PhotoShop อย่างง่าย ตอนที่ 2

ตามที่ศึกษา photoshop มานิดๆ หน่อยๆ พอแต่งภาพแบบงูๆ ปลาๆ ได้ ก็เลยหาวิธีทำกรอบรูปซะหน่อย และเท่าๆ ที่ทำมา ก็มี 2 แบบที่ถูกใจ (จริงๆ ไม่อยากบอกเลยว่ารู้แค่สองแบบ) แบบแรกคือ แบบกรอบใน (กรอบในเป็นสีขาว) ดังรูปที่ 1 อีกแบบคือ แบบกรอบนอกพื้นดำ (มีขอบขาว แล้วก็กรอบหลังเป็นสีดำ) ดังรูปที่ 2


รูปที่ 1 แบบกรอบในสีขาว


รูปที่ 2 แบบกรอบนอกพื้นดำ


ก่อนอื่นต้องขอบอกก่อนนะครับว่า เอกสารนี้ผมใช้ขนาดรูปใหญ่หน่อย คือ 1500x2256pixel ดังนั้นแล้ว ค่าบางค่าที่ใช้ในเอกสารนี้จึงปรับให้เหมาะสมครับ แต่ถ้าท่านใดใช้กับรูปที่เล็กกว่านี้ก็ลองปรับๆ ดูอีกทีนะครับ

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


กรอบในสีขาว

1. แน่นอนว่าต้องเปิดไฟล์ หรือเตรียมไฟล์ที่ต้องการไว้ก่อนนะครับ เช่นในตัวอย่าง... ผมใช้รูปนี้ครับ


รูปที่ 3 รูปตัวอย่าง

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


2. เริ่มด้วยขั้นตอนจริงๆ โดยการสร้าง layer เปล่าๆ ขึ้นมา 2 layer ครับ คือ เราต้องการ layer ที่มีเส้นขอบสีขาวชัดๆ และ layer ที่มีพื้นสีขาวจางๆ ดังนั้นเราจึงต้องมีอย่างน้อย 2 layers ครับ ... ส่วนการสร้าง layer นั้นก็ดังรูปที่ 4 เลย


รูปที่ 4 การสร้าง layer ใหม่


เมื่อคลิกหนึ่งครั้งก็จะได้หนึ่ง layer ดังนั้น คลิกสองครั้งก็จะได้ 2 layers ดังรูปที่ 5 และให้เลือกไว้ที่ Layer 2 ด้วยนะครับ


รูปที่ 5 Layers ทั้งสองที่ถูกสร้างขึ้นใหม่


3. จากนั้นเลือกเครื่องมือ Rectangular Marquee สำหรับสร้างกรอบสี่เหลี่ยม ดังรูปที่ 6


รูปที่ 6 เครื่องมือ Rectangular Marquee (ในรูปเขียนผิด ขออภัยอย่างแรง)


ข้อสังเกตอีกประการ ... ให้ดูดีวงกลมสีแดงด้านบนในรูปที่ 6 ด้วยนะครับ ... ต้องมีค่าเป็น 0px ด้วยนะครับ ไม่งั้นสี่เหลี่ยมของเราจะเป็นสี่เหลี่ยมมนๆ แหละ

4. ลากกรอบตามที่ต้องการ ดังรูปที่ 7


รูปที่ 7 กำหนดขอบเขตของกรอบที่ต้องการให้เป็นเส้นสีขาว


เครื่องมือ marquee จะเหมือนเครื่องหมายบวก (+) ซึ่งให้เราลากให้ดี เล็งให้แม่นนะครับ :P

5. จากนั้นไปที่เมนูแล้วเลือก Edit > Stroke… เพื่อกำหนดความหนาของเส้นสีขาว เมนูดังรูปที่ 8


รูปที่ 8 เมนูกำหนดเส้นขอบของ Marquee


หลังจากเลือก Stroke แล้ว เราจะพบหน้าต่างดังรูปที่ 9 ซึ่งในที่นี้ ผมใช้ความหนาของเส้น 10px และมีสีขาว... ตำแหน่งของสีขาวนั้นจะเกิดภายในเส้นประ (Location: Inside)


รูปที่ 9 หน้าต่างกำหนดค่าของ Stroke


6. จากนั้นเปลี่ยนมาเลือก Layer 1 ดังรูปที่ 10 เพื่อไม่ต้องการใช้ layer ซ้ำกับเส้นขอบ


รูปที่ 10 เลือก Layer 1


7. คลิกขวาที่พื้นที่ใดๆ ในรูป แล้วเลือก Select Inverse เพื่อเลือกพื้นที่ที่ต้องการทำแถบขาวบางๆ ดังรูปที่ 11


รูปที่ 11 การเลือก Select Inverse


8. จากนั้นเลือกเครื่องมือเทสี (Paint Bucket Tool) ... แต่บางทีหลายๆ คนยังเป็น gradient อยู่ก็ได้ ... ให้คลิกแช่นะครับ แล้วก็เปลี่ยนเป็นถังสีดังรูปที่ 12 จาก gradient เป็นรูปที่ 13 ถังสีน้อยๆ


รูปที่ 12 Gradient Tool


รูปที่ 13 Pain Bucket Tool


9. เอาสีไปเทตรงพื้นที่ที่ต้องการ (บริเวณขอบด้านนอก) ดังรูปที่ 14


รูปที่ 14 เทสีขาวในบริเวณขอบด้านนอก


10. จากนั้นปรับ Fill หรือ Opacity ของ Layer 1 ให้เป็น 50% ดังรูปที่ 15 ซึ่งจะได้ผลลัพธ์ดังรูปที่ 1


รูปที่ 15 ปรับ fill หรือ opacity ให้เหลือ 50%


จากรูปที่ 1 จะเห็นว่า รูปเราที่ดูไร้ซึ่งมิติ กลายเป็นโดดเด่นขึ้นมาทันที (ผมคิดไปเองป่าวเนี่ย? ... แต่อย่างน้อยก็ดูดีขึ้นแหละ) แต่ ... วิธีการมันดูยุ่งยากซับซ้อนไปเนอะ คราวนี้มาดูกรอบแบบต่อมาดีกว่าครับ

TSAJ Community - Nagaoka