การแต่งภาพ และ Photoshop >> >>ทำกรอบภาพง่ายๆ สไตล์ Canabizz

>>ทำกรอบภาพง่ายๆ สไตล์ Canabizz

โดย กล้องดิจิตอล ดอทคอม

เห็นมีคนถามหลายกระทู้ละ...ว่าจะทำกรอบภาพยังไง
วันนี้ครึ้มอกครึ้มใจ....เลยเอาวิธีการสร้างกรอบโดยโฟโต้ฉ่อบแบบง่ายๆ มาฝากสมาชิก KD กันซักหน่อย

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

ล้อเล่นน่ะครับ
ผมขอยืมรูปของคุณ zuume จากกระทู้
http://www.klongdigital.com/webboard3/2850.html
มาใช้รูปนึงก็แล้วกันนะครับ

อย่าว่ากันนะคุณ zuume

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

ก่อนอื่นเราก็เลือกรูปที่เราจะทำกรอบ...เอามาปรับแต่งสีสัน และย่อขนาดให้ได้ที่ต้องการ
ในที่นี้...ผมนำรูปของคุณ zuume มาปรับสีนิดหน่อย แล้วย่อลงเป็นขนาด 510x340 pixel

เมื่อได้ภาพที่ต้องการแล้ว
เรามาสร้างขอบเส้นเล็กๆ สีเทา ขนาด 1 พิกเซลให้กับภาพของเราเสียก่อน
....ไปที่เมนู Image > Canvas Size (ตามภาพเลยครับ)

จะมีหน้าต่าง Canvas Size โผล่ขึ้นมา ดังภาพ

ภาพข้างบนนั่นเป็นขนาดของภาพเราในปัจจุบัน
ทีนี้เราจะมาทำการเพิ่มเส้นขอบรูปขนาด 1 พิกเซลเข้าไป
นั่นคือการที่เราจะต้องขยายขอบรูปออกข้างละ 1 พิกเซลใช่ป่ะ

กำหนดไปเลย...เพิ่มความกว้าง 2 พิกเซล เป็น 342 พิกเซล และเพิ่มความสูง 2 พิกเซล เป็น 512 พิกเซล (1)

และไปกำหนดตรง Canvas extension color ให้เป็น Gray ซึ่งก็คือสีเทานั่นเอง (2)

อย่าเพิ่งงงนะครับ

เท่านี้เราก็จะได้รูปที่มีเส้นขอบสีเทาๆ บางๆ ขนาด 1 พิกเซลแล้วล่ะ (ตัวอย่างในภาพอาจจะมองไม่ค่อยออกนะครับ...เพราะเส้นมันบาง)

อ่อ....เห็นแฮะ

อันดับต่อไป มาสร้างตัวกรอบจริงๆ ให้กับรูปภาพ
ในที่นี้ผมจะสร้างกรอบภาพขนาด 50 พิกเซล สีขาว
ดังนั้นเราจะต้องขยายด้านข้างของภาพออก 50 พิกเซล สองด้านก็เท่ากับ 100 พิกเซล

ขนาดรูปเดิมของเราคือ 510x340 พิกเซล
ดังนั้นเราต้องกำหนดให้เป็น 610x440 พิกเซล

ไป Canvas Size กันเลยครับ
กำหนดควมกว้างเป็น 440 ความสูงเป็น 610
และ Canvas extension color ให้เป็น White

เราก็จะได้รูปที่มีกรอบสีขาว ซึ่งมีขนาดของกรอบ 50 พิกเซล

แต่ยังไม่พอครับ...มันยังดูธรรมดาไป

ไปที่หน้าต่าง Layer แล้วดับเบิ้ลคลิกที่เลเยอร์ Background
จะมีหน้าต่าง New Layer ขึ้นมา ให้คลิก OK

ที่เราทำเช่นนี้เพราะเราต้องการให้รูปของเรากลายเป็น Layer เพื่อที่เราจะสามารถใช้ Layer Style ได้ (ในกรณีที่เป็น Background จะไม่สามารถใช้คำสั่ง Layer Style ได้ครับผม)

สังเกตว่าตอนนี้ เจ้าเลเยอร์ Background ของเราเปลี่ยนชื่อไปแล้ว เป็น Layer0

คราวนี้เราก็มา Canvas Size กันอีกที
เพิ่มขอบข้างละ 10 พิกเซล ดังภาพ

อ่อ..ลืมบอกไป เมื่อภาพของเราเป็นเลเยอร์ จะไม่สามารถเลือกค่า Canvas extension color ได้นะครับ (กลับไปดูรูปข้างบน)

คราวนี้เราก็จะได้รูปภาพที่มีขอบใสๆ มาดังภาพ

ขั้นตอนต่อไป เราจะใส่เงาให้กรอบของเรา เพื่อให้ดูมีมิติเพิ่มขึ้น

ไปที่เมนู Layer > Layer Style > Drop Shadow

ตามภาพเลยครับ

คราวนี้โปรแกรมจะเรียกหน้าต่าง Layer Style ขึ้นมา
กำหนดค่าตามรูปเลยครับ

จริงๆ แล้วเราสามารถปรับค่าต่างๆ ได้อีกนะ แต่คงต้องอธิบายกันยาว
เอาเป็นว่าทำตามผมไปก่อนก็แล้วกัน

ลองสังเกตที่ขอบของกรอบสีขาวนะ....จะปรากฏเงาจางๆ ขึ้นมา แต่อาจจะมองไม่ค่อยชัด...แต่รอเดี๋ยว จะทำให้มันเห็นชัดเจนขึ้นน่ะ

ไปที่เมนู Layer เลือกคำสั่ง Flatten Image

เห็นป่ะ....รูปของเรามีกรอบสีขาวที่มีเงาจางๆ
ดูดีขึ้นไม๊ล่ะครับ

จากนั้นก็พิมพ์ข้อความใส่นิดหน่อยพอเป็นพิธี แต่ไม่ต้องให้รกมากนะ เดี๋ยวจะดูไม่สวยไปซะอีก

ในที่สุด...เราก็ได้รูปพร้อมกรอบ มีรายละเอียดประกอบเล็กน้อย
พร้อมโพสอวดเพื่อนๆ แล้วล่ะ

เสร็จแล้วครับ....ไม่ยากอย่างที่คิดใช่ป่ะ

ขอบคุณคุณ zuume ครับ ที่ให้ยืมรูปประกอบการสอน
ขอบคุณเพื่อนๆ ทุกคนที่เข้ามาชมและคอมเมนต์ครับ

มีโอกาสจะหาอะไรมาแบ่งปันเพื่อนๆ อีกนะครับ

ด้วยความปรารถนาดีจาก
Canabizz Entertainment

กฏการแสดงความคิดเห็น

- โปรดงดเว้น การใช้คำหยาบคาย ดูหมิ่น กล่าวหาให้ร้าย สร้างความแตกแยก

- ห้ามโพสข้อความโฆษณา หรือข้อความในลักษณะจดหมายลูกโซ่

- ทุกความคิดเห็นไม่เกี่ยวข้องกับผู้ดำเนินการเว็บไซต์ และไม่สามารถนำไปอ้างอิงทางกฎหมายได้

- ทางเว็บไซต์ขอสงวนสิทธิ์ในการลบข้อความใดๆ โดยไม่ต้องแจ้งล่วงหน้า

ว้าว หน้านำไปใช้ยิ่ง
โดย travelbike.multiply.com - 09/08/2552 [202.183.235.xxx]

ขอบคุณครับผม
โดย amz1930 [สมาชิก] - 18/07/2552

ความคิตเด้อ
โดย ศิมา - 09/07/2552 [117.47.228.xxx]

ขอบพระคุรสำหรับความรู้นี้ด้วยครับ
โดย โอ๋ - 26/05/2552 [124.121.205.xxx]

ขอบคุณเทคนิคดีๆ
โดย daxzaa - 19/05/2552 [203.146.6.xxx]

ขอบคุณมากค่ะสวยดีค่ะชอบมากเลยอิอิอิอิอิอิอิอิอ
โดย ตั๊กกี้ - 07/03/2552 [58.9.65.xxx]

ดีจังชอบมากเลยขอบคุณนะ
โดย นินจา - 11/02/2552 [119.42.70.xxx]

ดีจัง อยากลองทำดูบ้าง จะได้ละป่าวไม่รู้นะ
โดย อายอาย - 25/12/2551 [124.120.143.xxx]

เก่งจังค่ะ
โดย ตัวเล็ก - 19/12/2551 [58.137.137.xxx]

ลองใช้โปรแกรม PhotoScape V3 ได้ผลเหมือนกัน
โดย NoYNoNg - 18/12/2551 [202.69.140.xxx]

สวยมากค่ะ
โดย ketnaka - 06/12/2551 [222.123.197.xxx]

น่ารักดีแหะแต่ทำไม่เปงอะคับ
โดย เด็กเทพ - 06/12/2551 [118.172.54.xxx]

ดีเนอะ
โดย เด็กเทพ - 06/12/2551 [118.172.54.xxx]

ขอบคุงมากคับ ถ้าทำชื่อเป็เเบบเคลื่อนไหวคงเเจ่มเลย
โดย ปิ๊ก - 29/11/2551 [58.8.160.xxx]

thank you for Idea
โดย อาร์ต - 25/11/2551 [58.8.107.xxx]

กำลังหาอยู่พอดี ขอบคุณที่แนะนำ ดีจัง
โดย นิโกะจัง - 07/09/2551 [125.26.141.xxx]

ขอบคุณครับ
โดย tem - 24/08/2551 [125.26.233.xxx]

ดีคะดีดีดี
โดย binbeen - 14/08/2551 [202.29.5.xxx]

บริการรับทำเว็บไซต์ เว็บไซต์ส่วนตัว เว็บบริษัท เว็บร้านค้า เว็บขายสินค้า โปรโมชั่นพิเศษราคาเริ่มต้นที่ 1,500 บาท ก็มีเว็บไซต์ได้แล้ว หรือจะเลือกแบบพิเศษ ราคา 3,600 บาท ฟรีโดเมนเนม ฟรีเว็บโฮสติ้งตลอดอายุการใช้งาน ติดต่อที่ 108studio.com หรือที่เบอร์ 02-934-9081
โดย ttt - 11/08/2551 [124.120.167.xxx]

ขอบคุณมากที่ให้สาระสำคัย
โดย ไก่ - 24/07/2551 [61.7.142.xxx]

ไอเวงไม่เหนมีไรเปลี่ยนเลย
โดย กาฟหกาฟ - 21/07/2551 [203.172.236.xxx]

ทำไม่ยากแต่ไม่มีโปรแกรมอ่ะแนะนำทางเมลล์หน่อยค้าบ
โดย สอดรู้สอดเห็น - 19/07/2551 [202.149.25.xxx]

good เก๋ ตรงที่สอนแบบละเอียด และไม่หวงความรู้ วงการกล้องต้องการคนใจดีแบบนี้ละคะ ขอบคุณมากมายค่ะ
โดย bambam - 19/06/2551 [124.120.209.xxx]

ทำไม่เป็ง
โดย ฟันจวย - 09/06/2551 [118.172.125.xxx]

ขอบคุณครับ
โดย big - 08/06/2551 [118.175.78.xxx]

ขอบคุณค่ะ..
โดย โอปอ - 07/06/2551 [125.26.48.xxx]

ขอบคุณมั๊กๆครับ
โดย GD - 29/05/2551 [202.29.24.xxx]

ทำแบบนี้ทุกรูป เหนื่อยตาย ไม่ต้องเอาเวลาไปทำอย่างอื่นพอดีครับ แนะนำให้ทำเป็น Action เก็บไว้ครับ แล้ว click เดียวได้กับทุกรูป
โดย ... - 09/05/2551 [203.152.39.xxx]

สุดยอดไปเลยย ยย~ เเต่ไม่มีโปรเเกรมอ่าค่า ทำไงดี (U_U)
โดย Pam*SP - 08/05/2551 [203.155.226.xxx]

yas ok
โดย ding - 04/05/2551 [212.71.37.xxx]

แปลก หรือ ยาก ตรงไหน ขอบคุณแล้วกันที่มาแบ่งปัน ดีแระ
โดย ฟิสสสสหก - 18/04/2551 [125.25.204.xxx]

ขอบคุณครับ
โดย บี - 22/03/2551 [125.24.217.xxx]

ทำไม่ได้อ่ะค่ะ ใช้เวอร์ชั่น 7.0 ไม่มีให้เลือกสีเส้นอ่ะ แล้วเส้นมันก็เปลี่ยนไปอยู่กรอบนอกทุกทีเวลาใส่ค่าตัวใหม่อ่ะ ทำไมๆๆๆๆ เศร้าจัง
โดย สาธุ - 08/03/2551 [125.24.90.xxx]

หาวิธีทำกรอบน่ารักๆ อยู่พอดีเลยค่ะ ขอบคุณมากกกกกก เลยค่า
โดย ม้าหมี่ - 06/03/2551 [124.120.211.xxx]

มีอีกไหมคะ เอาอีก ๆๆ
โดย บะหมี่ - 18/02/2551 [202.12.73.xxx]

แหล่มเลยยยยยยยยยย....
โดย khuneve - 08/02/2551 [125.24.104.xxx]

ใช้โปรแกรมไหนเหรอค่ะ
โดย PIM - 01/02/2551 [124.157.204.xxx]

เป็นประโยชน์มากเลยค่ะสำหรับมือใหม่อย่างเรา วันหลังมีอะไรดี ๆ มาแนะนำอีกนะคะ ขอบคุณค่ะ
โดย tookata - 26/01/2551 [203.113.81.xxx]

เจ๋งว่ะ
โดย ลุงK - 24/01/2551 [61.7.140.xxx]

ขอบคุณที่แบ่งปันความรู้สู่กัน
โดย หนึ่ง Pr.อบจ.สมุทรสาคร - 12/01/2551 [203.113.67.xxx]

อยากได้รูปแบบอื่นบ้างอะคับ สอนๆ ผมหน่อยนะคับ
โดย ARCHy - 08/01/2551 [58.8.52.xxx]

Exellent ~~
โดย หนูดีคนสวย - 29/12/2550 [58.64.76.xxx]

เยี่ยมครับ คุณทำความดีนะครับ...ชมเชยครับที่ให้ความรู้ผมและคนอื่นๆ
โดย pb - 21/12/2550 [222.123.222.xxx]

ขอบคุณมากนะคะที่สะระเวลามาสอน
โดย น้องเมย์ สตูล - 20/12/2550 [202.91.19.xxx]

ขอบคุณจริงๆเป็นประโยชน์มากๆสำหรับผมที่อยากเรียนรู้มาก
โดย อาจ ธีรภัทร - 03/12/2550 [58.9.201.xxx]

ยอดๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆมาก
โดย กฤติยา - 01/12/2550 [125.25.218.xxx]

ทำยากมากเลยแต่ทำได้แล้ว
โดย ส้ม - 16/11/2550 [203.172.178.xxx]

เยี่ยมมากค่ะ เจ๋งจริงๆ
โดย มาย - 13/11/2550 [117.47.56.xxx]

ดีจัง ครับ ง่ายดีครับ
โดย เอก - 07/11/2550 [58.8.175.xxx]

ขอบคุณมากครับ ได้ความรู้เพิ่มเติมมากมาย
โดย คนอยากรู้ - 20/09/2550 [202.44.1.xxx]

โครต ม่าย สวย
โดย คนสวยยยยยยยยยยยยยย - 09/09/2550 [222.123.213.xxx]

วิธีการปลูกมะเขือเทศ
โดย คน นามสกุลมนุษย์ - 09/09/2550 [222.123.213.xxx]

ขอบคุณค่ะที่แนะนำในการทำกรอบรูปสวยๆชอบมากเลย
โดย น.ส.ภัชรา คำลือ - 31/08/2550 [125.24.136.xxx]

ขอบคุนมากนะค้า ดีมากเลยคะ วันหลังเอามาฝากอีกนะคะ
โดย FLB - 17/08/2550 [125.25.145.xxx]

ดีมากเลยจะได้มีรูปเก๋ๆ
โดย jaja - 14/08/2550 [222.123.114.xxx]

Photoshop....เป็นชื่อโปรแกรม ส่วน Adobe เป็นชื่อของบริษัทผู้ผลิตครับผม ถ้าเคยเรียน 7.5 ก็น่าจะใช้ Version ที่สูงกว่าได้แบบไม่ยาก เพราะ Photoshop มีพื้นฐานในการใช้งานแบบเดียวกันทุก Version ครับ
โดย Canabizz - 10/07/2550 [125.24.130.xxx]

photo shop / adobe อย่างเดียวกันคะ adobe photoshop
โดย joy - 06/07/2550 [124.120.245.xxx]

มันมีประโยชน์มากคะ ขอถามอะไรสักนิด ไม่ทราบว่าใช้โปรแกรมอะไรคะ photo shop / adobe ถ้าเป็น 2 โปรแกรมนี้ อันหนึ่งอันใด มันมีข้อแตกต่างของการใช้งานไหมคะ เคยเรียน adobe 7.5 ขอบคุณคะ
โดย เด็กใหม่ฝึกหัด - 05/07/2550 [203.113.17.xxx]

อยากปรับแสงเป็น ที่ใช้โหมด TV และ AV รบกวนผู้รู้แนะนำเบื้องต้นให้หน่อยนะคะ
โดย aeh - 01/07/2550 [124.120.235.xxx]

ใจดีจัง ขอบคุณค่ะ รบกวนถามค่ะ ไม่ทราบว่ามีโปรแกรมแต่งรูปอะไร ที่สามารถพิมพ์ TAX ภาษาไทย และมีตัวเลือกเห้เปลียนแบบตัวหนังสือคะ
โดย นิดนึง - 09/06/2550 [203.156.71.xxx]

ขอบคุณครับ
โดย ต่อ - 07/06/2550 [58.147.125.xxx]

Thanks krab
โดย NueNg - 07/06/2550 [205.233.28.xxx]

Thank มากๆๆ ค่ะ อิอิ
โดย mimi - 30/05/2550 [125.25.94.xxx]

เย่! ไม่ยากจริงๆด้วยแหะ ขอบคุณมากค่ะ
โดย pim - 29/05/2550 [124.121.80.xxx]

ขอบคุณ ได้ความรู้ใหม่
โดย friendly - 21/05/2550 [58.10.158.xxx]

ดีจังเลย ลองทำดูแล้ว ประทับใจมั่กๆ แต่อยากได้กรอบแบบเหมือนกับหน้ากระดาษกำลังจะถูกเปิดแบบแง้ม ทำยังไงอ่ะ ใคร่รู้บอกหน่อยจิ
โดย เด็กอยากรู้ - 16/04/2550 [58.9.77.xxx]

ลองทำไม่เห็นเหมือนนภาพเลย หรือไม่เข้าใจอะไรไม่รู้ ช่วยชี้แนะ
โดย nutchanun - 15/04/2550 [222.123.9.xxx]

ถ้ามีเทคนิคดีอย่างนี้อีก ช่วยแนะนำหน่อยนะค่ะ มือใหม่หัดเรียน Photoshop จริงๆค่ะ
โดย nutchanun - 15/04/2550 [222.123.9.xxx]

เจ๋งมั่กๆค่ะ แต่ว่าถ้าอยากทำกรอบให้เป็นเบลอๆ ต้องทำยังไงบ้างคะ โปรดเมตตาช่วยสอนทีนะคะ ขอบคุณค่ะ
โดย porpera - 13/04/2550 [222.123.110.xxx]

ขอบคุณมากครับเข้าใจง่ายดี
โดย andy_Q - 06/04/2550 [125.25.51.xxx]

เปิดสอนทำ postcard ไหมสนใจสุด ๆ
โดย ทอง - 03/04/2550 [203.147.50.xxx]

ไฮโซมั่กๆงับ
โดย หมี - 29/03/2550 [124.120.188.xxx]

ขอบคุณมากค๊าบบบ มีประโยชน์มั่ก ๆ เลยคับ อยากทำเองมานานแระ คิคิ
โดย NoMoreTimeZ - 28/03/2550 [58.9.1.xxx]

ขอบคุณค่ะ
โดย ngar - 28/03/2550 [202.28.62.xxx]

Many Thanks หลายๆๆ คร๊าบ............
โดย Legolas - 25/03/2550 [58.137.29.xxx]

ขอบคุณ ครับที่ให้เทคนิค อีกอย่างในการทำงานครับ แต่ถ้าอยากเรียนด้วยจะเปิดสอนไหมครับ
โดย Design - 19/03/2550 [124.121.107.xxx]