Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 ·...

31

Transcript of Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 ·...

Page 1: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®
Page 2: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®
Page 3: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

บทบรรณาธการ

Google Analytics ตอนท 1Google Analytics คออะไรโดย....วรยา อยเจรญ

หนวยออกแบบเวบไซตและกราฟกดไซน

Adobe Dynamic Link

คำาสงเพมความสะดวกในการทำางานระหวางโปรแกรม Adobe After Effects และAdobe Premiere Proโดย....ศภลกษณ จเครอ

หนวยออกแบบเวบไซตและกราฟกดไซน

https://www.apple.com/today

คลาสฟร มในโลกโดย...กมลชนก สนทราภย

หนวยออกแบบเวบไซตและกราฟกดไซน

Content vol.68ฉบบท 68 ประจำ�เดอนมถน�ยน พ.ศ.2562ทปรกษา

ผชวยศาสตราจารย ดร.ธชวร ลละวฒน

รกษาการแทนรองอธการบด ฝายสารสนเทศ

และวทยาเขตกาญจนบร

นายธรพนธ วมลสาระวงค

ผอำานวยการกองเทคโนโลยสารสนเทศ

กองบรรณาธการ

ณฐพล สวางจตต, วระพล แสงนาค,

นงคนช พทธศภะ, ศภลกษณ จเครอ

ศลปกรรม

ศภลกษณ จเครอ

ตดตอสอบถาม

กองเทคโนโลยสารสนเทศ สำานกงานอธการบด

มหาวทยาลยมหดล

999 ถ.พทธมณฑลสาย 4

ต.ศาลายา อ.พทธมณฑล จ.นครปฐม 73170

โทร. 0-2849-6022 FAX. 0-2849-6039

4

3

16

25

Page 4: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

บทบรรณาธการ

สวสดคะทานผอานทกทาน มาพบกนอกแลวนะคะ สำาหรบ

วารสารอเลกทรอนกสMultimedia e-News ในฉบบน กนำาสาระ

ความรด ๆ มาฝากอกเชนเคย

ในฉบบนมสาระทเปนประโยชนกบผทำางานดานเวบไซต

คอเรอง Google Analytics ซงเปนเครองมอ Data Analytics

สำาหรบเวบไซต ชวยรวมและจำาแนกขอมลลกษณะและพฤตกรรม

ของคนทเขามาใชงานเวบไซตของเราในรปแบบของสถตอยาง

ละเอยด ซงทำาใหเราทราบและวเคราะหผเขาชม ความสนใจในเนอ

หาเวบไซตของเราวาเปนอยางไร

สำาหรบผใชงานโปรแกรม Adobe After Effect

และAdobe Premiere Pro เรามาทำาความรจกกบคำาสง Adobe

Dynamic link ทจะชวยใหเราทำางานไดสะดวกรวดเรวขน

ประหยดเวลา ในการสรางสรรคตดตอวดโอ และการจดการ Effect

ตาง ๆ ทใชงานทง 2 รวมกนได

เรองสดทายเปนการแนะนำาแหลงฝกอบรมทฟร และมหวขอ

อบรมทหลากหลาย ซงกคอ https://www.apple.com/today

เนอหาสาระนาสนใจขนาดน เราไปอานกนเลยดกวา

Editorial

ศภลกษณ จเครอ

Page 5: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

ความสามารถของ Google Analytics

Google Analytics คอ เครองมอทใชในการวเคราะหและเกบขอมลเชงสถต

พฤตกรรมของผเขาเวบไซต พฒนาโดย Google ขอมลท Google Analytics เกบคอ

“ขอมลผเขาใชงานเวบไซต” โดยจะเชอมโยงกบ Gmail และระบบอนๆ ของ Google

ทเราใชกนอย ตอนสมคร Gmail ปจจบนทกคนจะถกบงคบใหกรอกขอมล อาย เพศ

ทอย ความสนใจและอนๆ จงเปนเหตผลททำาไม Google Analytics รวาคนทเขาชม

อายเทาไร เพศอะไร อยทไหน จงหวดและประเทศอะไร รวมไปถงเวลาเขาเวบไซตใช

อปกรณอะไรดวย เราเรยกขอมลเหลานวา ขอมลเชงคณภาพ

สามารถใช GA เพอวเคราะหวา User เขาเวบไซตของเราโดยผานมาจากทไหน

และชองทางใดทนำาพา User เขามายงเวบไซตของเรา เชน User อาจจะมาจาก Social

หรอมาจาก Google หรอมาจาก Pantip คณสามารถใช GA เพอวเคราะหไดทงหมด

ใชเพอวเคราะห Demographic

ของผเขาชมเวบไซตวามอายเทาไหร เพศ

อะไร อาศยอยทไหน และมความสนใจ

เรองอะไร ซงขอมลเหลานจะมประโยชน

มากๆในการวเคราะหวาคนทชอบเวบไซต

ของ เรา เปนคนท ม ล กษณะอย า ง ไร

เพอทจะไดนำาไปทำาการตลาดทตรงกลม

เปาหมายไดในอนาคต

Page 6: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

GA สามารถให Behavioural Data เพอนำาไปวเคราะหพฤตกรรมของผใชงานใน

เวบไซตไดเชน ใชเวลาในเวบไซตของเรานานแคไหน เปดเวบเพจของเรากหนา และเขา

มาทำาอะไรในเวบไซตของเราบาง

ใชเพอตรวจสอบวาผเขาชมเวบไซตใชอปกรณอะไรกนบางและเปดเวบไซตของ

เราดวย Browser อะไร ระบบปฏบตการอะไร เพอทจะไดพฒนาเวบไซตใหตรงกบสงท

ผเขาชมใชกน

วเคราะหพฤตกรรมของ User ไดวาเขาไปเปดหนาเพจในไหนเวบไซตขนมาดบาง

User เขาเวบไซตของเราทหนาเพจไหน ใชเวลาอยในหนาเพจนนนานเทาไหร ไปหนา

เพจไหนตอ แลวออกจากเวบไซตทหนาเพจไหน เราสามารถวเคราะหไดวา User สวน

ใหญชอบอะไรในเวบไซตของเราดวยการตรวจสอบวา User สวนใหญเขาไปยงหนาเพจ

ไหนบาง

สามารถวดความเรวของเวบไซตได ซงถาจำาไดความเรวเปนปจจยสำาคญสำาหรบ

การจดอนดบ SEO แนนอนวา GA มนสามารถบอกไดเลยวาแตละหนาเพจใชเวลา

โหลดนานแคไหน สามารถแกไขปญหาไดอยาง

ตรงจด หรอสามารถเปรยบเทยบความเรวแตละ

หนาเทยบกบคาเฉลยของเวบไซตไดถาหนาเพจ

ไหนโหลดนานกวาคาเฉลยมากๆอาจจะลอง

เขาไปแกไขหนาเพจนนด

ทำา Event Tracking ไดเพอวเคราะห

วาคนเขาเวบไซตทำากจกรรมทมความสำาคญใน

เวบไซตของเรามากแคไหน (ภาษาคอมพวเตอร

เรยกวา Event) เชน การดาวนโหลดไฟล การ

กดเลนวดโอ การคลกทปมทมความสำาคญ รวมถงใชเพอวเคราะหวาแตละ Event ควร

ปรบปรงใหดขนไดอยางไร

วเคราะหคำาคนหาทอยในเวบไซตผานฟเจอร Site Search บางเวบไซตจะมชอง

สำาหรบให User คนหาขอมลทอยในเวบไซต เราสามารถใช GA เพอวเคราะหดวา User

สวนใหญคนหาอะไรกนบาง

Page 7: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

ความสามารถมากมายของ Google Analytics ทกลาวมานน ยงไมหมดแตเพยง

เทาน ยงมในเชงลกอกมากมาย แตสงทบอกวามนดไปอกขนกคอ ใชงานไดฟร กตองใช

ใหเกดประโยชนทสด โอกาสมาถงแลวถาพลาดกนาเสยดายอยางบอกไมถก

เรมตนใชงาน Google Analytics

เขาเวบไซต Google Analytics ไปท http://www.google.com/analytics/

กอนจะเรมตนใชงาน จะตองมบญชของ Google กอน แลวจงคอยสรางบญช Google

Analytics หากวามบญช Google แลว ใหไปทขนตอนการสมครบญช Google Ana-

lytics ไดเลย

ขนตอนการสมครบญช Google

1. เขาไปทเวบไซต http://www.google.com/analytics/ คลก “สรางบญช”

2. จะมหนาตางแสดงการลงชอ

เขาใชงาน Google Analytics ใหคลก

เลอก “สรางบญช”

เรมตนใชงาน Google Analytics

Page 8: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

3. ทำาการกรอกรายละเอยดตางๆ ตงชอ Account แลวใหกด “สรางบญช

Gmail แทน” แลวจงไปตงทอยอเมล และตงคารหส Password เรยบรอยแลวคลก

“ถดไป”

4. กรอกรายละเอยดตางๆ ใหครบ แลวกด “ถดไป” ในสวนของเบอรโทรศพทท

ใสไปนน จะมขอความสงรหสมาให

Page 9: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

จากนนจะมขอมลนโยบายความเปนสวนตวและขอกำาหนด อานเรยบรอยแลว

กด “ฉนยอมรบ”

จะพบเจอหนาเพจใหสมครสรางบญช Google Analytics เปนลำาดบตอไป

ขนตอนการสมครบญช Google Analytics

1. เขาเวบไซต Google Analytics ไปท http://www.google.com/analyt-

ics/ คลก “สรางบญช”

Page 10: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

จะมหนาตางแสดงการลงชอเขาใชงาน Google Analytics ใหพมพชอ

อเมล จากนนกด “ถดไป”

3. ใสรหสผาน จากนนกด “ถดไป”

4. เมอ Login ดวยบญช Gmail เขามาเรยบรอย จะพบหนาจอตามภาพดานลาง

ใหกด “สมครใชงาน”

5. หลงจากกดสมครใชงาน แลวจะเขามายงหนา New Account หนานเปน

หนาทสำาคญมาก โดยหนานเราจะตองเซตอพ account แรกของเราขนมาซงจะมราย

ละเอยด ดงน

Page 11: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

คณตองการตดตามอะไร : ระบบจะ default ไวทเวบไซต หากจะตดตาม

แอปบนอปกรณเคลอนท ใหเปลยนคลกเปลยนการตงคาเลอก “แอปบนอ

ปกรณเคลอนท”

ชอบญช : แนะนำาใหใสชอหนวยงานทเปนเจาของเวบไซตนน เพราะหนง

หนวยงานหรอหนง account อาจจะมหลายเวบไซตได ซงตอไปเราสามารถ

สราง property ของเวบไซตอนๆ ภายใต account เดยวกนนได ไมจำาเปนตอง

สราง account ใหม แตถาไมมกใสชอเวบได

ชอเวบไซต : ใสชอเวบไซต

URL ของเวบไซต : ใส URL ของเวบไซต

หมวดหมอตสาหกรรม : เลอกประเภทธรกจหรอเนอหาของเวบไซต

เขตเวลาการรายงาน : เลอกประเทศไทย

การตงคาการเปดเผยขอมล : ระบบ recommend ใหเลอกทงหมด

แนะนำาใหปลอยไวอยางนน เพราะเปนสวนทตองใชงานในอนาคต เชน การแชร

ขอมลกบ adwords account ของเรา และแชรขอมลเพอทำา benchmark

กบกลมเวบไซตใน industry เดยวกนซงจะทำาใหเราสามารถดรพอรทของเรา

เปรยบเทยบกบเวบไซตอนๆ ได

เมอตงคาเรยบรอยแลวกด “รบรหสการตดตาม”

Page 12: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

6. จะมหนาตาง pop up แสดงขอกำาหนดในการใหบรการของ Google Ana-

lytics ขนมา สามารถเลอกภาษาเพออานขอกำาหนดได จากนนใหกด “ฉนยอมรบ”

เพอยอมรบเงอนไขตางๆ ในการใชงาน Google Analytics

Page 13: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

ตวอยางการสรางขอสอบแบบหลายตวเลอก (Multiple Choice) เมอใสตวเลอก

คำาถาม (Choice) แลว กำาหนดขอทถก (Correct Answer) แลวใหกดปม Create

Questions

Page 14: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

ขนตอนการตดตง Google Analytics

1. พฒนาเวบไซตดวย HTML ทำาการคดลอกโคดสำาหรบตดตามเวบไซต (Track-

ing Code) แลวนำาไปวางในสวนของ <HEAD>.........................</HEAD> ของหนา

เวบทกหนาทตองการตดตาม

7. เสรจแลวจะพบหนา Property ซงในหนานจะมสวนทเรยกวา “รหสตดตาม”

(Tracking Code) ตามภาพดานลาง ใหทำาการคดลอกโคดสำาหรบตดตามเวบไซต ใน

ชองตามภาพดานลางไปใสในเวบไซตทเราตองการตดตาม

2. พฒนาเวบไซตดวย WordPress Login เขามาทระบบจดการหลงบานเวบไซต

แลวใหไปยง BeTheme > Theme Options แลวเลอก SEO

Page 15: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

ทำาการคดลอกโคดสำาหรบตดตามเวบไซต (Tracking Code) แลวนำาไปวาง

ในสวนของ Google | Analytics เรยบรอยแลวใหทำาการบนทกการตงคากด

“Save Changes”

จากนนใหเชควาทตด Tracking Code นน Google Analytics ไดรบขอมลแลว

หรอยง

Page 16: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

ถาขนวาไดรบขอมลแลวแบบดานบน แสดงวาการตดตงเรยบรอยสมบรณ

หลงจากทตดตงโคดทหนาเวบไซตแลว ขอมลจะยงไมเขามาทนท อาจจะตองรอ

สกพกแลวแตรอบของการอพเดทขอมลของระบบ Google บางทอาจจะไมเกน

ชวโมงหรออาจจะถงวนหนงกได ระหวางนจะเขาไปทำาความรจกกบ report

ตางๆ ของ Google Analytics ใหกดไปท “หนาแรก” ทเมนบารดานซายกจะ

แสดงผลภาพรวมของรายงานทงหมด แตเนองจากวาเพงตดตงโคดไปยงไมม

การอพเดทขอมลจงยงไมแสดงตวเลขอะไร หรอถาหากตองการดการรายงาน

ผลเฉพาะดานใหกดเมนดานซายหวขอทอยใตหวขอ “รายงาน” ไดเลย จะ

เปนการดเฉพาะดาน ตามภาพดานลาง ไวบทความครงตอไปมาทำาความรจกให

มากขนกบ Google Analytics นะคะ

Page 17: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

สวสดคะทานผอาน วนนจะมาเลาแชรความรเกยวกบการใชงานโปรแกรม

ยอดนยม 2 โปรแกรมซงกคอโปรแกรม Adobe After Effects และ Adobe

Premiere Pro

Adobe Premiere Pro เปนโปรแกรมทใชในการตดตอภาพและเสยง

ซงตวโปรแกรมเองมความสามารถในการตกแตงและตดตอภาพ-เสยง และ ใส

Effect และ Transition

Adobe After Effects เปนโปรแกรมทชวยในการดานการตกแตง

หรอเพมเตม Effect พเศษใหกบภาพ

ทง 2 เมอเราใชงานรวมกนแลวจะทำาใหวดโอมความแปลกตาสวยงาม โดย

ทวไปเราจะใชโปรแกรม Adobe After Effects ในการสรางงาน Animation

หรอสรางการตน ขอความ หรอ motion Graphic มาประกอบในการตดตอ

และเรากมกใชวธการ rendered และ export Composition จาก โปรแกรม

Adobe After Effects เปนไฟล VDO ออกมา แลวก Import เขามาใชงาน

Adobe Premiere Pro อกทหนง

ซงถามขอผดพลาดตองการแกไข Animation กตองกลบไปแก Compo-

sition ใน Adobe After Effects อก แลวก export Import กลบไปกลบมา

สลบไปสลบมาอยอยางน ทำาใหเสยเวลา วนนจะมาแนะนำาวธการลดขนตอน

เพอประหยดเวลากนคะ

Page 18: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

คำาสง Dynamic Link Dynamic Link เปนการเชอมโยงงานระหวางโปรแกรม Adobe Pre-

miere Pro กบ Composition ทเราเลอกไว (สรางในโปรแกรม Adobe After

Effects) แบบ Dynamic อธบายงาย ๆ กคอ เมอเราแกไฟล Composition

ในโปรแกรม Adobe After Effects ท Link กนไว พอเรากด Save ใน

Adobe Premiere Pro กจะเปลยนไปดวยนนเอง

ขนตอนการใชคำาสง Dynamic Link

1. ไฟล Adobe After Effects และ Adobe Premiere Pro ควรใหอยใน

โฟลเดอรเดยวกน

2. สรางไฟลใหมในโปรแกรม Adobe Premiere Pro เปดโปรแกรมแลว

เลอก New project ตงชอโปรเจค กด ok

Page 19: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

3. Import ไฟลวดโอ เลอก File > Import

เลอกไฟลวดโอทจะนำามาตดตอ กดปม OK

ไฟลวดโอจะมาอยในหนาตาง project

Page 20: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

4. คลกเลอกไฟลวดโอ แลวลากมาวางท timeline

ในทนขอยกตวอยาง การใส Text Animation ทสรางไวในโปรแกรม

Adobe After Effects มาใสในวดโอ

5. เลอกเมน File > Adobe Dynamic link > Import After effect

Composition (ถายงไมไดสรางไฟล AE ไว ใหเลอก New.....)

Page 21: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

6. เลอกโฟลเดอรทเกบไฟล เลอกไฟล Project After effect เลอก

Composition ใน Project ทตองการนำามาใช แลวกด OK

Composition ของ AE จะมาอยในหนาตาง Project ของ Adobe Pre-

miere Pro

Page 22: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

7. คลกท Composition AE แลวลากมาวางท timeline จะเหนเปนแถบ

สชมพ

ลองกดปม Play เพอดตวอยาง

Page 23: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

8. ถาตองการแกไข Text Animation ใหเปดโปรแกรม Adobe After ef-

fect แลวแกไข Composition แกไขแลวกดปม File > Save (ในทนแกไขทด

ลองแกไข Font)

Page 24: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

เมอกดปม Save ใน Adobe After effect แลวใหรอสกคร โปรเจคท

เรากำาลงตดตออยในโปรแกรม Adobe Premiere Pro จะอพเดตไฟล Text

Animation อตโนมต

Page 25: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

เปนอยางไรบางคะ สะดวก รวดเรวมากเลยใชมยคะ กบการใชงานคำาสง

Adobe dynamic link ทำาใหเราทำางานงายขน ไมเสยเวลา ยงถาทำางานไฟล

วดโอทตองการความละเอยดสงๆ ลกเลน Effect เยอะๆ จะเปลองพนทฮารด

ดสมาก ใชเวลานานในการแกไขไฟล AE ในแตละครง และการ Render ไฟลกจะ

ใชเวลานาน ดงนนการใชคำาสง Adobe dynamic link จะชวยลดปญหาเหลานได

แลวพบกนใหมฉบบหนานะคะ สวสดคะ

Page 26: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

คลาสฟร มในโลก! ไมวาจะเปนถายภาพ วดโอ ดนตร การเขยนโคดและแอพ

ศลปะและการอออกแบบ สขภาพและฟตเนส วนนเราจะมาแนะนำา TODAY AT APPLE

Today at Apple คอกจกรรมททาง APPLE จดขนมา โดยแบงเปนเซสชน หรอ

คลาสตางๆขนมาเพอใหผใชได

ทดลอง เรยนรการใชงาน หรอ

ตอยอดไอเดยตามผลตภณฑ

ท Apple ม โดยแบงเปนหมวด

ถายภาพ วดโอ ดนตร การเขยน

โคดและแอพ ศลปะและการ

ออกแบบ สขภาพและฟตเนส

แตเดยว! อยาเพงเลอนหน

และแนนอนถาคณไมไดใชหรอ

ไมเคยใชผลตภณฑใดๆ ของ Apple กสามารถเขารวมกจกรรมตางๆไดเชนกน โดยทาง

Appleมอปกรณใหพรอมเรยน และถาใครกงวลวาไมมประสบการณ ทาง Apple ได

เปดโอกาสใหทกคนไดเขารวมเรยนร ขอเพยงใจเราอยากลองกยอมได

อยางทผเขยนไดเคยมประสบการณไดเขารวมเซสชนการสรางสรรคเพลงโดย

ใช Garageband โดยทผเขยนไมเคยมประสบการณดานการทำาเพลงใดๆมากอน ก

เขารวมเซสชนการแตงเพลงได โดยทาง Apple มการเตรยมอปกรณใหพรอมทง Ipad

pro และ หฟง และทาง Instructure สอนตงแตเรมตนการใชโปรแกรม การแตงเพลง

จงหวะตางๆ โดยเปดโอกาสใหเราสรางสรรคเพลงตามไอเดยของเรา จนออกมาเปนผล

งานได โดยทไมเราไมจำาเปนตองเลนดนตรหรอรตวโนตใดๆ

ถาใครอยากเปดประสบการณใหมๆ หรออยากลองผลตภณฑApple กสามารถเขาไป

รวมกจกรรมนได

โดยกอนอนเขาไปดเซสชนตางๆ ไดท https://www.apple.com/today/

Page 27: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

และเลอนมาดานลาง เพอเลอกประเทศและสถานท ( โดยตอนนประเทศไทย ม

ท Icon Siam ทเดยว )

Page 28: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

และเรากจะเหนเซสชนขนมาโดยมหวขอตางๆ ถายภาพ/ วดโอ/ ดนตร/ การ

เขยนโคดและแอพ/ ศลปะและการอออกแบบ/ สขภาพและฟตเนส

เรากสามารถเลอกเซสชนทเราสนใจ แลวลงทะเบยนไดเลยตามวนเวลาทเราสะดวก

และเรากจะเหนเซสชนขนมาโดยมหวขอตางๆ ถายภาพ/ วดโอ/ ดนตร/ การ

เขยนโคดและแอพ/ ศลปะและการอออกแบบ/ สขภาพและฟตเนส

เรากสามารถเลอกเซสชนทเราสนใจ แลวลงทะเบยนไดเลยตามวนเวลาทเราสะดวก

โดยลงทะเบยนผาน Apple ID ใครยงไมมสมครใหมได

Page 29: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

ในบางโอกาส ทาง Apple เชญคนดงมาสอนเซสชนการทดลองทำาดนตร: แ ต ง

จ ง ห ว ะ ส ด ฮ ป ( ร ว ม ส ร า ง ส ร ร ค โ ด ย S w i z z B e a t z )

และยงมเซสชนอนๆทนาสนใจ และรอใหเราไปเปดประสบการณและหาไอเดย

ไดท https://www.apple.com/th/today/

Page 30: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล

Page 31: Content vol - Mahidol University › enews › multimedia › download › ... · 2019-08-13 · ¼¦ª» &¦¼µÁ稵 · Ƥ Ȧȱ®¿µ¼¯µ¦Æ¤ p -¼³¾¤®¼±»®

งานพฒนาสอผสม กองเทคโนโลยสารสนเทศ มหาวทยาลยมหดล