โครงงาน เรื่อง การท าตะกร้าจากฟางข้าวlpsci.nfe.go.th/lpsci/attachments/184_bb02.pdf · ตารางที่
โครงงาน เรื่อง Adobe Photoshop CC
-
Upload
znackiie-rn -
Category
Education
-
view
156 -
download
2
Transcript of โครงงาน เรื่อง Adobe Photoshop CC
![Page 1: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/1.jpg)
รายงาน
เรอง โครงงานสอการเรยนรอเลกทรอนกส (E-book) : โปรแกรม Adobe Photoshop CC เพอการออกแบบโปสเตอร
วชาโครงงานเทคโนโลยการศกษา : การศกษาอสระ
โดย
นาย นฤวร จตรจรญ รหส 55540139
สาขาเทคโนโลยการศกษา คณะศกษาศาสตร
มหาวทยาลยบรพา
เสนอ
ดร.ภเบศ เลอมใส
![Page 2: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/2.jpg)
ค าน า
ระบบสารสนเทศมความส าคญและความจ าเปนอยางยงในการศกษาคนหาขอมลตาง ๆ ความกาวหนาของเทคโนโลยท าใหจ าเปนตองเรยนรเพอใหกาวทนกบความเปลยนแปลง ทเกดขน สามารถน าเทคโนโลยนนมาประยกตใชใหเปนประโยชนในชวตประจ าวน โดยเฉพาะดานการศกษา ทสงผลใหน าเทคโนโลยมาใชใหมประสทธภาพและประสทธผล หนงสออเลกทรอนกส (e-Book) เกดจากความกาวหนาของเทคโนโลย พฒนาเอกสารใหอยในรปสออเลกทรอนกส เปนการใหความรแกคนทสนใจอกชองทางหนง สงเสรมใหเขาถงการเรยนรอยางสะดวก รวดเรว ตามความตองการและศกยภาพของแตละบคคลมคณลกษณะส าคญทชวยกระตนใหเกดความใฝรใฝเรยน สนกสนาน จากภาพ เสยง ภาพเคลอนไหว หวงเปนอยางยงวาเอกสารคมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro เลมนจะเปนประโยชนคนทสนใจ ในการพฒนาสอเอกสารเปนหนงสออเลกทรอนกสเพอสรางสงคมแหงการเรยนรอยางตอเนองตลอดชวต
ผจดท า
นฤวร จตรจรญ รหส 55540139
![Page 3: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/3.jpg)
บทท 1
โครงการ “การพฒนาหนงสออเลกทรอนกส (e-book) เพอการศกษา”
ผรบผดชอบโครงการ นาย นฤวร จตรจรญ รหสนสต 55540139 คณะศกษาศาสตร สาขาเทคโนโลย
การศกษา มหาวทยาลยบรพา
ทปรกษาโครงการ
อาจารย ดร. ภเบศ เลอมใส
ทมาและความส าคญของโครงงาน
ปจจบนงานดานการออกแบบและตกแตงภาพโดยใชคอมพวเตอร ไดเขามามบทบาทกบการสรางสรรคผลงานมากขน และยงสามารถน ามาประยกตใชกบงานดานตางๆได เชน การตกแตงภาพ การสรางสรรคภาพ การเพมลกเลนใหกบชนงานตางๆ ซง Photoshop เปนโปรแกรมสรางงานกราฟก ตกแตงรปภาพและผลตสอสงพมพ ทไดรบความนยมอนดบตนๆ อกทงยงออกแบบงานกราฟกใหชนงานมความโดดเดนไดดวยตนเองภายในเวลาอนรวดเรว และเปนโปรแกรมกราฟกทใชงานกนตงแตมอสมครเลน แตงภาพเลนๆ เปนงานอดเรกไปจนมออาชพ ใชเพอสรางงาน สรางอาชพ ส าหรบผทชนชอบการแตงภาพไมวาจะเปนมอใหมหรอมอเกา กคงไมมใครปฏเสธไดวา Photoshop เปนโปรแกรมส าหรบสรางงานดานกราฟก ทรองรบเกอบทกสายงาน บคลากรในหลายสาขาอาชพใหความสนใจและนยมใชกนอยางแพรหลาย
ผจดท าโครงงานเลงเหนความส าคญในการใชงานโปรแกรมคอมพวเตอรประเภทตางๆ ส าหรบบคคลทวไปทสนใจ จงไดจดท าโครงงานโปรแกรม Photoshop เพอพฒนาทกษะการใชงานโปรแกรมกราฟก และสามารถน าความรไปประยกตใชในงานของสาขาอาชพของตนได
วตถประสงค
เพอใหผเรยนพฒนาความรความสามารถในการใชโปรแกรม Adobe Photoshop CC และสรางสรรค
ผลงานอยางมประสทธภาพ
ขอบขายของโครงงาน
![Page 4: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/4.jpg)
- โครงงานพฒนาสออเลกทรอนกส Adobe Photoshop CC เพอการออกแบบงานโปสเตอร
- วสด อปกรณเครองมอหรอโปรแกรมทใช ไดแก
- หนงสอ Photoshop CC Professional Guide ฉบบสมบรณ
- หนงสอ Photoshop Compositing Secrets
- โปรแกรม Adobe Photoshop CC
- โปรแกรม Flip album 6.0
- เวบไซตทใชในการศกษาคนควา www.youtube.com , www.google.com
ผลทคาดวาจะไดรบ
- ผเรยนสามารถจ าเครองมอตางๆภายในโปรแกรม Adobe Photoshop CC และน าไปใชได
- ผเรยนสามารถใชโปรแกรม Adobe Photoshop CC ในการสรางสรรคผลงานอยางมประสทธภาพ ได
![Page 5: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/5.jpg)
บทท2
เอกสารทเกยวของ
ในการจดท าโครงงานพฒนาสออเลกทรอนกส Adobe Photoshop CC เพอการออกแบบงานโปสเตอร
ผจดท าไดศกษาจากอนเตอรเนตและเอกสารตางๆ ทเกยวของดงตอไปน
1. หนงสอ Photoshop CC Professional Guide ฉบบสมบรณ
2. หนงสอ Photoshop Compositing Secrets
3. หลกการออกแบบโปสเตอร
4. การหาคาประสทธภาพสอการสอน
5. ภาพในการใชสรางสรรคผลงาน ( www.google.com )
1. Electronic Book ( e-Book )
หมายถงหนงสอทสรางขนดวยโปรแกรมคอมพวเตอร มลกษณะเปนเอกสารอเลกทรอนกส โดย
ปกตมกจะเปนแฟมขอมลทสามารถอานเอกสารผานทางหนาจอคอมพวเตอร ทงในระบบออฟไลน และ
ออนไลน คณลกษณะของหนงสออเลกทรอนกสสามารถเชอมโยงจดไปยงสวนตาง ๆ ของหนงสอ
เวบไซตตาง ๆ ตลอดจนมปฏสมพนธและโตตอบกบผเรยนได นอกจากนนหนงสออเลกทรอนกสสามารถ
แทรกภาพ เสยง ภาพเคลอนไหว แบบทดสอบ และสามารถสงพมพเอกสารทตองการออกทางเครองพมพได
อกประการหนงทส าคญกคอ หนงสออเลกทรอนกสสามารถปรบปรงใหทนสมยไดตลอดเวลา ซงคณสมบต
เหลานจะไมมในหนงสอธรรมดาทวไป
1.1ขอดของ e-Book
![Page 6: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/6.jpg)
1. อานทไหน เมอไหร ไดตลอดเวลา เนองจากพกไปไดตลอดและไดจ านวนมาก
2. ประหยดการตดไมท าลายปา เพราะไมตองตดไมมาท ากระดาษ
3. เกบรกษาไดงาย ประหยดเนอทในการจดเกบ ประหยดคาเกบรกษา
4. คนหาขอความได ยกเวนวาอยในลกษณะของภาพ
5. ใชพนทนอยในการจดเกบ (cd 1 แผนสามารถเกบ e-Book ไดประมาณ 500 เลม)
6. อานไดในทมด หรอแสงนอย
7. ท าส าเนาไดงาย
8. จ าหนายไดในราคาถกกวาในรปแบบหนงสอ
9. อานไดไมจ ากดจ านวนครง เพราะไมยบหรอเสยหายเหมอนกระดาษ
10. สะดวกสบาย ไมตองเดนทาง แคคลกเดยวกสามารถเลอกอานหนงสอทตองการไดทนท
11. เปนสวนหนงในการรกษาธรรมชาต โดยลดการใชกระดาษกบ True e-Book
1.2 ขอเสยของ e-Book
1. ตองอาศยพลงงานในการอานตลอดเวลา ไมวาจะเปนไฟฟาหรอแบตเตอรร
2. เสยสขภาพสายตา จากการไดรบแสงจากอปกรณอเลคทรอนกส
3. ขาดความรสก หรออรรถรส หรอความคลาสสค
4. อาจเกดปญหากบการ ลง hardware หรอ software ใหมหรอแทนทอนเกา
5. ตองมการดแลไฟลใหด ไมใหเสยหรอสญหาย
6. การอานอาจเกดอนตรายตอสายตา
7. เกดการละเมดลขสทธไดงาย
8. ไมเหมาะกบบาง format เชน รปวาด รปถาย แผนทใหญ เปนตน
![Page 7: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/7.jpg)
1.3 ประโยชนของ e-Book
1.3.1 ส าหรบผอาน
1. ขนตอนงายในการอาน และคนหาหนงสอ
2. ไมเปลองเนอทในการเกบหนงสอ
3. อานหนงสอไดจากทกททมการเชอมตออนเตอรเนต
1.3.2 ส าหรบหองสมด
1. สะดวกในการใหบรการหนงสอ
2. ไมตองใชสถานทมากในการจดเกบหนงสอ และไมเสยคาใชจายในสวนน
3. ลดงานทเกดจากการซอม จดเกบ และการจดเรยงหนงสอ
4. ไมเสยคาใชจายในการจางพนกงานมาดแลและซอมแซมหนงสอ
5. มรายงานแสดงการเขามาอานหนงสอ
1.3.3 ส าหรบส านกพมพและผเขยน
1. ลดขนตอนในการจดท าหนงสอ
2. ลดคาใชจายและความเสยงในการจดพมพหนงสอ
3. ลดคาใชจายในการจดจ าหนายผานชองทางอนๆ
4. เพมชองทางในการจ าหนายหนงสอ
5. เพมชองทางในการประชาสมพนธตรงถงผอาน
1.4 ขอจ ากดของ E-book
เนองจากอาจเกดปญหากบการ ลง Hardware หรอ Software ใหมหรอแทนทอนเกา ดงนนจงตอง
มโปรแกรมและเครองมอในการอน คอ Hardware ประเภทเครองคอมพวเตอร หรออปกรณอเลกทรอนกส
![Page 8: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/8.jpg)
พกพาอนๆ พรอมทงระบบตดตงระบบปฏบตการหรอ Software ทใชอานขอความตางๆ ตวอยางเชน
Organizer แบบพกพา Pocket PC หรอ PDA เปนตน การดงขอมล E-Book ซงจะอยบนเวบไซตท
ใหบรการทางดานนมาอาน กจะใชวธการ Download ผานทางอนเตอรเนตเสยเปนสวนใหญ อยางไรกตาม
มใชวา Hardwareทกชนดจะอานหนงสออเลกทรอนกสได เนองจากมขอจ ากดของชนดไฟลบางประเภท
นนเอง ซงตองมการแกปญหาดวยการน า Software บางตวมาชวยส าหรบ Software ทใชงานกบ E-Book ใน
ปจจบนมสองประเภทคอ Software ทใชอานขอมลจาก E-Book และ Software ทใชเขยนขอมลออกมาเปน
E-Book นอกจากนผใชตองมการดแลไฟลใหด ไมใหเสยหรอสญหาย ค านงเสมอวาการอานอาจเกด
อนตรายตอสายตา E-Bookน ไมเหมาะกบบาง format เชน รปวาด รปถาย แผนทใหญ เปนตน
อางองจาก:
http://www.srb1.go.th/anuban/e_book/meanebook.htm
http://www.oknation.net/blog/freeday888/2009/08/25/entry-1
http://www.learners.in.th/blogs/posts/310259
2. คมอการใชงานโปรแกรม Flip Album เพอ สรางสอหนงสออเลกทรอนกส (e-book) เรอง
Adobe Photoshop CC เพอการออกแบบงานโปสเตอร
แนะน าเครองมอตางๆในโปรแกรม Adobe Photoshop CC
1. กลมเครองมอการเลอก (Selection) ประกอบดวย
Marquee ใชส าหรบเลอกพนทบนภาพเปนรปสเหลยม วงกลม วงร หรอเลอกเปนแถว คอลมนขนาด 1 พเซล
Move ใชส าหรบยายพนททเลอกไวของภาพ หรอยายภาพในเลเยอรหรอยาย เสนไกด
Lasso ใชเลอกพนทบนภาพเปนแนวเขตแบบอสระ
Magic Wand ใชเลอกพนทดวยวธระบายบนภาพ หรอเลอกจากสทใกลเคยงกน
Crop ใชตดขอบภาพ
Slice ใชตดแบงภาพเพอบนทกไฟลภาพยอย ๆ ทเรยกวาสไลซ (Slice)
![Page 9: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/9.jpg)
ส าหรบน าไปสรางเวบเพจ
2. กลมเครองมอการแกไข (Edit) ประกอบดวย
Healing Brush ใชตกแตงลบรอยต าหนในภาพ
Clone Stamp ใชท าส าเนาภาพ โดยกอปปภาพจากบรเวณอนมาระบาย หรอ ระบายดวยลวดลาย
History Brush ใชระบายภาพดวยภาพของขนตอนเดมทผานมา หรอภาพของสถานะ เดมทบนทกไว
Eraser ใชลบภาพบางสวนทไมตองการ
Gradient ใชเตมสแบบไลระดบโทนสหรอความทบ
Blur ใชระบายภาพใหเบลอ
Brush ใชระบายลงบนภาพ
Dodge ใชระบายเพอใหภาพสวางขนหรอมดลง
3. กลมเครองมอการสราง (Create) ประกอบดวย
Pen ใชวาดเสนพาธ (Path)
Horizontal
Type ใชพมพตวอกษรหรอขอความลงบนภาพ
Path Selection ใชเลอกและปรบแตงรปทรงของเสนพาธ
Rectangle ใชวาดรปทรงเรขาคณตหรอรปทรงส าเรจรป
4. กล มเครองมอมมมอง (View) ประกอบดวย
Notes ใชบนทกหมายเหตก ากบภาพทเปนขอความหรอเสยง
Eyedropper ใชเลอกสจากสตาง ๆ บนภาพ
Hand ใชเลอนดสวนตาง ๆ ของภาพ
Zoom ใชยอหรอขยายมมมองภาพ
5. กลมเครองมอเลอกส (Color) ประกอบดวย
Set Foreground Color, Set Background Color ใชส าหรบก าหนดส
Foreground Color และ Background Color
![Page 10: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/10.jpg)
สอวดทศนการใชงานของโปรแกรม Adobe Photoshop
วดโอการใชงานและตกแตงภาพดวยเลเยอร
วดโอการตดตอภาพ
![Page 11: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/11.jpg)
วดโอปรบแตงความสวางและสของภาพ
สอวดทศนการใชงานของโปรแกรม Adobe Photoshop
วดโอการบบตดและปรบปรงรปทรงของภาพ
วดโอท างานกบขอความตวอกษร
![Page 12: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/12.jpg)
วดโอสรางงานกราฟกดวย Filter สอวดทศนการใชงานของโปรแกรม Adobe Photoshop
สาธตการสรางโปสเตอรฉบบสมบรณ
![Page 13: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/13.jpg)
3. การออกแบบโปสเตอร
โปสเตอร (poster) คอภาพขนาดใหญพมพบนกระดาษ ออกแบบเพอใชตดหรอแขวนบนผนงหรอ
ก าแพง โปสเตอรอาจจะเปนภาพพมพและ/หรอภาพเขยนหรออาจจะเปนอยางใดอยางหนงโดยเฉพาะ
จดประสงคกเพอท าใหเตะตาผดและสอสารขอมลโปสเตอรอาจจะใชสอยไดหลายประการ แตสวนใหญ
มกจะใชในการเผยแพรเพอการประชาสมพนธ โดยเฉพาะการโฆษณางานแสดงศลปะ, งานดนตร หรอ
ภาพยนตร, การโฆษณาชวนเชอ, หรอในการสอสารทตองการสอสารความเชอตอคนกลมใหญ
โปสเตอร (Poster) เปนสอสงพมพทมบทบาทตอการประชาสมพนธมากสอหนง ทงนเพราะ-
โปสเตอรเปนสอทสามารถเผยแพรไดสะดวกกวางขวาง สามารถเขาถงกลมเปาหมายไดทกพนท สอสาร
กบผบรโภคไดทกเพศ ทกวย ทกระดบการศกษา มความยดหยนในตวของสอเปนอยางด
โปสเตอร (Poster) ทน ามาใชในการประชาสมพนธ มจดประสงคเพอบอกกลาว เผยแพรใหผดม
ความรความเขาใจและปฏบตตาม ไมเนนในการสงเสรมการขายสนคาของผจดท า แตจะเนนหนกไป
ทางการสรางภาพพจนขององคกร ใหเปนทยอมรบเกดความฝงใจเชอถอและศรทธา นอกจากนยงมการใช
เพอย าเตอนใจกลมประชาชนเปาหมายดวย
วตถประสงคของการใชโปสเตอรเพอการประชาสมพนธ
1. เพอบอกกลาวหรอใหค าแนะน า เกยวกบเรองใดเรองหนง
2. เพอเชญชวนกลมเปาหมาย ใหเขารวมกจกรรมทองคกรจดขน
3. เพอโนมนาวใจกลมเปาหมายใหเหนคลอยตาม
4. เพอปลกเรา ใหกลมเปาหมาย ตระหนกถงประเดนใดประเดนหนง
5. เพอย าเตอน กลมเปาหมายใหระลกถงเรองใดเรองหนง
6. เพอสรางความจดจ า ใหเกดขน
7. เพอใหความรในสาระอนเปนประโยชนแกกลมเปาหมาย ไดใชเปนแนวปฏบต
![Page 14: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/14.jpg)
องคประกอบของโปสเตอร
1. พาดหว(Headline)
พาดหวหรอหวเรอง เปนสงทส าคญของโปสเตอร เพราะชวย ดงดดความสนใจ หรอ ตดตามด
รายละเอยดอนๆ ของขอความในโปสเตอร พาดหวหรอหวเรอง อาจแสดงดวย ภาพ หรอ ขอความ หรอทง
ภาพและขอความกได แตสวนมากจะใช ขอความทมขนาดใหญ กวาขอความอนถาขอความมความยาวมาก
อาจจะแบงเปน หวเรองรอง (Subhead line)
พาดหวของโปสเตอรมลกษณะ ดงน
1.1 มขอความสน กะทดรดไดใจความ สอความหมายไดเรว
1.2 มความกระจาง สามารถดงดดความสนใจของผทคาดวาจะเปนกลมเปาหมายได
1.3 มความเหมาะเจาะ ตอบสนองความตองการของผทคาดวาจะเปนกลมเปาหมายได
1.4 มความนาสนใจเพอเรยกรองใหผทคาดวาจะเปนกลมเปาหมายสนใจ โดยใช
หลกการทางจตวทยาและการใชภาษา
1.5 มเพยงแนวคดเดยว ในโปสเตอรแตละแผน
1.6 มความนาเชอถอคอ ขอความทกลาวอาง ตองมน าหนก นาเชอถอ
2. พาดหวรอง (Subhead line)
พาดหวรอง (Subhead line) นยมใชตวอกษรทมขนาดใหญรองจากพาดหว ท าหนาทในการ
เชอมโยงพาดหว ไปยงเนอเรองในโปสเตอรใชในกรณทพาดหวไมสามารถจะใหรายละเอยดไดเพยงพอจง
จ าเปนทจะตองมการขยายความใหกระจางขน
![Page 15: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/15.jpg)
3. ขอความ (Body Copy)
ขอความ(Body Copy) คอ สวนทเปนเนอหารายละเอยด เพมเตมจากพาดหวของโปสเตอรฉบบนน
ๆ ขอความจะ สนบสนนเนอหาของโปสเตอรโดยสวนรวม มการคดเลอกอยางชดเจน ไมคลมเครอ หรอ
เขาใจไปไดหลายทาง และใชขอความทสน กะทดรด อกษรชดเจน อานงาย เขาใจไดทนท ตอบสนองความ
ตองการใครรของ ผอาน และมองเหนไดแตไกล
4. ภาพประกอบ (illustration)
ภาพประกอบ คอ สวนทจะมาเสรมหรอขยายพาดหว ตลอดจนสรางความเขาใจเพมขนจากขอความ
ชวยสราง หรอดงดดความสนใจ และภาพทน ามาใชควรเปนภาพทดงาย สามารถเขาใจไดทนทเนนจดสนใจ
ในภาพ เพยงจดเดยว และมองเหนไดในระยะไกลสามารถสอความคดสรางสรรคไดชดเจนรวมทงสามารถ
สราง ความจดจ าใหแกผรบไดดวย
5. สวนลงทาย(Ending)
5.1 ชอหรอสญลกษณขององคการผเผยแพร (Identification)
5.2 สถานทตงหรอสถานทตดตอขององคกรผผลต
5.3 ค าขวญ หรอ สโลแกน (Slogan)
ขอควรค านงถงในการออกแบบโปสเตอร
1. ควรเปนแผนเดยวโดดๆ สามารถน าไปตดบนพนผวใดกได
2. ควรมภาพประกอบ และขอความ ทบงบอกถง อะไร ทไหน เมอใด ใชขอความ
กะทดรดเขาใจงาย ชดเจนไมคลมเครอ หรอเขาใจไปไดหลายทาง และใชขอความทสามารถเขาใจ
ไดทนทแสดงแนวคด หลกและเรองราวเพยงอยางเดยว
3. การวางต าแหนงภาพประกอบ และขอความ ตองประสานสงเสรมซงกนและกน และ
งายแกการจดจ า (ควรมค าขวญหรอสโลแกน)
![Page 16: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/16.jpg)
4. ตวอกษรทใชควรเดน สะดดตาค านงถงระยะหางทางการอาน และขนาดของตวอกษร
ควรแตกตางกน ตามหนาท เชน ตวหวเรอง หรอพาดหว ควรมขนาดใหญกวาขอความ
5. ภาพหรอขอความทเสนอ ตองมขนาดใหญทงนเพอใหสามารถมองเหนไดงาย และ
ขนาดของโปสเตอร ตองปรบใหเหมาะสมกบ สถานทตงโปสเตอรดวย
6. มโครงสรางชดเจน คอ การใชสทเดนชด สะดดตา ไมมลลาเสนสายหรอลวดลาย
สบสน ดแลวเขาใจใน โครงสรางนนๆ ไดทนทสามารถแยกภาพกบตวอกษร ทตองการเสนอได
ชดเจน มความเหมาะสมกบเนอหาและจตวทยาในการใชสดวย
7. ค านงถงหลกในการออกแบบและจดหนา
8. ผลตขนเปนจ านวนมาก
![Page 17: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/17.jpg)
บทท 3
วธด าเนนงาน
ในการจดท าโครงงานการประยกตใชโปรแกรม Flip Album Pro 6.0 ในการพฒนาสอหนงสอ
อเลกทรอนกส(e-book) เรอง Adobe Photoshop CC เพอการออกแบบงานโปสเตอร
วสด อปกรณ เครองมอหรอโปรแกรมทใช ไดแก
- เครองคอมพวเตอร
- โปรแกรม Flip Album Pro 6.0 ใชน าเสนอสอการสอน
- โปรแกรม Adobe Photoshop CC เนอหาการสอน
- โปรแกรม Adobe Photoshop CC ใชน าเสนอเรยบเรยง
- เวบไซตทใชในการศกษาคนควา www.google.com , www.youtube.com
1. ประชากร
ประชากรเปนนกศกษามหาวทยาลยบรพา คณะศกษาศาสตรจ านวน 50 คน
2. กลมตวอยาง
กลมตวอยางเปนนกศกษามหาวทยาลยบรพา คณะศกษาศาสตรจ านวน 30 คนไดมาโดยการสม
อยางงาย (Simple Random Sampling) โดยวธจบสลากกลมตวอยางทใชในการทดสอบหาประสทธภาพของ
หนงสออเลกทรอนกสแบบเดยว แบบกลมและภาคสนาม ดงน
2.1 กลมตวอยางทใชในการทดสอบหาประสทธภาพของหนงสออเลกทรอนกสแบบเดยว
จ านวน 15 คน
2.2 กลมตวอยางทใชในการทดสอบหาประสทธภาพของหนงสออเลกทรอนกส
![Page 18: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/18.jpg)
แบบกลม จ านวน 20 คน
2.3 กลมตวอยางทใชในการทดสอบหาประสทธภาพของหนงสออเลกทรอนกส
แบบภาคสนาม จ านวน 30 คน
ขนตอนการด าเนนงาน
1. ศกษา/ส ารวจขอมลเพอจดท าโครงการ
2. น าเสนอชอโครงงานตออาจารยทปรกษาขออนมต
3. ศกษาและคนควาขอมลทเกยวของกบเรองทสนใจ คอ การประยกตใชโปรแกรม Flip Album Pro 6.0 ใน
การสรางสอหนงสออเลกทรอนกส(e-book) เรอง Adobe Photoshop CC เพอการออกแบบงานโปสเตอร
วามเนอหามากนอยแคไหน และตองศกษาเพมเตมจากเวบไซตตางๆเพอเรยบเรยงขอมลในการท าเนอหา
ตอไป
4. จดเกบขอมลในรปแบบเอกสารเพอน าเสนอ อาจารยทปรกษา
5. สรางชนงาน โดยโปรแกรม Flip Album Pro 6.0
6. ประเมนคณภาพตนแบบชนงาน โดยผเชยวชาญอยางนอย 3 คน
7. ปรบปรงตนแบบชนงาน
8. ทดลองชนงานกบกลมตวอยาง
9. วเคราะหขอมล
10. เขยนรายงาน จดท ารปเลมโครงงานแบบฉบบสมบรณ
11. บนทกลง CD-ROM
12. น าเสนอรายงาน
![Page 19: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/19.jpg)
![Page 20: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/20.jpg)
การสรางเครองมอในการวจย
1. การสรางแบบประเมนคณภาพหนงสออเลกทรอนกส เรอง กราฟกเบองตนผวจยไดด าเนนการสรางแบบ
ประเมนคณภาพหนงสออเลกทรอนกสตามขนตอนตอไปน
1.1 ศกษาเอกสารการประเมนสอการสอน
1.2 เลอกแบบประเมนคณภาพมลตมเดยเพอการศกษาของกรมวชาการ (กรมวชาการ,2542)
1.3 ปรบปรงแบบประเมนคณภาพหนงสออเลกทรอนกส ใหสอดคลองกบคณสมบตของ
หนงสออเลกทรอนกส
1.4 ก าหนดระดบการประเมนคณภาพของหนงสออเลกทรอนกส ไว 5ระดบ คอ
ดมาก = 5
ด = 4
ปานกลาง = 3
พอใช = 2
ควรปรบปรง = 1
ซงเกณฑการยอมรบคณภาพของหนงสออเลกทรอนกส จะพจารณาตามค าถามแตละขอขอทผาน
เกณฑจะตองไดคะแนนเฉลยดถงดมาก และคะแนนเฉลยรวมตองไมต ากวาเกณฑด จงจะสามารถน าไป
ทดลองได โดยก าหนดระดบการประเมน 5 ระดบดงน
คะแนน 1.00 – 1.49 หมายถง คณภาพควรปรบปรงอยางยง
คะแนน 1.50 – 2.49 หมายถง คณภาพควรปรบปรง
คะแนน 2.50 – 3.49 หมายถง คณภาพอยในระดบปานกลาง
คะแนน 3.50 – 4.49 หมายถง คณภาพอยในระดบด
คะแนน 4.50 – 5.00 หมายถง คณภาพอยในระดบดมาก
![Page 21: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/21.jpg)
การเกบรวบรวมขอมล
ผวจยด าเนนการทดลองตามขนตอนตอไปน
1.ขนตอนการกอนการทดลอง
1.1ขนเตรยมเครองมอทใชในการทดลอง ซงประกอบดวย หนงสออเลกทรอนกส เรอง
Adobe Photoshop CC เพอการออกแบบงานโปสเตอร แบบประเมนคณภาพหนงสออเลกทรอนกส เรอง
Adobe Photoshop CC เพอการออกแบบงานโปสเตอร แบบทดสอบวดผลสมฤทธทางการเรยน และ
ตารางเวลานดหมายผเรยน
1.2 ก าหนดระยะเวลาในการทดลอง
1.3 ตดตอขออนญาตใชหองคอมพวเตอร
1.4 ตดตอขออนญาตอาจารยรายวชาน ากลมตวอยางมาทดลองตามวนทไดก าหนด
1.5 ทดสอบความพรอมของหองคอมพวเตอรกอนทดลองจรง
2. ขนด าเนนการทดลอง
ผวจยไดด าเนนการทดลองตามขนตอนตอไปน
2.1 ใหกลมตวอยางทเขารบการทดลองมาท าแบบทดสอบวดผลสมฤทธโดยใชเวลา
ประมาณ 20 นาท
2.2 ผวจยอธบายกลมตวอยางใหทราบถงจกประสงคของการทดลอง
2.3ใหกลมตวอยางทดลองฝกการท าเครองหมายบนใจความส าคญ ใชเวลาประมาณ10 นาท
2.4 จากนนกลมตวอยางศกษาเนอหาจากหนงสออเลกทรอนกส เรอง Adobe Photoshop
CC เพอการออกแบบงานโปสเตอร เปนรายบคคล ผวจยจะคอยสงเกตพฤตกรรมผเรยนตลอดการเรยน ใน
ขนตอนนจะใชเวลา ประมาณ 1 ชวโมง 30 นาท
2.5เมอหมดเวลา ผวจยสอบถามถงปญหาทเกดขนกบผเรยน
2.6ใหกลมตวอยางท าแบบทดสอบวดผลสมฤทธ โดยใชเวลาประมาณ30 นาท
![Page 22: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/22.jpg)
2.7ผวจยเกบรวบรวมขอมล โดยการตรวจใหคะแนนแบบทดสอบระหวางเรยน
แบบทดสอบกอนและหลงเรยนของกลมตวอยาง มเกณฑการใหคะแนน 1 คะแนนส าหรบค าตอบ
ทถกตอง และให 0 คะแนนส าหรบค าตอบทผดหรอไมตอบ และน าคะแนนทไดมาหาคา E1/ E2
การวเคราะหขอมล
การวจยครงน ผวจยไดวเคราะหขอมลดงน
1. การหาประสทธภาพของหนงสออเลกทรอนกส จากสตร E1/ E2โดยน าคะแนนทไดจาก
แบบทดสอบระหวางเรยน และแบบทดสอบวดผลสมฤทธทางการเรยน
2. คาดชนความสอดคลองระหวางขอค าถามกบลกษณะเฉพาะกลมพฤตกรรม
3. หาคาระดบความยากงายและคาอ านาจจ าแนกของแบบทดสอบวดผลสมฤทธทางการเรยน
สถตทใชในการวเคราะหขอมล
สถตทใชในการวเคราะหขอมลมดงน
1. สถตทเกยวของกบหนงสออเลกทรอนกส จากสตรE1/ E2 ซงดดแปลงจาก ไชยยศ เรองสวรรณ
(2533: 139) ซงใชสตรดงนคอ
เมอ E1 คอ ประสทธภาพของกระบวนการทจดไวในหนงสออเลกทรอนกส
เมอ E2 คอ ประสทธภาพของหนงสออเลกทรอนกสในการเปลยนพฤตกรรมของผเรยน
![Page 23: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/23.jpg)
บทท 4
ผลการศกษาคนควา
ในบทนจะเปนการน าเสนอเฉพาะผลทไดจากการทดสอบหาประสทธภาพของหนงสอ
อเลกทรอนกส
ผลการวเคราะหขอมล
1. ผลการทดลองครงท 1
การทดลองหนงสออเลกทรอนกสครงท 1 มจดมงหมายเพอทจะพจารณาหาขอบกพรองในดาน
ความถกตองของการใชภาษา รปภาพทใช เวลาทเหมาะสมในการทดลอง ขอผดพลาดจากการใชโปรแกรม
ตางไปจากการทผวจยไดออกแบบไว
1.1 ขอบกพรองในการทดลองครงท 1
1.1.1 ขาดค าแนะน าล าดบขนตอนการเรยน ท าใหผเรยนเกดความสบสนวา ควร
เรมตนเรยนตรงไหนกอน-หลง
1.1.2 การควบคมเสนทางการด าเนนบทเรยนไมชดเจน ท าใหเกดความสบสนใน
ผเรยนบางคน
ส าหรบพฤตกรรมทผศกษาสงเกตไดระหวางการทดลองนนพบวา ผเรยนมความตงใจในการเรยน
หนงสออเลกทรอนกสมาก และจากการสมภาษณหลงจากเรยนเสรจแลว ผเรยนรสกพงพอใจในการเรยน
จากหนงสออเลกทรอนกส จากการมปฏสมพนธกบเครองคอมพวเตอร ตลอดจนการมรปภาทสวยงาม ท า
ใหผเรยนสามารถเรยนบทเรยนทมเนอหายาวมากๆ ได โดยไมเบอหนาย (Rowmiszowski, 1994:8)
1.2 ผลการปรบปรงหนงสออเลกทรอนกสครงท 1 ผศกษาไดน าขอบกพรองทพบมาปรบปรง
หนงสออเลกทรอนกสดงน
1.2.1 เพมค าแนะน าล าดบการเรยนกอน-หลง
![Page 24: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/24.jpg)
1.2.2 ปรบปรงเสนทางการด าเนนบทเรยนใหมใหมความชดเจนมากยงขน
1.2.3 ปรบการจดหนาใหมพนทวางมากขน
1.2.4 มการเชอมโยงความรจากเรองทไดเรยนมา
1.2.5 ปรบเปลยนภาพทไมตรงกบเนอหาเสยใหม
2. ผลการทดลองครงท 2
การทดลองครงท 2 มจดมงหมายเพอทจะหาประสทธภาพของหนงสออเลกทรอนกสตามเกณฑมาตรฐาน
80/80 และเพอตรวจสอบขอบกพรองของสอ โดยใชกลมตวอยางจ านวน 50 คน
2.1 ผลการตรวจประสทธภาพของหนงสออเลกทรอนกส
จากการทดสอบหาประสทธภาพของหนงสออเลกทรอนกส โดยไดกลมตวอยางท าแบบทดสอบ
ระหวางเรยนและหลงเรยน เพอน าคะแนนทไดไปวเคราะหเปรยบเทยบเกณฑมาตรฐาน 80/80 ไดผล
![Page 25: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/25.jpg)
บทท 5
สรปผลการศกษาคนควา อภปรายและเสนอแนะ
การศกษาคนควาครงน ผศกษาไดก าหนดวตถประสงคของการศกษา สมมตฐานของการศกษา
วธการด าเนนการศกษา เครองมอทใชในการศกษา การวเคราะหขอมล สรปผลและการอภปรายผล
การศกษาและขอเสนอแนะดงน
วตถประสงคของการศกษา
1. วตถประสงคทวไป
เพอพฒนาหนงสออเลกทรอนกส เรอง Adobe Photoshop CC เพอการออกแบบงานโปสเตอร
2. วตถประสงคเฉพาะ
2.1 เพอสรางหนงสออเลกทรอนกส เรอง Adobe Photoshop CC เพอการออกแบบงาน
โปสเตอร
2.2 เพอหาประสทธภาพของหนงสออเลกทรอนกสทสรางขนใหไดประสทธภาพตาม
เกณฑทก าหนด (80/80)
สมมตฐานของการศกษา
หนงสออเลกทรอนกส ทผศกษาสรางขนมประสทธภาพตามเกณฑทก าหนด (80/80)
ขอบเขตของการศกษา
การศกษาครงน มงพฒนาหนงสออเลกทรอนกส และเพอใหการศกษาเปนไปตามวตถประสงค
ทตงไว ผศกษาไดก าหนดขอบเขตการวจย ดงน
ประชากรและกลมตวอยาง
1. ประชากร
ประชากรเปนนกศกษามหาวทยาลยบรพา คณะศกษาศาสตรจ านวน 50 คน
![Page 26: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/26.jpg)
2. กลมตวอยาง
กลมตวอยางเปนนกศกษามหาวทยาลยบรพา คณะศกษาศาสตรจ านวน 30 คนไดมาโดย
การสมอยางงาย (Simple Random Sampling) โดยวธจบสลากกลมตวอยางทใชในการทดสอบหา
ประสทธภาพของหนงสออเลกทรอนกสแบบเดยว แบบกลมและภาคสนาม ดงน
2.1 กลมตวอยางทใชในการทดสอบหาประสทธภาพของหนงสออเลกทรอนกสแบบเดยว
จ านวน 5 คน
2.2 กลมตวอยางทใชในการทดสอบหาประสทธภาพของหนงสออเลกทรอนกส
แบบกลม จ านวน 10 คน
2.3 กลมตวอยางทใชในการทดสอบหาประสทธภาพของหนงสออเลกทรอนกส
แบบภาคสนาม จ านวน 30 คน
เครองมอทใชในการศกษา
- เครองคอมพวเตอร
- โปรแกรม Flip Album Pro 6.0 ใชน าเสนอสอการสอน
- โปรแกรม Adobe Photoshop CC เนอหาการสอน
- โปรแกรม Adobe Photoshop CC ใชน าเสนอเรยบเรยง
- เวบไซตทใชในการศกษาคนควา www.google.com , www.youtube.com
ตวแปรทศกษา
การวจยครงนมตวแปรทศกษา 2 ตวคอ
4.1 ตวแปรตนหรอตวแปรอสระ คอ ประสทธภาพของหนงสออเลกทรอนกส เรอง การสรางสอ
โปสเตอรดวยโปรแกรม Adobe Photoshop CC
4.2 ตวแปรตาม คอ ผลสมฤทธทางการเรยนของผเรยนทไดเรยนเนอหาจาหนงสออเลกทรอนกส
![Page 27: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/27.jpg)
สรปผลการคนควา
หนงสออเลกทรอนกส เรอง Adobe Photoshop CC เพอการออกแบบงานโปสเตอร
มประสทธภาพเทากบ 85.90/90.56 ซงสงกวาเกณฑมาตรฐาน 80/80
การอภปรายผล
การวจยครงนมวตถประสงคเพอทจะพฒนาและหาประสทธภาพของหนงสออเลกทรอนกส เรอง
การสรางสอโปสเตอรดวยโปรแกรม Adobe Photoshop CC ใหไดประสทธภาพตามเกณฑมาตรฐาน 80/80
จากผลการวเคราะหขอมลสามารถอภปรายไดดงน
จากผลการวเคราะหขอมลพบวา หนงสออเลกทรอนกส เรองการสรางสอโปสเตอรดวยโปรแกรม
Adobe Photoshop CC มประสทธภาพเทากบ 85.90/90.56 ซงเปนไปตามสมมตฐานของการวจยทไดตงไว
สอดคลองกบวจยของ คลเมนท (Clement,1993, quoted in Coutts and Hart,2009 : 19) ทไดพฒนาซดรอม
มลตมเดยวชาศลปะขน และไดรบผลส าเรจมากในการทดลอง ซงขอคนพบนสอดคลองกบการวจยของ
เกษมศร พรหมภบาล (2543 :บทคดยอ) ทไดศกษาผลของการสอนวชาการออกแบบ 1 ทมตอผลสมฤทธ
ทางการเรยน โดยใชโปรแกรมคอมพวเตอรกราฟก พบวาผเรยนมผลสมฤทธทางการเรยนเปนไปตาม
สมมตฐานทตงไว และสอดคลองกบกาการวจยของบารกเกอรและกลเลอร ทไดศกษาหนงสอ
อเลกทรอนกสแบบมลตมเดยแบบปฏสมพนธเพอการสอนภาษาฝรงเศสเปรยบเทยบกบการสอนวธอนๆซง
ไดรบผลเปนทนาพอใจ นอกจากนน ศรยงค ฉตรโท (2539 : บทคดยอ) ไดสรปในงานวจยของเขาวา การ
สรางสอน าเสนอแบบอนเตอรแอคทฟ แตกตางกนอยางมนยส าคญทางสถตทระดบ .01
หากจะมาวเคราะหกนวาอะไรคอสงทท าใหหนงสออเลกทรอนกส เรอง Adobe Photoshop CC
เพอการออกแบบงานโปสเตอร มประสทธภาพตามเกณฑมาตรฐาน 80/80 จะไดวา
ประการท 1 ไดมการออกแบบบทเรยนในลกษณะทมการเชอมโยงแบบไฮเปอรเทกซท าใหบทเรยน
ไมนาเบอ ผเรยนจะตองมการปฏสมพนธกบบทเรยนอยาสม าเสมอ ท าใหเกดความกระตอรอรนในการเรยน
(ถนอมพร เลาหจรสแสง, 2541: 62)
ประการท 2 ในการออกแบบหนงสออเลกทรอนกส เรอง Adobe Photoshop CC เพอการออกแบบ
งานโปสเตอร ผวจยไดออกแบบอยบนพนฐานจตวทยาแรงจงใจ โดยใชไฮเปอรเทกซและแบบทดสอบ
![Page 28: โครงงาน เรื่อง Adobe Photoshop CC](https://reader033.fdocument.pub/reader033/viewer/2022061611/55c8ce91bb61eb274d8b46c1/html5/thumbnails/28.jpg)
เปนแรงจงใจในการเรยน จาดพนฐานการอยากรอยากเหนของมนษย กอใหเกดการกระตนใหเกดการอยาก
รโดยเฉพาะอยางยงหากมสงทแนะ (cue) ซงเปนตวกระตนใหเกดพฤตกรรมตางๆ ขน (ธรพงษ วรยานนท
,2543 : 46; มาลน จฑะรพ,2539 : 138; ไพบลย เทวรกษ,2537 : 113-115;โสภา ชพกลชย,2521 : 56-62)
จากหลกการดงกลาวขางตน ประกอบกบขนตอนการพฒนาหนงสออเลกทรอนกส อยางมระบบ
ท าใหหนงสออเลกทรอนกส เรองการสรางสอโปสเตอรดวยโปรแกรม Adobe Photoshop CC ทสรางขนม
ประสทธภาพตามเกณฑมาตรฐาน 80/80 สามารถน าไปประกอบการเรยนการสอนไดอยางมประสทธภาพ
ขอเสนอแนะ
1. ขอเสนอแนะจากการวจย
1.1 การสรางหนงสออเลกทรอนกสทมจ านวนหนามากๆดวยโปรแกรม Flip Album Pro
จะมจ านวนการเชอมโยง (Link) มากตามไปดวย ท าใหเสยเวลาคอนขางมาก และเกดการผดพลาดได งาย
จงควรสรางเปนเทมเพลท ทเชอมโยงกนไวเรยบรอยแลว
2. ขอเสนอแนะส าหรบการวจยครงตอไป
2.1 ควรมการวจยเปรยบเทยบรปแบบการบนทกใจความส าคญในรปแบบตางๆไดแก การ
ท าเครองหมายลงบนใจความส าคญโดยตรง, การใหผเรยนคดลอกหรอพมพใจความส าคญลงใน
โปรแกรม (NOTEPAD) และการคดลอกลงกระดาษ เปนตน วาจะสงผลตอการเรยนรของผเรยน
หรอไม
2.2 ควรมการเปลยนสอทใชในการวจยหนงสอเรยนอเลกทรอนกสจากซดรอมไปเปน
อนเตอรเนตบาง