Tuesday, May 23, 2017

.

สร้างภาพเคลื่อนไหว Gif Animation ด้วย Adobe Photoshop CS6

February 12, 2017 by  
Filed under Photo Editor

ในปัจจุบันมีโปรแกรมทำภาพเคลื่อนไหวอนิเมชั่น (Gif Animation) อยู่มากมาย ทั้งแบบที่เป็นโปรแกรมฟรีและแบบเสียเงิน แต่โปรแกรม photoshop ที่เราใช้แต่งภาพนั้น ก็สามารถทำไฟล์ Gif Animation ได้เช่นกัน ซึ่งถ้าหากเราใช้งาน photoshop อยู่เป็นประจำอยู่แล้ว ก็สามารถที่จะเรียนรู้วิธีการได้ไม่ยากเลย วิธีการสร้างภาพเคลื่อนไหว Gif Animation ด้วย Adobe Photoshop CS6 1. ในตัวอย่างนี้จะใช้ layer แสดงตัวเลข 1-5 เพื่อแสดงลำดับการแสดงผลแบบง่ายๆ โดยเราจะสร้างๆไฟล์ภาพใหม่ขึ้นมา ขนาด 200×200 pixel และให้มี layer จำนวน 5 layer ที่มีตัวเลข 1-5 ตามลำดับ 2. ไปที่เมนู Window=>Timeline เราจะได้หน้าต่างสำหรับควบคุมการทำงานของตัวอนิเมชั่นขึ้นมา ให้เรากดปุ่ม Duplicated selected frame ได้เลย เพื่อให้มีจำนวนเฟรมในรูปภาพ จำนวน 5 อัน หรือหากเรามีไฟล์ภาพอยู่เดิมแล้ว […]

Photoshop ลดขนาดไฟล์ภาพด้วยเมนู Save for web

September 3, 2016 by  
Filed under Photo Editor

ในโปรแกรม Photoshop นั้น จะมีตัวช่วยในการลดขนาดไฟล์ภาพอยู่หลายตัว เช่น การปรับขนาดกว้างxยาว หรือ การลดความละเอียด (Resolution) แต่จะมีอีกเมนูหนึ่งที่เราสามารถนำมาใช้ได้แบบง่ายๆในขั้นตอนการเซฟภาพ ซึ่งก็คือเมนู Save for web นั่นเอง ซึ่งก็จะมีตัวเลือกปลีกย่อยให้เราสามารถเล่นได้อีก วิธีการลดขนาดภาพโดยใช้เมนู Save for web 1. เมื่อเราเปิดไฟล์ภาพที่ต้องการขึ้นมาได้แล้ว ให้เราไปที่เมนู File=>Save for web หรือปุ่มชอตคัทคือ Alt+Shift+Ctrl+S 2. ในส่วนของเมนู Save for web นั้น จะมีส่วนที่ให้เราสามารถปรับแต่งและใช้งานอยู่หลายส่วนด้วยกัน แต่ที่เรามักจะใช้อยู่บ่อยๆ ก็คือ 2.1 ส่วนแทปด้านบน ซึ่งจะมีตัวเลือกให้เราแบบสำเร็จรูปว่าจะเลือกการเซฟรูปภาพให้ออกมาในแบบใด คือ Original, Optimize, 2-up และ 4-up ตรงส่วนนี้ก็แล้วแต่เราว่าจะให้ภาพที่ได้มีขนาดย่อลงไปมากน้อยแค่ไหน 2.2 ส่วนของการเปลี่ยนชนิดไฟล์ภาพและคุณภาพในแต่ละชนิด โดยเราจะสามารถเลือกปรับชนิดได้ 5 นามสกุล คือ GIF, JPG, […]

ทำภาพจิกซอว์ (Jigsaw) ด้วย Photoshop CS6

July 3, 2016 by  
Filed under Photo Editor

การทำภาพจิกซอว์ (Jigsaw) ด้วยโปรแกรม Photoshop CS6 นั้นสามารถทำได้ไม่ยากเลย เพราะมีตัว style แบบสำเร็จมาให้เราได้ใช้งานอยู่แล้ว ซึ่งเราสามารถทำได้เลย โดยใช้เวลาเพียงไม่กี่วินาที ก็เสร็จแล้ว และสามารถปรับแต่งค่าต่างๆได้อีกด้วย ปล.ใน Photoshop ตัวใหม่ๆจะมีฟังค์ชั่นนี้ แต่ในตัวเวอร์ชั่นเก่าๆอาจจะไม่มี เช่น CS4 CS5 เราต้องใช้อีกวิธีนึงในการทำภาพจิกซอว์ (Jigsaw) ขั้นตอนการทำภาพจิกซอว์ (Jigsaw) ด้วย Photoshop CS6 1. เปิดภาพที่ต้องการขึ้นมา แล้วทำการ duplicate layer เพิ่มขึ้นมาหนึ่งอัน (เพื่อป้องกันความผิดพลาด) โดยเราจะทำการแต่งภาพจิกซอว์ใน layer ใหม่นี้ 2. ไปที่เมนู style แล้วเลือกอันที่เป็น puzzle image ตามภาพได้เลย 3. เราก็จะได้ภาพจิกซอว์ (Jigsaw) แบบง่ายๆออกมา ตามภาพ 4. เราสามารถปรับแต่งค่าได้ด้วย โดยผ่านเมนู Blending option ของ […]

การใช้งานเส้นกริด (Grid) ใน Photoshop CS6

May 6, 2016 by  
Filed under Photo Editor

เส้นกริด (grid) ใน photoshop ก็คือตารางแบบสมมติที่ทำให้เราสามารถกะประมาณหรือวัดระยะทำงานได้แม่นยำขึ้น โดยจะเป็นลักษณะสีเทาๆแบบทั้งเส้นทึบและเส้นประ โดยเส้นทึบจะแบ่งเป็นช่องใหญ่ๆและเส้นประก็จะแบ่งเป็นช่องเล็กอีกทีนึง ตามตัวอย่างก็จะเห็นเป็นกริดใน photoshop ที่แบ่งช่องเล็กๆตามที่ได้อธิบายไว้ข้างต้น การเปิดใช้งานเส้นกริดใน photoshop ก็ให้ไปที่เมนู View=>Show=>Grid หรือใช้คีย์ลัดเป็น Ctrl+’ เราสามารถปรับแต่งการแสดงผลของเส้นกริดได้ โดยไปที่เมนู Edit=>Preference=>Guides, Grid and Silde โดยเราจะสามารถปรับตั้งค่าเหล่านี้ คือ 1. color สีของเส้นกริด 2. style ลักษณะรูปแบบของเส้นกริด (เส้นตรง เส้นประ หรือ จุด) 3. Gridline every ให้แสดง grid line ทุกๆหน่วยเท่าไหร่ 4. Subdivision จำนวนช่องย่อยในแต่ละบลอค

ลบรอยสิวได้ง่ายๆ Photoshop CS6

May 3, 2016 by  
Filed under Photo Editor

ในตัวโปรแกรม Photoshop นั้น จะมีเครื่องมือตัวหนึ่งที่ช่วยให้เราสามารถลบรอยสิว รอยดำบนใบหน้าเราได้ง่ายๆ โดยเจ้าตัวเครื่องมือนี้มีชื่อว่า Spot Healing Brush Tool นั่นเอง ซึ่งเราสามารถทดลองทำตามไปได้เลย ตามนี้ 1. เปิดไฟล์ภาพถ่ายขึ้นมา ในตัวอย่างนี้จะเห็นได้ชัดว่ามีรอยสิวอยู่เต็มทั่วใบหน้าไปหมดเลย (ขอบคุณภาพจาก acne.org) แล้วให้เราไปเลือกที่เครื่องมือ Spot Healing Brush Tool หรือกดปุ่มคีย์ลัด J ตามภาพ 2. เราสามารถปรับตั้งค่าต่างๆเพิ่มได้ (ด้านบนของตัว photoshop) แต่หลักๆที่เราจะต้องใช้ คือ ขนาดของแปรง แนะนำให้ลองปรับดูตามเหมาะสม ส่วนค่าอื่นๆจะลองปรับเล่นดูก็ได้ 3. หลักการใช้งาน คือ เห็นหัวสิวตรงไหน ก็กดไปตรงนั้นได้เลย ตัวโปรแกรมจะทำการคำนวณค่าสีให้เอง โดยจะดึงจากพื้นที่ข้างเคียงมาใส่ให้ แนะนำว่าค่อยๆกดทำไปทีละจุดจนครบ ก็จะเห็นถึงความแตกต่าง (ในตัวอย่างนี้ จะทำแค่เพียงบางจุดเท่านั้น เพื่อทดลองให้เห็นเป็นเบื้องต้นก่อน) ก็จัดว่าไม่ยากสำหรับการใช้โปรแกรม Photoshop CS6 มาลบรอยสิวรอยดำ ถ้าภาพตัวอย่างมีรอยสิวเยอะๆก็คงต้องใช้เทคนิคอื่นเข้ามาช่วยด้วย เพื่อความเรียบเนียนสมจริงขึ้นอีกขั้น

การทำควันใน Photoshop แบบง่ายๆ

September 25, 2015 by  
Filed under Photo Editor

ในบทความนี้ เราจะมาลองทำควันแบบง่ายๆกัน ใน Photoshop กัน ซึ่งใช้เวลาไม่นาน ก็จะได้ออกควันมาแล้ว ไม่ยุ่งยาก เพียงไม่กี่คลิกก็เสร็จแล้ว โดยจะใช้เครื่องมือหลักๆ 2 ตัว คือ Brush กับ Blur แค่นั้นล่ะ ขั้นตอนการทำควันใน Photoshop แบบง่ายๆ 1. เปิดไฟล์ภาพที่ต้องการทำควันขึ้นมาก่อนเลย ในตัวอย่างจะเป็นควันธูปเทียนและเป็นภาพถ่านตอนกลางคืนด้วย 2. สร้าง layer ใหม่ขึ้นมาก่อน แล้วใช้ Brush Tool แล้วเลือกแปรงอันที่เข้าตรงกลาง/ข้างๆจางๆ (Soft Round Prussure Size) ป้ายสีขาวลงไปบริเวณที่ต้องการ โดยลากทำรูปคล้ายๆกับควันลอยขึ้นมา แต่ต้องเลือกขนาดให้เหมาะสมกับภาพของเราด้วย (ลองดูสักขนาดก่อน แล้วค่อยย้อนลับมาปรับก็ได้) 3. ใช้ Filter Gaussion Blur แล้วลองปรับขนาดดู ในตัวอย่างจะใช้ค่าที่ 15 ซึ่งก็จะทำให้ได้ควันแบบฟุ้งๆออกมาเป็นกลุ่มๆได้เลย เพียงแค่นี้ เราก็จะได้ควันออกมาแล้ว ซึ่งเป็นการทำแบบง่ายๆ เน้นความรวดเร็ว แต่ได้ภาพออกมาดูสวยงามตาม style […]

การหมุนภาพและพลิกกลับภาพใน Photoshop

September 5, 2015 by  
Filed under Photo Editor

ฟังค์ชั่นพื้นฐานอย่างนึงของ Photoshop ที่เราควรทราบไว้และใช้งานได้คล่อง ก็คือ การหมุนภาพและการกลับภาพ ซึ่งโดยปกติแล้ว เราสามารถที่จะทำได้แบบทั้งภาพเลยหรือเลือกทำเฉพาะบางเลเยอร์ก็ได้ และในตัวของ photoshop เองก็จะมีคำสั่งสำเร็จรูปมาให้แล้ว ว่าจะหมุนภาพ/กลับภาพ ไปเป็นแบบได รวมถึงเราก็สามารถปรับหมุนแบบอิสระได้อีกด้วย ในบทความนี้ ทาง PhotoShotRich.com ก็จะขอเอาตัวย่างการกลับภาพแต่ละแบบมาให้ดูกัน เพื่อเป็นตัวอย่างและจะได้นึกภาพออกเมื่อต้องใช้งานจริง เราสามารถใช้ฟังค์ชันการกลับด้านรูปภาพได้โดยไปที่เมนู Edit => Transform ก็จะมีคำสั่งมาให้เลือก 6 ตัวที่เกี่ยวข้อง โดยในแต่ละคำสั่ง คือ Rotate (หมุนภาพแบบอิสระ), Rotate 180, Rotate 90′ CW, Rotate 90′ CCW, Flip Horizontal และ Flip Vertical จะมีผลตามดังรูป

Photoshop ทำกรอบรูปแบบง่ายๆกัน

March 5, 2015 by  
Filed under Photo Editor

ในโปรแกรม Photoshop นั้น เราสามารถประยุกต์มาทำกรอบรูปแบบง่ายๆกันได้ด้วยการใช้เครื่องมือเพียงไม่กี่อย่าง เราสามารถทำกรอบรูปแบบมน แบบกรอบฟุ้ง หรือกรอบวงกลม หรือกรอบรูปแบบอื่นๆก็ได้ ง่ายๆครับ ขั้นตอนการทำกรอบภาพโดยใช้ Photoshop 1. เปิดรูปภาพที่เราต้องการขึ้นมา แล้วเลือกใช้เครื่องมือ Rectangular Marquee Tool เลือกแบบกรอบสี่เหลี่ยมก่อน (หรืออาจะจะใช้ Elliptical Marquee Tool ก็จะเป็นการเลือกแบบกรอบโค้ง วงรีหรือวงกลม) 2. เลือกพื้นที่ที่ต้องการให้เป็นกรอบภาพ แล้วแต่ความเหมาะสม 3. ไปที่เมนู Select => Inverse เพื่อทำการกลับส่วนที่เราได้เลือกไว้จากตรงกลางภาพไปเป็นส่วนด้านขอบๆของภาพ 4. ทำการลบมุมตรงกรอบรูปหน่อย โดยใช้ Smooth Seletion แล้วกำหนดขนาดตามที่เราต้องการ ในตัวอย่างกำหนดไว้ที่ 20 5. ลบส่วนที่เลือก (ขอบ) นั้นทิ้งไป เราก็จะได้เป็นพิ้นที่ว่างๆขึ้นมาบริเวณขอบรูป 6. ใช้เครื่องมือ Paint Bucket Tool เพื่อเทสีลงในส่วนของกรอบภาพ ในที่นี้จะเลือกเป็นสีขาว ก็จะได้พื้นที่กรอบภาพเข้ามา 7. […]

วิธีใช้ Photoshop ทำหน้าชัดหลังเบลอหรือชัดตื้น

February 14, 2015 by  
Filed under Photo Editor

ในโปรแกรม Photoshop นั้น เราสามารถทำหน้าชัดหลังเบลอหรือชัดตื้นได้ด้วย โดยการใช้เทคนิคเพียงไม่กี่ขั้นตอน ก็จะได้งานออกมาแล้ว ด้วยหลักการของ selection และ Guassian Blur ก็เป็นอันเสร็จขั้นตอน วิธีใช้ Photoshop ทำหน้าชัดหลังเบลอหรือชัดตื้น 1. เปิดไฟล์ภาพที่ต้องการขึ้นมา แล้วใช้เครื่องมือ Polygonal lasso tool เพื่อเลือกส่วนที่เราต้องการให้มันชัดเก็บไว้ก่อน โดยตั้งค่า Feather (Shift+F6) เป็น 20 (หรือตามความเหมาะสม) เพื่อที่จะให้ส่วนขอบของส่วนที่เราเลือกนั้นมันจางๆแบบโปร่งใส จะได้เนียน 2. ไปที่เมนู Select => Inverse เพื่อกลับส่วนที่เราเลือกเมื่อสักครู่ ก็จะได้เป็นว่าเราเลือกส่วนที่อยู่รอบๆแทน ก็คือส่วนที่เราต้องการจะให้มันเบลอ 3. ไปที่เมนู Filter => Blur => Guassian Blur เพื่อปรับให้ส่วนนั้นเบลอออกมา ลองปรับค่าดูตามความพอใจได้เลย และนี่ก็คือผลงานตอนที่ทำเสร็จแล้ว เมื่อเทียบกับต้นฉบับ

Photoshop วิธีทําตัวอักษรเอียง-โค้งให้สวยงาม

February 14, 2015 by  
Filed under Photo Editor

ใน Photoshop นั้น เราสามารถจัดการ layer ที่เป็นตัวอักษรได้ง่ายๆ ไม่ว่าจะเป็นการ จัดตัวอักษร, ตัวอักษรเอียง, ตัวอักษรโค้ง และหมุนตัวอักษรได้อย่างอิสระ ตามใจของเรา โดยการประยุกต์ใช้เครื่องมือเพียงไม่กี่ชนิดเท่านั้น ก็สามารถปรับแต่งอักษรได้หลากหลายเลย และสามารถใช้ในเกือบทุกเวอร์ชั่นของ photoshop ด้วย (CS6, CS5, CS4, CS3, …) วิธีทําตัวอักษรเอียง-โค้งใน Photoshop CS6 1. สร้างไฟล์ว่างๆขึ้นมาหนึ่งอัน แล้วไปที่เมนู text (ตามตัวอย่างในภาพ) แล้วตั้งค่าตามที่วงกลมไว้ พิมพ์ข้อความลงไป 2. ไปที่เมนู Edit => Transform ซึ่งจะมีค่าต่างๆให้ปรับแต่ง แต่จะมีค่าหลักๆที่เราจะใช้ในการทำตัวเอียงหรือหมุนตัวอักษร คือ Rotate โดยการกดค้างไว้ แล้วเลื่อนไปมาจนกว่าจะพอใจ จะถือเป็นการหมุนตัวอักษรรอบๆทรงกลม 3. ในเมนู skew นั้น เราสามารถที่จะเอียงและปรับทิศทางตัวอักษร โดยการกดค่างที่กรอบตัวอักษร แล้วเลื่อนหมุนไปมา 4. ในเมนู Edit => […]

Next Page »