All Blog
การใช้ Layer Style ทำภาพให้เป็นแบบนูนต่ำ
         
มาลองทำตัวหนังสือธรรมดา ให้ดูนูนขึ้นมา โดยใช้ Layer Style
เริ่มจากสร้างไฟล์ใหม่ขนาด กว้าง 300 pixel สูง 100 pixel
แล้วพิมพ์ตัวหนังสือลงไป








          
จากนั้นไปที่ Layer > Layer Style > Bevel and Emboss... หรือคลิกที่
แล้วเลือก Bevel and Emboss...








จะได้หน้าต่างกำหนดค่าของ Bevel and Emboss








เมื่อกำหนดได้ตามต้งการแล้ว กด ok
ก็จะได้ตัวหนังสือที่ดูนูนนึ้นมาแล้ว








สามารถนำไปใช้กับภาพก็ได้ โดยทำวิธีเดียวกัน






.................................................................................................................................
กลับไปหน้า Photoshop






Create Date : 02 กรกฎาคม 2553
Last Update : 2 กรกฎาคม 2553 2:58:47 น.
Counter : 3697 Pageviews.

0 comment
การทำเงาให้กับภาพ เพื่อให้ภาพดูเหมือนลอยขึ้นมาจากพื้นหลัง
สร้างไฟล์ใหม่ขึ้นมา แล้วนำภาพที่ทำการไดคัทแล้วมาวาง











          
จากนั้นไปที่ Layer > Layer Style > Drop Shadow... หรือคลิกที่ แล้วเลือก Drop Shadow...










จะได้หน้าต่าง Drop Shadow








ในส่วนของ Angle จะเป็นการกำหนดทิศทางในการทิ้งเงา








Distance จะเป็นการกำหนดระยะห่างระหว่างตัวภาพและเงา
ยิ่งตัวเลขมากก็ยิ่งห่าง




Size จะเป็นความ blur ของเงา ยิ่งตัวเลขมากก็ยิ่ง blur




.................................................................................................................................
กลับไปหน้า Photoshop










Create Date : 19 มิถุนายน 2553
Last Update : 19 มิถุนายน 2553 22:15:15 น.
Counter : 2572 Pageviews.

0 comment
มาทำตัวอักษรแบบไล่โทนสี เอาไว้แต่งหัวข้อของบทความ กันครับ
1. คลิกเปิดโปรแกรม Adobe Photoshop เลือกสร้างไฟล์ใหม่ File
--> New












        2. เลือกขนาดของไฟล์ ที่ต้องการ (ตามตัวอย่างใช้ขนาด
500x100 pixel)












        3. เลือกใช้ Text Tools พิมพ์ข้อความที่ต้องการ
ปรับเปลี่ยน font ตามที่เราชอบ












        4. ที่หน้าต่าง Layer ให้ Double Click ที่ Layer ของ
Text ที่เราพิมพ์ไว้ จะปรากฏหน้าต่าง Layer Style






        5. Click ที่ Gradient Overlay จะมี Option
ของสีให้เลือก






        6. Click ที่ช่องของสี ก็จะมีสีสำเร็จรูปให้เลือก
หรือเราจะเลือกปรับสีเองตามใจชอบก็ได้










        7. เมื่อได้สีที่ต้องการ Click ที่ปุ่ม Ok
เราก็จะได้ตัวอักษรแบบไล่โทนสี เอาไว้แต่งบนหน้าเว็บของเราแล้วครับ









Create Date : 08 มิถุนายน 2553
Last Update : 8 มิถุนายน 2553 10:58:42 น.
Counter : 909 Pageviews.

0 comment
การ แต่งภาพให้ภาพพื้นหลังเป็นสีเทา แต่ภาพหลักกลับมีสีสดสวยงาม
วันนี้มีเทคนิคเล็กๆ น้อยๆ มาฝากค่ะ




เกี่ยวกับการทำภาพพื้นหลังให้มีสีเทา แล้วทำให้ภาพหลักของเราเด่นขึ้น




ตัวอย่างดังรูปด้านล่างนี้ค่ะ



นิ่มซี่เส็ง วงเวียน เชียงใหม่


วิธีแต่งรูป มีดังต่อไปนี้ค่ะ






ขั้นตอนที่ 1 เตรียมรูปให้พร้อม




เอารูปที่จะทำเปิดในโปรแกรม Photoshop (ตอนนี้ใช้  Photoshop CS2)




จะเห็นว่าเลเยอร์ของรูปที่เราจะแต่งนั้นมัน lock อยู่ เราจะต้องปลดล็อก




ให้คลิกขวาตรงเลเยอร์ของรูป แล้วเลือก Duplicate Layer .. ดังรูป


duplicate layer




เมื่อเลือก Duplicate Layer แล้ว จะมี Pop up ขึ้นมา ให้กด OK




เสร็จแล้ว จะเห็นว่ามี Layer เพิ่มขึ้นมาอีก 1 เลเยอร์




ให้ลบ Layer ที่ Lock ทิ้งไป ด้วยการ คลิกเลือก Layer ที่มีรูปกุญแจ
ลากไปทิ้งลงปุ่ม ถังขยะ




จากนั้นเราก็พร้อมที่จะเข้าสู่ขั้นตอนการทำสีแล้วค่ะ



สอนแต่งรูป






ขั้นตอนที่ 2 ทำสี




ให้เลือก Layer รูปของเรา แล้วคลิกทีปุ่ม Create new fill or adjustment
layer ดังภาพ

create new fill Photoshop


แล้วเลือก Gradient Map ... ดังรูป



Gradient Map Photoshop




แล้วเราจะได้รูปที่เป็นสีขาวดำออกมา ทีนี้ เราต้องเลือกล่ะ
ว่าจะให้รูปส่วนใหนเด่น ให้มีสีสัน




ณ ที่นี้เลือกรูปปูกับผักสลัดให้มีสี ส่วนอื่นปล่อยให้เป็นสีขาวดำค่ะ




โดยการเลือกที่เลเยอร์ Gradient Map 1 (อย่าเลือกผิดเชียว)




แล้วใช้ ยางลบ หรือ Eraser Tool (E) ดังรูป ลบตรงส่วนของรูปผักสลัด
และรูปปู



Photoshop cs


ค่อยๆ ลบ ใจเย็นๆ นะคะ




เมื่อทำเสร็จแล้วก็จะได้รูปแบบนี้แหละค่ะ


สอนแต่งรูปด้วย Photoshop




ที่มาของ บทความ จากเว็บที่โพสไว้ในภาพ เลยนะค่ะ


ขอบคุณมากๆๆ

















Create Date : 02 มิถุนายน 2553
Last Update : 2 มิถุนายน 2553 23:53:14 น.
Counter : 4518 Pageviews.

0 comment
มาสร้างภาพตัวต่อ (ภาพจิ๊กซอว์) ด้วย Photoshop

วันนี้เรามาลองสร้างภาพตัวต่อหรือที่เราเรียกกันว่าภาพตัวต่อ
(ภาพจิ๊กซอ) ด้วยโปรแกรม Photoshop กันครับ ลองดูภาพก่อนเลยครับ












1. ตอนแรกเลือกภาพมาสักใบก่อนนะครับ








2. ไปที่ Layer Pallet และทำการกด Ctrl + J (PC) หรือ Comand + J (Mac)
เพื่อที่จะสร้างสำเนาของภาพนะครับ เมื่อเสร็จแล้วเราก็จะได้ Layer1
ขึ้นมาดังภาพนะครับ









3. ทำการสร้าง Layer เปล่ามาหนึ่งอันนะครับโดยการกดปุมสร้าง Layer
ตามภาพเลยนะครับ











4. จะได้ Layer2 มาครับ







5. ทำการย้าย Layer2 มาตรงกลางนะครับ



6. ทำการใส่สีนะครับโดยเลือก Edit>Fill







7. เลือกสีขาวนะครับ แล้วกด OK



8. จะได้ Layer2 มีสีขาวนะครับ


9. เลือกกลับไปที่ Layer1


10. ขั้นตอนต่อมาเป็นการใส่ลายนะครับ ให้เราไปเลือกที่
Filter>Texture>Texturizer นะครับ


11. จะเห้นหน้าต่างขึ้นมานะครับเรากดปุ่มสามเหลี่ยมเล็กนะครับ
แล้วก็จะเห็นคำว่า Load Texture ขึ้นมานะครับ ให้เรากดไปที่ Load Texture


12. ทำการเลือกTexture ซึ่งtexture นี้จะเป็นไฟล์ที่มีมาให้กับโปรแกรม
Photoshop อยู่แล้วนะครับ ซึ่งจะอยู่ในโฟลเดอร์ของโปรแกรม Photoshop เช่น C:Program FilesAdobeAdobe
Photoshop CS3PresetsTextures

เมื่อเราเลือกโฟลเดอร์แล้วจะเห็นว่ามีไฟลซื่อ Puzzle.psd
ให้เราเลือกไฟล์นั้นนะครับ



13. ทำการปรับ Scale เพื่อเพิ่มขนาดของตัวต่อ (ตัวจิ๊กซอ) และปรับ
Relief เพื่อเพิ่มความลึกของตัวจิ๊กซอ อันนี้เราสามารถปรับได้ตามใจนะครับ
ลองปรับแล้วลองดูตัวอย่างจนเราพอใจนะครับ เสร็จแล้วกด OK


14. ภาพก็จะได้ประมาณนี้ครับ
จริงๆแล้วขั้นตอนนี้ถ้าเพื่อนๆพอใจก็สามารถพอได้นะครับ
เพราะว่าภาพที่เราแต่งมาก็เป็นภาพตัวต่อ (ภาพจิ๊กซอว์)ในระดับนึงแล้วครับ
แต่อย่างไรก็ดีเราสามารถเพิ่มลูกเล่นให้เหมือนว่าตัวต่อ
(ตัวจิ๊กซอว์)นั้นได้หลุดออกมาจากกรอบนะอีกครับ


15. ไปที่ Tool Pallet แล้วเลือก Pen Tool ครับ


16. ให้เราเลือก Pen Tool เป็นแบบSelect Path
ดูตามภาพนะครับจะได้เข้าใจมากขึ้นครับ


17. ขั้นตอนนี้เราจะใช้ Pen Tool สร้าง path รอบๆตัวต่อ
(ตัวจิ๊กซอว์)นะครับ ขั้นตอนในการสร้าง path
นี้ต้องใช้ความละเอียดนิดหน่อยครับ


18. หลังจากสร้างเสร็จแล้วให้กด Crtl + Enter (Pc) หรือ Command+Return
(Mac ) เพื่อทำการสร้าง selection นะครับ


19. ทำการตัดโดยการเลือก Edit>Cut


20. ส่วนที่เป็นตัวต่อ (ตัวจิ๊กซอว์)เมื่อกี้ก็หายไปนะครับ


21. ต่อมาทำการ paste เพื่อทำการวางชิ้นส่วนของตัวต่อ (ตัวจิ๊กซอว์)
โดยการเลือก Edit Paste


22. เราก็จะได้ Layer ใหม่ขึ้นมา ซึ่งเป็น Layer ที่มีส่วนของตัวต่อ
(ตัวจิ๊กซอว์) ที่เราได้ทำการตัดมาครับ


23. ต่อมาเราต้องทำการหมุนตัวต่อ (ตัวจิ๊กซอว์) โดยการเลือก
Edit>Free Transform


24. ทำการหมุนตัวต่อ (ตัวจิ๊กซอว์) จนพอใจแล้วกด Enter (PC) หรือ Return
(Mac) เพื่อทำการหมุนนะครับ


25. ต่อมาไปที่ layer pallet ให้เราเลือก layer effect เป็น Drop Shadow
ตามภาพนะครับ



26. ลองทำการปรับ ค่าต่างๆจนเราพอใจกับเงาที่ได้นะครับ แล้วกด OK นะครับ


27. เสร็จแล้วหนึ่งอันครับ



28. ต่อมาเราก็อาจจะต้องทำการทำซ้ำเพื่อสร้างตัวต่อ (ตัวจิ๊กซอว์)
เล็กๆมากขึ้นนะครับ โดยเราต้องกลับไปเลือก Layer1 แล้วทำซ้ำขั้นตอน 17-26
จนเราได้ตัวตัวต่อ (ตัวจิ๊กซอว์) ในจำนวนที่พอใจนะครับ
ขั้นตอนนี้ใจเย็นๆค่อนทำครับ ซึ่งก็จะได้ออกมาประมาณนี้ครับ


29. เรายังสามารถเพิ่มลูกเล่นได้อีกนะครับ ให้เราเลือก Layer1
แล้วเราจะใช้ Pen Tool สร้าง path รอบกรอบใหญ่ของเรานะครับ
ขั้นตอนนี้ใจเย็นๆค่อนทำครับใช้เวลานิดนึงครับ


30. หลังจากสร้างเสร็จแล้วให้กด Crtl + Enter (Pc) หรือ Command+Return
(Mac ) เพื่อทำการสร้าง selection นะครับ


31. ทำการเลือก Select>Inverse


32. เลือก Edit>Cut เพื่อตัดส่วนที่เราไม่ต้องการออก


33. ก็จะได้ประมาณนี้ครับ


34. ทำการ Drop Shadow ครับ


35. ปรับค่าต่างๆของเงาจนเราพอใจ
เราสามารถดูตัวอย่างขณะปรับได้เลยนะครับ ในที่นี้ผมเลือกใช้ Blend mode:
Normal, Opacity = 37%, Angle = 135, Distance = 30 px, Spread = 5%, Size =
3 px นะครับ


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


หวังว่าคงนำวิธีการสร้างภาพตัวต่อ (ภาพจิ๊กซอว์) ด้วย Photoshop
ไปประยุกต์ใช้งานได้นะครับ






Create Date : 02 มิถุนายน 2553
Last Update : 2 มิถุนายน 2553 22:45:30 น.
Counter : 1998 Pageviews.

0 comment
1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  

ชีวานรินทร์
Location :
  

[ดู Profile ทั้งหมด]
ให้ทิปเจ้าของ Blog [?]
 ฝากข้อความหลังไมค์
 Rss Feed
 Smember
 ผู้ติดตามบล็อก : 3 คน [?]