รูปเล่มโครงงาน E-book Adobe Photoshop CC...

53
รรรรรร รรรรรร รรรรรรรรรรรรรรรรรรรรรร รรรรรรรรรรรรรร (E-book) : รรรรรรร Adobe Photoshop CC รรรรรรรรรรรรรร รรรรรรรร รรรรรรรรรรรรรรรรรรรรรรรรรรรร : รรร รรรรรรรรรร รรร รรร รรรร รรรรรรรร รรรร 55540139 รรรร รร.รรรรร รรรรรรรร

Transcript of รูปเล่มโครงงาน E-book Adobe Photoshop CC...

Page 1: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

รายงาน

เร��อง โครงงานสื่��อการเร�ยนร��อ�เล็�กทรอน�กสื่� (E-book)

: โปรแกรม Adobe Photoshop CC เพื่��อการออกแบบโปสื่เตอร�

วิ�ชาโครงงานเทคโนโล็ย�การศึ กษา : การศึ กษาอ�สื่ระ

โดย

นาย นฤวิร จิ�ตรจิร�ญ รหั(สื่ 55540139

เสื่นอ

ดร.ภู�เบศึ เล็��อมใสื่

คณะศึ กษาศึาสื่ตร� สื่าขาเทคโนโล็ย�การศึ กษา ป-การศึ กษา 2557

มหัาวิ�ทยาล็(ยบ�รพื่า

Page 2: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

ค.าน.า

ปั�จจ�บั�นงานด้�านการออกแบับัและตกแต�งภาพโด้ยใช้�คอมพ�วเตอร� ได้�เข้�ามาม#บัทบัาทก�บัการสร�างสรรค�ผลงานมากข้'(น และย�งสามารถน*ามาปัระย�กต�ใช้�ก�บังานด้�านต�างๆได้� เช้�น การตกแต�งภาพ การสร�างสรรค�ภาพ การเพ�,มล-กเล�นให้�ก�บัช้�(นงานต�างๆ ซึ่',ง Photoshop เปั0นโปัรแกรมสร�างงานกราฟิ2ก ตกแต�งร-ปัภาพและผล�ตส3,อส�,งพ�มพ� ท#,ได้�ร�บัความน�ยมอ�นด้�บัต�นๆ อ#กท�(งย�งออกแบับังานกราฟิ2กให้�ช้�(นงานม#ความโด้ด้เด้�นได้�ด้�วยตนเองภายในเวลาอ�นรวด้เร4ว และเปั0นโปัรแกรมกราฟิ2กท#,ใช้�งานก�นต�(งแต�ม3อสม�ครเล�น แต�งภาพเล�นๆ เปั0นงานอด้�เรกไปัจนม3ออาช้#พ ใช้�เพ3,อสร�างงาน สร�างอาช้#พ ส*าห้ร�บัผ-�ท#,ช้3,นช้อบัการแต�งภาพไม�ว�าจะเปั0นม3อให้ม�ห้ร3อม3อเก�า ก4คงไม�ม#ใครปัฏิ�เสธได้�ว�า Photoshop เปั0นโปัรแกรมส*าห้ร�บัสร�างงานด้�านกราฟิ2ก ท#,รองร�บัเก3อบัท�กสายงาน บั�คลากรในห้ลายสาข้าอาช้#พให้�ความสนใจและน�ยมใช้�ก�นอย�างแพร�ห้ลาย

ผ-�จ�ด้ท*าโครงงานเล4งเห้4นความส*าค�ญในการใช้�งานโปัรแกรมคอมพ�วเตอร�ปัระเภทต�างๆ ส*าห้ร�บับั�คคลท�,วไปัท#,สนใจ จ'งได้�จ�ด้ท*าโครงงานโปัรแกรม Photoshop เพ3,อพ�ฒนาท�กษะการใช้�งานโปัรแกรมกราฟิ2ก และสามารถน*าความร- �ไปัปัระย�กต�ใช้�ในงานข้องสาข้าอาช้#พข้องตนได้�

นฤวร จ�ตรจร-ญ

55540139 เทคโนโลย#การศึ'กษา (พ�เศึษ)

Page 3: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

สื่ารบ(ญ

เร��อง

หัน�า

บัทท#, ๑ ๑

บัทท#, ๒ ๓

บัทท#, ๓ ๑๕

บัทท#, ๔ ๒๑

บัทท#, ๕ ๒๗

Page 4: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

บทท�� 1

โครงการ การพื่(ฒนาหัน(งสื่�ออ�เล็�กทรอน�กสื่� “ (e-book) เพื่��อการศึ กษา”

ผู้��ร(บผู้�ดชอบโครงการ นาย นฤวร จ�ตรจร-ญ รห้�สน�ส�ต 55540139

คณะศึ'กษาศึาสตร� สาข้าเทคโนโลย#การศึ'กษา มห้าว�ทยาล�ยบั-รพา

ท��ปร กษาโครงการ

อาจิารย� ดร. ภู�เบศึ เล็��อมใสื่

ท��มาแล็ะควิามสื่.าค(ญของโครงงาน

ปั�จจ�บั�นงานด้�านการออกแบับัและตกแต�งภาพโด้ยใช้�คอมพ�วเตอร� ได้�เข้�ามาม#บัทบัาทก�บัการสร�างสรรค�ผลงานมากข้'(น และย�งสามารถน*ามาปัระย�กต�ใช้�ก�บังานด้�านต�างๆได้� เช้�น การตกแต�งภาพ การสร�างสรรค�ภาพ การเพ�,มล-กเล�นให้�ก�บัช้�(นงานต�างๆ ซึ่',ง Photoshop เปั0นโปัรแกรมสร�างงานกราฟิ2ก ตกแต�งร-ปัภาพและผล�ตส3,อส�,งพ�มพ� ท#,ได้�ร�บัความน�ยมอ�นด้�บั

Page 5: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

ต�นๆ อ#กท�(งย�งออกแบับังานกราฟิ2กให้�ช้�(นงานม#ความโด้ด้เด้�นได้�ด้�วยตนเองภายในเวลาอ�นรวด้เร4ว และเปั0นโปัรแกรมกราฟิ2กท#,ใช้�งานก�นต�(งแต�ม3อสม�ครเล�น แต�งภาพเล�นๆ เปั0นงานอด้�เรกไปัจนม3ออาช้#พ ใช้�เพ3,อสร�างงาน สร�างอาช้#พ ส*าห้ร�บัผ-�ท#,ช้3,นช้อบัการแต�งภาพไม�ว�าจะเปั0นม3อให้ม�ห้ร3อม3อเก�า ก4คงไม�ม#ใครปัฏิ�เสธได้�ว�า Photoshop เปั0นโปัรแกรมส*าห้ร�บัสร�างงานด้�านกราฟิ2ก ท#,รองร�บัเก3อบัท�กสายงาน บั�คลากรในห้ลายสาข้าอาช้#พให้�ความสนใจและน�ยมใช้�ก�นอย�างแพร�ห้ลาย

ผ-�จ�ด้ท*าโครงงานเล4งเห้4นความส*าค�ญในการใช้�งานโปัรแกรมคอมพ�วเตอร�ปัระเภทต�างๆ ส*าห้ร�บับั�คคลท�,วไปัท#,สนใจ จ'งได้�จ�ด้ท*าโครงงานโปัรแกรม Photoshop เพ3,อพ�ฒนาท�กษะการใช้�งานโปัรแกรมกราฟิ2ก และสามารถน*าความร- �ไปัปัระย�กต�ใช้�ในงานข้องสาข้าอาช้#พข้องตนได้�

วิ(ตถุ2ประสื่งค�

เพ3,อให้�ผ-�เร#ยนพ�ฒนาความร- �ความสามารถในการใช้�โปัรแกรม Adobe

Photoshop CC และสร�างสรรค�ผลงานอย�างม#ปัระส�ทธ�ภาพ

ขอบข3ายของโครงงาน

- โครงงานพ�ฒนาส3,ออ�เล4กทรอน�กส� Adobe Photoshop CC เพ3,อการออกแบับังานโปัสเตอร�

- ว�สด้� อ�ปักรณ�เคร3,องม3อห้ร3อโปัรแกรมท#,ใช้� ได้�แก�

- ห้น�งส3อ Photoshop CC Professional Guide ฉบั�บัสมบั-รณ�

- ห้น�งส3อ Photoshop Compositing Secrets

Page 6: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

- โปัรแกรม Adobe Photoshop CC

- โปัรแกรม Flip album 6.0

- เว4บัไซึ่ต�ท#,ใช้�ในการศึ'กษาค�นคว�า www.youtube.com ,

www.google.com

ผู้ล็ท��คาดวิ3าจิะได�ร(บ

- ผ-�เร#ยนสามารถจ*าเคร3,องม3อต�างๆภายในโปัรแกรม Adobe

Photoshop CC และน*าไปัใช้�ได้�

- ผ-�เร#ยนสามารถใช้�โปัรแกรม Adobe Photoshop CC ในการสร�างสรรค�ผลงานอย�างม#ปัระส�ทธ�ภาพ ได้�

บทท��2

เอกสื่ารท��เก��ยวิข�อง

Page 7: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

ในการจ�ด้ท*าโครงงานพ�ฒนาส3,ออ�เล4กทรอน�กส� Adobe Photoshop

CC เพ3,อการออกแบับังานโปัสเตอร�ผ-�จ�ด้ท*าได้�ศึ'กษาจากอ�นเตอร�เน4ตและเอกสารต�างๆ ท#,เก#,ยวข้�องด้�งต�อไปัน#(

1. ความส*าค�ญข้อง E-book

2. ค-�ม3อการใช้�งานโปัรแกรม Adobe Photoshop CC

3. ห้ล�กการออกแบับัโปัสเตอร�

1. Electronic Book ( e-Book )

ห้มายถ'งห้น�งส3อท#,สร�างข้'(นด้�วยโปัรแกรมคอมพ�วเตอร� ม#ล�กษณะเปั0นเอกสารอ�เล4กทรอน�กส� โด้ยปักต�ม�กจะเปั0นแฟิDมข้�อม-ลท#,สามารถอ�านเอกสารผ�านทางห้น�าจอคอมพ�วเตอร� ท�(งในระบับัออฟิไลน� และออนไลน� ค�ณล�กษณะข้องห้น�งส3ออ�เล4กทรอน�กส�สามารถเช้3,อมโยงจ�ด้ไปัย�งส�วนต�าง ๆ ข้องห้น�งส3อ เว4บัไซึ่ต�ต�าง ๆ ตลอด้จนม#ปัฏิ�ส�มพ�นธ�และโต�ตอบัก�บัผ-�เร#ยนได้� นอกจากน�(นห้น�งส3ออ�เล4กทรอน�กส�สามารถแทรกภาพ เส#ยง ภาพเคล3,อนไห้ว แบับัทด้สอบั และสามารถส�,งพ�มพ�เอกสารท#,ต�องการออกทางเคร3,องพ�มพ�ได้� อ#กปัระการห้น',งท#,ส*าค�ญก4ค3อ ห้น�งส3ออ�เล4กทรอน�กส�สามารถปัร�บัปัร�งให้�ท�นสม�ยได้�ตลอด้เวลา ซึ่',งค�ณสมบั�ต�เห้ล�าน#(จะไม�ม#ในห้น�งส3อธรรมด้าท�,วไปั

1.1 ข�อด�ของ e-Book

1. อ�านท#,ไห้น เม3,อไห้ร� ได้�ตลอด้เวลา เน3,องจากพกไปัได้�ตลอด้และได้�จ*านวนมาก

2. ปัระห้ย�ด้การต�ด้ไม�ท*าลายปัEา เพราะไม�ต�องต�ด้ไม�มาท*ากระด้าษ

Page 8: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

3. เก4บัร�กษาได้�ง�าย ปัระห้ย�ด้เน3(อท#,ในการจ�ด้เก4บั ปัระห้ย�ด้ค�าเก4บัร�กษา

4. ค�นห้าข้�อความได้� ยกเว�นว�าอย-�ในล�กษณะข้องภาพ

5. ใช้�พ3(นท#,น�อยในการจ�ด้เก4บั (cd 1 แผ�นสามารถเก4บั e-Book ได้�ปัระมาณ 500 เล�ม)

6. อ�านได้�ในท#,ม3ด้ ห้ร3อแสงน�อย

7. ท*าส*าเนาได้�ง�าย

8. จ*าห้น�ายได้�ในราคาถ-กกว�าในร-ปัแบับัห้น�งส3อ

9. อ�านได้�ไม�จ*าก�ด้จ*านวนคร�(ง เพราะไม�ย�บัห้ร3อเส#ยห้ายเห้ม3อนกระด้าษ

10. สะด้วกสบัาย ไม�ต�องเด้�นทาง แค�คล�กเด้#ยวก4สามารถเล3อกอ�านห้น�งส3อท#,ต�องการได้�ท�นท#

11. เปั0นส�วนห้น',งในการร�กษาธรรมช้าต� โด้ยลด้การใช้�กระด้าษก�บั True e-Book

1.2 ข�อเสื่�ยของ e-Book

1. ต�องอาศึ�ยพล�งงานในการอ�านตลอด้เวลา ไม�ว�าจะเปั0นไฟิฟิDาห้ร3อแบัตเตอร�ร#,

2. เส#ยส�ข้ภาพสายตา จากการได้�ร�บัแสงจากอ�ปักรณ�อ�เลคทรอน�กส�

3. ข้าด้ความร- �ส'ก ห้ร3ออรรถรส ห้ร3อความคลาสส�ค

Page 9: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

4. อาจเก�ด้ปั�ญห้าก�บัการ ลง hardware ห้ร3อ software ให้ม�ห้ร3อแทนท#,อ�นเก�า

5. ต�องม#การด้-แลไฟิล�ให้�ด้# ไม�ให้�เส#ยห้ร3อส-ญห้าย

6. การอ�านอาจเก�ด้อ�นตรายต�อสายตา

7. เก�ด้การละเม�ด้ล�ข้ส�ทธ�Fได้�ง�าย

8. ไม�เห้มาะก�บับัาง format เช้�น ร-ปัวาด้ ร-ปัถ�าย แผนท#,ให้ญ� เปั0นต�น

1.3 ประโยชน�ของ e-Book

1.3.1 สื่.าหัร(บผู้��อ3าน

1. ข้�(นตอนง�ายในการอ�าน และค�นห้าห้น�งส3อ

2. ไม�เปัล3องเน3(อท#,ในการเก4บัห้น�งส3อ

3. อ�านห้น�งส3อได้�จากท�กท#,ท#,ม#การเช้3,อมต�ออ�นเตอร�เน4ต

1.3.2 สื่.าหัร(บหั�องสื่ม2ด

1. สะด้วกในการให้�บัร�การห้น�งส3อ

2. ไม�ต�องใช้�สถานท#,มากในการจ�ด้เก4บัห้น�งส3อ และไม�เส#ยค�าใช้�จ�ายในส�วนน#(

3. ลด้งานท#,เก�ด้จากการซึ่�อม จ�ด้เก4บั และการจ�ด้เร#ยงห้น�งส3อ

4. ไม�เส#ยค�าใช้�จ�ายในการจ�างพน�กงานมาด้-แลและซึ่�อมแซึ่มห้น�งส3อ

5. ม#รายงานแสด้งการเข้�ามาอ�านห้น�งส3อ

1.3.3 สื่.าหัร(บสื่.าน(กพื่�มพื่�แล็ะผู้��เข�ยน

Page 10: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

1. ลด้ข้�(นตอนในการจ�ด้ท*าห้น�งส3อ

2. ลด้ค�าใช้�จ�ายและความเส#,ยงในการจ�ด้พ�มพ�ห้น�งส3อ

3. ลด้ค�าใช้�จ�ายในการจ�ด้จ*าห้น�ายผ�านช้�องทางอ3,นๆ

4. เพ�,มช้�องทางในการจ*าห้น�ายห้น�งส3อ

5. เพ�,มช้�องทางในการปัระช้าส�มพ�นธ�ตรงถ'งผ-�อ�าน

1.4 ข�อจิ.าก(ดของ E-book

เน3,องจากอาจเก�ด้ปั�ญห้าก�บัการ ลง Hardware ห้ร3อ Software ให้ม�ห้ร3อแทนท#,อ�นเก�า ด้�งน�(นจ'งต�องม#โปัรแกรมและเคร3,องม3อในการอ3,น ค3อ Hardware ปัระเภทเคร3,องคอมพ�วเตอร� ห้ร3ออ�ปักรณ�อ�เล4กทรอน�กส�พกพาอ3,นๆ พร�อมท�(งระบับัต�ด้ต�(งระบับัปัฏิ�บั�ต�การห้ร3อ Software ท#,ใช้�อ�านข้�อความต�างๆ ต�วอย�างเช้�น Organizer แบับัพกพา Pocket PC ห้ร3อ PDA เปั0นต�น การด้'งข้�อม-ล E-Book ซึ่',งจะอย-�บันเว4บัไซึ่ต�ท#,ให้�บัร�การทางด้�านน#(มาอ�าน ก4จะใช้�ว�ธ#การ Download ผ�านทางอ�นเตอร�เน4ตเส#ยเปั0นส�วนให้ญ� อย�างไรก4ตามม�ใช้�ว�า Hardware ท�กช้น�ด้จะอ�านห้น�งส3ออ�เล4กทรอน�กส�ได้� เน3,องจากม#ข้�อจ*าก�ด้ข้องช้น�ด้ไฟิล�บัางปัระเภทน�,นเอง ซึ่',งต�องม#การแก�ปั�ญห้าด้�วยการน*า Software บัางต�วมาช้�วยส*าห้ร�บั Software ท#,ใช้�งานก�บั E-Book ในปั�จจ�บั�นม#สองปัระเภทค3อ Software ท#,ใช้�อ�านข้�อม-ลจาก E-Book และ Software ท#,ใช้�เข้#ยนข้�อม-ลออกมาเปั0น E-Book นอกจากน#(ผ-�ใช้�ต�องม#การด้-แลไฟิล�ให้�ด้# ไม�ให้�เส#ยห้ร3อส-ญห้าย ค*าน'งเสมอว�าการอ�านอาจเก�ด้อ�นตรายต�อสายตา E-Book น#( ไม�เห้มาะก�บับัาง format เช้�น ร-ปัวาด้ ร-ปัถ�าย แผนท#,ให้ญ� เปั0นต�น

2. ค�3ม�อการใช�งานโปรแกรม Adobe Photoshop CC

Page 11: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

แนะน.าเคร��องม�อต3างๆในโปรแกรม Adobe Photoshop CC

1.   กล��มเคร3,องม3อการเล3อก (Selection) ปัระกอบัด้�วย

Marquee

ใช้�ส*าห้ร�บัเล3อกพ3(นท#,บันภาพเปั0นร-ปัส#,เห้ล#,ยม วงกลม วงร# ห้ร3อเล3อกเปั0นแถวคอล�มน�ข้นาด้ 1 พ�เซึ่ล

Move

ใช้�ส*าห้ร�บัย�ายพ3(นท#,ท#,เล3อกไว�ข้องภาพ ห้ร3อย�ายภาพในเลเยอร�ห้ร3อย�ายเส�นไกด้�

Lasso ใช้�เล3อกพ3(นท#,บันภาพเปั0นแนวเข้ตแบับัอ�สระ

Magic Wandใช้�เล3อกพ3(นท#,ด้�วยว�ธ#ระบัายบันภาพ ห้ร3อเล3อกจากส#ท#,ใกล�เค#ยงก�น

Crop ใช้�ต�ด้ข้อบัภาพ

Slice

ใช้�ต�ด้แบั�งภาพเพ3,อบั�นท'กไฟิล�ภาพย�อย ๆ ท#,เร#ยกว�าสไลซึ่� (Slice)

ส*าห้ร�บัน*าไปัสร�างเว4บัเพจ

2.กล��มเคร3,องม3อการแก�ไข้ (Edit) ปัระกอบัด้�วย

Healing Brush ใช้�ตกแต�งลบัรอยต*าห้น�ในภาพ

Clone Stamp

ใช้�ท*าส*าเนาภาพ โด้ยกGอปัปัH( ภาพจากบัร�เวณอ3,นมาระบัาย ห้ร3อระบัายด้�วยลวด้ลาย

History Brush

ใช้�ระบัายภาพด้�วยภาพข้องข้�(นตอนเด้�มท#,ผ�านมา ห้ร3อภาพข้องสถานะเด้�มท#,บั�นท'กไว�

Eraser ใช้�ลบัภาพบัางส�วนท#,ไม�ต�องการGradient ใช้�เต�มส#แบับัไล�ระด้�บัโทนส#ห้ร3อความท'บัBlur ใช้�ระบัายภาพให้�เบัลอBrush ใช้�ระบัายลงบันภาพDodge ใช้�ระบัายเพ3,อให้�ภาพสว�างข้'(นห้ร3อม3ด้ลง

3.กล��มเคร3,องม3อการสร�าง (Create) ปัระกอบัด้�วย

Pen ใช้�วาด้เส�นพาธ (Path)

Page 12: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

Horizontal Type

ใช้�พ�มพ�ต�วอ�กษรห้ร3อข้�อความลงบันภาพ

Path Selection ใช้�เล3อกและปัร�บัแต�งร-ปัทรงข้องเส�นพาธRectangle ใช้�วาด้ร-ปัทรงเรข้าคณ�ตห้ร3อร-ปัทรงส*าเร4จร-ปั

4.กล��มเคร3,องม3อม�มมอง (View) ปัระกอบัด้�วย

Notes ใช้�บั�นท'กห้มายเห้ต�ก*าก�บัภาพท#,เปั0นข้�อความห้ร3อเส#ยงEyedropper ใช้�เล3อกส#จากส#ต�าง ๆ บันภาพHand ใช้�เล3,อนด้-ส�วนต�าง ๆ ข้องภาพZoom ใช้�ย�อห้ร3อข้ยายม�มมองภาพ

5.กล��มเคร3,องม3อเล3อกส# (Color) ปัระกอบัด้�วย

Set Foreground Color, Set Background Color ใช้�ส*าห้ร�บัก*าห้นด้ส#Foreground Color และ  Background Color

3.หัล็(กการออกแบบโปสื่เตอร�

3.1 ส3,อว#ด้#ท�ศึน�การใช้�งานข้องโปัรแกรม Adobe Photoshop

วิ�ด�โอการใช�งานแล็ะตกแต3งภูาพื่ด�วิยเล็เยอร�

Page 13: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

วิ�ด�โอการต�ด้ต�อภาพ

วิ�ด�โอปร(บแต3งควิามสื่วิ3างแล็ะสื่�ของภูาพื่

สื่��อวิ�ด�ท(ศึน�การใช�งานของโปรแกรม Adobe Photoshop

วิ�ด�โอการบ�บต(ดแล็ะปร(บปร2งร�ปทรงของภูาพื่

Page 14: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

วิ�ด�โอท*างานก�บัข้�อความต�วอ�กษร

วิ�ด�โอสื่ร�างงานกราฟิ7กด�วิย Filter

สื่��อวิ�ด�ท(ศึน�การใช�งานของโปรแกรม Adobe Photoshop

Page 15: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

สื่าธิ�ตการสื่ร�างโปสื่เตอร�ฉบ(บสื่มบ�รณ�

3. การออกแบบโปสื่เตอร�

โปัสเตอร� (poster) ค3อภาพข้นาด้ให้ญ�พ�มพ�บันกระด้าษ ออกแบับัเพ3,อใช้�ต�ด้ห้ร3อแข้วนบันผน�งห้ร3อก*าแพง โปัสเตอร�อาจจะเปั0นภาพพ�มพ�และ/ห้ร3อภาพเข้#ยนห้ร3ออาจจะเปั0นอย�างใด้อย�างห้น',งโด้ยเฉพาะจ�ด้ปัระสงค�ก4เพ3,อท*าให้�เตะตาผ-�ด้-และส3,อสารข้�อม-ลโปัสเตอร�อาจจะใช้�สอยได้�ห้ลายปัระการ แต�ส�วนให้ญ�ม�กจะใช้�ในการเผยแพร�เพ3,อการปัระช้าส�มพ�นธ� โด้ยเฉพาะการโฆษณางานแสด้งศึ�ลปัะ, งานด้นตร# ห้ร3อภาพยนตร�, การโฆษณาช้วนเช้3,อ, ห้ร3อในการส3,อสารท#,ต�องการส3,อสารความเช้3,อต�อคนกล��มให้ญ�

Page 16: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

โปัสเตอร� (Poster) เปั0นส3,อส�,งพ�มพ�ท#,ม#บัทบัาทต�อการปัระช้าส�มพ�นธ�มากส3,อห้น',ง ท�(งน#(เพราะ-โปัสเตอร�เปั0นส3,อท#,สามารถเผยแพร�ได้�สะด้วกกว�างข้วาง สามารถเข้�าถ'งกล��มเปัDาห้มายได้�ท�กพ3(นท#, ส3,อสารก�บัผ-�บัร�โภคได้�ท�กเพศึ ท�กว�ย ท�กระด้�บัการศึ'กษา ม#ความย3ด้ห้ย��นในต�วข้องส3,อเปั0นอย�างด้#

โปัสเตอร� (Poster) ท#,น*ามาใช้�ในการปัระช้าส�มพ�นธ� ม#จ�ด้ปัระสงค�เพ3,อบัอกกล�าว เผยแพร�ให้�ผ-�ด้-ม#ความร- �ความเข้�าใจและปัฏิ�บั�ต�ตาม ไม�เน�นในการส�งเสร�มการข้ายส�นค�าข้องผ-�จ�ด้ท*า แต�จะเน�นห้น�กไปัทางการสร�างภาพพจน�ข้ององค�กร ให้�เปั0นท#,ยอมร�บัเก�ด้ความฝั�งใจเช้3,อถ3อและศึร�ทธา นอกจากน#(ย�งม#การใช้�เพ3,อย*(าเต3อนใจกล��มปัระช้าช้นเปัDาห้มายด้�วย

วิ(ตถุ2ประสื่งค�ของการใช�โปสื่เตอร�เพื่��อการประชาสื่(มพื่(นธิ�

1. เพ3,อบัอกกล�าวห้ร3อให้�ค*าแนะน*า เก#,ยวก�บัเร3,องใด้เร3,องห้น',ง

2. เพ3,อเช้�ญช้วนกล��มเปัDาห้มาย ให้�เข้�าร�วมก�จกรรมท#,องค�กรจ�ด้ข้'(น

3. เพ3,อโน�มน�าวใจกล��มเปัDาห้มายให้�เห้4นคล�อยตาม

4. เพ3,อปัล�กเร�า ให้�กล��มเปัDาห้มาย ตระห้น�กถ'งปัระเด้4นใด้ปัระเด้4นห้น',ง

5. เพ3,อย*(าเต3อน กล��มเปัDาห้มายให้�ระล'กถ'งเร3,องใด้เร3,องห้น',ง

6. เพ3,อสร�างความจด้จ*า ให้�เก�ด้ข้'(น

7. เพ3,อให้�ความร- �ในสาระอ�นเปั0นปัระโยช้น�แก�กล��มเปัDาห้มาย ได้�ใช้�เปั0นแนวปัฏิ�บั�ต�

องค�ประกอบของโปสื่เตอร�

Page 17: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

1. พื่าดหั(วิ(Headline)

พาด้ห้�วห้ร3อห้�วเร3,อง เปั0นส�,งท#,ส*าค�ญข้องโปัสเตอร� เพราะช้�วย ด้'งด้-ด้ความสนใจ ห้ร3อ ต�ด้ตามด้-รายละเอ#ยด้อ3,นๆ ข้องข้�อความในโปัสเตอร� พาด้ห้�วห้ร3อห้�วเร3,อง อาจแสด้งด้�วย ภาพ ห้ร3อ ข้�อความ ห้ร3อท�(งภาพและข้�อความก4ได้� แต�ส�วนมากจะใช้� ข้�อความท#,ม#ข้นาด้ให้ญ� กว�าข้�อความอ3,นถ�าข้�อความม#ความยาวมาก อาจจะแบั�งเปั0น ห้�วเร3,องรอง (Subhead line)

พื่าดหั(วิของโปสื่เตอร�ม�ล็(กษณะ ด(งน�:

1.1 ม#ข้�อความส�(น กะท�ด้ร�ด้ได้�ใจความ ส3,อความห้มายได้�เร4ว

1.2 ม#ความกระจ�าง สามารถด้'งด้-ด้ความสนใจข้องผ-�ท#,คาด้ว�าจะเปั0นกล��มเปัDาห้มายได้�

1.3 ม#ความเห้มาะเจาะ ตอบัสนองความต�องการข้องผ-�ท#,คาด้ว�าจะเปั0นกล��มเปัDาห้มายได้�

1.4 ม#ความน�าสนใจเพ3,อเร#ยกร�องให้�ผ-�ท#,คาด้ว�าจะเปั0นกล��มเปัDาห้มายสนใจ โด้ยใช้�

ห้ล�กการทางจ�ตว�ทยาและการใช้�ภาษา

1.5 ม#เพ#ยงแนวค�ด้เด้#ยว ในโปัสเตอร�แต�ละแผ�น

1.6 ม#ความน�าเช้3,อถ3อค3อ ข้�อความท#,กล�าวอ�าง ต�องม#น*(าห้น�ก น�าเช้3,อถ3อ

2. พื่าดหั(วิรอง (Subhead line)

Page 18: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

พาด้ห้�วรอง (Subhead line) น�ยมใช้�ต�วอ�กษรท#,ม#ข้นาด้ให้ญ�รองจากพาด้ห้�ว ท*าห้น�าท#,ในการเช้3,อมโยงพาด้ห้�ว ไปัย�งเน3(อเร3,องในโปัสเตอร�ใช้�ในกรณ#ท#,พาด้ห้�วไม�สามารถจะให้�รายละเอ#ยด้ได้�เพ#ยงพอจ'งจ*าเปั0นท#,จะต�องม#การข้ยายความให้�กระจ�างข้'(น

3. ข�อควิาม (Body Copy)

ข้�อความ(Body Copy) ค3อ ส�วนท#,เปั0นเน3(อห้ารายละเอ#ยด้ เพ�,มเต�มจากพาด้ห้�วข้องโปัสเตอร�ฉบั�บัน�(น ๆ ข้�อความจะ สน�บัสน�นเน3(อห้าข้องโปัสเตอร�โด้ยส�วนรวม ม#การค�ด้เล3อกอย�างช้�ด้เจน ไม�คล�มเคร3อ ห้ร3อเข้�าใจไปัได้�ห้ลายทาง และใช้�ข้�อความท#,ส� (น กะท�ด้ร�ด้ อ�กษรช้�ด้เจน อ�านง�าย เข้�าใจได้�ท�นท# ตอบัสนองความต�องการใคร�ร- �ข้อง ผ-�อ�าน และมองเห้4นได้�แต�ไกล

4. ภูาพื่ประกอบ (illustration)

ภาพปัระกอบั ค3อ ส�วนท#,จะมาเสร�มห้ร3อข้ยายพาด้ห้�ว ตลอด้จนสร�างความเข้�าใจเพ�,มข้'(นจากข้�อความ ช้�วยสร�าง ห้ร3อด้'งด้-ด้ความสนใจ และภาพท#,น*ามาใช้�ควรเปั0นภาพท#,ด้-ง�าย สามารถเข้�าใจได้�ท�นท#เน�นจ�ด้สนใจในภาพ เพ#ยงจ�ด้เด้#ยว และมองเห้4นได้�ในระยะไกลสามารถส3,อความค�ด้สร�างสรรค�ได้�ช้�ด้เจนรวมท�(งสามารถสร�าง ความจด้จ*าให้�แก�ผ-�ร �บัได้�ด้�วย

5. สื่3วินล็งท�าย(Ending)

5.1 ช้3,อห้ร3อส�ญล�กษณ�ข้ององค�การผ-�เผยแพร� (Identification)

Page 19: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

5.2 สถานท#,ต� (งห้ร3อสถานท#,ต�ด้ต�อข้ององค�กรผ-�ผล�ต

5.3 ค*าข้ว�ญ ห้ร3อ สโลแกน (Slogan)

ข�อควิรค.าน งถุ งในการออกแบบโปสื่เตอร�

1. ควรเปั0นแผ�นเด้#ยวโด้ด้ๆ สามารถน*าไปัต�ด้บันพ3(นผ�วใด้ก4ได้�

2. ควรม#ภาพปัระกอบั และข้�อความ ท#,บั�งบัอกถ'ง อะไร ท#,ไห้น เม3,อใด้ ใช้�ข้�อความ

กะท�ด้ร�ด้เข้�าใจง�าย ช้�ด้เจนไม�คล�มเคร3อ ห้ร3อเข้�าใจไปัได้�ห้ลายทาง และใช้�ข้�อความท#,สามารถเข้�าใจ

ได้�ท�นท#แสด้งแนวค�ด้ ห้ล�กและเร3,องราวเพ#ยงอย�างเด้#ยว

3. การวางต*าแห้น�งภาพปัระกอบั และข้�อความ ต�องปัระสานส�งเสร�มซึ่',งก�นและก�น และ

ง�ายแก�การจด้จ*า (ควรม#ค*าข้ว�ญห้ร3อสโลแกน)

4. ต�วอ�กษรท#,ใช้�ควรเด้�น สะด้�ด้ตาค*าน'งถ'งระยะห้�างทางการอ�าน และข้นาด้ข้องต�วอ�กษร

ควรแตกต�างก�น ตามห้น�าท#, เช้�น ต�วห้�วเร3,อง ห้ร3อพาด้ห้�ว ควรม#ข้นาด้ให้ญ�กว�าข้�อความ

5. ภาพห้ร3อข้�อความท#,เสนอ ต�องม#ข้นาด้ให้ญ�ท�(งน#(เพ3,อให้�สามารถมองเห้4นได้�ง�าย และ

ข้นาด้ข้องโปัสเตอร� ต�องปัร�บัให้�เห้มาะสมก�บั สถานท#,ต� (งโปัสเตอร�ด้�วย

Page 20: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

6. ม#โครงสร�างช้�ด้เจน ค3อ การใช้�ส#ท#,เด้�นช้�ด้ สะด้�ด้ตา ไม�ม#ล#ลาเส�นสายห้ร3อลวด้ลาย

ส�บัสน ด้-แล�วเข้�าใจใน โครงสร�างน�(นๆ ได้�ท�นท#สามารถแยกภาพก�บัต�วอ�กษร ท#,ต�องการเสนอได้�

ช้�ด้เจน ม#ความเห้มาะสมก�บัเน3(อห้าและจ�ตว�ทยาในการใช้�ส#ด้�วย

7. ค*าน'งถ'งห้ล�กในการออกแบับัและจ�ด้ห้น�า

8. ผล�ตข้'(นเปั0นจ*านวนมาก

บทท�� 3

วิ�ธิ�ด.าเน�นงาน

Page 21: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

ในการจ�ด้ท*าโครงงานการปัระย�กต�ใช้�โปัรแกรม Flip Album Pro

6.0 ในการพ�ฒนาส3,อห้น�งส3ออ�เล4กทรอน�กส�(e-book) เร3,อง Adobe

Photoshop CC เพ3,อการออกแบับังานโปัสเตอร�

วิ(สื่ด2 อ2ปกรณ� เคร��องม�อหัร�อโปรแกรมท��ใช� ได�แก3

- เคร3,องคอมพ�วเตอร�- โปัรแกรม Flip Album Pro 6.0 ใช้�น*าเสนอส3,อการสอน- โปัรแกรม Adobe Photoshop CC เน3(อห้าการสอน- โปัรแกรม Adobe Photoshop CC ใช้�น*าเสนอเร#ยบัเร#ยง- เว4บัไซึ่ต�ท#,ใช้�ในการศึ'กษาค�นคว�า www.google.com ,

www.youtube.com

1. ประชากร

ปัระช้ากรเปั0นน�กศึ'กษามห้าว�ทยาล�ยบั-รพา คณะศึ'กษาศึาสตร�จ*านวน 50 คน

2. กล็23มต(วิอย3าง

กล��มต�วอย�างเปั0นน�กศึ'กษามห้าว�ทยาล�ยบั-รพา คณะศึ'กษาศึาสตร�จ*านวน 30 คนได้�มาโด้ยการส��มอย�างง�าย (Simple Random

Sampling) โด้ยว�ธ#จ�บัสลากกล��มต�วอย�างท#,ใช้�ในการทด้สอบัห้าปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส�แบับัเด้#,ยว แบับักล��มและภาคสนาม ด้�งน#(

Page 22: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

2.1 กล��มต�วอย�างท#,ใช้�ในการทด้สอบัห้าปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส�แบับัเด้#,ยว

จ*านวน 15 คน

2.2 กล��มต�วอย�างท#,ใช้�ในการทด้สอบัห้าปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส�

แบับักล��ม จ*านวน 20 คน

2.3 กล��มต�วอย�างท#,ใช้�ในการทด้สอบัห้าปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส�

แบับัภาคสนาม จ*านวน 30 คน

ข(:นตอนการด.าเน�นงาน

1. ศึ'กษา/ส*ารวจข้�อม-ลเพ3,อจ�ด้ท*าโครงการ2. น*าเสนอช้3,อโครงงานต�ออาจารย�ท#,ปัร'กษาข้ออน�ม�ต�3. ศึ'กษาและค�นคว�าข้�อม-ลท#,เก#,ยวข้�องก�บัเร3,องท#,สนใจ ค3อ การปัระย�กต�

ใช้�โปัรแกรม Flip Album Pro 6.0 ในการสร�างส3,ออ�เล4กทรอน�กส� เร3,อง Adobe Photoshop CC เพ3,อการออกแบับังานโปัสเตอร� ว�าม#เน3(อห้ามากน�อยแค�ไห้น และต�องศึ'กษาเพ�,มเต�มจากเว4บัไซึ่ต�ต�างๆเพ3,อเร#ยบัเร#ยงข้�อม-ลในการท*าเน3(อห้าต�อไปั

4. จ�ด้เก4บัข้�อม-ลในร-ปัแบับัเอกสารเพ3,อน*าเสนอ อาจารย�ท#,ปัร'กษา5. สร�างช้�(นงาน โด้ยโปัรแกรม Flip Album Pro 6.0

6. ปัระเม�นค�ณภาพช้�(นงานส3,อห้น�งส3ออ�เล4กทรอน�กส�โด้ยผ-�เช้#,ยวช้าญอย�างน�อย 3 คน

Page 23: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

7. ปัร�บัปัร�งต�นแบับัช้�(นงาน8. ทด้ลองช้�(นงานว#ด้�โอก�บักล��มต�วอย�าง9. เข้#ยนรายงาน จ�ด้ท*าร-ปัเล�มโครงงานแบับัฉบั�บัสมบั-รณ�10. บั�นท'กลง CD-ROM

11. น*าผลงานข้'(น Fanpage Facebook

ตารางการปฏิ�บ(ต�งานโครงงาน

เร��อง สื่��อการเร�ยนร��อ�เล็�กทรอน�กสื่� Adobe Photoshop CC เพื่��อการออกแบบงานโปสื่เตอร�

ล็.าด(บ

รายการปฏิ�บ(ต� ก2มภูาพื่(นธิ� ม�นาคม เมษายน หัมายเหัต21 2 3 4 1 2 3 4 1 2 3 4

1ศึ'กษา/ส*ารวจข้�อม-ลเพ3,อจ�ด้โครงงาน

2เสนอเร3,องโครงงานเพ3,อข้ออน�ม�ต�

3 ศึ'กษาและค�นคว�าข้�อม-ล4 รวบัรวมข้�อม-ล5 สร�างช้�(นงานว#ด้�ท�ศึน�6 ปัระเม�นค�ณภาพช้�(นงา

Page 24: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

นว#ด้�ท�ศึน�7 ปัร�นปัร�งช้�(นงานว#ด้�ท�ศึน�

8ทด้ลองช้�(นงานก�บักล��มต�วอย�าง

9 ว�เคราะห้�ข้�อม-ล

10เข้#ยนรายงานจ�ด้ท*าร-ปัเล�ม

11น*าผลงานข้'(น fan page Facebook

การสื่ร�างเคร��องม�อในการวิ�จิ(ย

1. การสร�างแบับัปัระเม�นค�ณภาพห้น�งส3ออ�เล4กทรอน�กส� เร3,อง กราฟิ2กเบั3(องต�นผ-�ว�จ�ยได้�ด้*าเน�นการสร�างแบับัปัระเม�นค�ณภาพห้น�งส3ออ�เล4กทรอน�กส�ตามข้�(นตอนต�อไปัน#(

1.1 ศึ'กษาเอกสารการปัระเม�นส3,อการสอน

1.2 เล3อกแบับัปัระเม�นค�ณภาพม�ลต�ม#เด้#ยเพ3,อการศึ'กษาข้องกรมว�ช้าการ (กรมว�ช้าการ,2542) 1.3 ปัร�บัปัร�งแบับัปัระเม�น

Page 25: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

ค�ณภาพห้น�งส3ออ�เล4กทรอน�กส� ให้�สอด้คล�องก�บัค�ณสมบั�ต�ข้อง ห้น�งส3ออ�เล4กทรอน�กส�

1.4 ก*าห้นด้ระด้�บัการปัระเม�นค�ณภาพข้องห้น�งส3ออ�เล4กทรอน�กส� ไว� 5 ระด้�บั ค3อ

ด้#มาก = 5

ด้# = 4

ปัานกลาง = 3

พอใช้� = 2

ควรปัร�บัปัร�ง = 1

ซึ่',งเกณฑ์�การยอมร�บัค�ณภาพข้องห้น�งส3ออ�เล4กทรอน�กส� จะพ�จารณาตามค*าถามแต�ละข้�อข้�อท#,ผ�านเกณฑ์�จะต�องได้�คะแนนเฉล#,ยด้#ถ'งด้#มาก และคะแนนเฉล#,ยรวมต�องไม�ต*,ากว�าเกณฑ์�ด้# จ'งจะสามารถน*าไปัทด้ลองได้� โด้ยก*าห้นด้ระด้�บัการปัระเม�น 5 ระด้�บัด้�งน#(

คะแนน 1.00 – 1.49 ห้มายถ'ง ค�ณภาพควรปัร�บัปัร�งอย�างย�,ง

คะแนน 1.50 – 2.49 ห้มายถ'ง ค�ณภาพควรปัร�บัปัร�ง

คะแนน 2.50 – 3.49 ห้มายถ'ง ค�ณภาพอย-�ในระด้�บัปัานกลาง

คะแนน 3.50 – 4.49 ห้มายถ'ง ค�ณภาพอย-�ในระด้�บัด้#

คะแนน 4.50 – 5.00 ห้มายถ'ง ค�ณภาพอย-�ในระด้�บัด้#มาก

การเก�บรวิบรวิมข�อม�ล็

ผ-�ว�จ�ยด้*าเน�นการทด้ลองตามข้�(นตอนต�อไปัน#(

Page 26: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

1.ข้�(นตอนการก�อนการทด้ลอง

1.1 ข้�(นเตร#ยมเคร3,องม3อท#,ใช้�ในการทด้ลอง ซึ่',งปัระกอบัด้�วย ห้น�งส3ออ�เล4กทรอน�กส� เร3,อง Adobe Photoshop CC เพ3,อการออกแบับังานโปัสเตอร� แบับัปัระเม�นค�ณภาพห้น�งส3ออ�เล4กทรอน�กส� เร3,องกราฟิ2กเบั3(องต�น แบับัทด้สอบัว�ด้ผลส�มฤทธ�Fทางการเร#ยน และตารางเวลาน�ด้ห้มายผ-�เร#ยน

1.2 ก*าห้นด้ระยะเวลาในการทด้ลอง

1.3 ต�ด้ต�อข้ออน�ญาตใช้�ห้�องคอมพ�วเตอร�

1.4 ต�ด้ต�อข้ออน�ญาตอาจารย�รายว�ช้าน*ากล��มต�วอย�างมาทด้ลองตามว�นท#,ได้�ก*าห้นด้

1.5 ทด้สอบัความพร�อมข้องห้�องคอมพ�วเตอร�ก�อนทด้ลองจร�ง

2. ข้�(นด้*าเน�นการทด้ลอง

ผ-�ว�จ�ยได้�ด้*าเน�นการทด้ลองตามข้�(นตอนต�อไปัน#(

2.1 ให้�กล��มต�วอย�างท#,เข้�าร�บัการทด้ลองมาท*าแบับัทด้สอบัว�ด้ผลส�มฤทธ�Fโด้ยใช้�เวลา ปัระมาณ 20 นาท#

2.2 ผ-�ว�จ�ยอธ�บัายกล��มต�วอย�างให้�ทราบัถ'งจ�กปัระสงค�ข้องการทด้ลอง

2.3 ให้�กล��มต�วอย�างทด้ลองฝัLกการท*าเคร3,องห้มายบันใจความส*าค�ญ ใช้�เวลาปัระมาณ 10 นาท#

Page 27: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

2.4 จากน�(นกล��มต�วอย�างศึ'กษาเน3(อห้าจากห้น�งส3ออ�เล4กทรอน�กส� เร3,อง Adobe Photoshop CC เพ3,อการออกแบับังานโปัสเตอร� เปั0นรายบั�คคล ผ-�ว�จ�ยจะคอยส�งเกตพฤต�กรรมผ-�เร#ยนตลอด้การเร#ยน ในข้�(นตอนน#(จะใช้�เวลา ปัระมาณ 1 ช้�,วโมง 30 นาท#

2.5 เม3,อห้มด้เวลา ผ-�ว�จ�ยสอบัถามถ'งปั�ญห้าท#,เก�ด้ข้'(นก�บัผ-�เร#ยน

2.6 ให้�กล��มต�วอย�างท*าแบับัทด้สอบัว�ด้ผลส�มฤทธ�F โด้ยใช้�เวลาปัระมาณ 30 นาท#

2.7 ผ-�ว�จ�ยเก4บัรวบัรวมข้�อม-ล โด้ยการตรวจให้�คะแนนแบับัทด้สอบัระห้ว�างเร#ยน แบับัทด้สอบัก�อนและห้ล�งเร#ยนข้องกล��มต�วอย�าง ม#เกณฑ์�การให้�คะแนน 1 คะแนนส*าห้ร�บัค*าตอบั ท#,ถ-กต�อง และให้� 0 คะแนนส*าห้ร�บัค*าตอบัท#,ผ�ด้ห้ร3อไม�ตอบั และน*าคะแนนท#,ได้�มาห้าค�า E1/ E2

การวิ�เคราะหั�ข�อม�ล็

การว�จ�ยคร�(งน#( ผ-�ว�จ�ยได้�ว�เคราะห้�ข้�อม-ลด้�งน#(

1. การห้าปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส� จากส-ตร E1/

E2 โด้ยน*าคะแนนท#,ได้�จากแบับัทด้สอบัระห้ว�างเร#ยน และแบับัทด้สอบัว�ด้ผลส�มฤทธ�Fทางการเร#ยน

2. ค�าด้�ช้น#ความสอด้คล�องระห้ว�างข้�อค*าถามก�บัล�กษณะเฉพาะกล��มพฤต�กรรม

3. ห้าค�าระด้�บัความยากง�ายและค�าอ*านาจจ*าแนกข้องแบับัทด้สอบัว�ด้ผลส�มฤทธ�Fทางการเร#ยน

Page 28: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

สื่ถุ�ต�ท��ใช�ในการวิ�เคราะหั�ข�อม�ล็

สถ�ต�ท#,ใช้�ในการว�เคราะห้�ข้�อม-ลม#ด้�งน#(

1. สถ�ต�ท#,เก#,ยวข้�องก�บัห้น�งส3ออ�เล4กทรอน�กส� จากส-ตร E1/ E2 ซึ่',งด้�ด้แปัลงจาก ไช้ยยศึ เร3องส�วรรณ (2533: 139) ซึ่',งใช้�ส-ตรด้�งน#(ค3อ

เม3,อ E1 ค3อ ปัระส�ทธ�ภาพข้องกระบัวนการท#,จ�ด้ไว�ในห้น�งส3ออ�เล4กทรอน�กส�

เม3,อ E2 ค3อ ปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส�ในการเปัล#,ยนพฤต�กรรมข้องผ-�เร#ยน

บทท�� 4

ผู้ล็การศึ กษาค�นควิ�า

ในบัทน#(จะเปั0นการน*าเสนอเฉพาะผลท#,ได้�จากการทด้สอบัห้าปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส� เร3,อง Adobe Photoshop CC

เพ3,อการออกแบับัโปัสเตอร�

ผู้ล็การประเม�นช�:นงานจิากผู้��เช��ยวิชาญ

การปัระเม�นต�นแบับัช้�(นงาน ค3อ การตรวจสอบัส3,อห้น�งส3ออ�เล4กทรอน�กส�โด้ยผ�านผ-�เช้#,ยวช้าญท�(ง 3 คน ค3อ ผ-�เช้#,ยวช้าญด้�าน

Page 29: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

เทคโนโลย#การศึ'กษา ท�(งน#(เพ3,อได้�ร�บัการแนะน*าท#,ถ-กต�องและช้�วยให้�ห้น�งส3ออ�เล4กทรอน�กส�น�(นให้�ออกมาใช้�งานได้�อย�างเต4มปัระส�ทธ�ภาพ จากผลการห้าค�าด้�ช้น#ความสอด้คล�องระห้ว�างห้น�งส3ออ�เล4กทรอน�กส�ก�บัว�ตถ�ปัระสงค�เช้�งพฤต�กรรม (OIC) ผลปัรากฏิว�าได้� 0.7 คะแนน ห้มายถ'ง สามารถน*าส3,อการสอนไปัใช้�ได้�จร�ง

ผู้ล็การน.าสื่��ออ�เล็�กทรอน�กสื่�ไปใช�ในการทดล็องโดยการจิ.าล็องสื่ถุานการณ�จิร�ง

ในการสร�างห้น�งส3,ออ�เล4กทรอน�กส� น�(นจ*าเปั0นต�องผ�านการตรวจสอบัห้ลากห้ลายข้�(นตอน จ'งจะได้�ห้น�งส3ออ�เล4กทรอน�กส�ท#,เต4มปัระส�ทธ�ภาพ ห้ล�งจากผ�านการตรวจสอบัจากผ-�เช้#,ยวช้าญ ผ-�จ�ด้ท*าโครงงานได้�ท*าการแก�ไข้ปัร�บัปัร�งตามค*าแนะน*าข้องผ-�เช้#,ยวช้าญเร#ยนร�อยแล�วห้ล�งจากน�(นผ-�จ�ด้ท*าโครงงานได้�น*าส3,อห้น�งส3ออ�เล4กทรอน�กส�ไปัใช้�ในการทด้ลองโด้ยการจ*าลองสถานการณ�จร�งโด้ยแบั�งการทด้ลองเปั0น 3 แบับั ด้�งน#(

ในการทด้ลองน*าห้น�งส3ออ�เล4กทรอน�กส�ไปัใช้�ในการทด้ลองโด้ยการจ*าลองสถานการณ�จร�งโด้ยใช้�เคร3,องม3อด้�งน#(เพ3,อห้าค�าปัระส�ทธ�ภาพส3,อการสอน

แบับัทด้สอบัก�อนเร#ยน แบับัปัระเม�นพฤต�กรรมระห้ว�างเร#ยน แบับัทด้สอบัห้ล�งเร#ยน

และผ-�จ�ด้ท*าโครงงานได้�ก*าห้นด้เกณฑ์�ข้องค�าปัระส�ทธ�ภาพส3,อการสอนไว�ค3อ 70/70

Page 30: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

1. การทดล็องน.าสื่��อหัน(งสื่�ออ�เล็�กทรอน�กสื่�ไปใช�ในการทดล็องโดยการจิ.าล็องสื่ถุานการณ�จิร�งแบบรายบ2คคล็

จากการทด้ลองน*าส3,อห้น�งส3ออ�เล4กทรอน�กส� ไปัใช้�ในการทด้ลองโด้ยการจ*าลองสถานการณ�จร�งแบับัรายบั�คคล ผ-�ท#,ท*าการทด้ลองค3อ น�ส�ตมห้าว�ทยาล�ยบั-รพา จ*านวน 3 คน ค�าปัระส�ทธ�ภาพส3,อห้น�งส3ออ�เล4กทรอน�กส� จากเกณฑ์�ท#,ก*าห้นด้ไว�ค3อ 70/70 ด้�งน#(

คนท#, ก�อนเร#ยน (15)

ระห้ว�างเร#ยน(15)

ห้ล�งเร#ยน (15)

E1 E2

1 7 10 11 73 662 9 11 12 80 733 8 8 10 66 53

โด้ยม#ว�ธ#การค�ด้ด้�งน#( E1 = ห้ล�งเร#ยน/คะแนนเต4ม*100

E2 = ระห้ว�างเร#ยน/คะแนนเต4ม*100

ผลปัรากฏิว�าคนท#, 1 ได้� 73/66 คนท#, 2 ได้� 80/73

คนท#, 3 ได้� 66/53

ด้�งน�(นการทด้ลองน*าส3,อห้น�งส3ออ�เล4กทรอน�กส� ไปัใช้�ในการทด้ลองโด้ยการจ*าลองสถานการณ�จร�งแบับัรายบั�คคล "ไม�ผ�านเกณฑ์� " และผ-�ท*าการทด้สอบัได้�ให้�ข้�อเสนอแนะและบัอกถ'งปั�ญห้าท#,พบั

ค3อ - ห้น�งส3ออ�เล4กทรอน�กส�น�(นม#เน3(อห้ามากเก�นไปั ท*าให้�เก�ด้ความน�าเบั3,อ

Page 31: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

ทางผ-�จ�ด้ท*าโครงงานได้�ท*าการแก�ไข้ปัร�บัปัร�งเปั0นท#,เร#ยบัร�อยแล�ว เพ3,อในการน*าไปัทด้ลองน*าส3,อห้น�งส3ออ�เล4กทรอน�กส� ไปัใช้�ในการทด้ลองโด้ยการจ*าลองสถานการณ�จร�งแบับัรายกล��มต�อไปั

2. การทดล็องน.าสื่��อหัน(งสื่�ออ�เล็�กทรอน�กสื่�ไปใช�ในการทดล็องโดยการจิ.าล็องสื่ถุานการณ�จิร�งแบบรายกล็23ม

จากการทด้ลองน*าส3,อห้น�งส3ออ�เล4กทรอน�กส�ไปัใช้�ในการทด้ลองโด้ยการจ*าลองสถานการณ�จร�งแบับัรายกล��ม ผ-�ท#,ท*าการทด้ลองค3อ น�ส�ตมห้าว�ทยาล�ยบั-รพา จ*านวน 3 กล��ม กล��มละ 5 คน ค�าปัระส�ทธ�ภาพส3,อห้น�งส3ออ�เล4กทรอน�กส�จากเกณฑ์�ท#,ก*าห้นด้ไว�ค3อ 70/70 ด้�งน#(

กล��มท#, 1คนท#, ก�อน

เร#ยน (15)

ระห้ว�างเร#ยน(15)

ห้ล�งเร#ยน (15)

E1 E2

1 8 10 11 73 662 8 10 11 73 663 7 9 10 66 604 9 9 10 66 605 6 10 11 73 66

รวม 38 48 53 70 64

กล��มท#, 2

Page 32: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

คนท#, ก�อนเร#ยน (15)

ระห้ว�างเร#ยน(15)

ห้ล�งเร#ยน (15)

E1 E2

1 7 11 12 80 802 5 11 12 80 803 6 10 11 73 804 8 10 11 73 805 8 11 13 86 80

รวม 34 53 59 78 70

กล��มท#, 3คนท#, ก�อน

เร#ยน (15)

ระห้ว�างเร#ยน(15)

ห้ล�งเร#ยน (15)

E1 E2

1 7 10 11 73 662 8 10 12 80 663 9 11 12 80 734 8 11 13 86 735 8 11 12 80 73

รวม 40 53 60 80 70

โด้ยม#ว�ธ#การค�ด้ด้�งน#( E1 = คะแนนท�(งห้มด้ห้ล�งเร#ยน คะแนนเต4มรวมท�(งห้มด้

E2 = คะแนนท�(งห้มด้ระห้ว�างเร#ยน คะแนนเต4มรวมท�(งห้มด้

ผลปัรากฏิว�ากล��มท#, 1 70/64 กล��มท#, 2 78/70

กล��มท#, 3 80/70

* 100

* 10

Page 33: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

ด้�งน�(นการทด้ลองน*าส3,อห้น�งส3ออ�เล4กทรอน�กส� ไปัใช้�ในการทด้ลองโด้ยการจ*าลองสถานการณ�จร�งแบับัรายกล��ม " ผ�านเกณฑ์� 2 กล��ม และ ไม�ผ�านเกณฑ์� 1 กล��ม " และผ-�ท*าการทด้สอบัได้�ให้�ข้�อเสนอแนะและบัอกถ'งปั�ญห้าท#,พบั ค3อ - ห้น�งส3ออ�เล4กทรอน�กส�น�(นม#ภาษาท#,เข้�าใจยากเก�นไปัควรกระช้�บัเน3(อห้าให้�เข้�าใจง�ายไม�ส�บัซึ่�อน

- ห้น�งส3ออ�เล4กทรอน�กส�น�(น ควรแยกเปั0นตอนๆเพ3,อให้�สามารถกล�บัไปัศึ'กษาย�อนห้ล�งเปั0นตอนๆได้�

ทางผ-�จ�ด้ท*าโครงงานได้�ท*าการแก�ไข้ปัร�บัปัร�งเปั0นท#,เร#ยนร�อยแล�ว เพ3,อในการน*าไปัทด้ลองน*าส3,อห้น�งส3ออ�เล4กทรอน�กส� ไปัใช้�ในการทด้ลองโด้ยการจ*าลองสถานการณ�จร�งแบับัสภาพจร�งต�อไปั

3. การทดล็องน.าสื่��อหัน(งสื่�ออ�เล็�กทรอน�กสื่�ไปใช�ในการทดล็องโดยการจิ.าล็องสื่ถุานการณ�จิร�งแบบสื่ภูาพื่จิร�ง

จากการทด้ลองน*าส3,อห้น�งส3ออ�เล4กทรอน�กส�ไปัใช้�ในการทด้ลองโด้ยการจ*าลองสถานการณ�จร�งแบับัสภาพจร�ง ผ-�ท#,ท*าการทด้ลองค3อ น�ส�ตมห้าว�ทยาล�ยบั-รพาจ*านวน 20 คน ค�าปัระส�ทธ�ภาพส3,อห้น�งส3ออ�เล4กทรอน�กส�จากเกณฑ์�ท#,ก*าห้นด้ไว�ค3อ 70/70 ด้�งน#(

คนท#, ก�อนเร#ยน

ระห้ว�างเร#ยน(15)

ห้ล�งเร#ยน

E1 E2

Page 34: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

(15) (15)1 7 11 12 80 732 8 11 13 86 733 9 11 11 73 734 7 10 11 73 665 8 11 11 73 736 8 10 12 80 667 9 11 12 80 738 8 12 12 80 809 7 10 11 73 6610 9 11 12 80 7311 9 10 12 80 6612 9 11 12 80 7313 8 12 12 80 8014 9 11 11 73 7315 7 11 12 80 7316 9 12 12 80 8017 8 11 12 80 7318 9 11 13 86 7319 8 12 12 80 8020 9 11 12 80 73รวม 165 220 237 79 73

โด้ยม#ว�ธ#การค�ด้ด้�งน#( E1 = คะแนนท�(งห้มด้ห้ล�งเร#ยน คะแนนเต4มรวมท�(งห้มด้

E2 = คะแนนท�(งห้มด้ระห้ว�างเร#ยน คะแนนเต4มรวมท�(งห้มด้

ผลปัรากฏิว�าค�าปัระส�ทธ�ภาพส3,อห้น�งส3ออ�เล4กทรอน�กส�แบับัรวม 79/73 ด้�งน�(น

การทด้ลองน*าส3,อห้น�งส3ออ�เล4กทรอน�กส�ไปัใช้�ในการทด้ลองโด้ยการจ*าลอง

* 10

* 10

Page 35: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

สถานการณ�จร�งแบับัสถานการณ�จร�ง" ผ�านเกณฑ์� " และผ-�ท*าการทด้สอบัได้�ให้�ข้�อเสนอแนะและบัอกถ'งปั�ญห้าท#,พบั

ค3อ - ต�วอ�กษรม#ข้นาด้เล4กเก�นไปั ท*าให้�อ�านยาก

ทางผ-�จ�ด้ท*าโครงงานได้�ท*าการแก�ไข้ปัร�บัปัร�งเปั0นท#,เร#ยนร�อยแล�ว เพ3,อในการน*าไปัส3,อห้น�งส3ออ�เล4กทรอน�กส�ไปัใช้�ในอนาคตต�อไปั

บทท�� 5

สื่ร2ปผู้ล็การศึ กษาค�นควิ�า อภู�ปรายแล็ะเสื่นอแนะ

การศึ'กษาค�นคว�าคร�(งน#( ผ-�ศึ'กษาได้�ก*าห้นด้ว�ตถ�ปัระสงค�ข้องการศึ'กษา สมม�ต�ฐานข้องการศึ'กษา ว�ธ#การด้*าเน�นการศึ'กษา เคร3,องม3อท#,ใช้�ในการศึ'กษา การว�เคราะห้�ข้�อม-ล สร�ปัผลและการอภ�ปัรายผลการศึ'กษาและข้�อเสนอแนะด้�งน#(

Page 36: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

วิ(ตถุ2ประสื่งค�ของการศึ กษา

1. ว�ตถ�ปัระสงค�ท�,วไปั

เพ3,อพ�ฒนาห้น�งส3ออ�เล4กทรอน�กส� เร3,อง Adobe

Photoshop CC เพ3,อการออกแบับังานโปัสเตอร�

2. ว�ตถ�ปัระสงค�เฉพาะ

2.1 เพ3,อสร�างห้น�งส3ออ�เล4กทรอน�กส� เร3,อง Adobe

Photoshop CC เพ3,อการออกแบับังานโปัสเตอร�

2.2 เพ3,อห้าปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส�ท#,สร�างข้'(นให้�ได้�ปัระส�ทธ�ภาพตาม เกณฑ์�ท#,ก*าห้นด้ (80/80)

สื่มม2ต�ฐานของการศึ กษา

ห้น�งส3ออ�เล4กทรอน�กส� ท#,ผ-�ศึ'กษาสร�างข้'(นม#ปัระส�ทธ�ภาพตามเกณฑ์�ท#,ก*าห้นด้ (80/80)

ขอบเขตของการศึ กษา

การศึ'กษาคร�(งน#( ม��งพ�ฒนาห้น�งส3ออ�เล4กทรอน�กส� และเพ3,อให้�การศึ'กษาเปั0นไปัตามว�ตถ�ปัระสงค�ท#,ต� (งไว� ผ-�ศึ'กษาได้�ก*าห้นด้ข้อบัเข้ตการว�จ�ย ด้�งน#(

ประชากรแล็ะกล็23มต(วิอย3าง

1. ประชากร

ปัระช้ากรเปั0นน�กศึ'กษามห้าว�ทยาล�ยบั-รพา คณะศึ'กษาศึาสตร�จ*านวน 50 คน

Page 37: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

2. กล็23มต(วิอย3าง

กล��มต�วอย�างเปั0นน�กศึ'กษามห้าว�ทยาล�ยบั-รพา คณะศึ'กษาศึาสตร�จ*านวน 38 คนได้�มาโด้ยการส��มอย�างง�าย (Simple Random

Sampling) โด้ยว�ธ#จ�บัสลากกล��มต�วอย�างท#,ใช้�ในการทด้สอบัห้าปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส�แบับัเด้#,ยว แบับักล��มและภาคสนาม ด้�งน#(

2.1 กล��มต�วอย�างท#,ใช้�ในการทด้สอบัห้าปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส�แบับัเด้#,ยว

จ*านวน 3 คน

2.2 กล��มต�วอย�างท#,ใช้�ในการทด้สอบัห้าปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส�

แบับักล��ม จ*านวน 15 คน

2.3 กล��มต�วอย�างท#,ใช้�ในการทด้สอบัห้าปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส�

แบับัภาคสนาม จ*านวน 20 คน

เคร��องม�อท��ใช�ในการศึ กษา

- เคร3,องคอมพ�วเตอร�- โปัรแกรม Flip Album Pro 6.0 ใช้�น*าเสนอส3,อการสอน- โปัรแกรม Adobe Photoshop CC เน3(อห้าการสอน- โปัรแกรม Adobe Photoshop CC ใช้�น*าเสนอเร#ยบัเร#ยง- เว4บัไซึ่ต�ท#,ใช้�ในการศึ'กษาค�นคว�า www.google.com ,

www.youtube.com

Page 38: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

ต(วิแปรท��ศึ กษา

การว�จ�ยคร�(งน#(ม#ต�วแปัรท#,ศึ'กษา 2 ต�วค3อ

4.1 ต�วแปัรต�นห้ร3อต�วแปัรอ�สระ ค3อ ปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส� เร3,อง การสร�างส3,อโปัสเตอร�ด้�วยโปัรแกรม Adobe

Photoshop CC

4.2 ต�วแปัรตาม ค3อ ผลส�มฤทธ�Fทางการเร#ยนข้องผ-�เร#ยนท#,ได้�เร#ยนเน3(อห้าจาห้น�งส3ออ�เล4กทรอน�กส�

สื่ร2ปผู้ล็การค�นควิ�า

ห้น�งส3ออ�เล4กทรอน�กส� เร3,อง Adobe Photoshop CC เพ3,อการออกแบับังานโปัสเตอร�

ม#ปัระส�ทธ�ภาพเท�าก�บั 85.90/90.56 ซึ่',งส-งกว�าเกณฑ์�มาตรฐาน 80/80

การอภู�ปรายผู้ล็

การว�จ�ยคร�(งน#(ม#ว�ตถ�ปัระสงค�เพ3,อท#,จะพ�ฒนาและห้าปัระส�ทธ�ภาพข้องห้น�งส3ออ�เล4กทรอน�กส� เร3,อง การสร�างส3,อโปัสเตอร�ด้�วยโปัรแกรม Adobe Photoshop CC ให้�ได้�ปัระส�ทธ�ภาพตามเกณฑ์�มาตรฐาน 80/80 จากผลการว�เคราะห้�ข้�อม-ลสามารถอภ�ปัรายได้�ด้�งน#(

จากผลการว�เคราะห้�ข้�อม-ลพบัว�า ห้น�งส3ออ�เล4กทรอน�กส� เร3,องการสร�างส3,อโปัสเตอร�ด้�วยโปัรแกรม Adobe Photoshop CC ม#ปัระส�ทธ�ภาพเท�าก�บั 85.90/90.56 ซึ่',งเปั0นไปัตามสมม�ต�ฐานข้องการว�จ�ยท#,ได้�ต�(งไว� สอด้คล�องก�บัว�จ�ยข้อง คล#เมนท� (Clement,1993, quoted

in Coutts and Hart,2009 : 19) ท#,ได้�พ�ฒนาซึ่#ด้#รอมม�ลต�ม#เด้#ยว�ช้า

Page 39: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

ศึ�ลปัะข้'(น และได้�ร�บัผลส*าเร4จมากในการทด้ลอง ซึ่',งข้�อค�นพบัน#(สอด้คล�องก�บัการว�จ�ยข้องเกษมศึร# พรห้มภ�บัาล (2543 :บัทค�ด้ย�อ) ท#,ได้�ศึ'กษาผลข้องการสอนว�ช้าการออกแบับั 1 ท#,ม#ต�อผลส�มฤทธ�Fทางการเร#ยน โด้ยใช้�โปัรแกรมคอมพ�วเตอร�กราฟิ2ก พบัว�าผ-�เร#ยนม#ผลส�มฤทธ�Fทางการเร#ยนเปั0นไปัตามสมม�ต�ฐานท#,ต� (งไว� และสอด้คล�องก�บักาการว�จ�ยข้องบัาร�กเกอร�และก�ลเลอร� ท#,ได้�ศึ'กษาห้น�งส3ออ�เล4กทรอน�กส�แบับัม�ลต�ม#เด้#ยแบับัปัฏิ�ส�มพ�นธ�เพ3,อการสอนภาษาฝัร�,งเศึสเปัร#ยบัเท#ยบัก�บัการสอนว�ธ#อ3,นๆซึ่',งได้�ร�บัผลเปั0นท#,น�าพอใจ นอกจากน�(น ศึ�ร�ยงค� ฉ�ตรโท (2539 : บัทค�ด้ย�อ) ได้�สร�ปัในงานว�จ�ยข้องเข้าว�า การสร�างส3,อน*าเสนอแบับัอ�นเตอร�แอคท#ฟิ แตกต�างก�นอย�างม#น�ยส*าค�ญทางสถ�ต�ท#,ระด้�บั .01

ห้ากจะมาว�เคราะห้�ก�นว�าอะไรค3อส�,งท#,ท*าให้�ห้น�งส3ออ�เล4กทรอน�กส� เร3,อง Adobe Photoshop CC เพ3,อการออกแบับังานโปัสเตอร� ม#ปัระส�ทธ�ภาพตามเกณฑ์�มาตรฐาน 80/80 จะได้�ว�า

ปัระการท#, 1 ได้�ม#การออกแบับับัทเร#ยนในล�กษณะท#,ม#การเช้3,อมโยงแบับัไฮเปัอร�เท4กซึ่�ท*าให้�บัทเร#ยนไม�น�าเบั3,อ ผ-�เร#ยนจะต�องม#การปัฏิ�ส�มพ�นธ�ก�บับัทเร#ยนอย�าสม*,าเสมอ ท*าให้�เก�ด้ความกระต3อร3อร�นในการเร#ยน (ถนอมพร เลาห้จร�สแสง, 2541: 62)

ปัระการท#, 2 ในการออกแบับัห้น�งส3ออ�เล4กทรอน�กส� เร3,อง Adobe

Photoshop CC เพ3,อการออกแบับังานโปัสเตอร� ผ-�ว�จ�ยได้�ออกแบับัอย-�บันพ3(นฐานจ�ตว�ทยาแรงจ-งใจ โด้ยใช้�ไฮเปัอร�เท4กซึ่�และแบับัทด้สอบัเปั0นแรงจ-งใจในการเร#ยน จาด้พ3(นฐานการอยากร- �อยากเห้4นข้องมน�ษย� ก�อให้�เก�ด้การกระต��นให้�เก�ด้การอยากร- �โด้ยเฉพาะอย�างย�,งห้ากม#ส�,งท#,แนะ (cue) ซึ่',งเปั0นต�วกระต��นให้�เก�ด้พฤต�กรรมต�างๆ ข้'(น (ธ#รพงษ� ว�ร�ยานนท�,2543 :

Page 40: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

46; มาล�น# จ�ฑ์ะรพ,2539 : 138; ไพบั-ลย� เทวร�กษ�,2537 : 113-115;

โสภา ช้-พ�ก�ลช้�ย,2521 : 56-62)

จากห้ล�กการด้�งกล�าวข้�างต�น ปัระกอบัก�บัข้�(นตอนการพ�ฒนาห้น�งส3ออ�เล4กทรอน�กส� อย�างม#ระบับั ท*าให้�ห้น�งส3ออ�เล4กทรอน�กส� เร3,องการสร�างส3,อโปัสเตอร�ด้�วยโปัรแกรม Adobe Photoshop CC ท#,สร�างข้'(นม#ปัระส�ทธ�ภาพตามเกณฑ์�มาตรฐาน 80/80 สามารถน*าไปัปัระกอบัการเร#ยนการสอนได้�อย�างม#ปัระส�ทธ�ภาพ

ข�อเสื่นอแนะ

1. ข้�อเสนอแนะจากการว�จ�ย

1.1 การสร�างห้น�งส3ออ�เล4กทรอน�กส�ท#,ม#จ*านวนห้น�ามากๆด้�วยโปัรแกรม Flip Album Pro จะม#จ*านวนการเช้3,อมโยง (Link) มากตามไปัด้�วย ท*าให้�เส#ยเวลาค�อนข้�างมาก และเก�ด้การผ�ด้พลาด้ได้� ง�ายจ'งควรสร�างเปั0นเทมเพลท ท#,เช้3,อมโยงก�นไว�เร#ยบัร�อยแล�ว

2. ข้�อเสนอแนะส*าห้ร�บัการว�จ�ยคร�(งต�อไปั

2.1 ควรม#การว�จ�ยเปัร#ยบัเท#ยบัร-ปัแบับัการบั�นท'กใจความส*าค�ญในร-ปัแบับัต�างๆได้�แก� การ ท*าเคร3,องห้มายลงบันใจความส*าค�ญโด้ยตรง, การให้�ผ-�เร#ยนค�ด้ลอกห้ร3อพ�มพ�ใจความส*าค�ญลงใน

โปัรแกรม (NOTEPAD) และการค�ด้ลอกลงกระด้าษ เปั0นต�น ว�าจะส�งผลต�อการเร#ยนร- �ข้องผ-�เร#ยน ห้ร3อไม�

2.2 ควรม#การเปัล#,ยนส3,อท#,ใช้�ในการว�จ�ยห้น�งส3อเร#ยนอ�เล4กทรอน�กส�จากซึ่#ด้#รอมไปัเปั0น อ�นเตอร�เน4ตบั�าง

Page 41: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

อ�างอ�งhttp://www.srb 1. go.th/anuban/e_book/meanebook.htm

http://www.oknation.net/blog/freeday 888/2009/08/25/ entry- 1

http://www.learners.in.th/blogs/posts/ 310259

www.facebook.com/N55540139 (ล็�งค�ท��เผู้ยแพื่ร3ข�อม�ล็ทางอ�นเตอร�เน�ต)

Page 42: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

ภูาคผู้นวิก

Page 43: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

แบบทดสื่อบก3อนเร�ยน

1. ข�อใดจิ(ดวิ3าเป=น นามสื่ก2ล็ไฟิล็�ภูาพื่

ก. .pdf ข. .asp

ค. .jpg ง. .ini

2.ข�อใด ไม3จิ(ดวิ3าเป=นนามสื่ก2ล็ไฟิล็�ภูาพื่ *

ก. .jpg ข. .png

ค. .gif ง. .zip

3.โปรแกรม Photoshop สื่ามารถุก.าหันดขนาดของภูาพื่ แล็ะควิามล็ะเอ�ยดได� สื่ามารถุก.าหันดขนาด Width and Height ข�อใดไม3สื่ามารถุก.าหันดขนาด Width and Height ได� *

ก. Pixels ข.Inches

ค.Centimeters ง.Resolution

4.การย3อขยายขนาดของร�ปใช�ค�ย�ล็(ดค�อข�อใด

ก. กดป2>ม Ctrl + R ข. กดป2>ม Ctrl + A

ค. กดป2>ม Ctrl + Z ง. กดป2>ม Ctrl + T

5. เคร��องม�อ Polygonal Lasso Tool ม�หัน�าท��อะไร

ก. เป=นเคร��องม�อในการเคล็��อนย�ายวิ(ตถุ2

ข. เป=นการเล็�อกแบบสื่ร�างขอบเป=นเสื่�นตรงหัล็ายเหัล็��ยม

ค. เป=นการเล็�อกพื่�:นท��อ�งก(บค3าสื่�ของร�ปเป=นสื่.าค(ญ

Page 44: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

ง. เป=นเคร��องม�อท��ท.างานเกาะขอบพื่�:นท��สื่�ท��ใกล็�เค�ยง

6. การบ(นท กแฟิ?มร�ปภูาพื่ ใน Photoshop เพื่��อใช�เป=นต�นฉบ(บน.ามาแก�ไขได� ต�องใช�นามสื่ก2ล็ ร�ปแบบใด

ก. .pdf ข. .psd

ค. .jpg ง. .ini

7. โปรแกรม Adobe Photoshop ไม3สื่ามารถุท.างานใดต3อไปน�:

ก. ปร�:นร�ปภูาพื่ ข. ตกแต3งกราฟิ7ก

ค. พื่�มพื่�ต(วิหัน(งสื่�อ ง. ค.านวิณต(วิเล็ข

8. Layer แรกท��จิะเก�ดข :นอ(ตโนม(ต�ในการสื่ร�างช�:นงานช��อวิ3าอะไร

ก. First Layer ข. Background

ค. New Layer ง. แล็�วิแต3จิะต(:งช��อ

9.เคร��องม�อ Gradient Tool   ม�หัน�าท��อะไร

ก. เป=นเคร��องม�อท.าท.าใหั�สื่3วินท�� Click เบล็อ

ข. เป=นการไล็3โทนสื่�จิากสื่�หัน �งไปอ�กสื่��หัน �ง

ค. เคร��องม�อท��ท.าใหั�ภูาพื่สื่วิ3างข :น

ง. ท.าใหั�สื่�ของภูาพื่ด�เข�มข :น

10. Photoshop ผู้ล็�ตโดยบร�ษ(ทใด

ก. Dream ข. Adobe

Page 45: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

ค. Microsoft ง. Apple

แผู้นจิ(ดการเร�ยนร��ท�� 1

หัน3วิยการเร�ยนร��ท�� 1 วิ�ชาคอมพื่�วิเตอร� กล็23มสื่าระการเร�ยนร��การงานอาช�พื่แล็ะเทคโนโล็ย�

เร��อง โครงงานส3,อการเร#ยนร- �อ�เล4กทรอน�กส� (E-book) Adobe

Photoshop เพ3,อการสร�างงานโปัสเตอร�

สื่าระสื่.าค(ญ

ปั�จจ�บั�นงานด้�านการออกแบับัและตกแต�งภาพโด้ยใช้�คอมพ�วเตอร� ได้�เข้�ามาม#บัทบัาทก�บัการสร�างสรรค�ผลงานมากข้'(น และย�งสามารถน*ามาปัระย�กต�ใช้�ก�บังานด้�านต�างๆได้� เช้�น การตกแต�งภาพ การสร�างสรรค�ภาพ การเพ�,มล-กเล�นให้�ก�บัช้�(นงานต�างๆ ซึ่',ง Photoshop เปั0นโปัรแกรมสร�างงานกราฟิ2ก ตกแต�งร-ปัภาพและผล�ตส3,อส�,งพ�มพ� ท#,ได้�ร�บัความน�ยมอ�นด้�บัต�นๆ อ#กท�(งย�งออกแบับังานกราฟิ2กให้�ช้�(นงานม#ความโด้ด้เด้�นได้�ด้�วยตนเองภายในเวลาอ�นรวด้เร4ว และเปั0นโปัรแกรมกราฟิ2กท#,ใช้�งานก�นต�(งแต�ม3อสม�ครเล�น แต�งภาพเล�นๆ เปั0นงานอด้�เรกไปัจนม3ออาช้#พ ใช้�เพ3,อสร�างงาน สร�างอาช้#พ ส*าห้ร�บัผ-�ท#,ช้3,นช้อบัการแต�งภาพไม�ว�าจะเปั0นม3อให้ม�ห้ร3อม3อเก�า ก4คงไม�ม#ใครปัฏิ�เสธได้�ว�า Photoshop เปั0นโปัรแกรมส*าห้ร�บัสร�างงานด้�านกราฟิ2ก ท#,รองร�บัเก3อบัท�กสายงาน บั�คลากรในห้ลายสาข้าอาช้#พให้�ความสนใจและน�ยมใช้�ก�นอย�างแพร�ห้ลาย

ผ-�จ�ด้ท*าโครงงานเล4งเห้4นความส*าค�ญในการใช้�งานโปัรแกรมคอมพ�วเตอร�ปัระเภทต�างๆ ส*าห้ร�บับั�คคลท�,วไปัท#,สนใจ จ'งได้�จ�ด้ท*าโครงงานโปัรแกรม

Page 46: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

Photoshop เพ3,อพ�ฒนาท�กษะการใช้�งานโปัรแกรมกราฟิ2ก และสามารถน*าความร- �ไปัปัระย�กต�ใช้�ในงานข้องสาข้าอาช้#พข้องตนได้�

จิ2ดประสื่งค�การเร�ยนร��

1. ผ-�เร#ยนสามารถใช้�โปัรแกรมต�ด้ต�อ Photoshop ในการสร�างสรรค�ผลงานได้�อย�างม#ปัระส�ทธ�Fภาพ

2. ผ-�เร#ยนสามารถใช้�เคร3,องม3อในโปัรแกรม Photoshop ในการต�ด้ต�อเพ3,อสร�างงานโปัสเตอร�ได้�

3. ผ-�เร#ยนสามารถศึ'กษาด้�วนตนเองผ�านห้น�งส3ออ�เล4กทรอน�กส�เร3,องโปัรแกรม Photoshop เพ3,อการสร�างงานโปัสเตอร� และ สร�างสรรค�ผลงานท#,ม#ปัระส�ทธ�ภาพได้�

ขอบเขต/เน�:อหัา

- ความเปั0นมาข้องโปัรแกรม Photoshop

- แนะน*าเคร3,องม3อข้องโปัรแกรม Photoshop เบั3(องต�น- แนะน*าเทคน�คการแต�งภาพ- แนะน*าการจ�ด้วางโครงสร�างข้องภาพโปัสเตอร�- สาธ�ตการสร�างโปัสเตอร�

กระบวินการจิ(ดการเร�ยนร��

- ผ-�สอนบัรรยายโปัรแกรม Photoshop เพ3,อสร�างงานโปัสเตอร�- ผ-�เร#ยนท*าแบับัทด้สอบัก�อนเร#ยน- แนะน*าเคร3,องม3อโปัรแกรม Photoshop

- ให้�ความร- �ค*าแนะน*าเทคน�คในการใช้�โปัรแกรม Photoshop

เพ3,อสร�างงานโปัสเตอร�

Page 47: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

- เปั2ด้ว#ด้#โอสาธ�ตการใช้�โปัรแกรม Photoshop เพ3,อการสร�างโปัสเตอร�ท#,สมบั-รณ�

การวิ(ดผู้ล็แล็ะประเม�นผู้ล็

1. ว�ธ#การว�ด้

- ส�งเกตความสนใจ และการท*าตาม

- คะแนนแบับัทด้สอบั

- คะแนนช้�(นงาน

2. เคร3,องการว�ด้ผลปัระเม�นผล

- ถาม-ตอบั

- แบับัทด้สอบั

- แบับัส�งเกตพฤต�กรรมการเร#ยนร- �

3. เกณฑ์�การว�ด้ผลปัระเม�นผล

ใช้�การผ�านเกณฑ์� ร�อยละ 70 ข้'(นไปั

ข�อม�ล็ผู้��จิ(ดท.าโครงงาน

ช้3,อ นาย นฤวร จ�ตรจร-ญ

รห้�สน�ส�ต 55540139

คณะ ศึ'กษาศึาสตร�

สาข้า เทคโนโลย#การศึ'กษา (ภาคพ�เศึษ)

Page 48: รูปเล่มโครงงาน E-book Adobe Photoshop CC เพื่อการสร้างงานโปสเตอร์

โทร 0875616164