36
เอกสารประกอบการเรียนการสอน วิชานาเสนอข้อมูลและกราฟิ ก 1 กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี โรงเรียนปทุมวิไล เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3 Photoshop เป็นโปรแกรมสาหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด อัน เนื่องมาจากคุณสมบัติเด่นซึ ่งมีอยู ่อย่างมากมาย ไม่ว่าจะเป็นความสามารถจัดการกับไฟล์สารพัดชนิดที่ใช้ใน งานประเภทต่าง ๆ ทั ้งรูปที่จะนาไปผ่านกระบวนการพิมพ์ และรูปที่นาไปใช้ในเว็บเพจหรือส ่งผ่านสื่อ อิเล็กทรอนิคส์ มีความสามารถเป็นเยี่ยมในการแก้ไขตกแต่งภาพ และการสร้างเอฟเฟ็คต์พิเศษต่าง ๆ มี เครื่องมือที่มีประสิทธิภาพและความยืดหยุ่นสูง สามารถบันทึกขั ้นตอนที่ต้องทาซ า ๆ ไว้เรียกใช้ภายหลัง ตลอดจนมีผู้ผลิตปลั๊กอิน ( plug-in) ให้เป็นจานวนมาก ซึ ่งปลั๊กอินก็คือโปรแกรมเสริมสาหรับช่วยให้การ ทางานที่ซับซ้อนสาเร็จลงได้อย่างรวดเร็ว ต่อไปนี ้เป็นตัวอย่างของงานประเภทต่าง ๆ ซึ ่งคุณสามารถใช้ Photoshop ช่วยจัดการได้อย่างง่ายดาย แก้ไขภาพถ่าย ที่บกพร ่องหรือมีตาหนิ เช่นปรับสีที่เพี ้ยนปรับแสงเงาที่สว่างหรือมืดเกินไปลบ แสงแฟลชที่สะท้อนในดวงตา ตกแต่งภาพ เช่น ตัดส่วนที่ไม่ต้องการออกไป ลบองค์ประกอบที่รกรุงรัง ปรับภาพให้เบลอหรือ คมชัด ปรับผิวกายนางแบบให้ขาวนวลและขจัดไฝฝ้าต่าง ๆ ขจัดเม็ดสีที่เกิดในภาพที่สแกนจากสิ่งพิมพ์ ดัดแปลงภาพเช่นทาภาพใหม่ให้กลายเป็นภาพสีซีเปียแบบโบราณหรือแปลงภาพเก่าๆที่เป็นขาว ดาให้กลายเป็นภาพสีเปลี่ยนภาพคนให้อ้วนขึ ้นผอมลงหรือเด็กแก่กว่าที่เป็นจริง ใส่เอฟเฟ็คต์พิเศษให้ภาพ เช่นทาให้เหมือนกาลังมองภาพผ่านกระจกชนิดและลายต่าง ๆ หรือ เหมือนเงาสะท้อนในน าเปลี่ยนภาพถ่ายให้ดูคล้ายภาพวาดด้วยเครื่องมือหลากหลายชนิดใส ่ประกายแสงหรือ เงาให้วัตถุทาวัตถุแบนๆให้ดูเป็น3มิติเปลี่ยนโทนสีของภาพ สร้างภาพกราฟิกซึ ่งผสมผสานระหว่างภาพถ่ายข้อความและภาพวัตถุหรือเอฟเฟ็กต์พิเศษที่สร้าง ขึ ้นในPhotoshopเพื่อใช้ในงานผลิตสื่อโฆษณาทาปกหนังสือหรือนิตยสารหรือใช้ตกแต่งเว็บเพจ สร้างองค์ประกอบที่ใช้ในเว็บเพจ (โดยปกติทางานร ่วมกับโปรแกรม ImageReady CS3 ที่ให้มา ด้วยกันแต่ในPhotoshopCS3นั ้นimagereadyถูกนาไปรวมไว้ในตัวPhotoshopCS3แล้วจึงสามารถเรียกใช้โดย เลือกแท็บ Windows แล้วเลือก Animations นั่นเอง ) เช่น การตัดแบ่งภาพขนาดใหญ่ออกเป็นส่วน ๆ (Slice), การแบ่งพื ้นที่ภาพเพื่อสร้างไฮเปอร์ลิงค์เฉพาะส ่วน(image map). การสร้างภาพเคลื่อนไหว (animation) และ การสร้างปุ ่ มที่เปลี่ยนสถานะตามเมาส์ (rollover) และอื่น ๆ อีกมากมาย

เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

  • Upload
    others

  • View
    10

  • Download
    0

Embed Size (px)

Citation preview

Page 1: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 1

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

เรมตนใชงานโปรแกรม Adobe Photoshop CS3

Photoshop เปนโปรแกรมส าหรบสรางและตกแตงภาพทมชอเสยงและไดรบความนยมมากทสด อนเนองมาจากคณสมบตเดนซงมอยอยางมากมาย ไมวาจะเปนความสามารถจดการกบไฟลสารพดชนดทใชในงานประเภทตาง ๆ ทงรปทจะน าไปผานกระบวนการพมพ และรปทน าไปใชในเวบเพจหรอสงผานสออเลกทรอนคส มความสามารถเปนเยยมในการแกไขตกแตงภาพ และการสรางเอฟเฟคตพเศษตาง ๆ มเครองมอทมประสทธภาพและความยดหยนสง สามารถบนทกขนตอนทตองท าซ า ๆ ไวเรยกใชภายหลงตลอดจนมผผลตปลกอน (plug-in) ใหเปนจ านวนมาก ซงปลกอนกคอโปรแกรมเสรมส าหรบชวยใหการท างานทซบซอนส าเรจลงไดอยางรวดเรว ตอไปนเปนตวอยางของงานประเภทตาง ๆ ซงคณสามารถใช Photoshop ชวยจดการไดอยางงายดาย • แกไขภาพถาย ทบกพรองหรอมต าหน เชนปรบสทเพยนปรบแสงเงาทสวางหรอมดเกนไปลบแสงแฟลชทสะทอนในดวงตา • ตกแตงภาพ เชน ตดสวนทไมตองการออกไป ลบองคประกอบทรกรงรง ปรบภาพใหเบลอหรอคมชด ปรบผวกายนางแบบใหขาวนวลและขจดไฝฝาตาง ๆ ขจดเมดสทเกดในภาพทสแกนจากสงพมพ •ดดแปลงภาพเชนท าภาพใหมใหกลายเปนภาพสซเปยแบบโบราณหรอแปลงภาพเกาๆทเปนขาวด าใหกลายเปนภาพสเปลยนภาพคนใหอวนขนผอมลงหรอเดกแกกวาทเปนจรง • ใสเอฟเฟคตพเศษใหภาพ เชนท าใหเหมอนก าลงมองภาพผานกระจกชนดและลายตาง ๆ หรอเหมอนเงาสะทอนในน าเปลยนภาพถายใหดคลายภาพวาดดวยเครองมอหลากหลายชนดใสประกายแสงหรอเงาใหวตถท าวตถแบนๆใหดเปน3มตเปลยนโทนสของภาพ • สรางภาพกราฟกซงผสมผสานระหวางภาพถายขอความและภาพวตถหรอเอฟเฟกตพเศษทสรางขนในPhotoshopเพอใชในงานผลตสอโฆษณาท าปกหนงสอหรอนตยสารหรอใชตกแตงเวบเพจ • สรางองคประกอบทใชในเวบเพจ (โดยปกตท างานรวมกบโปรแกรม ImageReady CS3 ทใหมาดวยกนแตในPhotoshopCS3นนimagereadyถกน าไปรวมไวในตวPhotoshopCS3แลวจงสามารถเรยกใชโดยเลอกแทบ Windows แลวเลอก Animations นนเอง ) เชน การตดแบงภาพขนาดใหญออกเปนสวน ๆ (Slice), การแบงพนทภาพเพอสรางไฮเปอรลงคเฉพาะสวน(image map). การสรางภาพเคลอนไหว (animation) และการสรางปมทเปลยนสถานะตามเมาส (rollover) และอน ๆ อกมากมาย

Page 2: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม 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 จงตางกนไปตามคณสมบตของเครองมอแตละชนด

Page 4: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 4

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

5. Paletes กลมหนาตางเลกๆ ทมหนาทการท างานเฉพาะ สวนใหญแลวจะชวยเสรมการท างาน และควบคมรายละเอยดในดานตางๆของโปรแกรม อยางเชน พาเลท Swatches ใชส าหรบเลอก หรอก าหนดส , พาเลท History ใชจดการขอมลการท างานในขนตอนตางๆ ทผานมา เปนตน เราสามารถปดพาเลทเกบไปบาง หรอเปดพาเลทใหมขนมาเพมได โดยคลก เมน window รายชอของพาเลททงหมดจะปรากฏขนมา พาเลททเปดอยคอพาเลททมเครองหมายถกอยหนาชอ ดงนน การเปดพาเลทกคอ การคลกใหมเครองหมายถกหนาชอพาเลทนนๆ สวนจะปดกเปลยนเปนคลกใหเครองหมายถกหายไป 6. Canvas พนทท างาน หรอกระดานวาดภาพ ตรงนเปนสวนทเราจะสรางไฟลใหมขนมาท างาน ตกแตงชนงาน หรอเปดไฟลรปขนมาแกไข การใชเครองมอทส าคญ (Tools) เลอกพนทท างาน เคลอนยายรปภาพ เลอกพนทท างาน เลอกพนทท างาน เลอกพนทท างาน ตดรปภาพ ส าหรบรทสภาพ ใชระบายส ใชลอกแบบ ใชระบายส ใชลบภาพ ใชไลเฉดส ใชปรบความชดของส ใชปรบคาโทนส เคลอนยายวตถ ใชสรางตวอกษร สรางเสนรปทรงตามตองการ สรางรป,เสน,วงกลม ฯลฯ ใชอธบายรปภาพแบบเสยง ใชเลอกส ใชเลอนดภาพ ใชยอ/ขยายรปภาพ ชองแสดงสใชงาน เครองหมายสลบส คาสทตงไว ชองแสดงสพนหลง แสดงโหมดการท างานปกต แสดงการท างาน Quick Mask หนาจอแบบมาตรฐาน แสดงเฉพาะภาพแบบเตมจอ

Page 5: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 5

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

การตงหนากระดาษใหม เมอตองการท างานกบภาพใน Photoshop ควรจะก าหนดขนาดภาพหรอตงคาหนากระดาษเสยกอน แลวจงน าไฟลภาพเขามาใชงาน ซงจะท าใหไดขนาดของภาพทตรงกบความตองการใชงาน ส าหรบการตงหนากระดาษมขนตอนดงน

1. คลกเมน File > new 2. ตงชอไฟล (หนากระดาษ) ในชอง Name 3. เลอกรปแบบของกระดาษ ในชอง Preset

ค าอธบาย

Default Photoshop Size กระดาษแบบมาตรฐาน International Paper กระดาษแบบสากล Web กระดาษของหนาเวบไซต Mobile & Devices กระดาษบนโทรศพทมอถอ Film & Video กระดาษทใชงานกบภาพยนตและวดโอ

Page 6: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 6

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

การเปดไฟลภาพท างาน กอนเรมตนการท างานใหเปดไฟลภาพทตองการขนมา โดยเลอกแฟมทไดจดเกบไฟลภาพไว (ถาตองการเปดหลายไฟลภาพขนมาพรอมกนใหกดปม (Ctrl) ทคยบอรดคางไวแลวเลอกไฟลภาพทนท) ดงน

1. คลกเมน File > Open 2. เลอกทเกบไฟลภาพหรอโฟลเดอรในชอง Look in

Page 7: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 7

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

การบนทกไฟลภาพ การบนทกไฟลภาพถอวาเปนขนตอนทส าคญมาก เพราะสามารถน ากลบมาใชแกไขภายหลงหรอบนทกเพอสงตอไปท างานรวมกบโปรแกรมอน สวนไฟลภาพทรองรบ Photoshop คอไฟล นามสกล PSD (Photoshop Document) ซงสามารถบนทกภาพแบบแยกเลเยอรใหเปนสวน ๆ ดงน

1. คลกเมน File > Save As 2. เลอกต าแหนงบนทกไฟลภาพ ในชอง Save in 3. ตงชอไฟลภาพในชอง File name

Page 8: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 9

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

การปรบไฟลภาพใหเลกลง Image size เปนค าสงทชวยในการปรบขนาดของรปภาพ ใหมขนาดทเลกลงและยงชวยใหขนาดของไฟลภาพเลกลงอกดวย ซงมการปรบขนาดดงน

1. คลกเมน Image > Image Size หรอ กดปม Alt + Ctrl + I 2. ก าหนดขนาดของไฟลใหเลกลง ในสวน pixel Dimensions: 3. ก าหนดความละเอยดของภาพ Resolution

Width = ความกวาง Height = ความสง Resolution = ความละเอยด

Inches = นว

Page 10: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 13

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

ตกแตงและแกไขรปภาพ ลบรวรอยดวย Spot Healing Brush Spot Healing Brush เปนเครองมอทใชลบรวรอยบนภาพแบบอตโนมตซงจะเหมาะกบงานประเภทสว หรอรอยต าหนเพยงเลกนอยโดยวธใชงานเพยงน าเมาสไปคลกบรเวณทมสวแลวโปรแกรมจะแทนทสทอยในภาพใหเหมอนเปนเนอเดยว การรทชภาพตองปรบขนาดของหวแปรงทใชระบาย ใหเหมาะกบชนงานการลบรวรอยควรคลกเมาสทละจดอยางชา ๆ เพอเกบรายละเอยดรวรอยใหหมด ลบรวรอยดวย Healing Brush Healing Brush เปนเครองมอทใชปรบแตรปภาพ ซงอาจเปนภาพทถายจากกลองดจตอลแลวพบรวรอยบนรปภาพ เชน สว หรอ ฝา เราสามารถลบรวรอยสวนเกนนได โดยคดลอกพนทบางสวนทอยบนรปภาพ (กดปม <Alt> แลวคลกเลอกพนทเพอคดลอกส) แลวน ามาระบายบรเวณจดทบกพรองจากนนโปรแกรมจะปรบความสมดลของสใหอตโนมต ลบสวนทไมตองการดวย Patch Tool Patch เปนเครองมอทมความสามารถคลายกบ Healing Brush ใชลบจดบกพรองรวรอยทอยบนภาพหรอสวนทไมตองการในรปภาพออกไป แตจะแตกตางตรงวธใชงานเพราะเครองมอ Patch ใชการคดลอกภาพโดยอาศยเสน Selection แตยงคงรกษาความสมดลของส

ปรบขนาดของหวแปรงใหเหมาะสมกบรวรอย ก าหนดใหใชพนทคางเคยงแทนรอยต าหน

ใสลวดลายใหม

ก าหนดใหบรเวณของ Selection เปนสวนทแกไข

ก าหนดให Selection เปนแมแบบไปวางทบ

ก าหนดใหสวนทคดลอกโปรงใส

Page 14: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 14

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

แกไขตาแดงดวย Red Eye Tool Red Eye Tool เปนเครองมอทชวยแกปญหาจากการถายภาพตาแดง ซงจะเกดจากแสงแฟลช สามารถปรบสตาแดงใหเปนปกต เพยงน าเมาสไปคลกในดวงตาโปรแกรมจะก าหนดสในดวงตาใหเปนปกต การคดลอกสดวย Clone Stamp Tool Clone Stamp Tool เปนเครองมอทใชคดลอกสภายในรปภาพ ในกรณทตองการแทนสใหมในบางสวนของรปภาพ การใชงานใหกดปม <Alt> คางไวแลวน าไปทบสวนทตองการ ใสลวดลายดวย Pattern Stamp Tool Pattern Stamp Tool เปนการระบายลวดลายลงรปภาพ การใชงานเพยงแตเลอกลวดลายแลวสามารถน าไประบายไดทนท

ปรบขนาดของหวแปรง ก าหนดความเขมของสในดวงตา

Page 15: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 16

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

โปรแกรมจะเปดหนาแรกขนมาใหเราดงรป

สวนประกอบของโปรแกรม 1. เมนและทลบาร ( Menu & Toolbar ) เปนปมใชงานทว ๆ ไป

แตละปม มหนาทดงน

ใชส าหรบสรางงานใหม

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

ใชส าหรบบนทกงานทไดจดท าขน

ใชส าหรบดตวอยาง ( Preview ) งานทไดท า

ใชส าหรบเกบไฟลทงหมดทท าขนมาใหเปนไฟลเดยวอยในรปของ .EXE

ใชบบอดไฟลงานทงหมดทท าขนมาใหเปนไฟลเดยวอยในรปของ .DNL ส าหรบการท าเวปไซต

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

ใชในการท า Screen saver

Page 17: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 22

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

การแบงหนากระดาษ โดยการเลอกใชค าสง Buttons ------> Divider หรอ Buttons ------> 3D _spines

หรอ

เมอเลอกรปแบบไดแลว กดปม Use จะมเสนแบงหนาตามรป เราสามารถเคลอนยายไปไวต าแหนงใดตามตองการได

Page 23: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 23

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

การสรางปกหนาของหนงสอ การสรางปกหนาของหนงสอนน หลงจากแบงหนากระดาษไดแลว ปกหนาของหนงสอจะอยดานขวามอของกระดาษ ดงนนเราจะตองท าให กระดาษดานซายมอหายไป โดยการเลอกใชค าสง Tools ----> Book Tranparency กอนอนใหเราแทรกรปภาพเขามาไวในกระดาษดานขวามอ สวนทจะท าเปนปกหนงสอกอน โดยคลกเลอก Insert -----> Image จะมหนาตางใหเลอกหารปภาพทจะน ามาวางในหนาทเปนปกหนงสอ ใหเลอกภาพทตองการแลวคลก Open

Page 24: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 25

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

ในการสรางเนอหานนหากเรามเอกสารในรปของ Word หรอเอกสารในรปอน ๆ เรากสามารถทจะคดลอกเนอหาในเอกสารนนๆ มาวางในหนาเอกสารของ E-Book ได เพอความรวดเรวในการสราง ไมเชนนนแลวเราตองมาสรางใหมทงหมด

ในการใสเนอหา รปภาพหรอสอมลตมเดยตาง ๆ ลงใน E-Book นน เราจะใชเมน Insert

สรางเนอหาแตละหนาใหเสรจ โดยการ Add Page ไปจนครบทกหนา โดยเราสามารถทจะเลอก แทรกตวอกษร ( Insert Text ) ,แทรกรปภาพ ( Insert Image ) , หรอ Multimedia ( เสยง , Video , Flash ) ลงในเอกสารในหนาทตองการจะแทรกได

Page 26: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 27

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

การท า Link การท า Link หรอการเชอมโยงไปยงสวนตาง ๆ ของหนงสอเชนท าสารบญ หรอสวนทตองการใหมการเชอมโยง วธการกคอ คลกเลอกเมน Insert ---------> Text พมพขอความลงในText editor ระบายทบในสวนทตองการจะท าจดเชอมโยง คลกทปม Link จะขนหนาตาง Link Type ซงมการ Link หลายๆ แบบ ใหเลอกรปแบบการ Link ตามทเราตองการ

Page 28: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 30

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

ผลทไดจากการ Publish แลว และเมอท าการ Preview จะไดดงรป

การใช Templates และ Buttons Templates เปนการเรยกใชรปแบบเอกสารอตโนมต ทโปรแกรมไดจดไวให ซงมหลายรปแบบ การใชงานเพยงแคคลกเลอก Templates ------> เลอกรปแบบทตองการ

Page 31: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 31

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

เสรจแลวคลก Use จะไดรปแบบอตโนมต ดงรป

หลงจากนนกเขากระบวนการท า E-Book ทไดกลาวมาแลว ในสวน Buttons เปนปมอตโนมต สามารถเรยกใชงานคลายกบ Templates โดยเรยกท

Buttons ------> เลอกรปแบบทตองการ

เมอเลอกรปแบบไดแลว คลก Use เลอกต าแหนงทวางปม

Page 32: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 32

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

คลกขวาทปม เลอก Change Link เพอก าหนดการท างานของปม ทต าแหนง Link Type ตองเลอกใหสมพนธกบปม ไมเชนนนแลวเมอเรา package ไฟลแลว ปมจะไมท างานตามทเราตองการ

การสรางแบบทดสอบ

1. คลกเลอกท Eazy Form บน Tool Bar 2. จะมหนาตาง Add form objects ใหเราเลอก Add Question

3. จะปรากฏหนาตางดงรป

\

Page 33: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 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: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 34

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

Style : ใชก าหนดฟอนตและสของตวอกษร Correct : ค าตอบทถกตอง Points : คะแนนใหกบค าตอบขอนนๆ

การสรางปมส าหรบสงแบบทดสอบ

เมอเราท าการจดท าแบบทดสอบเรยบรอยตามจ านวนทตองการแลว เราตองสรางปมเพอใชในการสงแบบทดสอบเพอน าไปประมวลผล โดยใชค าสง Add Submit Button เปลยนขอความในชอง Caption โดยขอความนจะอยบนปมทเราสรางเพอใชสงแบบทดสอบ พรอมทงคลกเลอก View Result เพอใหแสดงผลหนาตอไป

เปลยน Style โดยคลกท Edit เพอเลอกแบบตวอกษรและสตวอกษร หรอสพนหลง ตามตองการ

Page 35: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 35

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

ในชอง Method เปนการเลอก รปแบบของการสงขอมลไปประมวลผล ซง method มหลายอยาง เชน Email : เปนการสงขอมลไปยง E-mail ทก าหนด Get/Post : เปนการสงขอมลไปยงเวปเพจ โดยใชภาษา HTML

ในทนใหเลอก No Information

ตอมาใหคลกเลอกท Edit Result Page

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

Page 36: เริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3¹€อกสาร/เอกสารประกอบการ... · ตกแต่งชิ้นงาน

เอกสารประกอบการเรยนการสอน วชาน าเสนอขอมลและกราฟก 36

กลมสาระการเรยนรการงานอาชพและเทคโนโลย โรงเรยนปทมวไล

หลงจากนนใหท าการปรบแตงใหไดรปแบบตามทตองการ โดยการดบเบลคลกทบรเวณเสนปะเพอเลอกฟอนตใหแสดงผลเปนภาษาไทย