Page 1
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 1
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
เรมตนใชงานโปรแกรม Adobe Photoshop CS3
Photoshop เปนโปรแกรมส าหรบสรางและตกแตงภาพทมชอเสยงและไดรบความนยมมากทสด อนเนองมาจากคณสมบตเดนซงมอยอยางมากมาย ไมวาจะเปนความสามารถจดการกบไฟลสารพดชนดทใชในงานประเภทตาง ๆ ทงรปทจะน าไปผานกระบวนการพมพ และรปทน าไปใชในเวบเพจหรอสงผานสออเลกทรอนคส มความสามารถเปนเยยมในการแกไขตกแตงภาพ และการสรางเอฟเฟคตพเศษตาง ๆ มเครองมอทมประสทธภาพและความยดหยนสง สามารถบนทกขนตอนทตองท าซ า ๆ ไวเรยกใชภายหลงตลอดจนมผผลตปลกอน (plug-in) ใหเปนจ านวนมาก ซงปลกอนกคอโปรแกรมเสรมส าหรบชวยใหการท างานทซบซอนส าเรจลงไดอยางรวดเรว ตอไปนเปนตวอยางของงานประเภทตาง ๆ ซงคณสามารถใช Photoshop ชวยจดการไดอยางงายดาย • แกไขภาพถาย ทบกพรองหรอมต าหน เชนปรบสทเพยนปรบแสงเงาทสวางหรอมดเกนไปลบแสงแฟลชทสะทอนในดวงตา • ตกแตงภาพ เชน ตดสวนทไมตองการออกไป ลบองคประกอบทรกรงรง ปรบภาพใหเบลอหรอคมชด ปรบผวกายนางแบบใหขาวนวลและขจดไฝฝาตาง ๆ ขจดเมดสทเกดในภาพทสแกนจากสงพมพ •ดดแปลงภาพเชนท าภาพใหมใหกลายเปนภาพสซเปยแบบโบราณหรอแปลงภาพเกาๆทเปนขาวด าใหกลายเปนภาพสเปลยนภาพคนใหอวนขนผอมลงหรอเดกแกกวาทเปนจรง • ใสเอฟเฟคตพเศษใหภาพ เชนท าใหเหมอนก าลงมองภาพผานกระจกชนดและลายตาง ๆ หรอเหมอนเงาสะทอนในน าเปลยนภาพถายใหดคลายภาพวาดดวยเครองมอหลากหลายชนดใสประกายแสงหรอเงาใหวตถท าวตถแบนๆใหดเปน3มตเปลยนโทนสของภาพ • สรางภาพกราฟกซงผสมผสานระหวางภาพถายขอความและภาพวตถหรอเอฟเฟกตพเศษทสรางขนในPhotoshopเพอใชในงานผลตสอโฆษณาท าปกหนงสอหรอนตยสารหรอใชตกแตงเวบเพจ • สรางองคประกอบทใชในเวบเพจ (โดยปกตท างานรวมกบโปรแกรม ImageReady CS3 ทใหมาดวยกนแตในPhotoshopCS3นนimagereadyถกน าไปรวมไวในตวPhotoshopCS3แลวจงสามารถเรยกใชโดยเลอกแทบ Windows แลวเลอก Animations นนเอง ) เชน การตดแบงภาพขนาดใหญออกเปนสวน ๆ (Slice), การแบงพนทภาพเพอสรางไฮเปอรลงคเฉพาะสวน(image map). การสรางภาพเคลอนไหว (animation) และการสรางปมทเปลยนสถานะตามเมาส (rollover) และอน ๆ อกมากมาย
Page 2
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 2
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การเขาสโปรแกรม Adobe Photoshop CS3
สามารถท าไดตามขนตอนตอไปน 1. คลกเมาสทปม Start 2. เลอนเมาสมาชท Programs แลวเลอนมาคลกทหวขอ Adobe Photoshop CS3 หรอ Adobe master collection CS3จากนนเลอก Adobe Photoshop CS3 จะสามารถเขาสโปรแกรม Adobe Photoshop CS3 ได
จากนนจะเขาสโปรแกรม Adobe Photoshop CS3 ดงรป
Page 3
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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 จงตางกนไปตามคณสมบตของเครองมอแตละชนด
Page 4
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 4
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
5. Paletes กลมหนาตางเลกๆ ทมหนาทการท างานเฉพาะ สวนใหญแลวจะชวยเสรมการท างาน และควบคมรายละเอยดในดานตางๆของโปรแกรม อยางเชน พาเลท Swatches ใชส าหรบเลอก หรอก าหนดส , พาเลท History ใชจดการขอมลการท างานในขนตอนตางๆ ทผานมา เปนตน เราสามารถปดพาเลทเกบไปบาง หรอเปดพาเลทใหมขนมาเพมได โดยคลก เมน window รายชอของพาเลททงหมดจะปรากฏขนมา พาเลททเปดอยคอพาเลททมเครองหมายถกอยหนาชอ ดงนน การเปดพาเลทกคอ การคลกใหมเครองหมายถกหนาชอพาเลทนนๆ สวนจะปดกเปลยนเปนคลกใหเครองหมายถกหายไป 6. Canvas พนทท างาน หรอกระดานวาดภาพ ตรงนเปนสวนทเราจะสรางไฟลใหมขนมาท างาน ตกแตงชนงาน หรอเปดไฟลรปขนมาแกไข การใชเครองมอทส าคญ (Tools) เลอกพนทท างาน เคลอนยายรปภาพ เลอกพนทท างาน เลอกพนทท างาน เลอกพนทท างาน ตดรปภาพ ส าหรบรทสภาพ ใชระบายส ใชลอกแบบ ใชระบายส ใชลบภาพ ใชไลเฉดส ใชปรบความชดของส ใชปรบคาโทนส เคลอนยายวตถ ใชสรางตวอกษร สรางเสนรปทรงตามตองการ สรางรป,เสน,วงกลม ฯลฯ ใชอธบายรปภาพแบบเสยง ใชเลอกส ใชเลอนดภาพ ใชยอ/ขยายรปภาพ ชองแสดงสใชงาน เครองหมายสลบส คาสทตงไว ชองแสดงสพนหลง แสดงโหมดการท างานปกต แสดงการท างาน Quick Mask หนาจอแบบมาตรฐาน แสดงเฉพาะภาพแบบเตมจอ
Page 5
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 5
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การตงหนากระดาษใหม เมอตองการท างานกบภาพใน Photoshop ควรจะก าหนดขนาดภาพหรอตงคาหนากระดาษเสยกอน แลวจงน าไฟลภาพเขามาใชงาน ซงจะท าใหไดขนาดของภาพทตรงกบความตองการใชงาน ส าหรบการตงหนากระดาษมขนตอนดงน
1. คลกเมน File > new 2. ตงชอไฟล (หนากระดาษ) ในชอง Name 3. เลอกรปแบบของกระดาษ ในชอง Preset
ค าอธบาย
Default Photoshop Size กระดาษแบบมาตรฐาน International Paper กระดาษแบบสากล Web กระดาษของหนาเวบไซต Mobile & Devices กระดาษบนโทรศพทมอถอ Film & Video กระดาษทใชงานกบภาพยนตและวดโอ
Page 6
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 6
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การเปดไฟลภาพท างาน กอนเรมตนการท างานใหเปดไฟลภาพทตองการขนมา โดยเลอกแฟมทไดจดเกบไฟลภาพไว (ถาตองการเปดหลายไฟลภาพขนมาพรอมกนใหกดปม (Ctrl) ทคยบอรดคางไวแลวเลอกไฟลภาพทนท) ดงน
1. คลกเมน File > Open 2. เลอกทเกบไฟลภาพหรอโฟลเดอรในชอง Look in
Page 7
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 7
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การบนทกไฟลภาพ การบนทกไฟลภาพถอวาเปนขนตอนทส าคญมาก เพราะสามารถน ากลบมาใชแกไขภายหลงหรอบนทกเพอสงตอไปท างานรวมกบโปรแกรมอน สวนไฟลภาพทรองรบ Photoshop คอไฟล นามสกล PSD (Photoshop Document) ซงสามารถบนทกภาพแบบแยกเลเยอรใหเปนสวน ๆ ดงน
1. คลกเมน File > Save As 2. เลอกต าแหนงบนทกไฟลภาพ ในชอง Save in 3. ตงชอไฟลภาพในชอง File name
Page 8
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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 เกอบทงหมด
Page 9
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 9
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การปรบไฟลภาพใหเลกลง Image size เปนค าสงทชวยในการปรบขนาดของรปภาพ ใหมขนาดทเลกลงและยงชวยใหขนาดของไฟลภาพเลกลงอกดวย ซงมการปรบขนาดดงน
1. คลกเมน Image > Image Size หรอ กดปม Alt + Ctrl + I 2. ก าหนดขนาดของไฟลใหเลกลง ในสวน pixel Dimensions: 3. ก าหนดความละเอยดของภาพ Resolution
Width = ความกวาง Height = ความสง Resolution = ความละเอยด
Inches = นว
Page 10
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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) เครองมอทใชเลอกและตดเฉพาะแตสวนของภาพทตองการ สามารถตงขนาดและ
ความละเอยดได
Page 11
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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
Page 12
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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. ใชดดพาธใหเปนรปทรงตาง ๆ
Page 13
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 13
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
ตกแตงและแกไขรปภาพ ลบรวรอยดวย Spot Healing Brush Spot Healing Brush เปนเครองมอทใชลบรวรอยบนภาพแบบอตโนมตซงจะเหมาะกบงานประเภทสว หรอรอยต าหนเพยงเลกนอยโดยวธใชงานเพยงน าเมาสไปคลกบรเวณทมสวแลวโปรแกรมจะแทนทสทอยในภาพใหเหมอนเปนเนอเดยว การรทชภาพตองปรบขนาดของหวแปรงทใชระบาย ใหเหมาะกบชนงานการลบรวรอยควรคลกเมาสทละจดอยางชา ๆ เพอเกบรายละเอยดรวรอยใหหมด ลบรวรอยดวย Healing Brush Healing Brush เปนเครองมอทใชปรบแตรปภาพ ซงอาจเปนภาพทถายจากกลองดจตอลแลวพบรวรอยบนรปภาพ เชน สว หรอ ฝา เราสามารถลบรวรอยสวนเกนนได โดยคดลอกพนทบางสวนทอยบนรปภาพ (กดปม <Alt> แลวคลกเลอกพนทเพอคดลอกส) แลวน ามาระบายบรเวณจดทบกพรองจากนนโปรแกรมจะปรบความสมดลของสใหอตโนมต ลบสวนทไมตองการดวย Patch Tool Patch เปนเครองมอทมความสามารถคลายกบ Healing Brush ใชลบจดบกพรองรวรอยทอยบนภาพหรอสวนทไมตองการในรปภาพออกไป แตจะแตกตางตรงวธใชงานเพราะเครองมอ Patch ใชการคดลอกภาพโดยอาศยเสน Selection แตยงคงรกษาความสมดลของส
ปรบขนาดของหวแปรงใหเหมาะสมกบรวรอย ก าหนดใหใชพนทคางเคยงแทนรอยต าหน
ใสลวดลายใหม
ก าหนดใหบรเวณของ Selection เปนสวนทแกไข
ก าหนดให Selection เปนแมแบบไปวางทบ
ก าหนดใหสวนทคดลอกโปรงใส
Page 14
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 14
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
แกไขตาแดงดวย Red Eye Tool Red Eye Tool เปนเครองมอทชวยแกปญหาจากการถายภาพตาแดง ซงจะเกดจากแสงแฟลช สามารถปรบสตาแดงใหเปนปกต เพยงน าเมาสไปคลกในดวงตาโปรแกรมจะก าหนดสในดวงตาใหเปนปกต การคดลอกสดวย Clone Stamp Tool Clone Stamp Tool เปนเครองมอทใชคดลอกสภายในรปภาพ ในกรณทตองการแทนสใหมในบางสวนของรปภาพ การใชงานใหกดปม <Alt> คางไวแลวน าไปทบสวนทตองการ ใสลวดลายดวย Pattern Stamp Tool Pattern Stamp Tool เปนการระบายลวดลายลงรปภาพ การใชงานเพยงแตเลอกลวดลายแลวสามารถน าไประบายไดทนท
ปรบขนาดของหวแปรง ก าหนดความเขมของสในดวงตา
Page 15
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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
Page 16
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 16
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
โปรแกรมจะเปดหนาแรกขนมาใหเราดงรป
สวนประกอบของโปรแกรม 1. เมนและทลบาร ( Menu & Toolbar ) เปนปมใชงานทว ๆ ไป
แตละปม มหนาทดงน
ใชส าหรบสรางงานใหม
ใชส าหรบการเปดงานทมอยแลวขนมาดหรอแกไข
ใชส าหรบบนทกงานทไดจดท าขน
ใชส าหรบดตวอยาง ( Preview ) งานทไดท า
ใชส าหรบเกบไฟลทงหมดทท าขนมาใหเปนไฟลเดยวอยในรปของ .EXE
ใชบบอดไฟลงานทงหมดทท าขนมาใหเปนไฟลเดยวอยในรปของ .DNL ส าหรบการท าเวปไซต
ใชส าหรบปองกนไฟลงานทงหมดทท าขนมาเพอน าเสนอในเวปไซตไฟลเดยว
ใชในการท า Screen saver
Page 17
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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 ) ระบเลขหนาของเอกสารทตองการ
Page 18
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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 ) ลบวตถทง
Page 19
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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 ) ใหวตถอยตรงกลางในแนวนอน
Page 20
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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 : สพนหลง
Page 21
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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 )
Page 22
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 22
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การแบงหนากระดาษ โดยการเลอกใชค าสง Buttons ------> Divider หรอ Buttons ------> 3D _spines
หรอ
เมอเลอกรปแบบไดแลว กดปม Use จะมเสนแบงหนาตามรป เราสามารถเคลอนยายไปไวต าแหนงใดตามตองการได
Page 23
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 23
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การสรางปกหนาของหนงสอ การสรางปกหนาของหนงสอนน หลงจากแบงหนากระดาษไดแลว ปกหนาของหนงสอจะอยดานขวามอของกระดาษ ดงนนเราจะตองท าให กระดาษดานซายมอหายไป โดยการเลอกใชค าสง Tools ----> Book Tranparency กอนอนใหเราแทรกรปภาพเขามาไวในกระดาษดานขวามอ สวนทจะท าเปนปกหนงสอกอน โดยคลกเลอก Insert -----> Image จะมหนาตางใหเลอกหารปภาพทจะน ามาวางในหนาทเปนปกหนงสอ ใหเลอกภาพทตองการแลวคลก Open
Page 24
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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 ของเราในหนาทเทาไรแลวนนใหดจากมมลางขวามอจะบอกวาหนาทเทาไรในจ านวนทงหมดกหนา ดงรป
Page 25
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 25
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
ในการสรางเนอหานนหากเรามเอกสารในรปของ Word หรอเอกสารในรปอน ๆ เรากสามารถทจะคดลอกเนอหาในเอกสารนนๆ มาวางในหนาเอกสารของ E-Book ได เพอความรวดเรวในการสราง ไมเชนนนแลวเราตองมาสรางใหมทงหมด
ในการใสเนอหา รปภาพหรอสอมลตมเดยตาง ๆ ลงใน E-Book นน เราจะใชเมน Insert
สรางเนอหาแตละหนาใหเสรจ โดยการ Add Page ไปจนครบทกหนา โดยเราสามารถทจะเลอก แทรกตวอกษร ( Insert Text ) ,แทรกรปภาพ ( Insert Image ) , หรอ Multimedia ( เสยง , Video , Flash ) ลงในเอกสารในหนาทตองการจะแทรกได
Page 26
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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 : กลองใสขอความ
Page 27
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 27
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
การท า Link การท า Link หรอการเชอมโยงไปยงสวนตาง ๆ ของหนงสอเชนท าสารบญ หรอสวนทตองการใหมการเชอมโยง วธการกคอ คลกเลอกเมน Insert ---------> Text พมพขอความลงในText editor ระบายทบในสวนทตองการจะท าจดเชอมโยง คลกทปม Link จะขนหนาตาง Link Type ซงมการ Link หลายๆ แบบ ใหเลอกรปแบบการ Link ตามทเราตองการ
Page 28
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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
Page 29
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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 โปรแกรมจะถามวาตองการจะดตวอยางหรอไม
Page 30
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 30
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
ผลทไดจากการ Publish แลว และเมอท าการ Preview จะไดดงรป
การใช Templates และ Buttons Templates เปนการเรยกใชรปแบบเอกสารอตโนมต ทโปรแกรมไดจดไวให ซงมหลายรปแบบ การใชงานเพยงแคคลกเลอก Templates ------> เลอกรปแบบทตองการ
Page 31
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 31
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
เสรจแลวคลก Use จะไดรปแบบอตโนมต ดงรป
หลงจากนนกเขากระบวนการท า E-Book ทไดกลาวมาแลว ในสวน Buttons เปนปมอตโนมต สามารถเรยกใชงานคลายกบ Templates โดยเรยกท
Buttons ------> เลอกรปแบบทตองการ
เมอเลอกรปแบบไดแลว คลก Use เลอกต าแหนงทวางปม
Page 32
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 32
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
คลกขวาทปม เลอก Change Link เพอก าหนดการท างานของปม ทต าแหนง Link Type ตองเลอกใหสมพนธกบปม ไมเชนนนแลวเมอเรา package ไฟลแลว ปมจะไมท างานตามทเราตองการ
การสรางแบบทดสอบ
1. คลกเลอกท Eazy Form บน Tool Bar 2. จะมหนาตาง Add form objects ใหเราเลอก Add Question
3. จะปรากฏหนาตางดงรป
\
Page 33
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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 เพอเรยกใชภายหลง
Page 34
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 34
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
Style : ใชก าหนดฟอนตและสของตวอกษร Correct : ค าตอบทถกตอง Points : คะแนนใหกบค าตอบขอนนๆ
การสรางปมส าหรบสงแบบทดสอบ
เมอเราท าการจดท าแบบทดสอบเรยบรอยตามจ านวนทตองการแลว เราตองสรางปมเพอใชในการสงแบบทดสอบเพอน าไปประมวลผล โดยใชค าสง Add Submit Button เปลยนขอความในชอง Caption โดยขอความนจะอยบนปมทเราสรางเพอใชสงแบบทดสอบ พรอมทงคลกเลอก View Result เพอใหแสดงผลหนาตอไป
เปลยน Style โดยคลกท Edit เพอเลอกแบบตวอกษรและสตวอกษร หรอสพนหลง ตามตองการ
Page 35
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 35
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
ในชอง Method เปนการเลอก รปแบบของการสงขอมลไปประมวลผล ซง method มหลายอยาง เชน Email : เปนการสงขอมลไปยง E-mail ทก าหนด Get/Post : เปนการสงขอมลไปยงเวปเพจ โดยใชภาษา HTML
ในทนใหเลอก No Information
ตอมาใหคลกเลอกท Edit Result Page
จะเหนแบบฟอรมทใชรายงานผลการท าแบบทดสอบ ดงรป
Page 36
เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 36
กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล
หลงจากนนใหท าการปรบแตงใหไดรปแบบตามทตองการ โดยการดบเบลคลกทบรเวณเสนปะเพอเลอกฟอนตใหแสดงผลเปนภาษาไทย