Post on 12-Jun-2020
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 1
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
เรมตนใชงานโปรแกรม Adobe Photoshop CS3
Photoshop เปนโปรแกรมส าหรบสรางและตกแตงภาพทมชอเสยงและไดรบความนยมมากทสด อนเนองมาจากคณสมบตเดนซงมอยอยางมากมาย ไมวาจะเปนความสามารถจดการกบไฟลสารพดชนดทใชในงานประเภทตาง ๆ ทงรปทจะน าไปผานกระบวนการพมพ และรปทน าไปใชในเวบเพจหรอสงผานสออเลกทรอนคส มความสามารถเปนเยยมในการแกไขตกแตงภาพ และการสรางเอฟเฟคตพเศษตาง ๆ มเครองมอทมประสทธภาพและความยดหยนสง สามารถบนทกขนตอนทตองท าซ า ๆ ไวเรยกใชภายหลงตลอดจนมผผลตปลกอน (plug-in) ใหเปนจ านวนมาก ซงปลกอนกคอโปรแกรมเสรมส าหรบชวยใหการท างานทซบซอนส าเรจลงไดอยางรวดเรว ตอไปนเปนตวอยางของงานประเภทตาง ๆ ซงคณสามารถใช Photoshop ชวยจดการไดอยางงายดาย • แกไขภาพถาย ทบกพรองหรอมต าหน เชนปรบสทเพยนปรบแสงเงาทสวางหรอมดเกนไปลบแสงแฟลชทสะทอนในดวงตา • ตกแตงภาพ เชน ตดสวนทไมตองการออกไป ลบองคประกอบทรกรงรง ปรบภาพใหเบลอหรอคมชด ปรบผวกายนางแบบใหขาวนวลและขจดไฝฝาตาง ๆ ขจดเมดสทเกดในภาพทสแกนจากสงพมพ •ดดแปลงภาพเชนท าภาพใหมใหกลายเปนภาพสซเปยแบบโบราณหรอแปลงภาพเกาๆทเปนขาวด าใหกลายเปนภาพสเปลยนภาพคนใหอวนขนผอมลงหรอเดกแกกวาทเปนจรง • ใสเอฟเฟคตพเศษใหภาพ เชนท าใหเหมอนก าลงมองภาพผานกระจกชนดและลายตาง ๆ หรอเหมอนเงาสะทอนในน าเปลยนภาพถายใหดคลายภาพวาดดวยเครองมอหลากหลายชนดใสประกายแสงหรอเงาใหวตถท าวตถแบนๆใหดเปน3มตเปลยนโทนสของภาพ • สรางภาพกราฟกซงผสมผสานระหวางภาพถายขอความและภาพวตถหรอเอฟเฟกตพเศษทสรางขนในPhotoshopเพอใชในงานผลตสอโฆษณาท าปกหนงสอหรอนตยสารหรอใชตกแตงเวบเพจ • สรางองคประกอบทใชในเวบเพจ (โดยปกตท างานรวมกบโปรแกรม ImageReady CS3 ทใหมาดวยกนแตในPhotoshopCS3นนimagereadyถกน าไปรวมไวในตวPhotoshopCS3แลวจงสามารถเรยกใชโดยเลอกแทบ Windows แลวเลอก Animations นนเอง ) เชน การตดแบงภาพขนาดใหญออกเปนสวน ๆ (Slice), การแบงพนทภาพเพอสรางไฮเปอรลงคเฉพาะสวน(image map). การสรางภาพเคลอนไหว (animation) และการสรางปมทเปลยนสถานะตามเมาส (rollover) และอน ๆ อกมากมาย
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 2
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การเขาสโปรแกรม Adobe Photoshop CS3
สามารถท าไดตามขนตอนตอไปน 1. คลกเมาสทปม Start 2. เลอนเมาสมาชท Programs แลวเลอนมาคลกทหวขอ Adobe Photoshop CS3 หรอ Adobe master collection CS3จากนนเลอก Adobe Photoshop CS3 จะสามารถเขาสโปรแกรม Adobe Photoshop CS3 ได
จากนนจะเขาสโปรแกรม Adobe Photoshop CS3 ดงรป
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 3
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
สวนประกอบของโปรแกรม Photoshop CS3
1. Title Bar เปนแถบทอยดานบนสดของหนาตางโปรแกรมมหนาทแสดงชอของโปรแกรม 2. Menu Bar เปนแถบทรวบรวมค าสงทงหมดของโปรแกรมเอาไว โดยแยกประเภทค าสงออกเปนหมวดหมตามลกษณะการท างานอยางเชน เมน File มหนาทจดการไฟล เมน Window จะรวบรวมค าสงทงหมดในการจดการหนาตางโปรแกรมเอาไว เปนตน Ctrl+O คอ การเปดเมนดวยวธลด Menu - File - Open แตเปดดวยวธลดคอ กดปม Ctrl พรอมกบ O กสามารถเปด ไฟล ทตองการได 3. Toolbox เปนกลองเครองมอทรวบรวมชดเครองมอทโปรแกรม Photoshop เตรยมไวใหใชงาน เพอแกไข ตกแตง หรอสรางชนงานในลกษณะตาง ๆ เครองมอหรอค าสงทเหนใน Toolbox เปนเครองมอทมกจะถกเรยกใชงานบอยๆ โปรแกรม Photoshop จงน ามาไวใน Toolbox เพอความสะดวกในการท างานซงนอกจากเครองมอเหลานแลว โปรแกรม Photoshop ยงมค าสงทใชในการแกไข ตกแตง หรอสรางชนงานอกมากมาย ซอนอยตามเมนตางๆ ใน Menu Bar อยางเชน Filter ทภายในจะรวบรวมค าสงทใชในการสรางเอฟเฟกตของรปไวมากมาย 4. Option Bar (ออปชนบาร) เปนพนทสวนทโปรแกรม Photoshop จะแสดงคณสมบตของเครองมอทเราเลอกมาใชงาน เพอใหเราปรบแตงคาของเครองมอนนใหเหมาะสมกบมากยงขน ดงนน สงทแสดงขนมาท Option Bar จงตางกนไปตามคณสมบตของเครองมอแตละชนด
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 4
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
5. Paletes กลมหนาตางเลกๆ ทมหนาทการท างานเฉพาะ สวนใหญแลวจะชวยเสรมการท างาน และควบคมรายละเอยดในดานตางๆของโปรแกรม อยางเชน พาเลท Swatches ใชส าหรบเลอก หรอก าหนดส , พาเลท History ใชจดการขอมลการท างานในขนตอนตางๆ ทผานมา เปนตน เราสามารถปดพาเลทเกบไปบาง หรอเปดพาเลทใหมขนมาเพมได โดยคลก เมน window รายชอของพาเลททงหมดจะปรากฏขนมา พาเลททเปดอยคอพาเลททมเครองหมายถกอยหนาชอ ดงนน การเปดพาเลทกคอ การคลกใหมเครองหมายถกหนาชอพาเลทนนๆ สวนจะปดกเปลยนเปนคลกใหเครองหมายถกหายไป 6. Canvas พนทท างาน หรอกระดานวาดภาพ ตรงนเปนสวนทเราจะสรางไฟลใหมขนมาท างาน ตกแตงชนงาน หรอเปดไฟลรปขนมาแกไข การใชเครองมอทส าคญ (Tools) เลอกพนทท างาน เคลอนยายรปภาพ เลอกพนทท างาน เลอกพนทท างาน เลอกพนทท างาน ตดรปภาพ ส าหรบรทสภาพ ใชระบายส ใชลอกแบบ ใชระบายส ใชลบภาพ ใชไลเฉดส ใชปรบความชดของส ใชปรบคาโทนส เคลอนยายวตถ ใชสรางตวอกษร สรางเสนรปทรงตามตองการ สรางรป,เสน,วงกลม ฯลฯ ใชอธบายรปภาพแบบเสยง ใชเลอกส ใชเลอนดภาพ ใชยอ/ขยายรปภาพ ชองแสดงสใชงาน เครองหมายสลบส คาสทตงไว ชองแสดงสพนหลง แสดงโหมดการท างานปกต แสดงการท างาน Quick Mask หนาจอแบบมาตรฐาน แสดงเฉพาะภาพแบบเตมจอ
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 5
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การตงหนากระดาษใหม เมอตองการท างานกบภาพใน Photoshop ควรจะก าหนดขนาดภาพหรอตงคาหนากระดาษเสยกอน แลวจงน าไฟลภาพเขามาใชงาน ซงจะท าใหไดขนาดของภาพทตรงกบความตองการใชงาน ส าหรบการตงหนากระดาษมขนตอนดงน
1. คลกเมน File > new 2. ตงชอไฟล (หนากระดาษ) ในชอง Name 3. เลอกรปแบบของกระดาษ ในชอง Preset
ค าอธบาย
Default Photoshop Size กระดาษแบบมาตรฐาน International Paper กระดาษแบบสากล Web กระดาษของหนาเวบไซต Mobile & Devices กระดาษบนโทรศพทมอถอ Film & Video กระดาษทใชงานกบภาพยนตและวดโอ
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 6
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การเปดไฟลภาพท างาน กอนเรมตนการท างานใหเปดไฟลภาพทตองการขนมา โดยเลอกแฟมทไดจดเกบไฟลภาพไว (ถาตองการเปดหลายไฟลภาพขนมาพรอมกนใหกดปม (Ctrl) ทคยบอรดคางไวแลวเลอกไฟลภาพทนท) ดงน
1. คลกเมน File > Open 2. เลอกทเกบไฟลภาพหรอโฟลเดอรในชอง Look in
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 7
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การบนทกไฟลภาพ การบนทกไฟลภาพถอวาเปนขนตอนทส าคญมาก เพราะสามารถน ากลบมาใชแกไขภายหลงหรอบนทกเพอสงตอไปท างานรวมกบโปรแกรมอน สวนไฟลภาพทรองรบ Photoshop คอไฟล นามสกล PSD (Photoshop Document) ซงสามารถบนทกภาพแบบแยกเลเยอรใหเปนสวน ๆ ดงน
1. คลกเมน File > Save As 2. เลอกต าแหนงบนทกไฟลภาพ ในชอง Save in 3. ตงชอไฟลภาพในชอง File name
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 8
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
ออปชนในการบนทกไฟลภาพในชอง Save Option มดงน - As a Copy เปนการบนทกไฟลจากภาพตนฉบบใหเปนไฟลใหม - Alpha Channels จะใชบนทก Channels เพอเกบคณสมบตส - Layer บนทกคณสมบตของเลเยอร - Annotations เปนหมายเหตใชอธบายภาพและเสยง - Sport Color เลอกรปแบบส - Use Proof Setup ใชก าหนดโหมดสในการพมพ - ICC Profile เลอกโหมดสภาพ - Thumbnail ขนาดไฟลตวอยาง
ไฟลภาพทใชใน Photoshop
Photoshop สามารถรองรบการท างานกบไฟลภาพไดหลายชนด ดงน .GIF เปนการบนทกรปภาพทจะสามารถบบอดขอมลใหมขนาดเลก สวนมากจะน าไปบนทกเปน
ไฟลภาพเคลอนไหว .PNG ใชบนทกรปภาพประเภทเวกเตอร จะมคณสมบตคลายกบไฟล GIF ซงสามารถบบอดขอมล
ใหมขนาดเลก บนทกสวนทโปรงใส และสามารถเลอกระดบสใหแสดงถง 16.7 ลานส .Tiff เปนการบนทกไฟลภาพซงสามารถบบอดขอมลท าใหคณภาพของสภาพเหมอนตนฉบบแต
ไฟลภาพนนจะมขนาดใหญ ในกรณทบนทกเปนไฟลสกล TIFF สามารถน าไปใชรวมกบ PageMaker เพอสรางสอสงพมพตอไป
.BMP เปนรปแบบของไฟลมาตรฐานทใชในระบบปฏบตการ Windows และ Dos ซงสามารถทจะจดเรยงสด าไปหาสขาว (1 ไบตตอ 1 pixel) และจะสามารถเลอกระดบสสงถง 24 บต หรอ 16.7 ลานส
.EPS เปนรปของไฟลทสามารถบรรจภาพแบบเวกเตอรและบตแมบสนบสนนการน ารปภาพไปเปนภาพประกอบใน Illustrator หรอน าไปใชรวมกบโปรแกรมจดหนาเอกสาร ในกรณทน าภาพแบบเวกเตอรมาเปดใน Photoshopจะถกแปลงเปน Bitmap ทนท
.PDF เปนรปแบบของไฟลทใชเปนเอกสารอเลกทรอนกสหรอน าเสนอขอมลบนเนต ขอดของไฟล PDF คอ รกษารปแบบหนากระดาษ ตวอกษร รปภาพใหเหมอนกบตนฉบบและนยมน าไฟล PDF บนทกไฟลงานกอนสงโรงพมพสวนโปรแกรมทใชอานไฟล PDF คอ Adobe Acrobat Reader
.JPEG เปนไฟลทสามารถบบอดขอมลทเปนไฟลรปภาพประเภท Bitmap หรอ ภาพถายและสามารถก าหนดการแสดงภาพบนเวบจากหยาบไปหาความละเอยดทเรยกวา Progressive ซงเราสามารถปรบคาออปชนของรปแบบไฟล JPEG ได (สวนมากไฟลภาพเปน *.jpeg เกอบทงหมด
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 9
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การปรบไฟลภาพใหเลกลง Image size เปนค าสงทชวยในการปรบขนาดของรปภาพ ใหมขนาดทเลกลงและยงชวยใหขนาดของไฟลภาพเลกลงอกดวย ซงมการปรบขนาดดงน
1. คลกเมน Image > Image Size หรอ กดปม Alt + Ctrl + I 2. ก าหนดขนาดของไฟลใหเลกลง ในสวน pixel Dimensions: 3. ก าหนดความละเอยดของภาพ Resolution
Width = ความกวาง Height = ความสง Resolution = ความละเอยด
Inches = นว
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 10
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การสราง Selection หลกการท างานทส าคญของ Photoshop คอ การสราง Selection ซงเปนการเลอกพนทเพอน าไปใชในงานตดตอ ใสเอฟเฟกต ใสสภาพ ฯลฯ โดยลกษณะของเสน Selection จะเปนเสนประทมการเคลอนไหวลอมรอบพนท ส าหรบกลมเครองมอทใชสราง Selection มดงน
1. Marquee Tool เปนการเลอกพนทในรปแบบเรขาคณตซงจะเหมาะส าหรบตดพนท เพอน าไปใชงาน
- Rectangular Maquee Tool ใชเลอกพนทเปนรปสเหลยม - Elliptical Maquee Tool ใชเลอกพนทเปนรปวงกลมหรอวงร (ถาจะท าวงกลม
ใหกดปม Shift คางไวดวย) - Single Row Marquee Tool ใชเลอกพนทแนวนอนทความสง 1 px. (ไมคอยไดใช) - Single Column Marquee Toolใชเลอกพนทแนวตงทความกวาง 1 px. (ไมคอยไดใช)
2. Lasso Tool เปนการเลอกพนทแบบอสระ หรอ สามารถเจาะจงไปทชนงาน - Lasso Tool ใชเลอกพนทแบบอสระ เหมาะส าหรบคนทมเมาสปากกา (Tablet) - Polygonal lasso Tool ใชเลอกพนทตามจดทเราคลก ซงชวยคนทใชเมาสสะดวกขนมาก
- Magnetic Lasso Tool ใชเลอกพนทแบบอตโนมตทนททเราลากเมาสผานบรเวณสทตดกน 3. Quick Mask เปนค าสงทใชสราง Selection แบบใชหนากากบง 4. Magic Wand Tool ใชส าหรบเลอกพนททมโทนสใกลเคยงกน 5. Crop Tool (C) เครองมอทใชเลอกและตดเฉพาะแตสวนของภาพทตองการ สามารถตงขนาดและ
ความละเอยดได
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 11
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การวาดภาพ การวาดภาพดวย Photoshop เปนการสรางงานแบบ Vector ซงเปนภาพทสรางดวยรปทรงเรขาคณตและรปทรงอสระประกอบกนจนเปนรปภาพ โดยเสนทใชวาดจะเรยกวา Path ใชควบคมรปรางทสรางขน สวนเครองมอทใชงานแบงเปน 2 กลม คอ กลมเครองมอ Shape Tool และกลมเครองมอ Pen Tool กลมเครองมอ Shape Tool กลมเครองมอ Shape Tool ใชส าหรบสรางทรงเรขาคณตตาง ๆ เชน รป สเหลยม รปวงกลม รปหลายเหลยมและอน ๆ ซงมสวนประกอบดงน
ออปชนของเครองมอ Shape Tool กลมเครองมอ Shape Tool ออบชนใหเลอกใชงาน 3 รปแบบ ดงน 1. Shape Layer ใชสรางรปทรง โดยจะใสสในชอง Foreground ใหโดยอตโนมตและยงสรางเลเยอรใหมขนมาอกดวย 2. Work Path เปนการสรางเสน Path เพอควบคมรปราง การใชงานตองน าไปใชกบ Path Palete เพอใสสตอไป 3. Fill Pixels ใชสรางรปทรงธรรมดา ซงจะใชสในชอง Foreground สวนวธใชงานตองสรางเลเยอรใหมเพอรองรบการท างาน
1. สรางรปทรงสเหลยม
2. สรางรปทรงสเหลยมแบบหกมม
3. สรางรปวงกลมและวงร 4. สรางรปทรงหลายเหลยม
5. สรางเสนตรง 6. สรางรปทรงส าเรจ
1 2 3
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 12
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
รจกกบเสน Path เสน path คอ เสนโครงรางทประกอบกนขนเปนรปภาพแบบ Vector ทสามารถปรบแตงแกไขได เสน path ถกสรางขนจาก Pen Tool ซงประกอบดวยจด Anchor เปนสวนทใชตดเสนใหมความโคงงอ (เครองมอทใชปรบแตงเสน Path คอ Convert Point Tool) สวนประกอบของ Path มดงน
1. Curved line segment 2. Direction Point 3. Direction line 4. Selected anchor point 5. Unselected anchor point
การใชเครองมอ Pen ตดเสน
1. ใชสรางพาธแบบจดทละจด
2. ใชสรางพาธแบบอสระ 3. ใชเพมจดในพาธทมอยแลว 4. ใชลบจดในพาธ 5. ใชดดพาธใหเปนรปทรงตาง ๆ
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 13
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
ตกแตงและแกไขรปภาพ ลบรวรอยดวย Spot Healing Brush Spot Healing Brush เปนเครองมอทใชลบรวรอยบนภาพแบบอตโนมตซงจะเหมาะกบงานประเภทสว หรอรอยต าหนเพยงเลกนอยโดยวธใชงานเพยงน าเมาสไปคลกบรเวณทมสวแลวโปรแกรมจะแทนทสทอยในภาพใหเหมอนเปนเนอเดยว การรทชภาพตองปรบขนาดของหวแปรงทใชระบาย ใหเหมาะกบชนงานการลบรวรอยควรคลกเมาสทละจดอยางชา ๆ เพอเกบรายละเอยดรวรอยใหหมด ลบรวรอยดวย Healing Brush Healing Brush เปนเครองมอทใชปรบแตรปภาพ ซงอาจเปนภาพทถายจากกลองดจตอลแลวพบรวรอยบนรปภาพ เชน สว หรอ ฝา เราสามารถลบรวรอยสวนเกนนได โดยคดลอกพนทบางสวนทอยบนรปภาพ (กดปม <Alt> แลวคลกเลอกพนทเพอคดลอกส) แลวน ามาระบายบรเวณจดทบกพรองจากนนโปรแกรมจะปรบความสมดลของสใหอตโนมต ลบสวนทไมตองการดวย Patch Tool Patch เปนเครองมอทมความสามารถคลายกบ Healing Brush ใชลบจดบกพรองรวรอยทอยบนภาพหรอสวนทไมตองการในรปภาพออกไป แตจะแตกตางตรงวธใชงานเพราะเครองมอ Patch ใชการคดลอกภาพโดยอาศยเสน Selection แตยงคงรกษาความสมดลของส
ปรบขนาดของหวแปรงใหเหมาะสมกบรวรอย ก าหนดใหใชพนทคางเคยงแทนรอยต าหน
ใสลวดลายใหม
ก าหนดใหบรเวณของ Selection เปนสวนทแกไข
ก าหนดให Selection เปนแมแบบไปวางทบ
ก าหนดใหสวนทคดลอกโปรงใส
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 14
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
แกไขตาแดงดวย Red Eye Tool Red Eye Tool เปนเครองมอทชวยแกปญหาจากการถายภาพตาแดง ซงจะเกดจากแสงแฟลช สามารถปรบสตาแดงใหเปนปกต เพยงน าเมาสไปคลกในดวงตาโปรแกรมจะก าหนดสในดวงตาใหเปนปกต การคดลอกสดวย Clone Stamp Tool Clone Stamp Tool เปนเครองมอทใชคดลอกสภายในรปภาพ ในกรณทตองการแทนสใหมในบางสวนของรปภาพ การใชงานใหกดปม <Alt> คางไวแลวน าไปทบสวนทตองการ ใสลวดลายดวย Pattern Stamp Tool Pattern Stamp Tool เปนการระบายลวดลายลงรปภาพ การใชงานเพยงแตเลอกลวดลายแลวสามารถน าไประบายไดทนท
ปรบขนาดของหวแปรง ก าหนดความเขมของสในดวงตา
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 15
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การใชโปรแกรมสรางสอ E-BOOK ดวย Desktop Author 4
โปรแกรม Desktop Author เปนโปรแกรมทใชส าหรบสรางสอดจตอล หรอทเรยกทวๆไปวา “ E-Book ” เอกสารทไดจาการสรางดวยโปรแกรม Desktop Author น จะมลกษณะรปรางเหมอนหนงสอ ทวไป คอมปกหนา สารบญ ขอความ รปภาพ และนอกจากนยงสามารถทจะแทรกภาพเคลอนไหว ไฟลภาพยนตร ไฟลflash และเสยงบรรยาย ลงไปในหนงสอได ขอดของโปรแกรม Desktop Author 4
1. ไฟลทไดจากการExport มขนาดเลก 2. มลกษณะคลายกบหนงสอ สามารถสงพมพในแตละหนาหรอทงหมดของหนงสอได 3. สามารถเผยแพรผานระบบเครอขายไดงาย และ Download ผานเวป ไดรวดเรว หรอสามารถท
จะสงไฟลผานทางจดหมายอเลกทรอนกส ( E-Mail) ได
การเรมตนใชงานโปรแกรม Desktop Author หลงจากทไดท าการตดตงโปรแกรม Desktop Author ซงเปน Version 4.5.7 ลงในคอมพวเตอร
เรยบรอยแลว จะม Icon ของโปรแกรมอยท Desktop เราสามารถจะเรยกใชไดโดยดบเบลคลก ท Icon หรอจะเรยกใชจาก
Start ------> Program ------> Desktop Author ------> Desktop Author 4
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 16
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
โปรแกรมจะเปดหนาแรกขนมาใหเราดงรป
สวนประกอบของโปรแกรม 1. เมนและทลบาร ( Menu & Toolbar ) เปนปมใชงานทว ๆ ไป
แตละปม มหนาทดงน
ใชส าหรบสรางงานใหม
ใชส าหรบการเปดงานทมอยแลวขนมาดหรอแกไข
ใชส าหรบบนทกงานทไดจดท าขน
ใชส าหรบดตวอยาง ( Preview ) งานทไดท า
ใชส าหรบเกบไฟลทงหมดทท าขนมาใหเปนไฟลเดยวอยในรปของ .EXE
ใชบบอดไฟลงานทงหมดทท าขนมาใหเปนไฟลเดยวอยในรปของ .DNL ส าหรบการท าเวปไซต
ใชส าหรบปองกนไฟลงานทงหมดทท าขนมาเพอน าเสนอในเวปไซตไฟลเดยว
ใชในการท า Screen saver
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 17
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
โดยมนามสกล .DRM
ใชส าหรบใสไฟล DNL ลงในเวปไซต
ใชส าหรบ upload ไฟลขนเวปไซต
ใชส าหรบการแทรกไฟลมลมเดยตางๆ
ใชส าหรบการแทรกค าถาม ค าตอบ และเพม Object ลงใน e-book
ใชส าหรบ refresh งาน
ใชส าหรบตงคาตาง ๆ ของ e-book
ใชส าหรบเลอกรปแบบตางๆเปนตนแบบทจะน ามาสรางเปนe-book
ใชส าหรบการเลอกป มเพอแทรกลงในe-book
2. แถบเครองมออน ๆ เปนแถบเครองมอทใชส าหรบการจดการในหนงสอ ทใชบอย ๆ แบงออกเปน 5 สวน คอ สวนท 1 Page เปนเครองมอทใชส าหรบการจดการเกยวกบหนาของหนงสอ เชน เพมหนา ลบหนา เปนตน
( Add Page ) ส าหรบเพมหนาเอกสาร
( Delete Page) ส าหรบลบหนาเอกสาร
( Move Page ) ส าหรบยายหนาเอกสาร
( Copy Page ) ส าหรบคดลอกหนาเอกสาร
( Previous Page ) แสดงเอกสารหนากอนหนา
( Next Page ) แสดงเอกสารหนาถดไป
( Goto Page ) ระบเลขหนาของเอกสารทตองการ
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 18
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
สวนท 2 Insert เปนกลมเครองมอทใชงานเกยวกบการแทรก วตถตาง ๆ เขามาไวในหนงสอ เชน แทรกกลองขอความ แทรกรปภาพ เปนตน
( Insert Box ) แทรกกลองสใหหนาเอกสารนาสนใจ
( Insert Image) แทรกรปภาพ
( Insert Text ) แทรกขอความ
( Insert Editable Text ) ส าหรบแกไขขอความ
(Insert Editable Image) ส าหรบแกไขรปภาพ
( Popup Image ) ใสขอความโดยใช Text Block
(Insert Multimedia) แทรกไฟลมลตมเดย
สวนท 3 Edit เปนกลมเครองมอทใชเกยวกบการแกไขทงหมด เชน การตด คดลอก หรอการลบ เปนตน
( Undo ) ยกเลกค าสงปจจบน
( Redo) กลบไปท างานตามค าสงทยกเลกไป
( Cut ) ตดวตถ
( Copy ) คดลอกวตถ
( Paste ) วางวตถทคดลอกมา
( Delete ) ลบวตถทง
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 19
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
สวนท 4 Change เปนกลมเครองมอทใชเกยวกบการเปลยนแปลงคาตาง ๆ เชน การเปลยนจดเชอมโยง
การเปลยนรปภาพ เปนตน
( Change Scale ) ตงคาขนาดของวตถ
( Change Link) เปลยนการเชอมโยงวตถ
( Change Position ) ยายวตถตาง ๆ บนหนากระดาษ
( Change Image ) ส าหรบเปลยนรปภาพ
( Change Transparency ) แกไขความคมชดของรปภาพ
( Edit Image ) เรยกใช Image Editor
สวนท 5 Colour เปนกลมเครองมอเกยวกบการก าหนดส และขอบส เปนตน
( Border Colour ) ก าหนดสขอบวตถ
( Fill Colour ) ก าหนดสของวตถ
4. แถบเครองมอทใชในการจดวางวตถ
( Send to top ) ใหวตถอยบนสด ( Up one layer ) ใหวตถอยสงขนไปอกระดบหนง
( Down one layer )ใหวตถอยชนต าลงไปอกระดบหนง ( Send to buttom )ใหวตถอยชนลางสด
( Align left ) ใหวตถอยชดดานซาย ( Align right ) ใหวตถอยชดดานขวา
( Align center vertical ) ใหวตถอยตรงกลางในแนวตง ( Align top ) ใหวตถอยชดดานบน
( Align Buttom ) ใหวตถอยชดดานลาง ( Align center horizontal ) ใหวตถอยตรงกลางในแนวนอน
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 20
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
( Distribute Width ) ใหวตถอยกงกลางในแนวนอน
( Distribute Height ) ใหวตถอยกงกลางในแนวตง
ล าดบขนการสรางหนงสอ เปดโปรแกรม Desktop Author ขนมาแลวคลกเลอก New หรอ File ---> New
หรอ จะมหนาตางใหเรา ก าหนดคา Properties ตาง ๆ ของ E – Book ดงรป
ความหมายของคาตาง ๆ จาก Book Properties มดงน Width : ความกวางของหนงสอ Height : ความสงของหนงสอ Border Color : สเสนขอบของหนงสอ ในทนเลอก No Border คอไมใสขอบหนงสอ Paper Colour : เลอกสของแผนกระดาษ Mask Colour : เลอกสทใชในการท ารปใหโปรงใส Background Colour : สพนหลง
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 21
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
Character Set : เลอกภาษาทใช ใหเลอก THAI Text default left : ความหางของกลองขอความกบขอบกระดาษซายมอ Text default top : ความหางของกลองขอความกบขอบกระดาษดานบน
Text default height : ความสงของกลองขอความ Text default width : ความกวางของกลองขอความ
Start with tooltip auto update : เปดหนงสอพรอมอปเดทเครองมอ Autostart : เปดหนงสอโดยใหเปดหนาเองอตโนมต Start with background windows : เปดหนงสอพรอมฉากหลง Disable Print Function : จะใหสามารถ print e-book ไดหรอไม
Page Turn : ปรบคาการเปลยนหนากระดาษ Fly speed : ปรบความเรวในการเปลยนหนา Start Status : เลอกตงคาใหมเมนหรอไมมเมนบนหนงสอ DWB Goto : เลอกการใช style ของโปรแกรม Default Unicode Value : เลอกใช Unicode พนฐาน With/Without Password : เลอกการใสหรอไมใส password ใหกบหนงสอ Book Password : ใส password กรณทตองการ Book Backup Files : เลอกตงคาไฟล back up วาจะใหมกไฟล Disable Send Mail Function :ตงคาการสง E-mail Disable Save As Function :การบนทกไฟล Book Tranparency : ตงคาเกยวกบการโปรงใส ในการท าปกหนงสอ Book DRM : ตงคาการปองกนตางๆ Book Email : ตงคา E-mail ส าหรบหนงสอ Book Multimedia : ตงคามลตมเดย ( version ของ Windows Media Player )
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 22
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การแบงหนากระดาษ โดยการเลอกใชค าสง Buttons ------> Divider หรอ Buttons ------> 3D _spines
หรอ
เมอเลอกรปแบบไดแลว กดปม Use จะมเสนแบงหนาตามรป เราสามารถเคลอนยายไปไวต าแหนงใดตามตองการได
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 23
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การสรางปกหนาของหนงสอ การสรางปกหนาของหนงสอนน หลงจากแบงหนากระดาษไดแลว ปกหนาของหนงสอจะอยดานขวามอของกระดาษ ดงนนเราจะตองท าให กระดาษดานซายมอหายไป โดยการเลอกใชค าสง Tools ----> Book Tranparency กอนอนใหเราแทรกรปภาพเขามาไวในกระดาษดานขวามอ สวนทจะท าเปนปกหนงสอกอน โดยคลกเลอก Insert -----> Image จะมหนาตางใหเลอกหารปภาพทจะน ามาวางในหนาทเปนปกหนงสอ ใหเลอกภาพทตองการแลวคลก Open
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 24
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
หลงจากนนใหท ากระดาษดานซายมอใหหายไปโดยใชค าสง Tools -----> Book Transparency
จะปรากฏหนาตางใหเราก าหนด คาตาง ๆ ในทนใหดในสวนของ Eazy Cover Shape โดยใสเครองหมายในชอง With Tranparency แลวเลอกสท Tranparency Colour ใหเปนสขาว ซงเปนสทตงไว เปนสของหนากระดาษ ( Parer Colour ) แลวคลก OK
การสรางเนอหาบน E-Book
เมอสรางปกหนงสอเรยบรอยแลว จากนนใหท าการ Add page เพอเพมหนาของหนงสอโดยคลกเลอกท ในสวนของ Tools Page หรอ เลอกทเมน Insert ------> Page ซงปกตเนอหาเอกสารควรจะอยหนาท 3 เปนตนไป ( หนาท 2 จะเปนสารบญ ) การสงเกตวาขณะนเราก าลงด าเนนการจดการ E-Book ของเราในหนาทเทาไรแลวนนใหดจากมมลางขวามอจะบอกวาหนาทเทาไรในจ านวนทงหมดกหนา ดงรป
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 25
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
ในการสรางเนอหานนหากเรามเอกสารในรปของ Word หรอเอกสารในรปอน ๆ เรากสามารถทจะคดลอกเนอหาในเอกสารนนๆ มาวางในหนาเอกสารของ E-Book ได เพอความรวดเรวในการสราง ไมเชนนนแลวเราตองมาสรางใหมทงหมด
ในการใสเนอหา รปภาพหรอสอมลตมเดยตาง ๆ ลงใน E-Book นน เราจะใชเมน Insert
สรางเนอหาแตละหนาใหเสรจ โดยการ Add Page ไปจนครบทกหนา โดยเราสามารถทจะเลอก แทรกตวอกษร ( Insert Text ) ,แทรกรปภาพ ( Insert Image ) , หรอ Multimedia ( เสยง , Video , Flash ) ลงในเอกสารในหนาทตองการจะแทรกได
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 26
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การแทรก Multimedia อยาลมวา การทจะใชไฟลตางๆทจะน ามาลงไวใน E-Book นน ตองน ามาวงไวในโฟลเดอรเดยวกน เชนเดยวกน ไฟล Multimedia ตาง ๆ กจะตองน ามาวางไวโฟลเดอรเดยวกนดวย หลงจากนนคลกเลอก
Insert ----> Multimedia หรอ จะมหนาตาง Dialog ตงคาตาง ๆ ของMultimedia ขนมาใหเราตงคา
Font : ใหเลอกฟอนต Text Colour : เลอกสของตวอกษร File : บอกชอไฟลทเราใสลงใน E-Book Embed file inside book: เลอกใสไฟลลงใน E-Book Start play automatically: เลอกใหเลนเองโดยอตโนมต Loop : ใหเลน Multimedia แบบวนตอเนอง Add/Change image: ใสรปภาพ Remove image : เอารปภาพออก Note Text : กลองใสขอความ
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 27
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การท า Link การท า Link หรอการเชอมโยงไปยงสวนตาง ๆ ของหนงสอเชนท าสารบญ หรอสวนทตองการใหมการเชอมโยง วธการกคอ คลกเลอกเมน Insert ---------> Text พมพขอความลงในText editor ระบายทบในสวนทตองการจะท าจดเชอมโยง คลกทปม Link จะขนหนาตาง Link Type ซงมการ Link หลายๆ แบบ ใหเลอกรปแบบการ Link ตามทเราตองการ
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 28
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การสรางปกหลงของหนงสอ กอนอนใหเพมหนาE-Book ขนมาอกหนงหนา เพอสรางเปนปกหลง โดยน ารปหรอขอความทตองการท าเปนปกหลง ไวในครงหนาทตรงขามกบทท าปกหนา หรอครงดานซายของเอกสาร คลกเลอกเมน ค าสง Tools ----> Book Tranparency
จะปรากฏหนาตางใหเราก าหนด คาตาง ๆ เหมอนกบตอนทเราสรางปกหนา ใหดในสวนของ Eazy back Cover Shape โดยใสเครองหมายในชอง With Tranparency แลวเลอกสท Tranparency Colour ใหเปนสขาว ซงเปนสทตงไวเปนสของหนากระดาษ ( Parer Colour ) แลวคลก OK
การทดสอบผลงาน E-Book ทไดจดท า เมอเราไดจดท าผลงานเอกสาร E-Book เสรจแลว กอนทจะน าไปแสดงผล เราจ าเปนจะตองท าการบนทกไฟลทงหมดกอน โดยเลอกเมน File --------> Save As เลอกต าแหนงทจะเกบไฟล ตงชอไฟล ซงไฟลทจะบนทกนนจะเปนไฟลประเภท .DRM ซงเปนไฟลของโปรแกรมนสามารถเรยกมาดหรอแกไขได แตไมสามารถไปเปดกบโปรแกรมอนได เสรจแลวคลก Save ( ทงนขอแนะน าวา การเกบไฟลและขอมลทงหมดทจะน ามาท าเปน E-Book นน ควรจะน ามาเกบไวในโฟลเดอรเดยวกน เพอความสะดวกในการน ามาใชงาน )
หลงจากนนใหท าการแพคไฟล โดยเลอกทเมน File -------> Package EXE หรอคลกท โปรแกรมจะท าการรวบรวมงานทงหมดทท าออกมาเปนไฟลประเภท .EXE สามารถน าไปเปดดทใดกได โดยไมตองอาศยโปรแกรม Desktop Author
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 29
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
สวนไฟลอกประเภทหนงกคอ ไฟล DNL ไฟลทแพคดวยวธน จะตองเปดดดวยโปรแกรม DNL Reader ซงตองดาวนโหลดจากอนเตอรเนต การแพคไฟลกใหเลอกทเมน File -----> Package DNL
หรอ
การน าไฟล E-Book ไปใชบนเวปไซต ไฟลทไดจากโปรแกรม Desktop Author นจะมขนาดเลก งายตอการจดการในกรณทตองการแสดงผลผานเวป การจดท าไฟลท E-Book ทไดใหอยในรปของไฟลทใชงานผานระบบอนเตอรเนตนน จะตองท าใหอยในรปแบบของไฟล HTML ขนตอนในการแปลงไฟลของ E-Book ใหอยในรปแบบของ HTML มดงนคอ ใหน าชนงานทตองการแปลงมา หลงจากเปดชนงานแลวใหคลกท Tools ------> Publish To Web
หรอ คลกทไอคอน กรณทยงไมมการ Package DNL กอน โปรแกรมจะใหท าการ Package กอนแลวถงจะท าขนตอน Publish น ได
ในรายการ Web Template ใชส าหรบเลอกประเภทของการแสดงผล วาจะให Auto หรอคลกเพอเรมแสดงผลเอง และสามารถเลอกวาจะใหมเครองควบคมการแสดงผลดวยหรอไมกได ในทนขอเลอกเปน Ellipse_Auto.htm เนองจากแสดงผลเองและไมมเครองมอควบคม จากนนคลกปม Publish โปรแกรมจะถามวาตองการจะดตวอยางหรอไม
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 30
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
ผลทไดจากการ Publish แลว และเมอท าการ Preview จะไดดงรป
การใช Templates และ Buttons Templates เปนการเรยกใชรปแบบเอกสารอตโนมต ทโปรแกรมไดจดไวให ซงมหลายรปแบบ การใชงานเพยงแคคลกเลอก Templates ------> เลอกรปแบบทตองการ
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 31
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
เสรจแลวคลก Use จะไดรปแบบอตโนมต ดงรป
หลงจากนนกเขากระบวนการท า E-Book ทไดกลาวมาแลว ในสวน Buttons เปนปมอตโนมต สามารถเรยกใชงานคลายกบ Templates โดยเรยกท
Buttons ------> เลอกรปแบบทตองการ
เมอเลอกรปแบบไดแลว คลก Use เลอกต าแหนงทวางปม
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 32
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
คลกขวาทปม เลอก Change Link เพอก าหนดการท างานของปม ทต าแหนง Link Type ตองเลอกใหสมพนธกบปม ไมเชนนนแลวเมอเรา package ไฟลแลว ปมจะไมท างานตามทเราตองการ
การสรางแบบทดสอบ
1. คลกเลอกท Eazy Form บน Tool Bar 2. จะมหนาตาง Add form objects ใหเราเลอก Add Question
3. จะปรากฏหนาตางดงรป
\
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 33
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
สวนของ Question
ในสวนของ Answer Type : ชนดของค าตอบ แบงไดหลายแบบ ตามรป
Input : ตอบค าถามสนๆ ไมเกน 1 บรรทด Text Area : ตอบค าถามสน ๆ เชงบรรยาย Dropdown List : เลอกตอบเพยงตวเลอกเดยว จากรายการทงหมด List : เลอกตอบเพยงตวเลอกเดยว จากรายการทงหมด Checkbox : ใชกบค าถามทมค าตอบมากกวา 1 ขอ Radiobox : ใชกบค าถามทมค าตอบเพยงขอเดยว Number of Answer: จ านวนตวเลอกของค าตอบ Caption : ขอความทตองการแสดงใหเหนตอนสงแบบทดสอบ Answer : ค าตอบทตองพมพลงไป
Order ค าถามขอท ..... Question ID เปนสวนทโปรแกรมก าหนดเอง ไมตองแกไข
Text to display เปนสวนของค าถามทตองพมพลงไป Style
ใชในการก าหนดฟอนตและสของตวอกษร การ แกไขใหคลกทปม Style คา Default จะเปน Arial ใหเลอกฟอนตใหมคลกท Select Font
Select Style Setting เปนการตง Style ใหเอกสารตามตองการ ใหคลกเลอกทปม Edit แลวก าหนดคาตาง ๆ แลวตงชอ Style name เพอเรยกใชภายหลง
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 34
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
Style : ใชก าหนดฟอนตและสของตวอกษร Correct : ค าตอบทถกตอง Points : คะแนนใหกบค าตอบขอนนๆ
การสรางปมส าหรบสงแบบทดสอบ
เมอเราท าการจดท าแบบทดสอบเรยบรอยตามจ านวนทตองการแลว เราตองสรางปมเพอใชในการสงแบบทดสอบเพอน าไปประมวลผล โดยใชค าสง Add Submit Button เปลยนขอความในชอง Caption โดยขอความนจะอยบนปมทเราสรางเพอใชสงแบบทดสอบ พรอมทงคลกเลอก View Result เพอใหแสดงผลหนาตอไป
เปลยน Style โดยคลกท Edit เพอเลอกแบบตวอกษรและสตวอกษร หรอสพนหลง ตามตองการ
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 35
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
ในชอง Method เปนการเลอก รปแบบของการสงขอมลไปประมวลผล ซง method มหลายอยาง เชน Email : เปนการสงขอมลไปยง E-mail ทก าหนด Get/Post : เปนการสงขอมลไปยงเวปเพจ โดยใชภาษา HTML
ในทนใหเลอก No Information
ตอมาใหคลกเลอกท Edit Result Page
จะเหนแบบฟอรมทใชรายงานผลการท าแบบทดสอบ ดงรป
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 36
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
หลงจากนนใหท าการปรบแตงใหไดรปแบบตามทตองการ โดยการดบเบลคลกทบรเวณเสนปะเพอเลอกฟอนตใหแสดงผลเปนภาษาไทย