วันศุกร์ที่ 7 กุมภาพันธ์ พ.ศ. 2557

เทคนิคถ่ายภาพบุคคล

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




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

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

จากตัวอย่าง เราจะไม่ถ่ายตัดที่เอวพอดี แต่จะเลื่อนลงมาข้างล่างนึดนึงเพื่อหลีกเลี่ยงข้อต่อ
และรูปที่สอง ไม่ตัดที่ข้อศอกด้วยนะ
อ้างอิงจากเว็บ    http://www.dek-d.com/photo/24853/

การอ่านโน้ตเปียโน (Piano Notes)

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

ด้านหน้าของบรรทัดห้าเส้นทั้งสองแถวจะมีวงเล็บปีกกาครอบทั้งสองแถวรวมกัน ไว้ เป็นการบอกว่าสองแถวนี้อ่านโน้ตไปพร้อมกัน แต่ละแถวของบรรทัดห้าเส้นจะมีกุญแจ (Clef) เขียนไว้ หลังจากนั้นตามด้วย Time Signature การกั้นห้องก็จะกั้นทั้งสองแถวพร้อมกัน และจบเพลงก็จะจบพร้อมกัน เนื่องจากบีทที่ใช้นับจังหวะสำหรับทั้งสองแถวเป็นบีทเดียวกัน การรวมกันของบรรทัดห้าเส้นทั้งสองแถวแบบนี้ ภาษาอังกฤษเรียกว่า Grand stave
เมื่อเราอ่านโน้ตเปียโนสำหรับสองมือ เราควรตรวจสอบตำแหน่งของตัวโน้ตที่เราอ่านจากทั้งสองกุญแจเสมอ โดยเทียบกับตัว Middle C-โด บนเปียโน ซึ่งจะช่วยให้เราไม่งงตำแหน่ง ดังรูปด้านล่างนี้
 นี่คือตัวอย่างโน้ตเปียโนสำหรับเพลงหนูมาลีของเรา ซึ่งประกอบไปด้วยองค์ประกอบต่างๆ ที่เราได้เรียนไปแล้ว ดังนี้
อ้างอิงจากเว็บ   http://www.piano-ohyes.com/lessons/piano-grand-stave.html

วิธีวาดมือแบบการ์ตูนญี่ปุ่น

โดยพื้นฐานของการฝึกวาดมือนั้น เช่นเดียวกับพื้นฐานของการฝึกวาดเท้า คือควรเริ่มต้นจากกระดูกของมือ เพื่อที่คนวาดจะได้เข้าใจโครงสร้างและการทำงานของมือโดยรวมทั้งหมด

ฝึกวาดกระดูกด้านหน้าและด้านหลังของมือตามภาพนี้

 เมื่อเราเข้าใจโครงสร้างของมือแล้ว เราจะรู้โดยเบื้องต้นถึงการขยับของมือ มุม การหักโค้งของข้อต่อต่างๆ จากนั้นให้ฝึกวาดมือในลักษณะต่างๆ หลายท่าทาง โดยอาจเริ่มต้นจากมือของตนเอง  เราสามารถถ่ายรูปมือของเราในท่าทางต่างๆ แล้วนำมาเป็นแบบฝึกวาดได้





อ้างอิงจากเว็บ   http://renrenschool.wordpress.com/tag/%E0%B8%AA%E0%B8%AD%E0%B8%99%E0%B8%A7%E0%B8%B2%E0%B8%94%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%8C%E0%B8%95%E0%B8%B9%E0%B8%99%E0%B8%8D%E0%B8%B5%E0%B9%88%E0%B8%9B%E0%B8%B8%E0%B9%88%E0%B8%99/

สร้างภาพ animation gif โดย Photoshop

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

1.เมื่อเปิดโปรแกรม Adobe Photoshop แล้วเปิดไฟล์ภาพที่ต้องการขึ้นมาด้วยคำสั่ง File > Open โดยครั้งนี้จะเปิดมา 2 ภาพ ที่สามารถเชื่อมต่อกันได้เป็นการเคลื่อนไหว และควรเป็นรูปภาพที่ขนาดเท่ากันนะคะ ดังรูปค่ะ


 2.จากนั้นให้ copy ภาพหนึ่งไปไว้รวมในไฟล์เดียวกันกับอีกภาพหนึ่ง ในที่นี้จะ copy ภาพ kitty0 ไปไว้รวมกับ kitty1 ก็ให้ไปที่ภาพ kitty0แล้วกด Ctrl+A แล้วตามด้วย Ctrl+C แล้วจากนั้นไปที่รูป kitty1 แล้วกด Ctrl+V  แล้วก็ปิดภาพ kitty0 ไปได้เลยค่ะ แล้วภาพ kitty1 จะมี 2 layer ดังรูปค่ะ





 3.จากนั้นไปดึง dialog animation ออกมา โดยไปคลิกเลือกที่เมนู Window > Animation ดังรูปค่ะ


 4.เมื่อ dialog Animation ขึ้นมาแล้ว ก็ไปคลิกเพื่อเพิ่มอีกรูปขึ้นมาตรง icon ที่ลูกศรชี้นะคะ ดังรูปค่ะ


5.จากนั้นให้ไปที่ Layer แล้วเอารูปดวงตาออกตรง Layer ที่ 1 หรือจะเอาออกอีก Layer หนึ่งก็ได้ ตามความต้องการ ทำดังรูปได้เลยค่ะ




 6.แล้วไปกำหนดเวลาในการเปลี่ยนภาพ ตรงที่เป็น dropdown ด้านล่างภาพนะคะ ดังรูปค่ะ


7.แล้วก็ทดสอบดูโดยกดปุ่ม play ดังรูปค่ะ


 8.เมื่อได้ตามต้องการแล้วก็ไป save ได้ค่ะ โดยให้ไปที่เมนู File > Save for Web & Devices…




 9.แล้วจะมี dialog ขึ้นมาแล้วไปคลิกที่ save แล้วให้ save เป็น .gif นะคะ


ตอน save ให้เลือก Type เป็น .gif นะคะ แล้วจากนั้นก็จะได้รูปที่เป็นการ์ตูนเคลื่อนไหวน่ารักๆค่ะ


 อ้างอิงจากเว็บ  http://blog.9cloudweb.com/animation-gif-%E0%B9%82%E0%B8%94%E0%B8%A2-photoshop/


GRAPHIC DESIGN

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


นิยามของ Graphics Design ที่บันทึกโดยสถาบัน AIGA โดย Jessica Helfand นักเขียน - คอลัมนิสต์ และผู้บรรยายเกี่ยวกับกราฟฟิกดีไซน์ได้นิยามเอาไว้ว่า "Graphics Design คือการรวมกันของคำหลายๆคำ, ภาพหลายๆภาพ โดยอาจเป็นภาพชนิดต่างๆ ไม่ว่าจะเป็นตัวเลข แผนผัง ภาพถ่าย หรือภาพประกอบ' สิ่งต่างๆเหล่านี้ จะเกิดเป็นผลสำเร็จหรือผลงานที่ดีได้ ก็ด้วยความชัดเจน,มีเอกลักษณ์ หรือ Style เฉพาะตัวของผู้ออกแบบ ซึ่งเหมือนทำหน้าที่เป็นผู้ประพันธ์ดนตรีขึ้นมาโดยใช้เองค์ประกอบต่างๆทาง ศิลปะเป็นส่วนผสม
ดังนั้น ผู้ที่ทำหน้าที่ออกแบบจะมีหน้าที่นำสิ่งต่างๆ มาจัดรวมไว้ด้วยกัน โดยวิธีใดวิธีหนึ่ง เพื่อให้ผลลัพธ์ที่ออกมาเป็นผลงานที่ดูสนุกสนาน ดูแตกต่าง สร้างความประทับใจให้ผู้พบเห็น


 Massimo Vignelli นักออกแบบชาวอิตาลีได้ให้ความเห็นว่า " กราฟฟิกดีไซน์เปรียบเสมือนกับการจัดการข้อมูลอย่างเป็นระบบ" โดยประกอบไปด้วยเรื่องต่างๆ เช่น การเปลี่ยนแปลงควาหมายให้ถูกต้อง, การจัดการกับประโยค หรือข้อความที่สอดคล้องกัน และการจัดการกับส่วนที่มีความหมายยุ่งยากต่อการทำความเข้าใจ ให้เข้าใจได้อย่างง่ายดาย"


 Massimo Vignelli นักออกแบบชาวอิตาลีได้ให้ความเห็นว่า " กราฟฟิกดีไซน์เปรียบเสมือนกับการจัดการข้อมูลอย่างเป็นระบบ" โดยประกอบไปด้วยเรื่องต่างๆ เช่น การเปลี่ยนแปลงควาหมายให้ถูกต้อง, การจัดการกับประโยค หรือข้อความที่สอดคล้องกัน และการจัดการกับส่วนที่มีความหมายยุ่งยากต่อการทำความเข้าใจ ให้เข้าใจได้อย่างง่ายดาย"
Bob Gill กราฟฟิก,ดีไซน์เนอร์ และ นักเขียนภาพประกอบชาวอเมริกันให้ความเห็นสั้นๆว่า " Graphic Design เปรียบดังภาษาขั้นที่สอง"

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

อ้างอิง   http://graphicsthai.blogspot.com/2012/05/graphic-design-graphics.html

แอนิเมชัน Animation


ความหมายแอนิเมชัน (Animation)

      แอนิเมชัน (Animation) หมายถึง กระบวนการที่เฟรมแต่ละเฟรมของภาพยนตร์ ถูกผลิตขึ้นต่างหากจาก กันทีละเฟรม แล้วนำมาร้อยเรียงเข้าด้วยกัน โดยการฉายต่อเนื่องกัน ไม่ว่าจากวิธีการ ใช้คอมพิวเตอร์กราฟิก ถ่ายภาพรูปวาด หรือ หรือรูปถ่ายแต่ละขณะของหุ่นจำลองที่ค่อย ๆ ขยับเมื่อนำภาพดังกล่าวมาฉาย ด้วยความเร็ว ตั้งแต่ 16 เฟรมต่อวินาที ขึ้นไป เราจะเห็นเหมือนว่าภาพดังกล่าวเคลื่อนไหวได้ต่อเนื่องกัน ทั้งนี้เนื่องจาก การเห็นภาพติดตาในทาง คอมพิวเตอร์ การจัดเก็บภาพแบบอนิเมชันที่ใช้กันอย่างแพร่หลายในอินเทอร์เน็ต ได้แก่เก็บในรูปแบบ GIF MNG SVG และ แฟลช
    คำว่า แอนิเมชั่น (animation) รวมทั้งคำว่า animate และ animator มากจากรากศัพท์ละติน "animare" ซึ่งมีความมหมายว่า
ทำให้มีชีวิต ภาพยนตร์แอนิเมชั่นจึงหมายถึงการสร้างสรรค์ลายเส้นและรูปทรงที่ไม่มีชีวิต ให้เคลื่อนไหวเกิดมีชีวิตขึ้นมาได้
(Paul Wells , 1998 : 10 )

     แอนิเมชั่น (Animation) หมายถึง "การสร้างภาพเคลื่อนไหว" ด้วยการนำภาพนิ่งมาเรียงลำดับกัน  และแสดงผลอย่างต่อเนื่อง
ทำให้ดวงตาเห็นภาพที่มีการเคลื่อนไหวในลักษณะภาพติดตา (Persistence of Vision) เมื่อตามนุษย์มองเห็นภาพที่ฉา่ย อย่างต่อเนื่อง เรตินาระรักษาภาพนี้ไว้ในระยะสั้นๆ ประมาณ 1/3 วินาที หากมีภาพอื่นแทรกเข้ามาในระยะเวลาดังกล่าว
สมองของมนุษย์จะเชื่อมโยงภาพทั้งสองเข้าด้วยกันทำให้เห็นเป็นภาพเคลื่อนไหว ที่มีความต่อเนื่องกัน  แม้ว่าแอนิเมชั่นจะใช้หลักการเดียว
กับวิดิโอ   แต่แอนิเมชั่นสามารถนำไปประยุกต์ใช้กับงานต่างๆได้มากมาย  เช่น งานภาพยนตร์  งานโทรทัศน์  งานพัฒนาเกมส์  งานสถาปัตย์
งานก่อสร้าง งานด้านวิทยาศาสตร์  หรืองานพัฒนาเว็บไซต์  เป็นต้น (ทวีศักดิ์  กาญจนสุวรรณ : 2552 : 222 )
     สรุปความหมายของแอนิเมชั่นคือ การสร้างสรรค์ลายเส้นรูปทรงต่างๆให้เกิดการเคลื่อนไหวตามความคิดหรือจินตนาการ
    ปิยกุล  เลาวัณย์ศิริ (2532 : 931-932) ได้สรุปหลักการและคุณสมบติของภาพยนตร์แอนิเมชั่นเอาไว้ดังนี้
    1. สามารถใช้จินตนาการได้อย่างไม่มีขอบเขต
    2. สามารถอธิบายเรื่องที่ซับซ้อนและเข้าใจยากให้ง่ายขึ้น
    3. ใช้อธิบายหรือแสดงความคิดเห็นที่เป็นนามธรรมให้เป็นรูปธรรมได้
    4. ใช้อธิบายหรือเน้นส่วนสำคัญให้ชัดเจนและกระจ่างขึ้นได้

ชนิดของแอนิเมชั่นสามารถแบ่งออกได้เป็นสามชนิดคือ
    
1. Drawn Animation คือแอนิเมชั่นที่เกิดจากการวาดภาพหลายๆพันภาพ  แต่การฉายภาพเหล่านั้นผ่านกล้องอาจใช้เวลาไม่กี่นาที
ข้อดีของการทำแอนิเมชั่นชนิดนี้คือ มีความเป็นศิลปะ  สวยงาม  น่าดูชม  แต่ข้อเสีย คือ ต้องใช้เวลาในการผลิตมาก  ต้องใช้แอนิเมเตอร์
จำนวนมากและต้นทุนก็สูงตามไปด้วย



2. Stop Motion หรือเรียกว่า Model Animation เป็นการถ่ายภาพแต่ละขณะของหุ่นจำลองที่ค่อยๆขยับ อาจจะเป็นของเล่น
หรืออาจจะสร้างตัวละครจาก Plasticine วัสดุที่คล้ายกับดินน้ำมันโดยโมเดลที่สร้างขึ้นมาสามารถใช้ได้อีกหลายครั้ง
และยังสามารถผลิตได้หลายตัว  ทำให้สามารถถ่ายทำได้หลายฉากในเวลาเดียวกัน  แต่การทำ Stop Motmotion นั้น
ต้องอาศัยเวลาและความทุ่มเทมาก เช่น การผลิตภาพยนตร์เรื่อง James and the Giant Peach สามารถผลิตได้ 10 วินาที
ต่อวันเท่านั้น วิธีนี้เป็นงานที่ต้องอาศัยความอดทนมาก 



3. Computer Animation ปัจจุบันมีซอฟท์ที่สามารถช่วยให้การทำแอนิเมชั่นง่ายขึ้น เช่น โปรแกรม Maya, Macromedia
และ 3D Studio Max เป็นต้น วิธีนี้เป็นวิธีที่ประหยัดเวลาการผลิตและประหยัดต้นทุนเป็นอย่างมาก เช่น ภาพยนตร์เรื่อง
Toy Story ใช้แอนิเมเตอร์เพียง 110 คนเท่านั้น 



อ้างอิงจากเว็บ http://thanetnetwork.com/animation/web/animation.htm

วันจันทร์ที่ 3 กุมภาพันธ์ พ.ศ. 2557

งานออกแบบป้ายโฆษณา โปรแกรม photoshop


ทำภาพเคลื่อนไหวด้วย Photoshop



องค์การวันแม่ การ์ดจากใจลูก ส่งถึงใจแม่


ค่ายพุทธบุตร รุ่น 3 56


ค่ายลูกเสือ ปี 55






วันอังคารที่ 28 มกราคม พ.ศ. 2557

สอน Photoshop : การใส่หมอกและแต่งภาพแนวเหนือจริง


การกำจัดไวรัสซ่อนโฟลเดอร์


วิธีล้างเครื่องลงโปรแกรมใหม่


การใช้งานโปรแกรม Photoshop Cs6


สอน วาดภาพการ์ตูนใน Flash


สอนสร้างแอนิเมชั่นด้วย Flash พื้นฐาน


วันจันทร์ที่ 27 มกราคม พ.ศ. 2557