Archive for Photo Workshop

สร้างภาพเคลื่อนไหว gif animation ด้วย Photoshop

ภาพเคลื่อนไหว หรือ animated gif นั้น มีหลักการเดียวกันกับการสร้างภาพเคลื่อนไหวทั่วๆไปครับ ให้คิดถึงหนัง ฟิล์มหนังที่จะมีการเก็บภาพเป็น frame นะครับ โดย photoshop ก็จะแบ่งเก็บภาพเป็น layer ครับ

ภาพเคลื่อนไหว เป็นการนำภาพนิ่งหลายๆภาพ มาซ้อนกันอย่างรวดเร็ว เพื่อให้เราเห็นเหมือนกับภาพมันเคลื่อนไหวได้

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

สำหรับตัวอย่างวิดีโอที่ผมจะแสดงให้ดูนั้น เป็นการสร้างภาพตัวอักษรดังที่เพื่อนๆได้เห็นในรูปครับ video ชุดนี้มีความยาม 7.14 นาที ถ้าสนใจลองเข้าไปชมได้ครับ

ดู วิดีโอสอนสร้างภาพเคลื่อนไหว

[ 0C ] [ May 28, 2008 ] [ Photo Workshop - วีดีโอ สอน Photoshop ]

ทำรูปซ้อน ด้วย photoshop

วันนี้กลับมาสู่การแต่งภาพ กันบ้าง หลังจากที่อู้มาหลายวัน อิอิ ภาพข้างบนนั้น หลายคนเห็นปุ๊ป ก็รู้ปั๊ป ว่าต้องทำยังไง แต่ก็มีเพื่อนๆ มือใหม่อีกมากมาย ที่สงสัยว่ามันทำยังไง อยากทำบ้างจัง เอาหล่ะ มาดูวิธีทำกัน

ขึ้นแรกเราต้องเลือกรูปต้นแบบก่อนครับ เมื่อเรามีรูปที่จะนำมาทำภาพซ้อนแล้ว เราก็จะตัดเฉพาะส่วน ก็คือรูปของคนครับ ซึ่งวิธีการตัดเฉพาะส่วนนั้น อาจจะใช้พวก select tools ทั้งหลาย หรือ extract filter ก็ได้ ซึ่งวิธีการใช้งาน ผมเคยอธิบายไว้ ลอง search หาดูนะครับ

สำหรับรูปนี้ จะเห็นว่านางแบบ กับฉากหลัง ตัดกันออกอย่างชัดเจน ผมจึงเลือกใช้ magic wand tool คลิกไปตรงฉากหลัง และ คลิกอีกทีโดยกด Shift ค้างไว้ และคลิกบริเวณ ฉากหลังตรงส่วนใต้รักแร้ แขนซ้าย และคลิกขวาเพื่อเลือกเมนู select inverse เท่านี้เราก็ได้เฉพาะรูปของจอนจีฮุนแล้วครับ กด ctrl+c เพื่อ copy รูปของ จอนจีฮุน ออกมา ทีนี้ก็กด ctrl+n เพื่อ สร้างรูปใหม่ ให้ ขนาดของรูป ใหญ่ๆไว้ก่อนนะครับ

ทีนี้เราก็กด ctrl+v 3 ครั้ง เพื่อวางรูปลงในพื้นที่รูปใหม่ครับ โดยจัดช่องไฟให้ดูสวยงาม ตามรูปบนซ้ายนะครับ โดยให้รูปทางซ้ายมือ เป็น Layer1 รูปกลาง เป็น Layer2 รูปทางขวาสุด เป็น Layer3 โดยเรียงลำดับเลเยอร์ให้ถูกต้องด้วยนะครับ ทีนี้ก็ set ค่า Opacity ของ Layer1 เป็น 30% และ Layer2 เป็น 60% เท่านี้เราก็จะได้รูปซ้อนตามรูปบนสุดครับ

[ 2C ] [ May 23, 2007 ] [ Photo Workshop - Photoshop Tips ]

ทำ text art ด้วย warped text กัน

วันนี้มาลองทำ text art ด้วย photoshop แบบง่ายกันครับ ดังในรูปด้านซ้ายมือ เราสามารถทำ text art แบบง่ายกันเองได้ โดยใช้เวลาทำแป๊ปเดียวเองครับ เรามาดูกันครับว่า text art ด้านซ้ายมือ ผมทำขึ้นมาได้อย่างไร

•  ขั้นแรก เราคลิกที่ Horizontal type tool จาก tool bar ซึ่งเป็นรูป ตัว T ตามในภาพนะครับ และพิมพ์ข้อความอะไรก็ได้ตามที่ต้องการ ซึ่งผม พิมพ์คำว่า Text Art นะครับ
• เมื่อได้ข้อความแล้ว ให้ double คลิก เลือกข้อความที่เราพิมพ์ไปแล้วนะครับ แล้วให้คลิก creat warped text ซึ่ง ก็คือ icon  ซึ่งจะอยู่ด้านบน ตรงแถบ properties bar นะครับ เมื่อคลิกแล้ว เราก็จะได้หน้าต่าง ดังรูปข้างล่างครับ

มาถึงขั้นตอนนี้  เราก็เลือก style หรือรูปแบบ การโค้งของข้อความของเรา เราสามารถเลือกรูปแบบการโค้งของข้อความ ในลักษณะแนวดิ่ง หรือ แนวนอน และเลื่อนแถบ Bend , Horizontal Distortion และ Vertical Distortion ดูนะครับ จะได้ effect ของภาพที่ได้แตกต่างกัน

ตอนนี้เราก็ได้ text art สวยๆแล้วนะครับ ทีนี้เราก็เพิ่มเงาด้วยการใส่ Drop shadow โดยการเรียกที่เมนู Layer -> Layer style -> Drop shadow  ทีนี้ก็เลือกสี ขนาด และตำแหน่งของเงาตามใจชอบครับ

สำหรับการใช้งาน drop shadow ลองไปดูในลิงก์นี้ครับ ทำ ข้อความใน photoshop ให้ดูลอย และมีเงา 

[ 0C ] [ April 25, 2007 ] [ Photo Workshop - Photoshop Tips ]

เปลี่ยนสีท้องฟ้าให้เป็นสีฟ้า แบบง่าย

หลายครั้งที่เราถ่ายรูปออกมา เนื่องจากแสง และ สภาพอากาศ ที่ไม่เป็นใจ ทำให้รูปออกมาไม่ดีเท่าที่ควร โดยเฉพาะ สีท้องฟ้า ที่ไม่ได้ดั่งใจ ท้องฟ้าอาจจะดูขาว หรือ มืดคลึ้ม ทำให้รูปถ่ายของเราไม่น่าดู วันนี้ผมจะเอาวิธีเปลี่ยนสีท้องฟ้าแบบง่าย มาให้ดูกันครับ โดยรูปที่จะทำอย่างนี้ได้ ต้องเป็นรูปที่เลือกส่วนของท้องฟ้า ได้ง่าย ซึ่งวิธีเลือกส่วนของภาพ ก็ได้อธิบายไว้ก่อนหน้านี้แล้ว ซึ่งจากรูปท้องฟ้าแยกส่วนออกไปอย่างชัดเจน ผมจึงเลือกใช้ magic wand click เดียว ก็ได้ท้องฟ้าทั้งหมดครับ ทีนี้ให้เลือกสี foreground ตรงแถบเครื่องมือ ให้เป็นสีท้องฟ้าส่วนที่เข้มที่สุดที่ถูกใจที่สุด หลังจากนั้น ก็ให้คลิกที่ Gredient tool   และ set ค่า properties ตามในรูปข้างล่าง

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

เรื่องที่เกี่ยวข้อง

[ 0C ] [ February 23, 2007 ] [ Photo Workshop - Photoshop Tips ]

ทำภาพสีให้เป็นภาพขาวดำ แบบคมชัดสุดๆ

ภาพหลายๆภาพ เมื่อเราทำให้เป็นภาพขาวดำ ก็ทำให้ความรู้สึกต่อภาพเปลี่ยนไปนะครับ อาจจะทำให้นึกถึงความทรงจำวันเก่าๆ สมัยที่ยังไม่มีภาพสีกันเลยนะครับ ภาพขาวดำยังดูมีเสน่ห์มากสำหรับใครหลายๆคน และด้วยเหตุนี้ photoshop จึงได้รวมความสามารถในการแปลงภาพสีให้เป็นภาพขาวดำ หรือที่เรียกว่า grayscale ไว้ด้วยตรับ ซึ่งเราก็สามารถแปลงภาพสี เป็น grayscale แบบง่ายๆด้วยการเรียกเมนู Image - Mode - Graysclae ซึ่งภาพก็จะเปลี่ยนเป็นภาพขาวดำ โดยทันที แต่ภาพ grayscale ที่ได้อาจจะยังไม่ถูกใจใครหลายๆคนนัก เพราะมันจะดูเรียบๆไป ความคมชัดของสีในภาพก็ดูไม่ถูกใจนัก วันนี้ผมจึงนำวิธีทำภาพขาวดำ โดยใช้ channel-mixer มาฝากกัน ซึ่งภาพผลลัพธ์ที่ได้ จะมีความคมชัดเพิ่มขึ้นพอสมควรทีเดียวครับ ว่าแล้วก็ไปรื้อภาพสวยๆ ตอนไปเที่ยวอยุธยา มาทำเป็นภาพตัวอย่างให้ดูกัน ก็ได้ภาพทางซ้ายมาครับ มาแปลงเป็นขาวดำ น่าจะสวยทีเดียว ลองดูภาพตัวอย่างเปรียบเทียบ หลังแปลงแล้วกันดีกว่าครับ

จากรูปครับ ทางซ้ายเป็นภาพที่แปลงแบบธรรมดา โดยเปลี่ยนโหมดเป็น grayscale ส่วนภาพทางด้านขวา ผมใช้ channel mixer ในการแปลงครับผม คงเห็นถึงความแตกต่างกันพอสมควรเลยนะครับ มาดูกันดีกว่าครับว่า ผม set ค่าอย่างไรบ้างจึงได้รูปข้างบนออกมา

เรียกเมนู Image - Adjustments - Channel mixer ก็ได้หน้าต่างใหม่ขึ้นมา ให้ติ๊กเครื่องหมายถูก ตรง Monochrome และ set ค่าตามรูปข้างบนครับ ซึ่งค่าที่จะ set นั้น แต่ละรูปก็จะมีค่าที่แตกต่างกัน ก็ต้องลอง เลื่อนๆ เปลี่ยนๆ ดูครับ

เรื่องที่เกี่ยวข้อง

• ทำกุหลาบหลากสีด้วย Hue/Saturation
• เติมสีสรรด้วย Channel Mixer
• มหัศจรรย์คำสั่ง Level

[ 2C ] [ February 11, 2007 ] [ Photo Workshop - Photoshop Tips ]

แฉเบื้องหลังการรีทัชกุหลาบโพสท์ที่แล้ว

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

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

1. ใช้ clone stamp ลบส่วนเกินที่เป็นดอกสีแดงรางๆออกก่อนครับ
2. ใช้ magic wand เลือกส่วนที่เป็นแบคกราวด์ครับ
3. ใช้ color balance เปลี่ยนสี background ดังรูปข้างล่างครัีบ
4. และ sharpen อีกที
5. ใส่กรอบ

เห็นไหมครับว่ามันก็มีเบื้องหลังเหมือนกัน ก่อนที่จะนำรูปมาแต่งโชว์อีกที การแต่งรูปของแต่คนอาจจะไม่เหมือนกันนะครับ แล้วแต่ถนัดครับ

[ 3C ] [ February 8, 2007 ] [ About SmileSquare - Photo Workshop - Photoshop Tips ]

ทำกุหลาบหลากสีด้วย Hue/Saturation

ช่วงนี้ก็ต้องทำอะไรที่มันเกี่ยวกับวาเลนไทน์หน่อยนะครับ เมื่อเราพูดถึง valentine’day แน่นอนว่าดอกไม้ที่ขายดีที่สุดก็คงหนีไม่พ้นดอกกุหลาบนะครับ วันนี้ผมจึงนำวิธีเปลี่ยนสีดอกกุหลาบแบบง่ายๆ มาแนะนำกันครับ การแต่งรูปก็ไม่มีอะไรซับซ้อน เพียงแค่ใช้คำสั่ง Hue/Saturation เท่านั้นเองครับ

โชคดีเหลือเกินครับบนดาดฟ้ามีดอกกุหลาบพอดี การถ่ายทำของผมจึงไม่ยากเย็นอะไร เริ่มจากหยิบเจ้าป๊อกกี้มาฉีดพ่นก่อนครับ ให้มีหยดน้ำเกาะบนดอกกุหลาบพองาม แล้วก็หยิบกล้องดิจิตอลคู่ใจ set ไปที่โหมด macro หามุมดีดี แล้วก็ถ่าย ถ่าย ถ่าย ผมบรรยายเบื้องหลังการถ่ายรูปของผมเสียละเอียดเกินไปไหมนี่ มาเข้าเรื่องดีกว่ครับ

รูปบนซ้ายสุด เป็นรูปที่ได้จากกล้องดิจิตอลครับ รีทัชนิดหน่อย พองามครับ อีก 3 รูปที่เหลือ ก็เอารูปแรกนั่นแหล่ะครับ มาเปลี่ยนค่า Hue/Saturation จากดอกกุหลาบสีแดง ก็เปลี่ยนเป็นสีอื่นๆ เหมือนโดนเวทมนต์ของ แฮรี่ พอตเตอร์ เลยนะครับ 555

วิธีการก็เรียกเมนู Image - Adjustments - Hue/Saturation หรือกด Ctrl+U ก็ได้ครับ และเปลี่ยน Edit ให้เป็น Red ทีนี้เราก็ลองปรับค่า Hue ไป ซ้าย ซ้าย ขวา ขวา ดูนะครับ ก็จะได้ดอกกุหลาบสีต่างๆ เห็นไหมครับ ง่ายมาก

เรื่องที่เกี่ยวข้อง

• เติมสีสรรด้วย Channel Mixer
  
• หลากอารมาณ์ กับพระอาทิตย์ตกดิน
• มหัศจรรย์คำสั่ง Level

[ 2C ] [ February 7, 2007 ] [ Photo Workshop - Photoshop Tips ]

Free Valentine’s brush set ‘2nd

ใกล้ถึงวันวาเลนไทน์เข้ามาทุกทีแล้วนะครับ วันนี้ผมจึงนำ free brush set มาเพิ่มเติม ดูรูปตัวอย่างจากข้างบนได้เลยครับ

Valentine’s free brush set วันนี้ เป็นของ Scully7491 สามารถดาวน์โหลดได้ที่นี่ครับ วิธีการใช้งานก็ดูได้จาก Free brush set สำหรับทำการ์ดวาเลนไทน์

ตอนนี้เราก็มีเครื่องมมือสำหรับทำการ์ด valentine กันแล้วนะครับ ถ้ามี font สวยๆดีๆ ก็สุดยอดเลยครับ สำหรับเพื่อนๆที่ทำการ์ดเสร็จแล้ว และต้องการส่งการ์ดไปกับ email อาจจะต้องการย่อรูป และทำไฟล์ให้เล็กลง ก็ลองเข้าไปอ่านโพสต์เก่าๆดูนะครับ

เรื่องที่เกี่ยวข้อง

• Image resize ขยายภาพ หรือ ย่อภาพ ให้ได้ดังใจ
• Photo File Size ทำขนาดไฟล์รูปภาพ ให้เล็กที่สุด
• ทำกรอบ ให้รูปลอย (อีกแล้ว) ด้วย Drop Shadow!

[ 2C ] [ February 5, 2007 ] [ Photo Workshop ]

เติมสีสรรด้วย Channel Mixer

คำสั่งในการแต่งภาพ Photoshop มีให้ใช้เยอะเหลือเกินครับ วันนี้กะว่าจะทำ Gray Scale แบบคมชัดสุดสุด ด้วย Channel Mixer แต่ทำไปทำมา กลายเป็น การเติมสีสรร ด้วย Channel Mixer ไปเสียได้ 555

ภาพถ่ายที่ได้จากการถ่ายภาพ เอ๊ะ! มันยังไงกัน ภาพถ่าย ก็ต้องได้จากการถ่ายภาพอยู่แล้ว หวังแต่ทำ SEO อย่างเดียวเลยเรา กลุ่มใจแทนตัวเอง คือสีสรรของมัน หลายครั้งหลายคราที่เราก็ไม่พอใจกับมัน บางคนอาจจะชอบแบบสีเข้มๆจัดๆ บางคนก็ชอบแบบธรรมชาติ อันนี้ก็แล้วแต่ชอบครับ แต่ทีนี้ถ้าเราต้องการตกแต่งภาพ อาจจะเพิ่มหรือลดเฉดสีบางส่วนบางสีลง Channel Mixer ก็อาจช่วยท่านได้นะครับ จากภาพข้างบน ด้านซ้ายเป็นภาพถ่ายที่ได้จากกล้องดิจิตอล มันดูจืดไม่ถูกใจผม ผมก็เลย เรียกใช้บริการ Channel Mixer เพื่อให้สีสรรมันกระแทกตาอีกสักนิด ทีนี้มาดูวิธีแต่งรูปกันครับ

เรียกเมนู image - Adjustments - Channel Mixer ก็จะได้หน้าต่างข้างบน ผมก็ set ค่าตามในภาพ ก็จะได้รูปตามข้างบนสุดโน่นแน่ะครับ ตัว Channel Mixer นี้เราสามารถใช้ลด เพิ่มเฉดสีในแต่ละช่องสัญญาณสีได้ ก็ลองเลื่อนๆกันไปครับ จนได้รูปและสีสรรที่พอใจ

เรื่องที่เกี่ยวข้อง

• Clone Stamp Tool ก๊อปโน่น มาแปะนี่
• Image resize ขยายภาพ หรือ ย่อภาพ ให้ได้ดังใจ
• มหัศจรรย์คำสั่ง Level

[ 3C ] [ January 30, 2007 ] [ Photo Workshop - Photoshop Tips ]

ลบสิว ลบฝ้า ลอยด่างดำ ด้วย clone stamp

ปัญหาหนักอย่างหนึ่งในการทำเวปของผมก็คือการหารูปมาเป็นแบบ ผมหล่ะทั้งค้นทั้งหา ทั้งขุด ว่าจะไปเอารูปไหนดีมาทำเป็นตัวอย่างให้ดู แบบเห็นจะจะ และก็สวยงามด้วย ผมลื้อรูปอยู่นานก็หาไม่ได้ ในที่สุดก็คิดขึ้นได้ ลองไปเปิดหาดูในหนังญี่ปุ่นดีกว่า 555 ก็ได้รูปนางเองกำลังทำในตาเศร้าคนนี้แหล่ะครับ เห็นหน้าเธอมีกระอยู่หลายจุด ซึ่งไม่ต้องแต่งรูปอะไรมากครับเพราะเธอ make up มาสวยอยู่แล้วครับ การแต่งภาพคราวนี้จึงทำได้ไม่ยาก ซึ่งมีวิธีแต่งภาพเป็นขั้นตอนง่ายๆดังนี้ครับ

• ใช้ clone stamp ลบกระ ลบสิว ลบรอยด่างดำ ทั้งหลายบนใบหน้าออกก่อนครับ
• ทีนี้ก็ใช้ Blur Tool บรรเลงบริเวณใบหน้า โดยเฉพาะตรงส่วนที่สีผิวไม่เรียบครับ และต้องระวังอย่าใช้ Blur Tool บริเวณขอบนะครับ เพราะจะทำให้ภาพขาดความคมชัดได้ครับ
• ทีนี้ก็ Sharpen สักครักหนึ่ง
• ใส่กรอบให้ภาพ เป็นอันเสร็จครับ

เรื่องที่เกี่ยวข้อง

• Crop tool ตัดให้เหลือแต่ส่วนที่ต้องการในภาพ
• หมุนรูปง่ายๆแบบมือโปร รูปไม่เบี้ยวอีกต่อไป
• ปรับรูปหน้ามืด ด้วย shadow/highlight

[ 24C ] [ January 29, 2007 ] [ Photo Workshop ]