ตามที่ศึกษา photoshop มานิดๆ หน่อยๆ พอแต่งภาพแบบงูๆ ปลาๆ ได้ ก็เลยหาวิธีทำกรอบรูปซะหน่อย และเท่าๆ ที่ทำมา ก็มี 2 แบบที่ถูกใจ (จริงๆ ไม่อยากบอกเลยว่ารู้แค่สองแบบ) แบบแรกคือ แบบกรอบใน (กรอบในเป็นสีขาว) ดังรูปที่ 1 อีกแบบคือ แบบกรอบนอกพื้นดำ (มีขอบขาว แล้วก็กรอบหลังเป็นสีดำ) ดังรูปที่ 2
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_s6lNNxIuO7j5S0Lky2-NLXxbedHrjpUo4famgSrG8v87k-nElGeK586dmtYaff5dbTUH8VKevOsRKX-ybrsjh7kdnro75aIK8I426ObjHfaw05SGaf=s0-d)
รูปที่ 1 แบบกรอบในสีขาว
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tQC8c3iJ76M3rQhisFEgs2U4Edm1TJ7h7R1XjV1mdhIsifXazGdDtLyp-cJSHLKBlkEIO23VvAUyuM_8dJmd253rqhB__c2LyKQOsdYLV4beSwjgCNkw=s0-d)
รูปที่ 2 แบบกรอบนอกพื้นดำ
ก่อนอื่นต้องขอบอกก่อนนะครับว่า เอกสารนี้ผมใช้ขนาดรูปใหญ่หน่อย คือ 1500x2256pixel ดังนั้นแล้ว ค่าบางค่าที่ใช้ในเอกสารนี้จึงปรับให้เหมาะสมครับ แต่ถ้าท่านใดใช้กับรูปที่เล็กกว่านี้ก็ลองปรับๆ ดูอีกทีนะครับ
ทีนี้มาดูว่าเราจะทำกรอบรูปใน photoshop ยังไงดีกว่า ก่อนอื่น ... ผมขอแนะนำวิธีทำกรอบในสีขาว แล้วตามด้วยกรอบนอกพื้นดำนะครับ
กรอบในสีขาว
1. แน่นอนว่าต้องเปิดไฟล์ หรือเตรียมไฟล์ที่ต้องการไว้ก่อนนะครับ เช่นในตัวอย่าง... ผมใช้รูปนี้ครับ
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u1sZGVrkpPRwDu1cMn11rrLfrqR6LZyHTYGtDmHtzBDRbG5Q7dXWHyjpTu19k_xxCl5teKt8yeiYBwZ-ZqFNiViXiNrsLYUrDHpezhcH7HT3lPzl9e4A=s0-d)
รูปที่ 3 รูปตัวอย่าง
ดูเผินๆ เหมือนเป็นรูปเปล่าๆ ไร้มิติ ... ผมก็เลยจะใส่กรอบให้ดูมีมิติขึ้นมาอีกนิดนึงครับ
2. เริ่มด้วยขั้นตอนจริงๆ โดยการสร้าง layer เปล่าๆ ขึ้นมา 2 layer ครับ คือ เราต้องการ layer ที่มีเส้นขอบสีขาวชัดๆ และ layer ที่มีพื้นสีขาวจางๆ ดังนั้นเราจึงต้องมีอย่างน้อย 2 layers ครับ ... ส่วนการสร้าง layer นั้นก็ดังรูปที่ 4 เลย
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vXXVj-sjE28b9tuGvx7G-iR-DFWY-wGCFSRzA4YWjmf0-USaqYqIhVd4O5KdIzY-iAuF5xbK6FuxWpDEb5xe3vXuTaWojiL_LYlWqcNNzewc11J2VXkA=s0-d)
รูปที่ 4 การสร้าง layer ใหม่
เมื่อคลิกหนึ่งครั้งก็จะได้หนึ่ง layer ดังนั้น คลิกสองครั้งก็จะได้ 2 layers ดังรูปที่ 5 และให้เลือกไว้ที่ Layer 2 ด้วยนะครับ
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_t2UzvmYi4SPnPbQ2Ho-U7A7_hiQpXcTuJGmDCje45A9sMxTyQNGfFSJ8WNCBomVeP0e0kf9ZBf7GM5WXoLVia2lLTm9P3P3CD5xyeOy0dIFv82qJ6B=s0-d)
รูปที่ 5 Layers ทั้งสองที่ถูกสร้างขึ้นใหม่
3. จากนั้นเลือกเครื่องมือ Rectangular Marquee สำหรับสร้างกรอบสี่เหลี่ยม ดังรูปที่ 6
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_v00XLUpWWxauD2WaHwskfxb7tG7-_bQBXNsamdsKVIuorZACmrw89D2Ga-ycU47SirDe6iI-wD_4pBDpmESx8OLpYacuTvSijYwIRGg5O2-4emJQbvnQ=s0-d)
รูปที่ 6 เครื่องมือ Rectangular Marquee (ในรูปเขียนผิด ขออภัยอย่างแรง)
ข้อสังเกตอีกประการ ... ให้ดูดีวงกลมสีแดงด้านบนในรูปที่ 6 ด้วยนะครับ ... ต้องมีค่าเป็น 0px ด้วยนะครับ ไม่งั้นสี่เหลี่ยมของเราจะเป็นสี่เหลี่ยมมนๆ แหละ
4. ลากกรอบตามที่ต้องการ ดังรูปที่ 7
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u5ejN6t_ebLFRxoiHZaD8IzVtxFYvB_809teU96M33Fe8frosmS4OXzQ-DTUJbC3-Y_s0BDRSTimeIJyyyCBM6y5OchOCGpYfWz0DS1diTvcCoHPE4=s0-d)
รูปที่ 7 กำหนดขอบเขตของกรอบที่ต้องการให้เป็นเส้นสีขาว
เครื่องมือ marquee จะเหมือนเครื่องหมายบวก (+) ซึ่งให้เราลากให้ดี เล็งให้แม่นนะครับ :P
5. จากนั้นไปที่เมนูแล้วเลือก Edit > Stroke… เพื่อกำหนดความหนาของเส้นสีขาว เมนูดังรูปที่ 8
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tiTHkSwgt5WAWhQ38zGPQy_0tYD_JHRvgOqsUOAWwWPBLdSVLQEE96fNUu7I91XbotP4CiRNGOLGYi6Ukj3E0t-0l6RbGSm8NqRqOtABs0NbVqH5YThg=s0-d)
รูปที่ 8 เมนูกำหนดเส้นขอบของ Marquee
หลังจากเลือก Stroke แล้ว เราจะพบหน้าต่างดังรูปที่ 9 ซึ่งในที่นี้ ผมใช้ความหนาของเส้น 10px และมีสีขาว... ตำแหน่งของสีขาวนั้นจะเกิดภายในเส้นประ (Location: Inside)
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_s1y0DlWhbAWo4PNDhGkbefnUKQgWwwZRDSdVGGYQKnW8I_IbFcJATAaXKYRkGaKRk7otutAA6z3CF7-oX7USpVUCvlvwZncppQk-KiuxphPajbtYycIQ=s0-d)
รูปที่ 9 หน้าต่างกำหนดค่าของ Stroke
6. จากนั้นเปลี่ยนมาเลือก Layer 1 ดังรูปที่ 10 เพื่อไม่ต้องการใช้ layer ซ้ำกับเส้นขอบ
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_v_v5L-stVjZkcm_hS6pqi0jUXVTxgmpIYBwUs4NK92OIWTr0QBfP5p0wySLamKp-4j-FcY_MPQscxVAjZdI4JQG631jLegELMwkbPSeoZVyOIiGjlSVs4=s0-d)
รูปที่ 10 เลือก Layer 1
7. คลิกขวาที่พื้นที่ใดๆ ในรูป แล้วเลือก Select Inverse เพื่อเลือกพื้นที่ที่ต้องการทำแถบขาวบางๆ ดังรูปที่ 11
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sr86va98pv1GInZAbAYyFu5eWx5e4v2G8AsXDxkOHKatRp72sVDoVWCPwaDiJGYwO4A4RjEo-ZxHhQuFQMT8f_eB-1u6WJeC2rzFhHhWQOtUN91B-tO2U=s0-d)
รูปที่ 11 การเลือก Select Inverse
8. จากนั้นเลือกเครื่องมือเทสี (Paint Bucket Tool) ... แต่บางทีหลายๆ คนยังเป็น gradient อยู่ก็ได้ ... ให้คลิกแช่นะครับ แล้วก็เปลี่ยนเป็นถังสีดังรูปที่ 12 จาก gradient เป็นรูปที่ 13 ถังสีน้อยๆ
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tkDdt2_yJmTuBQdTMz74XVGfAgvc-4QI7tUOUSqBb3837V6er2hGjH7V-DvNNuawzvdkJIPDjEzEwTOkBdfqBI6pJtBGbj8VOwxf7AaUGavdOgQBZGx-E=s0-d)
รูปที่ 12 Gradient Tool
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uBwAc_BTTt7TaJ6EkWdCgKgA8lv6xMIFyTZFzSJ14emoeP-RNxAkxMQj6pa6p4xroMvS77qKMCaX9gMXycb0v1kMlxHbgOup7WwZdKPgzBb3LOo2afR2o=s0-d)
รูปที่ 13 Pain Bucket Tool
9. เอาสีไปเทตรงพื้นที่ที่ต้องการ (บริเวณขอบด้านนอก) ดังรูปที่ 14
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sr8eNzUaATvoiMLoJCByzrCQXupuZfDkPF70nek4CugMUTaL-5hIyC-A-cosh8m9e0gt3LsDgqh0eB2Str-U9nrV1U2Cc78UmXTvldq1IpfTEEWXhsy68=s0-d)
รูปที่ 14 เทสีขาวในบริเวณขอบด้านนอก
10. จากนั้นปรับ Fill หรือ Opacity ของ Layer 1 ให้เป็น 50% ดังรูปที่ 15 ซึ่งจะได้ผลลัพธ์ดังรูปที่ 1
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_scJUsmcqdNiu-tmdMoCXYAVfprWp017hWbp0l1E2LNgg407XmO6F5P6rj6XYey-7v5SfOMAI21_l_3XJArRw1n1o2e_80hfMviWkEtMMhy8ytWZcSjZ1k=s0-d)
รูปที่ 15 ปรับ fill หรือ opacity ให้เหลือ 50%
จากรูปที่ 1 จะเห็นว่า รูปเราที่ดูไร้ซึ่งมิติ กลายเป็นโดดเด่นขึ้นมาทันที (ผมคิดไปเองป่าวเนี่ย? ... แต่อย่างน้อยก็ดูดีขึ้นแหละ) แต่ ... วิธีการมันดูยุ่งยากซับซ้อนไปเนอะ คราวนี้มาดูกรอบแบบต่อมาดีกว่าครับ