Archive for วีดีโอ สอน Photoshop

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

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

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

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

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

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

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

สอน photoshop : ลบส่วนที่ไม่ต้องการออกจากภาพ

การถ่ายรูป บางครั้งรูปที่ได้ อาจจะมีส่วนที่เราไม่ต้องการ แต่มันก็ติดมาด้วย อาจด้วยสาเหตุหลายอย่างเช่น ความรีบร้อน, ตำแหน่งที่ถ่ายภาพ และ หรือ เราไม่สามารถเคลื่อนย้ายสิ่งกีดขวางออกได้
วันนี้มาดูพื้นฐาน วิธีลบสิ่งที่ไม่ต้องการออกจากรูปภาพของเรา พระเอกงานนี้ของเราที่ใช้ในการแต่งภาพ ก็เป็น photoshop เช่นเดิม ซึ่งเครื่องมือที่ใช้ในการนี้คือ Clone stamp tool

วิดีโอชุดนี้จะสอนวิธีลบ กิ่งไม้มุมบนซ้าย ออกจากรูป

ชม วิดีโอสอน photoshop

[ 0C ] [ April 18, 2008 ] [ วีดีโอ สอน Photoshop ]

Font ไทย photoshop

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

ขั้นแรก เพื่อนๆต้องมี font thai ก่อน ซึ่ง font ไทย สามารถดาวน์โหลดได้ที่นี่ ลองเข้าไปดูนะครับ มี font ภาษาไทย สวยๆ ให้เลือกมากมาย เลือกโหลดกันได้ตามใจชอบ

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

วิดีโอวิธีติดตั้ง font ภาษาไทย 

[ 0C ] [ February 20, 2008 ] [ วีดีโอ สอน Photoshop ]

ทำเงาสะท้อน ด้วย photoshop

ไม่ได้ update เลยครับช่วงนี้ จริงๆแล้ว ไม่ได้หายไปไหน ก็ยังเล่น internet อยู่ทุกวันครับ แต่หันเหชีวิตไปกับการหาเงินออนไลน์ครับ ถึงอย่างไรก็ตาม ผมก็ยังไม่ทิ้ง photoshop ครับ  จริงๆแล้ว ก็ยังมีข้อแก้ตัวอีกอย่างหนึ่งนะครับ คือ ram 1 GB ของผมมันเจ๊งครับ และเครื่องผมก็มี ram อยู่ตัวเดียวเสียด้วยสิ่ ส่งเคลมไป 2 อาทิตย์แล้วครับ แต่ยังไม่ได้ ram กลับมาเลยครับ แย่มาก ต่างจังหวัดก็อย่างนี้แหล่ะครับ โชคดีที่ผมหายืม ram มาได้ 256 MB ก็เลยยังพอเล่น internet ได้ครับ แต่เครื่องมันอืดมากๆ เปิดโปรแกรมที่กิน memory เยอะๆไม่ได้เลยครับ มันช้ายิ่งกว่าช้าอีกครับ จริงๆแล้วถ้า xp ของผมไม่ได้ลง โปรแกรมไว้มากมายก็คงไม่มีปัญหาเท่าไหร่ครับ กับ ram 256 แต่ผมลงพวก server apache ลงไปด้วย มันเลยโหลดเยอะครับ ด้วยความที่รอ ram เคลมไม่ไหว ผมเลยไปซื้อ ddr400 512MB มาใส่ พอถูไถไปได้ครับ หมดไปเกือบพัน …

วันนี้ผมนำวิธีทำเงาสะท้อน (text reflection) ด้วย photoshop มาฝากครับ ตามรูปภาพข้างบนเลยครับ สนใจก็เข้าไปดูวิดีโอได้เลยครับ

ดูวีดี​โอ​

[ 1C ] [ November 25, 2007 ] [ วีดีโอ สอน 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 ]

Video clip ทำปุ่ม 3d ด้วย photoshop

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

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

ดูวีดีโอ

[ 0C ] [ September 25, 2007 ] [ วีดีโอ สอน Photoshop ]