Important Announcement
PubHTML5 Scheduled Server Maintenance on (GMT) Sunday, June 26th, 2:00 am - 8:00 am.
PubHTML5 site will be inoperative during the times indicated!

Home Explore การใช้งานโปรแกรม Adobe Photoshop & Adobe Illustrator สำหรับการจัดทำสื่อสิ่งพิมพ์เพื่อการศึกษา

การใช้งานโปรแกรม Adobe Photoshop & Adobe Illustrator สำหรับการจัดทำสื่อสิ่งพิมพ์เพื่อการศึกษา

Published by Salasa Yasan, 2020-08-31 06:49:02

Description: Interative e-book นี้เป็นส่วนหนึ่งของรายวิชา 2765338 สื่อสิ่งพิมพ์เพื่อการศึกษา คณะครุศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย

Search

Read the Text Version

ก า ร ใ ช้ ง า น โ ป ร แ ก ร ม ADOBE PHOTOSHOP& ADOBE ILLUSTRATOR สาํ ห รั บ ก า ร จั ด ทํา สื อ สิ ง พิ ม พ์ เ พื อ ก า ร ศึ ก ษ า จั ด ทํา โ ด ย INTERACTIVE E-BOOK นีเปนส่วนหนึงของ รายวิชา 2765338 สือสิงพิมพ์เพือการศึกษา นางสาวซาลาซา่ ยะซนั รหสั นิสิต 6143538227 คณะครุศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย นายภูศรณั ย์ สนศิริ รหสั นิสิต 6144728327



ADOBE PHOTOSHOP& ADOBE ILLUSTRATOR คืออะไร ทําไมจงึ ควรเรยี นรู้ การใชโ้ ปรแกรมดงั กล่าวมสี ว่ นชว่ ย สรา้ งความนา่ สนใจใหก้ ับบทเรยี นและ สอื การสอน ไมว่ า่ จะเปนเทคนคิ Surreal Editing ของโปรแกรม Adobe Photoshop ทีจะชว่ ยให้ผเู้ รยี นเขา้ ใจ นามธรรมได้ชดั เจนยงิ ขนึ ด้วยภาพจรงิ หรอื เทคนคิ Low Polygon ของโปรแกรม Adobe Illustrator ทีจะชว่ ยลดทอนรายละเอียดให้เหมาะสมกับ ชว่ งวยั ของผเู้ รยี น โดยเฉพาะผเู้ รยี นปฐมวยั

ADOBE PHOTOSHOP TECHNIQUE SURREAL EDITING เปนเทคนิคการตัดต่อภาพเสมือนจรงิ เพือใช้ ประกอบคําบรรยายใหช้ ัดเจนยิงขึน หลายครงั ทีผู้สอนต้องการอธิบายบางคําใหผ้ ู้ เรยี นเหน็ ภาพชัดเจนมากทีสุด แต่ไม่สามารถหา ภาพถ่ายทีตรงตามคําอธิบายได้จึงต้องอาศัยการ วาดภาพประกอบแทน \" แต่จะดีกว่าไหมหากผู้เรยี น ได้เรยี นรูจ้ ากภาพถ่ายทีมี ความสมจรงิ \" ภาพประกอบสาํ นวน \"ทํานาบนหลังคน\" ตัวอยา่ งผลงาน ดาวนโ์ หลดไฟล์ภาพไดท้ ี https://bit.ly/3gI9jjE

ADOBE PHOTOSHOP TECHNIQUE ขนั ตอนการทํา 01 เ ป ด โ ป ร แ ก ร ม 02 เ ป ด ไ ฟ ล์ ภ า พ ที เ ต รี ย ม ไ ว้ ห า ก ถู ก ล็ อ ค ก า ร แ ก้ ไ ข 03 ไ ว้ ส า ม า ร ถ ค ลิ ก ที ตั ว ล็ อ ค เ พื อ นาํ อ อ ก ไ ด้ ค ลิ ก ที ไ ฟ ล์ รู ป ข อ ง เ ห ล ว 04 ล ะ ล า ย เ ลื อ ก M A G I C WAND TOOL 05 ก ด ที พื น ที สี ข า ว จ น ขึ น ร อ ย ป ร ะ ดั ง รู ป เ ป น ก า ร เ ลื อ ก เ ฉ พ า ะ พื น ที สี ข า ว ก ด D E L E T E เ พื อ ล บ พื น ที สี ข า ว 06 แ ล้ ว ก ด C T R L + D เ พื อ ย ก เ ลิ ก ก า ร เ ลื อ ก จ า ก นั น เ ลื อ ก ไ ฟ ล์ ภ า พ ลู ก โ ล ก ค ลิ ก ข ว า ที R E C T A N G U L A R 07 M A R Q U E E T O O L เ พื อ เ ป ลี ย น เ ป น ELLIPTICAL MARQUEE TOOL 08 ค ลิ ก ค้ า ง แ ล้ ว ล า ก เ พื อ ส ร้ า ง ว ง ก ล ม ร อ ย ป ร ะ ล้ อ ม ก ร อ บ ต า ม ลู ก โ ล ก

ADOBE PHOTOSHOP TECHNIQUE 09 ก ด S E L E C T - > I N V E R S E เ พื อ ส ลั บ ไ ป เ ลื อ ก พื น ที น อ ก ว ง ก ล ม ก ด D E L E T E เ พื อ ล บ พื น ที สี ข า ว 10 แ ล ะ ก ด C T R L + D เ พื อ ย ก เ ลิ ก ก า ร เ ลื อ ก 11 ค ลิ ก ข ว า เ พื อ เ ป ลี ย น ก ลั บ เ ป น RECTANGULA MARQUEE TOOL เ ลื อ ก ไ ฟ ล์ ภ า พ ข อ ง เ ห ล ว ล ะ ล า ย 12 ล า ก ค ลุ ม รู ป ห นึ ง แ ล้ ว ก ด C T R L + C เ พื อ คั ด ล อ ก 13 นาํ ม า ว า ง ใ น ไ ฟ ล์ ภ า พ ลู ก โ ล ก แ ล้ ว เ ลื อ น ใ ห้ อ ยู่ ใ ต้ โ ล ก ด้ ว ย M O V E T O O L 14 ค ลิ ก ล า ก เ ล เ ย อ ร์ ข อ ง เ ห ล ว ล ะ ล า ย ใ ห้ อ ยู่ ใ ต้ เ ล เ ย อ ร์ ลู ก โ ล ก 15 ก ด C T R L + T ค ลิ ก ข ว า ที รู ป ข อ ง เ ห ล ว แ ล้ ว เ ลื อ ก W A R P ล า ก จุ ด ตั ด ข อ ง ต า ร า ง เ พื อ ดั ด ต า ม 16 ต้ อ ง ก า ร ก ด E N T E R เ พื อ ยื น ยั น ก า ร ดั ด

ADOBE PHOTOSHOP TECHNIQUE 17 ค ลิ ก ที เ ล เ ย อ ร์ ลู ก โ ล ก แ ล้ ว ก ด C T R L + J เ พื อ ทํา สาํ เ น า เ ลื อ ก เ ล เ ย อ ร์ ลู ก โ ล ก ที อ ยู่ ล่ า ง สุ ด 18 ก ด C T R L + E เ พื อ ร ว ม ภ า พ กั บ เ ล เ ย อ ร์ ข อ ง เ ห ล ว ล ะ ล า ย ด้ า น ล่ า ง ค ลิ ก ข ว า ที เ ล เ ย อ ร์ ลู ก โ ล ก ที ทํา สาํ เ น า 19 เ ลื อ ก C L I P P I N G M A S K เ พื อ ไ ม่ ใ ห้ แ ส ด ง ภ า พ เ กิ น ข อ บ ข อ ง ภ า พ ด้ า น ล่ า ง 20 ก ด C T R L + T แ ล้ ว ยื ด ต า ม เ ห ม า ะ ส ม ต ก แ ต่ ง เ พิ ม เ ติ ม ต า ม ต้ อ ง ก า ร 21 เ ช่ น เ พิ ม เ ง า ด้ า น ล่ า ง เ พื อ ใ ห้ ภ า พ มี มิ ติ ดู ส ม จ ริ ง เทคนิคนีอาศัยการประยุกต์เทคนิคต่าง ๆ เข้าด้วยกัน สามารถศึกษาเพิมเติมได้จาก ตัวอย่างการทําภาพนาํ กระจายจากผลไม้ สามารถรบั ชมขนั ตอน https://bit.ly/3jsufN3 การทําแบบละเอียดไดท้ ี

ADOBE ILLUSTRATOR ตัวอยา่ งผลงาน TECHNIQUE LOW POLYGON เปนเทคนิคการตกแต่งภาพใหม้ ีรายละเอียดตําลง ทําใหภ้ าพดูแปลกตาไปจากเดิม โดยการนํารูปสามเหลียมมาต่อกันไปเรอื ย ๆ จนเกิดเปนรูปภาพ ขนั ตอนการทํา 01 เ ป ด โ ป ร แ ก ร ม 02 เ ลื อ ก ปุ ม C R E A T E N E W 03 เ ลื อ ก สี เ ป น R G B 04 ก ด C R E A T E 05 I M P O R T รู ป ภ า พ ที ต้ อ ง ก า ร ป รั บ ใ ห้ เ ป น L O W P O L Y G O N

ADOBE ILLUSTRATOR TECHNIQUE 06 N E W L A Y E R 07 P E N T O O L ( P ) 08 ป รั บ ใ ห้ ไ ม่ เ ติ ม สี ใ น ช่ อ ง ว่ า ง ( N O N E ) 09 ล า ก เ ส้ น ล้ อ ม ร อ บ บ ริ เ ว ณ ที ต้ อ ง ก า ร 10 ล า ก เ ส้ น ใ ห้ เ ป น รู ป ส า ม เ ห ลี ย ม ต า ม ต้ อ ง ก า ร ( ยิ ง ส า ม เ ห ลี ย ม เ ล็ ก ร า ย ล ะ เ อี ย ด จ ะ ม า ก ขึ น ) เ ส ร็ จ 1 รู ป ใ ห้ ก ด C T R L + S H I F T + A 11 D I R E C T S E L E C T I O N T O O L ( A ) เ ลื อ ก เ ส้ น ส า ม เ ห ลี ย ม ที ต้ อ ง ก า ร ล ง สี 12 E Y E D R O P P E R T O O L ( I ) เ ลื อ ก ช่ อ ง ที ต้ อ ง ก า ร ล ง สี

ADOBE ILLUSTRATOR TECHNIQUE 13 ล บ L A Y E R ภ า พ ต้ น ฉ บั บ อ อ ก 14 ไ ด้ ภ า พ L O W P O L Y G O N ต า ม ต้ อ ง ก า ร สามารถรบั ชมผลงานเพมิ เติมไดท้ ี HTTPS://BIT.LY/2QJNUQZ สามารถรบั ชมขนั ตอนการทําแบบละเอียดไดท้ ี HTTPS://BIT.LY/2QCKXSP

ขอขอบคณุ รูปภาพจาก FREEPIK PINTEREST CANVA