30 days to After Effects 1st Week

1stweek

พบกับซีรี่ยส์ใหม่ของทาง chilltorial.net “30 days to After Effect” ที่เกิดขึ้นจากความต้องการที่จะรื้อ Basic Series ใหม่อีกครั้งนึง ในคราวนี้มีจุดประสงค์ที่อยากให้เพื่อนๆที่เป็นมือใหม่ สามารถทำงานที่ใช้ After Effects ได้ภายใน 30 วัน โดยเริ่มต้นเรียนรู้จากพื้นฐาน จนถึงเทคนิคที่ใช้ในการทำงานจริงๆ

30 days to After Effects 1st Week – Day 1 Interface

วันที่ 1 – Interface

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

 

30 days to After Effects 1st Week – Day 2 Basic Animation Tools

วันที่ 2 – Basic Animation Tools

หลังจากที่เราได้ทำความรู้จักกับ Interface กันไปแล้วนะคับ ในตอนนี้ ผมอยากจะนำเสนอ เครื่องมือพื้นฐานที่เราใช้ในการ Animate สิ่งต่างๆใน After Effects ซึ่งมีบทบาทสำคัญอย่างมากในการทำงานกับ After Effects คับ

 

30 days to After Effects 1st Week – Day 3 Common Effects

วันที่ 3 – Common Effects

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

 

30 days to After Effects 1st Week – Day 4 File Import

วันที่ 4 – File Import

การทำงานกับ Software ของ Adobe ทำให้เรามีโอกาสใช้งาน Software ดีๆหลายๆตัวร่วมกัน การนำเอา File งานของโปรแกรมดีๆอย่าง Photoshop หรือ Illustrator เข้ามาทำงานใน After Effects ให้ถูกต้อง ถือเป็นเรื่องสำคัญที่หลายๆคนมองข้ามไป ใน Tutorial ตัวนี้เราจะมาดูกันนะคับ ว่าเวลาเรา Import มันมีอะไรบ้างที่เราจะต้องสนใจกัน :D

 

30 days to After Effects 1st Week – Day 5 Rendering

วันที่ 5 – Rendering

หลังจากที่เราได้เรียนการใช้งานเบื้องต้นไปใน 4 วันแรกแล้วนะคับ ในวันนี้ ผมอยากที่จะสอนการ Render เอาชิ้นงานของเรา ออกจาก After Effects มาเป็นไฟล์ Video ที่เราคุ้นเคยกัน นอกจากนี้ผมยังได้ยกตัวอย่าง ค่า Setting ที่เหมาะสมในการทำงานต่อ และ ที่เหมาะสมกับการเผยแพร่บน Internet :)

 

การบ้านสำหรับ 1st Week

Bouncing Ball

การบ้านชิ้นแรกนะคับ เป็นการ Animate การกระดอนของลูกบอล หรือ Bouncing Ball เพื่อนๆที่สงสัยลองเปิด Video อธิบายด้านบนดูนะคับ :) งานชิ้นนี้ เป็นเสมือนการเช็คพื้นฐานการใช้งาน After Effects และพื้นฐานการทำ Animation ไปในตัว เพราะว่า Bouncing Ball จะบอกได้ว่าเราละเอียดอ่อนกับการ Animate ขนาดไหน และสามารถบอกได้ว่า เราใช้ Tool ใน After Effect ได้ดีในระดับไหน ผมจึงมองว่า เพื่อนๆที่เป็นมือใหม่ น่าจะทดลองทำจากแบบฝึกหัดนี้ดูนะคับ :D แต่ถ้าเราอยากท้าทายขึ้นอีกนิด ลองเพิ่ม Texture ให้กับลูกบอลดูนะคับ

ผมอยากแนะนำให้เพื่อนๆ ลองใส่ใจกับรายละเอียดและทดลองหาวิธีในการแก้ปัญหาจากงานชิ้นนี้ดูนะคับ เช่น ตอนที่ลูกบอลกระทบพื้น ลูกบอลจะมีการเปลี่ยนแปลงรูปทรงเป็นวงรี ลองหาวิธีดูนะคับ :) ว่าวิธีไหนเหมาะสมในการใช้งาน เช่นเราอาจจะ Scale หรือเราอาจจะลองหา Effect ในหมวด Distort มาแก้ปัญหาดูคับ

(Video by DarkmaneTheWerewolf)

5 Seconds Logo Animation

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

(Video by PandaMotionVideo)

 

การบ้านที่เสร็จแล้ว นำเอามาแบ่งปันให้ดูกันทาง Comment ใน Entry นี้ก็ดีนะคับ การที่เราได้รับ Feedback กลับมาหลังจากแสดงผลงาน ถือเป็นสิ่งหนึ่งที่มีค่ามากๆ และเป็นสิ่งที่บอกได้ว่า ที่เราเรียนรู้มานั้น เราเอามาปรับใช้ได้มากน้อยแค่ไหน

ในซีรียส์นี้ยังแบ่งออกเป็น 4 สัปดาห์ โดยทางเราจะปล่อย Video Tutorial ออกมาสัปดาห์ละ 5 ตัวนะคับ แล้วทุกๆสุดสัปดาห์ เราจะมีการบ้านเล็กๆให้เพื่อนๆได้ลองทำกันนะคับ :D

 

สำหรับเพื่อนๆที่เริ่มต้น After Effects กับซีรียส์นี้ เพื่อนๆช่วยลงขื่อด้วยนะคับ :) ทางเราอยากที่จะเก็บข้อมูลสมาชิกไว้บ้าง ขอบคุณคับ :D

Founder of chilltorial.net, Motion graphic designer who loves to share ideas and knowledges for the better of our community.

90 Comments

  • Reply November 19, 2012

    ัyuttapol

    มือใหม่ขอมาเรียนรู้ด้วยคนนะครับ

  • Reply November 19, 2012

    rm

    สุดยอดความรู้ ขอบคุณครับ

  • Reply November 19, 2012

    keang

    แจ่มครับพี่

  • Reply November 19, 2012

    crod

    เข้ามาขอความรู้ครับ มือใหม่

  • Reply November 19, 2012

    waraan

    เป้เทพ ^^

  • Reply November 19, 2012

    piyachai

    ขอบคุณในความมีน้ำใจครับ

  • Reply November 19, 2012

    เจนณรงค์

    ขอบคุณมาก จากคนวัยชรา

  • Reply November 19, 2012

    Wisit

    มาลงชื่อครับ

  • Reply November 20, 2012

    lek

    ขอเรียนด้วยคนครับ

  • Reply November 20, 2012

    ashi

    เจ๋งคับ…หนับหนุน….จะติดตามคับ….

  • Reply November 20, 2012

    rooddy

    สุดยอดครับ

  • Reply November 20, 2012

    Mildiot

    ลงชื่อด้วยคนค่ะ :)

  • Reply November 20, 2012

    AumkunG

    รอติดตามนะค๊าบบบ
    ชอบที่พวกพี่ ๆ สอนมากเลย เข้าใจง่าย ^^

  • Reply November 20, 2012

    Soetheby

    ผมอั๊พเดท หัวข้อของวันที่สองให้แล้วนะคับ :D

    ขอบคุณทุกคนที่ติดตามพวกเรานะคับ ~*

    • Reply October 19, 2014

      Pirman

      No comliapnts on this end, simply a good piece.

  • Reply November 20, 2012

    Aun

    ขอบคุณมากๆครับ ติดตามเรื่อยๆครับผม

  • Reply November 20, 2012

    SamSeen1

    เยี่ยมมากเลยครับ เหมาะสำหรับเอาไปสอนคนมาก พอดีช่วงนี้มีคนสนใจเรื่องนี้เยอะพอสมควร เป็นกำลังใจให้ทำต่อๆไปครับผม : )

  • Reply November 21, 2012

    nirut

    เยียมมาก

  • Reply November 21, 2012

    ืnus

    ขอบคุณสำหรับความรู้นะครับ

  • Reply November 21, 2012

    Soetheby

    ผมเพิ่ง Tutorial วันที่ 3 แล้วนะคับ เป็นเรื่องของ Effects ทั่วๆไปที่มือใหม่ควรจะรู้จักไว้ ~*

  • Reply November 21, 2012

    Anuchit

    อยากให้มีเป็นหนังสือออกมาด้วยครับ จะอุดหนุนแน่นอน

    • Reply November 21, 2012

      Soetheby

      ผมอยากเขียนเป็นหนังสือเหมือนกันนะคับ :) ถ้ามีโอกาสได้ทำ อย่าลืมอุดหนุนนะคับ ~*

  • Reply November 21, 2012

    JOM

    ขอบคุณมากเลยครับ

  • Reply November 21, 2012

    kongkarun

    ขอบคุญครับ……………..

  • Reply November 22, 2012

    Soetheby

    ผมอั๊พเดทส่วนของวันที่ 4 ให้แล้วนะคับ :D ขอบคุณทุกคนที่ติตดามคับ ~*

  • Reply November 22, 2012

    cuffsinter

    สุดยอดครับจารย์

  • Reply November 22, 2012

    adisak

    สุดยอดครับ

  • Reply November 24, 2012

    Soetheby

    ผมเพิ่มวันที่ 5 กับ การบ้าน ให้แล้วนะคับ :D ~*

  • Reply November 25, 2012

    กาย

    ขอบคุณมากๆๆๆๆเลยครับ
    ต้องติดตามและบอกต่อครับ :D

  • Reply November 26, 2012

    jackie

    ขอบคุณมากๆสำหรับเนื้อหาดีๆนะครับ เป็นกำลังใจให้ครับ

  • Reply November 26, 2012

    focus

    ขอบคุณมากมาย อธิบายไม่หมด

  • Reply November 27, 2012

    BAM

    ส่งการบ้านครับบ Bouncing Ball : http://youtu.be/4wfskYT-AM8 ช่วยคอมเม้นหน่อยน่ะพี่ :]

  • Reply December 4, 2012

    Monster

    ขอบคุณมากมายครับ สำหรับความรู้ เพิ่มรอยหยักในสมองได้เยอะเลย

  • Reply December 26, 2012

    Snowtaro

  • Reply December 27, 2012

    taran

    อธิบายแจ่มชัดมากครับ
    ขอบคุณมากครับ…ขอติดตามเรียนรู้ครับ

  • Reply January 8, 2013

    pum

    ขอเข้ามาเรียนด้วยคนนะค่ะ ขอบคุณมากค่ะ

  • Reply January 12, 2013

    wisarn

    ขอบคุณครับ :D

  • Reply January 18, 2013

    PUU

    เรียนด้วยคนนะครับ ขอบคุณมากครับ

  • Reply January 29, 2013

    SunoN

    เข้าใจง่ายมากมาก เพียงแต่สงสัยว่าในแต่ละวิดิโอมันเหมือนตัดไปเฉยเลยเหมือนยังพูดไม่จบยังไงไม่รู้ ไม่แน่ใจว่าเป็นความตั้งใจหรือเปล่าอ่ะคะ?

    • Reply January 30, 2013

      Soetheby

      หมายถึง Video ตัวไหนคับ? ตัดจบช่วงนาทีที่เท่าไร? ~*

  • Reply January 31, 2013

    SunoN

    อ้ออออออ พอดีลองเปิดดูอีกรอบแล้วจบบริบูรณ์ค่ะ สงสัยจะเป็นที่เนทพอดีเปิดฟังแล้วทำงานไปด้วยแล้วมันทันได้สังเกตว่ามันจบตอนกึ่งกลาง >.<

  • Reply February 11, 2013

    stungman

    ฝากตัวด้วยครับอาจารย์ T T
    สอนดีมากเลยครับ

  • Reply March 3, 2013

    arm

    ลงชื่อครับบ 5555

    ไม่ได้เข้ามาตั้งนาน วิดีโอมีประโยชน์มากเลยครับ _/l\_

  • Reply March 8, 2013

    หนุ่ม

    มีประโยชน์สำหรับคนงบน้อยอย่างผมมากครับพี่สุดยอดเลย

  • Reply March 20, 2013

    dome

    ขอบคุณมากครับ มีประโยชน์มากเลย

  • Reply March 23, 2013

    SxDavil

    ฝากเนื้อฝากตัวด้วยครับ

  • Reply March 31, 2013

    Ar-tom

    ส่งการบ้าน week1 คร้าบ ช่วยติชมด้วยนะคร้าบ แฮ่ๆ :)
    https://www.youtube.com/watch?v=BEC6mf63N1w

    • Reply March 31, 2013

      Soetheby

      ต้องดูเรื่องจังหวะการ Aniamte อีกนิดนึงนะครับ :D จังหวะตอนมันขึ้นสูง มันจะต้อง ช้าลง ครับ เหมือนกับว่ามันกำลังหนีแรงโน้มถ่วง พอแรงจากตอนที่ลูกบอลกระเด้งขึ้นมา มันสู้แรงโน้มถ่วงไม่ไหว มันก็จะตกลงมา เพราะฉะนั้น ตอนมันขึ้น มันจะต้องค่อยๆช้าแล้วหยุด แล้วก็ค่อยๆเร่งลงมาใหม่ครับ :D ถ้าทำจังหวะให้ดีขึ้นกว่านี้ งานน่าจะออกมาสวยเลยครับ :D ~*

  • Reply April 9, 2013

    au

    ฝากเนื้อฝากตัวด้วยคนค่ะ

  • Reply April 18, 2013

    GG

    มาลงชื่อเรียนอีกคนครับผม

  • Reply April 20, 2013

    Kan Jaloensakkiti

    ผมอยากทราบวิธีการซุมเข้าซูมออกของการทำ kinetic typrography ครับ ลองทำให้ผมดูสักแบบนะครับ มาลงชื่อเรียนอีกคนละครับ

  • Reply April 20, 2013

    KAN JALOENSAKKITI

    พี่มีการเปิดสอนแบบ ตัวต่อตัวไหม ครับ เพราะผมต้องการทำโปรเจ็คจบ ป.ตรี ครับ ช่วยแน่นำด้วยนะครับ ผมทำเกี่ยวกับ kinetic typrography เกี่ยวกับเพลงครับผม

    • Reply April 21, 2013

      Soetheby

      ช่วงนี้ไม่มีโครงการสอนนะครับ :) ต้องขอโทษด้วย ถ้าจะทำ Kinetic เป็น Final Project หรือ Thesis ก็ลองวิจัยลองค้นหาดูก่อนครับ เรื่องการใช้งาน มีความรู้ให้ในเว็บไซต์นี้อยู่แล้วครับ :) สู้ๆครับ ~*

  • Reply April 25, 2013

    srookiez

    ส่งการบ้านคร้าบ พึ่งหัดทำไม่ค่อยดีเท่าไหร่เลยครับ รู้สึกว่าทำยากด้วยฮ่าๆ

    http://www.youtube.com/watch?v=GnNWKeRN5zc&feature=youtu.be

    ติชมกันได้ตามสบายเลยครับใหม่จริงๆ
    ขอบคุณล่วงหน้าครับ

  • Reply May 3, 2013

    wongsathorn

    ขอบคุณมากเลยครับ แต่ผมยังหาเึรื่องมือมาสร้างบอลไม่ได้เลย 55555+ แต่เรื่อมใส่ effect ให้ text ได้แล้วครับ เป็นกำลังใจให้ทำคลิปมาสอนเยอะๆนะครับ

  • Reply June 13, 2013

    joker140226

    สุดยอดไปเลยครับ กำลังทำการบ้านอยู่ ^ ^

  • Reply June 13, 2013

    joker140226

    ส่งการบ้านครับ http://www.youtube.com/watch?v=j1MsfW_mRW8&feature=youtu.be

    • Reply June 17, 2013

      Soetheby

      ตัว Bouncing Ball ดูน่าสนใจดีครับ :D สู้ต่อไปครับ ทำได้ดีแล้ว :) ~*

  • Reply June 16, 2013

    VictorCrum

    ชอบน้ำเสียงมากครับ นุ่มซะ .. ขอบคุณที่แบ่งปันครับ ได้รับประโยชน์เต็มที่เลย สำหรับคนหัดเริ่มต้นแบบผม
    เผอิญผมเป็น Photoshop+Somy Vegas มาแล้ว ดูแล้วเข้าใจทันทีเลยครับ ขอบคุณมากขอให้พระเจ้าอวยพระพรครับ ..

    • Reply June 17, 2013

      Soetheby

      ขอบคุณครับ :D ~*

  • Reply July 3, 2013

    kao

    ขอบคุณมากๆเลยครับ ;)

  • Reply August 8, 2013

    Ice

    ลงชื่อนะค๊าบ มือใหม่ไม่เคยใช้โปรแกรมอ่าค๊าบ

  • Reply August 26, 2013

    MAN

    ขอบคุณมากๆเลยนะครับ^^

  • Reply November 17, 2013

    Bom

    ส่งการบ้านครับผม พึ่งหัดเล่นครับ http://youtu.be/ndumtuvFdAA

  • Reply November 30, 2013

    Thank

    ชอบมากเลยครับ ขอบคุณมากครับ ^^

  • Reply December 1, 2013

    Tor

    โห คลิปแรกก็โดนใจดำเสียแล้ว เพราะผมคิดว่าจะเอามาตัดต่อ ฮ่าๆ ตอนนี้เริ่มเข้าใจล่ะว่ามันไม่ใช่ แต่ก็ยังสนใจ Ae อยู่ดี ต้องติดตามซะแล้ว

    ขอบคุณที่ทำคลิปออกมาอธิบายให้เข้าใจได้ง่าย

  • Reply December 6, 2013

    A

    ขอบคุณครับพึ่งเข้ามาดู ได้ความรู้เยอะมากๆ เป็นเว็บที่สุดยอด

  • Reply January 29, 2014

    bom

    ขอบคุณมากครับ นับถือคนอย่างคุณมากเลย

  • Reply February 1, 2014

    Anavil

    ขอบคุณมากครับ ชิลมากและได้มาก Less more than ^^

  • Reply February 8, 2014

    wisanu

    ขอบคุณครับ ไม่เคยใช้เลยอยากจะศึกษาดูครับ

  • Reply February 17, 2014

    Balagus

    เพิ่งค้นพบความรู้คับ………หาไม่ได้แล้วคับครูแบบนี้……ชอบคุณมากๆๆๆๆๆๆๆๆ

  • Reply April 2, 2014

    nnnyds

    ขอบคุณค่ะ ใจดีจัง น่ารักที่สุดดดดดดด ><

  • Reply April 22, 2014

    poowadon

    ยอดเยี่ยมมากเลยครับ มีประโยชน์สำหรับคนเริ่มหัดใช้อย่างผมเป็นอย่างมาก เข้าใจง่ายดีครับ :)

  • Reply April 22, 2014

    poowadon

    ยอดเยี่ยมมากเลยครับ
    มีประโยชน์สำหรับคนเริ่มหัดใช้อย่างผมเป็นอย่างมากครับ :)

  • Reply April 22, 2014

    PooWaS

    ยอดเยี่ยมมากเลยครับ
    มีประโยชน์อย่างมากครับ :)

  • Reply April 22, 2014

    PooWaS

    ยอดเยี่ยมมากเลยครับ มีประโยชน์อย่างมากครับ :)

  • Reply April 30, 2014

    manow

    ขอบคุณมากครับผม เป็นบทเรียนที่เข้าใจง่ายนำเสนอได้ดีครับ

  • Reply May 13, 2014

    sean

    ขอบคุณจากใจจริง สำหรับการแบ่งปันนะครับ ขอให้มีความสุขสมหวังในทุกเรื่องนะครับ (อวยพรเป็นทางการรึเปล่าเนี่ย) ผมไม่รู้ว่าความรู้พวกนี้หากต้องซื้อหาเป็นเงิน จะคิดเป็นมูลค่าเท่าไหร่ แต่คุณก็กลับเอามาแบ่งปัน ยิ่งให้ยิ่งได้รับครับ ^ ^

  • ขอสอบถามครับ

    จากคลิปสอนการเรนเดอร์ (วันที่ 5 – Rendering )
    30 days to After Effects 1st Week – Day 5 Rendering

    ภายในคลิปมีการนำตัวอย่างคลิปที่เป็น font โผล่มา 3 บรรทัด จากตัวอย่างที่นำคลิปนี้มาใช้ผมอยากรู้วิธีทำน่ะครับ ผมจะขอรบกวนช่วยส่ง link การทำ font มาให้ได้ไหมครับ ขอบคุณครับ

    กราฟฟิตี้ไม้ดอก

  • Reply September 2, 2014

    somsak

    ขอลงชื่อเรียนด้วยคนนะครับ

  • Reply September 9, 2014

    Teeranun

    คุณเป็นคนดีมากๆครับ ขอให้เจริญๆทุกสิ่งอย่าง
    เว็บนี้มีประโยชน์มาก ผมแต่ง 14 ก.ย.นี้แล้ว
    อยากทำพรีเซ็นต์เซอร์ไพรซ์แฟน ไม่จ้างครับ
    เลยหา template มามั่วๆสองวัน ไม่เข้าใจ
    มาเว็บนี้บอกพื้นฐานดีมากๆ
    ปล.มีtemplate แต่งงานสวยๆ รบกวนเมลมาให้หน่อยครับ ^ ^

  • Reply September 18, 2014

    sakonpob

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

  • Reply November 3, 2014

    poo

    คุณเป็นคนที่หาไม่ได้อีกแลัวในยุคนี้ ขอให้ชีวิตคุณจงประสพพบเจอแต่สิ่งที่ดี คนที่ดี มีครอบครัวที่อบอุ่น และที่สำคัญ ปราศจากโรคภัยไข้เจ็บทั้งปวง ขอพระอวยพรแด่คุณ SOETHEBY

    • Reply November 21, 2014

      Soetheby

      ขอบคุณมากครับ :) ~*

  • Reply February 19, 2015

    Genesi3

    สอนได้ละเอียดเข้าใจง่ายดีครับ ชอบมาเลยครับได้กลับมาลื้อฟื้นความจำ เยี่ยมครับ

  • Reply March 24, 2015

    Momo

    ขอบคุณนะคะ หาเว็ปที่สอนเบื้องต้นมานาน ได้ความรู้มาก

  • Reply March 29, 2015

    dotto

    https://www.youtube.com/watch?v=GvPxkB0f9Z4&feature=youtu.be
    ส่งการบ้านค่ะ :) (ตอนท้ายนี่ไม่รู้จะให้มันไปยังไง TT)

  • Reply October 8, 2015

    nus

    ขออนุญาตอาจารย์ นำลิ้งไปแปะที่ website นะครับ
    ขอขอบคุณครับในความรู้ที่แบ่งปัน

  • Reply April 22, 2016

    aezazza

    กลางปี 2016 ผมยังนั่งดู ขอบคุณมากๆเลยนะครับ ขอบคุณจริงๆครับ

  • Reply June 22, 2017

    suchart

    ผมเคยเรียนกับอาจารย์ที่ สื่อสารทหาร กลับมาไม่ได้ทำเลย ลืมเกือบหมดละ เลยกลับมาทบนทวนใหม่ ขอบคุณอาจารย์มากเลยครับผม

Leave a Reply Click here to cancel reply.

Leave a Reply to taran Cancel reply