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

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

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

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

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

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

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

ปรับสีท้องฟ้าง่ายๆ ด้วย replace color

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

วิดีโอชุดนี้ จะเป็นการสอนการปรับแต่งสีท้องฟ้าด้วย replace color ครับ ซึ่งก็คือ การแทนสีนั่นเอง สิ่งที่สำคัญก่อนที่จะเลือกใช้ replace color ก็คือ สีท้องฟ้าก่อนปรับแต่ง  ไม่ควรจะเป็นสีเดียวกับส่วนอื่นๆ ของภาพนะครับ สมมติท้องฟ้าเราก่อนปรับแต่ง เป็นสีเทา เพราะฉนั้นส่วนอื่นๆของภาพ ไม่ควรจะมีสีเทาอยู่ด้วย  แต่สมมติว่ามี ให้เราเลือก เฉพาะส่วนของท้องฟ้า แบบหยาบๆ นะครับ ก่อนที่เราจะใช้ replace color ครับ

ดูวีดีโอ 

[ 0C ] [ November 1, 2007 ] [ วีดีโอ สอน Photoshop ]

ตัดต่อภาพโฆษณา ด้วย photoshop

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

สำหรับเพื่อนๆ ที่ดูวิดีโอแล้วยังทำไม่ออก ลองเช็คค่า property ของ Gradient tool ซึ่งแถบ property จะอยู่ใต้เมนูด้านบนนะครับ โดยเลือก pattern (ไอคอนอันที่สอง ที่เป็นแถบยาวๆ) ให้เลือก black white (sub pattern อันที่ 3) ถัดจาก pattern ให้เลือก icon แรก Linear Gradient

ดูวีดีโอ 

[ 0C ] [ October 15, 2007 ] [ วีดีโอ สอน Photoshop ]

ฟรี กรอบ สติกเกอร์

Sticker Frame : ดาวน์โหลด

กรอบรูป sticker สวยๆ ถึง 50 กรอบรูป ด้วยกัน สนใจก็ download กันได้ครับ

ไฟล์ เป็น ไฟล์ .zip ขนาด 14 MB นะครับ

กรอบรูป มีหลายขนาดด้วยกันครับ มีทั้งแบบ 1 กรอบ 2 กรอบ และ 3 กรอบ ใน 1 รูป ลอง download ไปดูนะครับ เอาไปใช้งานกับ photoshop ได้สบาย

[ 2C ] [ April 16, 2007 ] [ Image & wallpaper ]

การเพิ่มความคมชัดด้วย Unsharp mark

Unsharp Mark ถือเป็น tools สำคัญในการใช้งาน photoshop ทีเดียวครับ ผมเชื่อว่ามือใหม่ส่วนใหญ่ คงไม่ได้ใช้งาน unsharp mark แน่นอน อาจจะใช้แค่เพียง sharpen sharpen more หรือ พวก sharpen edge อะไรพวกนี้

วันนี้ผมจึงมีเวปไซด์ดีดีมาแนะนำกัน ซึ่งจะทำให้เพื่อนๆรู้จัก unsharp mark ดียิ่งขึ้น และจะเข้าใจหลักการทำงานพื้นฐานของ unsharp mark เลยทีเดียว

ลองเข้าไปอ่านที่นี่ดูครับ อธิบายได้ ละเอียด ชัดเจนทีเดียว

[ 1C ] [ April 13, 2007 ] [ Photoshop Tips ]

ทำ ข้อความใน photoshop ให้ดูลอย และมีเงา

ห่างหายจาก การแต่งภาพ ไปนานเลยครับผมนี่ นอกจากปัญหาเรื่อง Google ไม่ Index แล้ว ก็ยังมีปัญหา net ADSL ของ TOT ด้วยนะครับ แต่ก่อนแทบจะไม่มีปัญหาเลย เดือน หรือ สองเดือน อาจจะมีบ้างที่ net ล่มนะครับ แต่ช่วงนี้ไม่รู้ยังไง เป็นทุกวันเลยครับ บางทีล่มไปครึ่งชั่วโมง บางที 2 ชั่วโมงก็มี แย่จริงๆครับ อนาคตคงต้องเลิกใช้ และเปลี่ยน ไปสมัคร TT&T แทน คนต่างจังหวัดก็อย่างนี้แหล่ะครับ ไม่ค่อยมีตัวเลือก เค้าถึงได้ย้ายหนีไปอยู่เมืองกรุงกันหมด

วันนี้ผมขอนำเสนอ วิธีทำตัวอักษรให้ดูเป็น 3มิติ แบบลอย และ มีเงา กันนะครับ เหมือนกับรูปที่เห็นหน่ะครับ ซึ่งมีวิธีการทำง่ายๆดังนี้ครับ

ขั้นแรก ให้เลือก Horizontal type tool ครับ  เพื่อจะเขียนข้อความที่ต้องการ ให้เลือก  font เลือก สี จาก property bar ข้างบนนะครับ

ต่อไป ก็เลือก จากเมนู Layer - Layer Style - Drop Shadow ก็จะได้หน้าต่างใหม่ขึ้นมา สำหรับ set ค่านะครับ

Angle = ทิศทางของเงา

Distance = ระยะตำแหน่งของเงา

Spead = % การแผ่ของเงา

Size = ขนาดของเงา

ลองเปลี่ยน ค่าดูเล่นๆนะครับ จนกว่าจะถูกใจ

[ 0C ] [ March 14, 2007 ] [ Photoshop Tips ]

brush set โน๊ตดนตรี

brush set ชุดนี้ ก็เป็นของคุณ Stephanie Shimerdla แห่ง Obsidian Dawn เจ้าเก่าครับ การแต่งรูปบางครั้ง ก็ต้องอาสัย brush set เพื่อเพิ่มความสวยงามให้กับรูปถ่ายของเราเหมือนกันนะครับ

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

มือใหม่ที่ยังไม่เคยใช้ brush set ไม่รู้ว่าใช้ยังไง ก็เข้าไปดูวิธีใช้งานได้ที่ Free brush set สำหรับทำการ์ดวาเลนไทน์ ครับ

brush set ชุดนี้สามารถ ดาวน์โหลด ได้ที่นี่ครับ download

[ 3C ] [ February 24, 2007 ] [ 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 ]