คู่มือการสร้างE-Book

การสรา้ ง E-book 1 E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝ่ายพฒั นาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบรุ ี

การสร้าง E-book 2 สารบญั 3 1. ความสาคญั ของ E-book และหลักการออกแบบ 4 5 - E-Book มีอะไรดี ? 9 - หลักการออกแบบส่ิงพิมพ์ 15 - สี และการส่ือความหมาย - เลอื กใช้ตวั อักษรสาหรบั การออกแบบ 17 2. Program Microsoft PowerPoint 2013 18 22 - รูจ้ กั กับพน้ื ท่ที างาน PowerPoint 2013 - วิธีการสรา้ ง Slide Master 25 3. เคร่ืองมือเสริมใหง้ านออกแบบดหู น้าสนใจ 26 28 - Remove.bg ลบพ้ืนหลบั อัตโนมตั ิผา่ นเวบ็ - Application Snapseed สาหรบั การรีทัชภาพด้วยมือถือ 30 4. PubHTML5 อพั โหลดเอกสารธรรมดาให้เป็น E-book ออนไลน์ 31 31 - คณุ สมบตั ขิ อง PUB HTML5 - วิธกี ารเขา้ ใช้งาน E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หน้าฝ่ายพัฒนาและเผยแพร่ขอ้ มลู เว็บไซต์ มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบรุ ี

การสรา้ ง E-book 3 E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝ่ายพฒั นาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบรุ ี

E-Book มอี ะไรดี ? การสร้าง E-book 4 ยุคดิจิตัล เปน็ ยุคท่ีนักเขียน หรือคอลมั นิสต์ต้องปรบั ตัวเข้า Social Media เปน็ การตลาดทีเ่ ข้าถงึ งา่ ย หาสื่อออนไลน์ และอิเล็กทรอนิกส์มากขึ้น ซึ่งอาจจะเปลี่ยน จากการทางานส่งสานักพิมพ์ เพื่อตีพิมพ์ลงกระดาษ เนื่องจากนักเขียนหน้าใหม่ มักมีปัญหากับการหา แบบเดิมๆ ตอนน้ีกลายเปน็ การทาสื่อท่ีเรียกว่า eBook ซง่ึ มี สปอนเซอร์เพื่อสนับสนุนเงินลงทุนซื้อเน้ือท่ีโฆษณาราคา หลายช่องทางทท่ี าให้นกั เขียนหารายได้แบบออนไลน์ได้มาก แพง แต่หากเป็น E-Book การแชร์ผลงานของคุณจะง่ายขึ้น ข้ึน โดยท่ีไม่ต้องง้อสานักพิมพ์ หรือโรงพิมพ์แบบแต่ก่อน เน่ืองจากในบางแอพพลิเคช่ันท่ีให้บริการ E-Book มีการทา นอกจากประโยชน์ท่ีกล่าวมาข้างต้นแล้วยังมปี ระโยชน์ในอีก Referral Linkหรอื “ล้งิ ช่วยขาย” ให้คุณสามารถนาไปแปะใน หลายๆ ดา้ น ดงั นี้ หน้าเว็บไซต์ตา่ งๆ นอกจากน้ี ยงั สามารถแชรเ์ น้อื หาบางส่วน จากหนังสือก็ยังทาได้ เพราะตัวแอพพลิเคช่ันรองรับ กรณี รบั กาไรจากการขายไป 100% ของ Ookbee เอง จะมีเมนูกดแชร์หน้าหนังสือจากใน แอพพลิเคช่ันอยู่แล้ว ซึ่งจะแชร์ผลงานของคุณไปบน Social แม้ว่าการตีพิมพ์งานเขียนกับสานักพิมพ์จะไม่ต้องเผชิญ Media ต่างๆ เช่น Facebook หรือ Twitter ที่จะช่วยดึงดูด ความเสี่ยงเร่ืองการขาดทุน แต่ต้องแลกกับส่วนแบ่งรายได้ คนเข้ามาดูผลงานได้มากขนึ้ โดยไมมีคา่ ใช้จา่ ย น้อยนิดจากสานักพิมพ์เท่าน้ัน แต่ E-Book น้ันใช้ต้นทุน เพียงเล็กน้อยเพียงมีไอเดียเจ๋งๆ ก็มีโอกาสได้รับกาไรท่ีมาก E-Book แนบไฟล์วิดีโอ และไฟลเ์ สยี งได้! ข้ึน หรืออาจจะเรียกได้ว่า 100% จากท่ีลงแรงไป สิ่งท่ีจะได้ กลับมา มันเปน็ เงนิ ของคณุ คนเดียว! การนาส่ือผสมอ่ืนๆ มาใช้ในงานหนังสือของตนเองจะเป็น การขยายตลาดใหเ้ ราได้ทางหนึง่ ด้วยการเพ่ิมลูกเล่นแกเ้ ซ็ง ตน้ ทุนในการผลติ ท่ตี ่าลง ให้กับคนอ่าน หากเปรียบเทียบกันระหว่างหนังสือที่มีแต่ ตัวหนังสือ กับหนังสือที่มีทั้งภาพ วิดีโอ หรือเสียง แบบไหน สมัยก่อนหากต้องการจะทาหนังสือสักเล่ม คุณจะต้องสืบ นา่ สนใจกวา่ กนั และในปัจจุบนั เพยี งแค่คลกิ ก็ได้ฟังแล้วโดยไม่ ราคาต้นทุนการพิมพ์หนังสือ และต้องยอมจ่ายต้นทุนการ ต้องเสียเวลาไปหาเคร่อื งเล่น พิมพ์ รวมถึงค่าจัดส่งหนังสือให้กับลูกค้า หรือกระท่ังยอม โดนหักคา่ ฝากขายในร้านหนังสอื แต่เม่อื ก้าวเขา้ มาสูย่ ุคของ รายได้อ่นื ๆ ทเ่ี ขา้ มาเพราะคณุ เป็นนักเขยี น! E-Book คุณไม่ต้องเสียค่าพิมพ์แม้แต่บาทเดียว ลูกค้า สามารถซ้ือหนังสือคุณทั้งเล่มเพียงแค่กดคลิกเท่านั้น ไม่ บางคร้ังนักเขียนก็เหมือนดารา เม่ือแนวคิดของคุณได้รับ ตอ้ งมคี ่าจดั ส่งใดๆ และตอนนี้ในแอพพลเิ คช่ันอบี ุ๊คบางแหง่ ไม่ การยอมรบั ในวงกวา้ ง มคี นให้ความสนใจมากมาย สอื่ ตา่ งๆ ทาการเก็บส่วนแบง่ รายได้แล้วเช่น Ookbee ดังนั้นคุณจะได้ ก็จะวิ่งเข้าหาคุณ เช่น นิตยสาร เว็บข่าว รายการทีวี ฯลฯ รายได้จากการขายแบบเต็มๆ โดยไมต่ อ้ งลงทุนมาก และการได้รับเชิญไปร่วมงานต่างๆ น้ัน คุณสามารถหา รายได้จากส่งเหล่านี้ด้วย ซ่ึงนับว่าเป็นผลพลอยได้จาก ซอื้ งา่ ย ขายเรว็ ประหยดั เวลาทงั้ คนเขยี น- ชอ่ื เสียงท่นี า่ เยา้ ยวนใจ คนอ่าน สาหรับ E-Book เพียงคลิกและดาวน์โหลด ไม่นานก็ได้อ่าน แลว้ ประหยัดเวลา ไมต่ ้องรอคอย จึงไม่ต้องแปลกใจถ้าตลาด E-Book ไทยจะขยายตัวรวดเร็ว เพราะสามารถอานวย ความสะดวกให้กับผซู้ อ้ื ทไี่ มช่ อบการรอนาน E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝ่ายพฒั นาและเผยแพร่ขอ้ มลู เวบ็ ไซต์ มหาวิทยาลัยเทคโนโลยีราชมงคลธญั บรุ ี

การสร้าง E-book 5 เมือ่ เขา้ สู่ยคุ ดจิ ิตอล นักอ่านทุกคนคงไม่มีใครไมร่ ้จู กั E-Book หรือ E-Magazine ด้วยการพกพาท่ีสะดวก และสามารถเปิดอ่านได้ ในทกุ อปุ กรณพ์ กพา ทง้ั แท็บเลต็ และ สมาร์ทโฟน หลักการออกแบบสง่ิ พิมพ์ สิ่งพิมพ์ท่พี บเหน็ โดยทั่วไปประกอบด้วยองค์ประกอบสาคัญ เอกภาพและความกลมกลนื หลายอยา่ ง ได้แก่ ตัวอกั ษร หรือขอ้ ความ ภาพประกอบ เน้ือ (Unity & Harmony) ที่ว่างและส่วนประกอบอื่นๆ การออกแบบสิ่งพิมพ์ต้อง คานึงถึง การจัดวางองค์ประกอบต่างๆ ดังกล่าวเข้าไป เอกภาพคือความเป็นหน่งึ เดียวกนั ซ่ึงในการจัดทาเลย์เอาท์ ด้วยกัน (Layout) หมายถึงการนาเอาองค์ประกอบท่ีแตกต่างกันมา วางไว้ในพ้ืนที่หน้ากระดาษเดียวกันได้อย่างกลมกลืน ทิศทางและการเคล่อื นไหว ทาหน้าที่ สอดคล้องและส่งเสริมกันและกันในการสื่อสาร (Direction & Movement) ความคิดรวบ ยอดและบุคลิกภาพของสื่อส่ิงพิมพ์นั้นๆ การ สรา้ งเอกภาพนสี้ ามารถทาได้หลายวิธี เชน่ เมื่อผู้รับสารมองดูสื่อส่ิงพิมพ์ การรับรู้เกิดข้ึนเป็นลาดับ ตามการมองเห็น กล่าวคือ เกิดข้ึนตามการกวาดสายตา 1. การเลอื กใชอ้ งค์ประกอบทม่ี ีความเท่ากัน จากองค์ประกอบหน่ึงไปยังอีกองค์ประกอบหนึ่ง จึงมีความ เช่น การเลือกใช้แบบตัวอักษรเดียวกัน การเลือกใช้ จาเป็นอย่างย่ิงที่จะต้องมีการดาเนินการวางแผน กาหนด แ ล ะ ชั ก จู ง ส า ย ต า ข อ ง ผู้ รั บ ส า ร ใ ห้ เ ค ล่ื อ น ไ ห ว ไ ป ทิ ศ ท า ง ที่ ภาพขาว-ดา ทง้ั หมด เป็นต้น ถูกต้องตามลาดับขององค์ประกอบท่ีต้องการให้รับรู้ ก่อนหลังโดยท่ัวไปหากไม่มีการสร้างจุดเด่นข้ึนมา สายตา การเลอื กใช้องค์ประกอบทมี่ ีความเท่ากนั ของผู้รับสารจะมองดูหน้ากระดาษที่เป็นส่ือพิมพ์ในทิศทาง www.pinterest.com ของตัวอักษร “Z” คือการมองท่ีมุมบนด้านซ้าย ไปด้านขวา แล้วไล่ระดับลงมาท่ีมุมล่างด้านซ้าย และไปจบที่มุมล่าง 2. การสรา้ งความต่อเนื่องกันใหอ้ งค์ประกอบ ด้านขวาตามลาดับการจัดองค์ประกอบท่ีสอดคล้องกับ เช่น การจัดให้พาดหัววางทับลงบนภาพ การใช้ ธรรมชาติของการมองน้ีเป็นส่วนช่วยให้เกิดการรับรู้ ตามลาดบั ทตี่ ้องการ ตวั อักษรท่ีเป็นข้อความ ลอ้ ตามทรวดทรงของภาพ เป็นตน้ ทศิ ทางและการเคลอ่ื นไหว (Direction & Movement) การสร้างความตอ่ เนอื่ งกันใหอ้ งค์ประกอบ E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝา่ ยพัฒนาและเผยแพร่ขอ้ มลู เวบ็ ไซต์ มหาวิทยาลยั เทคโนโลยรี าชมงคลธัญบรุ ี

การสรา้ ง E-book 6 3. การเว้นพ้นื ทวี่ า่ งรอบองคป์ ระกอบท้งั หมด ซ่ึงจะทาให้พื้นท่ีว่างน้ันทาหน้าท่ีเหมือนกรอบสีขาวล้อมรอบองค์ประกอบท้ังหมดไว้ภายใน ช่วยให้องค์ประกอบท้ังหมด ดูเหมือนวา่ อยดู่ ว้ ยกนั เปน็ กลมุ่ กอ้ น การเว้นพนื้ ทวี่ ่างรอบองค์ประกอบท้งั หมด จาก https://khaodesign.com ความสมดลุ (Balance) หลักการเรื่องความสมดุลนี้เป็นการตอบสนองธรรมชาติ ของผู้รับสารในเร่ืองของแรงโน้มถ่วง โดยการจัดวางองค์ ประกอบ ท้ังหมดในพนื้ ทห่ี น้ากระดาษ จะต้องไมข่ ดั กบั ความรู้สึกนี้ คือจะต้องไม่ดเู อนเอยี งหรอื หนกั ไปดา้ นใด ด้านหนึง่ โดยไมม่ อี งค์ประกอบ มาถ่วงในอกี ด้าน การจัด องคป์ ระกอบใหเ้ กดิ ความสมดลุ แบ่งได้ 3 ลักษณะคอื 1. สมดุลแบบสมมาตร (Symmetrical Balance) เป็นการจัดวางองค์ประกอบโดยให้องค์ประกอบใน 2. สมดุลแบบอสมมาตร (Asymmetrical Balance) ด้ า น ซ้ า ย แ ล ะ ด้ า น ข ว า ข อ ง พ้ื น ท่ี ห น้ า ก ร ะ ด า ษ มี ลั ก ษ ณ ะ เป็นการจัดวางองค์ประกอบโดยให้องค์ประกอบใน เหมือนกันสองข้าง ซงึ่ องคป์ ระกอบท่ีเหมอื นกนั ท้งั สองด้านนี้ ด้านซ้ายและด้านขวาของพ้ืนท่ีหน้ากระดาษมีลักษณะไม่ จะถ่วงนา้ หนกั กันและกันให้เกิดความรูส้ ึกสมดุล เหมือนกันท้ัง 2 ข้าง แม้องค์ประกอบจะไม่เหมือนกันในแต่ละ ด้าน จะถว่ งนา้ หนกั กันใหเ้ กดิ ความสมดุล E-book สมดลุ แบบอสมมาตร (Asymmetrical Balance) สมดลุ แบบสมมาตร (Symmetrical Balance) โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝา่ ยพฒั นาและเผยแพร่ขอ้ มลู เวบ็ ไซต์ มหาวทิ ยาลยั เทคโนโลยรี าชมงคลธัญบรุ ี

3. สมดลุ แบบรัศมี (Radial Balance) การสรา้ ง E-book 7 เป็นการจัดองค์ประกอบโดยให้มีการกระจายหรือ สดั สว่ น (Proportion) การรวมตัวอยู่ท่ีจุดกลาง นิยมใช้ออกแบบลวดลายต่าง ๆ อาทิเช่น ลายดาวเพดาน และเครอื่ งหมายการคา้ การกาหนดสัดส่วนน้ีเป็นการกาหนดความสัมพันธ์ในเร่ือง ของขนาด ซึ่งมีความสาคัญโดยเฉพาะในหน้ากระดาษของ ส่ิงพิมพ์ท่ีต้องการให้มีจุดเด่น เช่น หน้าปกหนังสือเป็นต้น เพราะองค์ประกอบท้ังหมดในสัดส่วนท่ีใกล้เคียงกันในการ กาหนดสัดส่วนจึงต้องพิจารณาองค์ประกอบท้ังหมด ในพื้นที่หน้ากระดาษไปพร้อมๆ กันว่าควรจะเพ่ิมหรือลด องค์ประกอบใด ไม่ใช่คอ่ ยๆ ทาไปทีละองคป์ ระกอบ สมดลุ แบบรัศมี (Radial Balance) www.freepik.com เทคนิคการแบ่งสาม ใชเ้ ทคนิคแบง่ สาม ซึ่งกาหนดให้เกิดจุด สรา้ งจดุ สนใจด้วยการเน้นสดั สว่ น (Proportion) แห่งความสนใจ 4 จุดในภาพซึ่งสามารถเลือกได้ตามความ www.maxpointhridoy.com เหมาะสม ความแตกต่าง (Contrast) กฎ 3 ส่วน และจุดตดั 9 ช่อง เป็นวิธีการท่ีง่ายท่ีสุด โดยการเน้นองค์ประกอบใด การจัดวางตาแหน่งหลักของภาพถ่าย เปน็ องคป์ ระกอบหน่ึง องค์ประกอบหน่งี เด่นข้นึ มาดว้ ยการเพม่ ิ ขนาดให้ใหญ่กว่า ที่สามารถทาให้เกดิ ผลทางด้านแนวความคิด และความรู้สึก องค์ประกอบอ่ืนๆ โดยรอบ เช่น พาดหัวขนาดใหญ่ เป็นต้น ได้ การวางตาแหน่งท่ีเหมาะสมของจุดสนใจในภาพ เป็นอีก ซึ่งโดยธรรมชาติแล้วผู้ดูจะเลือกดูองค์ประกอบท่ีใหญ่กว่า ส่ิงหนง่ึ ทส่ี าคญั และทีน่ ยิ มกันโดยทั่วไปคอื กฎสามสว่ น กอ่ น กฎสามส่วนกล่าวไว้ว่า ไมว่ ่าภาพจะอยู่แนวต้งั หรือแนวนอน กต็ าม หากเราแบ่งภาพนั้นออกเป็นสามส่วน ทั้งตามแนวตั้ง 1. ความแตกตา่ งโดยขนาด และแนวนอน แล้วลากเส้นแบ่งภาพท้ังสามเส่น จะเกิดจุดตัด สามารถทาได้งา่ ยโดยการเนน้ ให้องคป์ ระกอบหน่งึ เดน่ ขนึ้ มา กันทั้งหมด 4 จุด ซึ่งจุดตัดของเส้นท้ังสี่น้ี เป็นตาแหน่งที่ ด้วยการเพ่ิมขนาดให้ใหญ่กว่าองค์ประกอบอ่ืนๆ โดยรอบ เหมาะสมสาหรบั การจดั วางวตั ถุทต่ี ้องการเน้นใหเ้ ป็นจดุ เด่น เช่น พาดหัวขนาดใหญ่ เป็นต้น โดยธรรมชาติแล้วผู้ดูจะ หลัก ส่วนรายละเอียดอื่นๆ นั้น เป็นส่วนสาคัญท่ีรองลงมา เลอื กดู องคป์ ระกอบท่ใี หญก่ วา่ ก่อน การจัดวางตาแหน่งจุดเด่นหลักไม่จาเป็นจะต้องจากัดมาก นัก อาจถือเอาบรเิ วณใกลเ้ คยี งทง้ั สจ่ี ุดน้ี กฎ 3 สว่ น และจดุ ตดั 9 ช่อง E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝา่ ยพัฒนาและเผยแพรข่ อ้ มลู เวบ็ ไซต์ มหาวทิ ยาลยั เทคโนโลยรี าชมงคลธญั บรุ ี

การสรา้ ง E-book 8 ย่อหน้าที่ต้องการ เน้น เพียงย่อหน้าเดียวในหน้ากระดาษ เป็นตน้ ความแตกต่างโดยขนาด ความแตกต่างโดยความเข้ม 4. ความแตกตา่ งโดยทศิ ทาง 2. ความแตกต่างโดยรูปร่าง ทิศทางเปน็ วธิ ีทีเ่ นน้ ให้องค์ประกอบหน่ึง เด่นขนึ้ มาด้วยการ เป็นวธิ ีทเี่ นน้ ให้องคป์ ระกอบหนง่ึ เดน่ ขึ้นมาด้วยการใช้รูปร่าง ว า ง อ ง ค์ ป ระ ก อ บ ที่ ต้ อ งก า ร จ ะ เน้ น นั้ น ใ ห้ อ ยู่ ใ น ทิ ศท า ง ท่ี ที่แตกต่างออกไปจากองค์ประกอบอื่นในกระดาษ เช่น การ แตกต่าง จากองคป์ ระกอบอ่นื ๆ ทอ่ี ยู่ร่วมกันในหน้ากระดาษ ไดคัต ภาพคนตามรูปร่างของร่างกายแล้วนาไปวางใน เช่น การ วางภาพเอียง 45 องศา ในหน้ากระดาษท่ีเต็มไป หน้ากระดาษ ที่มีภาพแทรกเล็กๆ ที่อยู่ในกรอบส่ีเหล่ียม ด้วยตัวอักษร ทเ่ี รียง เป็นแนวนอน เป็นต้น เป็นตน้ ความแตกต่างโดยรูปร่าง ความแตกต่างโดยทศิ ทาง 3. ความแตกตา่ งโดยความเข้ม เป็นวิธีท่ีเน้นให้องค์ประกอบใดองค์ประกอบหน่ึงเด่นขึ้นมา ด้ ว ย ก า ร ใ ช้ เ พิ่ ม ห รื อ ล ด ค ว า ม เ ข้ ม ห รื อ น้ า ห นั ก ข อ ง องค์ประกอบ นั้นให้เข้มหรืออ่อนกว่าองค์ประกอบอ่ืนท่ีอยู่ รว่ มกันในหน้า กระดาษ เช่น การใช้ตวั อักษรท่เี ป็นตัวหนาใน E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหน้าฝ่ายพัฒนาและเผยแพร่ขอ้ มลู เว็บไซต์ มหาวิทยาลยั เทคโนโลยรี าชมงคลธัญบรุ ี

การสร้าง E-book 9 จงั หวะ ลลี า และการซา้ สี และการส่ือความหมาย (Rhythm & Repetition) สีของงานกราฟิก ถือเป็นหัวใจหลักสาคัญเลยก็วา่ ได้ เพราะ การจัดวางองค์ประกอบหลายๆ ชิ้น โดยกาหนดตาแหน่ง ก า ร เ ลื อ ก ใ ช้ สี จ ะ แ ส ด ง ถึ ง อ า ร ม ณ์ ที่ ต้ อ ง ก า ร ไ ด้ ชั ด เ จ น ขององค์ประกอบให้เกิดมีช่องว่างเป็นช่วงๆ ตอนๆ อย่างมี มากกว่าส่วนประกอบอื่น ๆ ทั้งหมด เช่น สีโทนร้อน สาหรับ การ วางแผนล่วงหน้า จะทาให้เกิดจังหวะและลีลาข้ึน และหา งานท่ีต้องการความตื่นเต้น ท้าทาย หรือสีโทนเย็นสาหรับ กว่า องค์ประกอบหลายๆ ชิ้นนั้นมีลักษณะซ้ากันหรือ งานตอ้ งการใหด้ สู ภุ าพ สบาย ๆ ใกล้เคียงกัน ก็จะย่ิงเป็นการเน้นให้เกิดจังหวะและลีลา ได้ ทฤษฎีสีเป้นเรื่องที่ไม่อาจมองข้ามได้ ถ้าอยากจะถ่ายภาพ ชดั เจนย่ิงข้ึน ลักษณะตรงกันข้ามกับแบบแรก จังหวะและลีลา ออกมาให้สวย สีมีโครงสร้างเเละลักษณะทางกายภาพท่ี ลักษณะน้ี จะก่อให้เกิดความรู้สึกท่ีต่ืนเตน้ ดูเคล่ือนไหวและมี เเตกต่างกัน การรู้จักผสมสี มองสี ก็จะกาหนดภาพถ่าย พลัง ท่อี อกมาได้ ทาใจให้คุ้นชนิ กบั การใชส้ ี เเล้วผลลัพท์ของภาพ ที่ออกมาจะมีการเปลี่ยนเเปลง ไปในทางท่ีดี นอกจากน้ี จงั หวะ ลีลา และการซา้ (Rhythm & Repetition) อารมณข์ องภาพกจ็ ะเด่นขนึ้ มาอีกดว้ ย 50 เทคนคิ การออกแบบกราฟฟกิ ความสมั พนั ธข์ องสี ท่มี า khaodesign.com สีมีความสัมพันธ์กันอย่างไรล่ะ เม่ือลองดูในวงจรสี (หรือจะ เรยี กวา่ วงลอ้ สกี ไ็ ด้) สามารถเข้าไปศึกษาและดูรายละเอียดเพ่ิมเติมพร้อม www.photoschoolthailand.com ตัวอย่างการออกแบบได้จากเว็บไซต์ ประกอบด้วย 4 ตอน สามารถเขา้ ดูได้จากลงิ กด์ ังน้ี เว็บไซต์ khaodesign.com สีขั้นที่ 1 แมส่ ี (PRIMARY COLORS) PART 1 https://qrgo.page.link/pf5WX คอื สีทเ่ี มื่อผสมกันเเล้ว จะได้สอี ื่นอีก กลมุ่ น้ีคอื สี แดง เหลือง PART 2 https://qrgo.page.link/QF3T4 นา้ เงนิ PART 3 https://qrgo.page.link/cM92u สขี ั้นที่ 2 (SECONDARY COLORS) PART 4 https://qrgo.page.link/1XC4t คือสีท่ีเกิดจากการผสมกันของสีขั้นท่ี 1 เช่น สีม่วง สีส้ม สีเขยี ว สขี ั้นท่ี 3 (TERTIARY COLORS) คือสีท่ีเกิดจากการผสมสีขนั้ ที่ 1 และข้ันที่ 2 เข้าด้วยกนั เช่น สี เเด งส้ ม ( vermilion) เหลื อ งส้ ม ( amber) แ ด งม่ ว ง (magenta) นา้ เงนิ ม่วง (violet) นา้ เงินเขยี ว (teal) เหลืองเขียว (chartreuse) E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหน้าฝา่ ยพฒั นาและเผยแพรข่ อ้ มลู เวบ็ ไซต์ มหาวิทยาลยั เทคโนโลยีราชมงคลธญั บุรี

ความหมายของสี การสรา้ ง E-book 10 นอกจากแต่ละสีจะสร้างความรู้สึกด้วยตนเองแล้ว เม่ือนา สที อ่ี ยู่ในวรรณะเย็น (Cool Tone Color) มาใช้ร่วมกันเรายังสามารถแบ่งสีออกเป็น 2 วรรณะ ได้แก่ สีน้าเงิน สีเขยี ว สีฟ้า สกี ลุ่มน้ีเมื่อใช้งานจะได้ เพ่ือสร้างอารมณ์ท่ีแตกต่างกันออกไปเม่ือใช้งานร่วมกันได้ อีกคอื ความรสู้ กึ สดชน่ื เยน็ สบาย ผ่อนคลาย ใช้โทนสรี อ้ นเพอื่ ใหภ้ าพดอู บอ่นุ เชน่ กลุ่มสีโทนส้ม เเดง เหลือง และสีน้าตาล เเละเมอ่ื ประกอบ กับภาพของเเสงอาทติ ย์ สโี ทนร้อน กจ็ ะยง่ิ กระต้นุ ความรสู้ ึก อบอุ่น ได้สมจริงมากข้ึน ส่วนมากสีโทนน้ีจะถูกใช้ในการ เเต่งภาพท่เี ป็นช่วง Golden hour สีทีอ่ ยูใ่ นวรรณะร้อน (Warm Tone Color) ได้แก่ สีแดง สีส้ม ให้ความรู้สึกอบอุ่น ร้อนแรง สนกุ สนาน รวดเร็ว เร่งรบี สีทอี่ ยู่ในวรรณะเยน็ ใช้โทนสีกลาง เป็นไดท้ งั้ สีร้อนและเยน็ สที อ่ี ยู่ในวรรณะกลาง ไดแ้ ก่ สที ่ีสามารถเป็นไดท้ ้ังวรรณะรอ้ นและเย็น ไดแ้ ก่สเี หลอื ง และม่วง เมื่อสีวรรณะกลางอยู่กับสีวรรณะใดจะกลายเป็นสี วรรณะนั้น ๆ การใชส้ ีเพ่ิมความโดดเด่นใหก้ ับจุดเด่นในภาพ และใช้สีตกแต่งส่วนอื่น ๆ ของภาพให้ได้ภาพรวมออกมาใน อารมณ์ ตัวอย่างงานออกแบบสีทอ่ี ยใู่ นวรรณะร้อน ใช้โทนสีเยน็ เพอื่ ภาพจะดสู บายตา ตวั อย่างงานออกแบบสที อ่ี ยใู่ นวรรณะกลาง กลุ่มสโี ทนเย็น เช่น สเี ขยี ว สฟี ้า นา้ เงิน จะใหค้ วามรู้สกึ สบาย ผ่อนคลาย สโี ทนน้จี ะเกิดขนึ้ ก่อนดวงอาทติ ย์ขน้ึ เเละ หลังดวงอาทิตย์ตก หรอื ขว่ งท่ีเรยี กวา่ Blue hour น่นั เอง นอกจากนี้ ภาพสโี ทนเยน็ กบั ภาพทวิ ทศั นท์ เ่ี เสดงออกถงึ ความเยน็ เขา่ ภเู ขาทมี่ ีน้าเเข็งปกคลุมบางส่วน จะย่ิงกระตนุ้ ให้คนดู ได้รู้สกึ เเละสมั ผัสไดถ้ งึ ความหนาวเยน็ และเงียบสงบ E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝา่ ยพัฒนาและเผยแพร่ขอ้ มลู เวบ็ ไซต์ มหาวทิ ยาลยั เทคโนโลยีราชมงคลธัญบุรี

อ่านอารมณ์เเละใชส้ ีใหเ้ ข้ากับอารมณ์งาน การสรา้ ง E-book 11 สีเเละอารมณ์ เป็นส่ิงที่เช่ือมโยงกันอย่างตัดไม่ขาด สที ต่ี ดั กนั หรอื สตี รงกันขา้ ม ในภาพถ่าย คนที่มองภาพ จะมีความรู้สึกร่วมกับภาพ เเละ สที ี่ตดั กนั หรือสีตรงกันข้าม เป็นสีทอ่ี ยูต่ รงข้ามกันในวงจรสี ยง่ิ ช่างภาพสามาถสรา้ งความน่าสนใจ เเละมกี ารลงน้าหนัก เช่น สีน้าเงินตรงข้ามกับสีแดงและสีเหลือง หรือสีแดงจะตรง ท่ีอารมณ์ โดยเพ่ิมการใชส้ เี ขา้ ไปกระตุ้นอกี ดว้ ยเเล้ว ภาพนัน้ ข้ามกบั สเี ขยี ว ควรใช้สใี ดสหี นึง่ จานวน 80% และเลอื กใช้สีคู่ จะเปน็ ภาพท่ีเรียกไดเ้ ลยวา่ มีอิทธพิ ลกับจติ ใจของคนดู และสี ตรงกันข้างเพียง 20% หรือ 70-30 โดยประมาณ บนพื้นท่ี กย็ ังเปน็ การสอื่ ถึงระยะเวลาด้วย เช่น ภาพท่ีถา่ ยนัน้ เกิดข้ึน ของงานโดยรวม จะทาให้ช้ินงานเกิดเป็นจุดเด่น เม่ือนามา ในช่วงเวลาไน ฤดูอะไรที่ต้องการ เทคนิคการเลือกใช้สีแบบ รวมกันจะทาใหส้ ีทง้ั สองนน้ั เด่นชัดมากขนึ้ สตู รสาเร็จจะมีอยู่หลายรปู แบบ ตัวอย่างสคี ตู่ รงกันขา้ ม หาดทรายสนี า้ ตาลเเดงกบั นา้ ทะเสสี ฟา้ การใช้สคี ตู่ รงขา้ ม (COMPLEMENTARY COLORS) สีท่ีอยู่ตรงข้ามกันบนวงจรสี เป็นสีที่มีค่าสีตัดกันอย่าง การใชส้ แี บบสที ต่ี ดั กนั หรือสตี รงกันขา้ ม เหลอื งสม้ -น้าเงิน ชัดเจน โดยสีคู่นี้จะให้ความรู้สึกรนุ แรง จัดจ้าน ฉูดฉาด การ มว่ ง ใช่สีคู่ตรงข้าม จะทาให้ภาพสะดุดอย่างมาก สร้างความรู้สึก เปน็ เอกลักษณ์ในการอยู่เคยี งคกู่ ัน E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หน้าฝา่ ยพฒั นาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวทิ ยาลัยเทคโนโลยีราชมงคลธัญบรุ ี

การสร้าง E-book 12 การแยกคสู่ ีท่อี ยู่ตดิ กบั สคี ่ตู รงกนั ขา้ ม (SPLIT COMPLEMENTARY COLORS) เพอ่ื ไมใ่ หห้ ลุดจากความกลลมกลืนตามคอนเซปต์สีเป็นการ ใช้สีท่ีไปในโทนเดียวกันทั้งหมด เช่น จุดเด่นเป็นสีน้าเงิน สี ส่วนที่เหลือก็จะเป็นสีท่ีใกล้เคียงกับน้าเงิน โดยใช้วิธีลด น้าหนักความเขม้ ของสีนา้ เงินลงไป การใช้สีที่สองสีท่ีอยู่ติดกับสีคู่ตรงข้าม ก็เป็นการใช้ ความสัมพันธ์ของสีท่ีน่าสนใจ เช่น ในภาพที่มีสีแดงส้ม สี เขียว เเละสีน้าเงิน อยู่ด้วยกัน จะสร้างความเเตกต่าง เเละ ความฉูดฉาดมากขึ้น เเต่ก็ให้ภาพทดี่ ูน่าสนใจมากกว่าภาพ ทใี่ ช่คู่สตี รงขา้ ม ตัวอย่าง SPLIT COMPLEMENTARY COLORS ภาพการใช้สแี บบโทนเดยี วกนั ใกลเ้ คียงกัน การใชส้ ีท่ใี กลเ้ คียงกนั (ANALOG COLORS) สีทใ่ี กลเ้ คยี งกัน คอื สที อ่ี ยู่เรียงตดิ กนั ในวงจรสี จะสร้างความ กลมกลืนขึ้นในภาพ ในการถ่ายภาพทิวทัศน์ ลองจัดภาพ ให้มีสีใกล้เคียงกัน ลองมองวิว เเล้วเอามาเทียบกับวงจรสี เเล้วจะจินตนาการได้ว่าภาพจะออกมาในลักษณะไหน รวมทั้งการเเต่งภาพหลงั จากนั้น จะไดก้ าหนดทิศทางสีไดว้ ่า จะต้องเเตง่ ภาพให้ออกมาเปน็ สอี ะไรบ้าง E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝา่ ยพัฒนาและเผยแพรข่ อ้ มลู เวบ็ ไซต์ มหาวทิ ยาลัยเทคโนโลยรี าชมงคลธญั บรุ ี

การสรา้ ง E-book 13 การเลอื กใชโ้ ครงสสี ามเหลย่ี ม (TRIAD COLORS) คอื การใช้สีสามสีที่อยู่หา่ งกันโดยจะอยู่ทมี่ ุมของสามเหลี่ยมเเต่ละมุม เช่น เมอื่ เลือกสีเเดง สีเหลือง เเละสีฟ้า ก็จะถูกจัดว่าเป็นกลุ่ม เดียวกัน ในการถา่ ยภาพทิวทศั น์ กลุ่มสามสีก็กระตุ้นความน่าสนใจของภาพ รวมท้ังเปน็ การสร้างมิตใิ ห้กบั ภาพอกี ดว้ ย ภาพตวั อยา่ งการใชโ้ ครงสีสามเหล่ยี ม (TRIAD COLORS) E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหน้าฝ่ายพฒั นาและเผยแพร่ขอ้ มลู เว็บไซต์ มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบรุ ี

สกี บั การสอื่ อารมณ์ การสร้าง E-book 14 สีน้าเงิน เป็นสีเเห่งความสงบ โล่ง กว้าง เม่ือมกี ารใช้สีน้าเงิน สีเขียว เป็นสีที่พบเป็นปกติในการถ่ายภาพทิวทัศน์ สีเขียว ลงในภาพ จะให้รู้สกึ ถึงพืน้ ที่กวา้ ง มพี ืน้ ท่ใี นภาพ ใหค้ วามรูส้ กึ ถึงความมชี วี ติ ชีวา สงบร่มเย็น สีเทา กระตุ้นให้รู้สึกถึง สายฝน นา้ ไอหมอก ก้อนเมฆ เเละ สีแดง เกี่ยวขอ้ งกับความโกรธ ความปรารถนา ความรกั พบ ท้องฟ้า นอกจากน้ี สีเทาก็สื่อได้ค่อนข้างหลากหลาย เช่น โทนสีน้ีในธรรมชาติ เช่น ดวงอาทิตย์ตก ดอกไม้ เเละสีของ สัมผัสได้ถงึ ความเยือกเยน็ และความรุนเเรง ฤดใู บไม้รว่ ง สีม่วง ให้ความรู้สึกผ่อนคลาย อาจจะไม่ค่อยพบใน สีส้ม พบบ่อยครั้งเม่ือถ่ายภาพดวงอาทิตยต์ ก เป็นสโี ทนอุ่น ธรรมชาติ สีม่วงกลายเป็นสีท่ีเเสดงถึงสัญลักษณเ์ เห่งความ ให้ความรู้สึก สนุกสนาน เบิกบาน ความสุข เเละความ งาม เเละความแปลกใหม่ หลงไหล E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝ่ายพฒั นาและเผยแพร่ขอ้ มลู เวบ็ ไซต์ มหาวทิ ยาลัยเทคโนโลยีราชมงคลธัญบรุ ี

สีน้าตาล เป็นสีของพนื้ ดิน (Earth tone) เป็นสีท่ีใช้เม่ือจะสื่อ การสรา้ ง E-book 15 ถงึ สภาวะของสง่ิ เเวดลอ้ ม สเี หลือง พบมากกบั ทิวทัศน์ทีม่ ดี อกไม้ ทะเลทราย เเละใบไม้ ในฤดใู บไมร้ ่วง ถูกใชเ้ พอ่ื กระตุ้น ความสขุ พลังงาน การใช้ทฤษฎีสี ต้องคานึงอยู่เสมอว่า จะใช้สีน้ีในภาพ “ทาไม” เเละ “อย่างไร” การเข้าใจพื้นฐานของสีทาให้การถ่ายภาพส่ือ ถึงอารมณ์ เเละชน้ี าเพ่อื ใหร้ สู้ ึก ในสง่ิ ท่ีเราต้องการจะนาเสนอได้อย่างมีประสิทธภิ าพ เลือกใช้ตวั อกั ษรสาหรับการออกแบบ Text Colors การเลือก Font ไปใช้ในงานออกแบบมีข้อควรคานึงง่าย ๆ อยู่ 2 ขอ้ คอื การเลือกใช้สที ีเ่ หมอื นใกล้เคยี งกันมากจนเกินไปจะทาให้การ อ่านตัวอักษรไดอ้ ยาก ดังนั้นในการเลือกใชส้ ีตัวอักษรและสี 1. ความหมายต้องเข้ากัน หมายความว่า ความหมาย ของพื้นหลังควรมีสีท่ีตัดกันชัดเจนเพ่ือให้ผู้อ่านสามารถ ของคาและ Font ท่ีเลือกใช้ควรจะไปด้วยกันได้ เช่น คาว่า อ่านตวั อักษรได้อยากสะดวก น่ารักก็ควรจะใช้ Font ท่ีดูน่ารักไปด้วย ไม่ควรใช้ Font ที่ดู วิธเี ลือก Font ไปใชใ้ นงานออกแบบ เป็นทางการดังภาพตวั อยา่ ง 2. อารมณ์ของฟอนต์ และอารมณ์ของงานต้องไปใน ทิศทางเดียวกัน เช่น งานที่ต้องการความน่าเช่ือถือก็จะ เลือกใช้ Font แบบ Serif ทีด่ ูหนักแนน่ น่าเชื่อถือ สว่ นงานที่ ต้องการความฉูดฉาดอย่างโปสเตอร์ลดราคาก็ควรจะ เลอื กใช้ Font ท่ีเป็นกันเองไม่เป็นทางการมากนักอย่าง Font ในกลุม่ Script เปน็ ตน้ E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝา่ ยพฒั นาและเผยแพรข่ อ้ มลู เวบ็ ไซต์ มหาวิทยาลัยเทคโนโลยรี าชมงคลธญั บรุ ี

นอกจากการเลือก Font มาใช้งานแล้ว การวางตาแหน่ง การสร้าง E-book 16 ตัวอักษรก็เป็นอีกเรื่องหนึ่งที่มีความสาคัญกับการทางาน สาหรับการวางตาแหน่งตัวอักษร มีข้อควรคานึงถึงไว้ให้อยู่ 2. จุดเด่นควรจะมีเพียงจุดเดียว หรือพูดง่าย ๆ ก็คือ 3 ข้อคือ มีตัวอักษรตัวใหญ่ๆ อยู่เพียงชุดเดียว จึงจะเป็นจุดเด่นที่ มองเหน็ ได้งา่ ย ไม่สับสน สว่ นจดุ อน่ื ๆ ขนาดควรจะเล็กลงมา 1. ธรรมชาตกิ ารอ่านของคนไทยจะอ่านจากซ้ายไปขวา ตามลาดับความสาคญั และบนลงล่าง โดยมรี ัศมกี ารกวาดสายตาตามลาดับ ดังน้ัน ถ้าอยากให้อา่ นง่าย ควรจะวางเรยี งลาดบั ให้ดดี ว้ ย ไมเ่ ชน่ น้นั 3. ไม่ควรใช้ Font หลากหลายรูปแบบเกินไป จะทาให้ จะเป็นการอ่านข้ามไปข้ามมาทาให้เสียความหมายของ กลายเป็นงานที่อ่านยากและชวนปวดศรีษะมากกว่าชวน ข้อความไป อา่ น ถา้ จาเป็นจริง ๆ แนะนาใหใ้ ช้ Font เดิมแต่ไมต่ กแตง่ พวก ขนาด, ความหนาหรือกาหนดให้เอียงบ้าง เพื่อเพิ่มความ น่าสนใจไมใ่ ห้งานดูนา่ เบอื่ แบบนีจ้ ะดีกว่า ตัวอย่างการใช้ Font ในงานออกแบบ ไมม่ หี วั มหี วั E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝ่ายพฒั นาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวิทยาลัยเทคโนโลยรี าชมงคลธัญบรุ ี

การสร้าง E-book 17 E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝา่ ยพฒั นาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบรุ ี

การสร้าง E-book 18 รจู้ ักกบั พน้ื ทท่ี างาน PowerPoint 2013 เมื่อเปิดโปรแกรม PowerPoint 2013 คร้ังแรก โปรแกรมจะใหเ้ ลือกวา่ ตอ้ งการสรา้ งงานนาเสนอแบบไหน ซ่งี จะมใี หเ้ ลอื กแบบ ว่างเปลา่ แบบสไลด์เอาไวแ้ ละพรีเซนตแ์ บบธมี (Theme) ที่ออกแบบโครงสร้างฐานของสไลด์ไว้ เชน่ ภาพกราฟฟกิ พน้ื หลงั ชุดสีของ องค์ประกอบ รูปแบบข้อความ และการจดั วางเนอ้ื หา ซ่งึ สามารถนาเน้อื หาใสไ่ ดเ้ ลย หน้าต่างโปรแกรม PowerPoint 2013 1. เร่ิมต้นการใช้งานโปรแกรม โดยคลิกปุ่ม Start คลิก All Programs เลือก Microsoft Office 2013 > Microsoft PowerPoint 2013 จะเข้าสู่หน้าจอหลักการทางานโปรแกรม Microsoft PowerPoint 2013 หรือคลิกปุ่ม Start > Windows จากน้ันพิมพ์ข้อความ ในช่องค้นหาในช่อง Search program and file พมิ พ์ Pow ก็จะปรากฏรายการโปรแกรม PowerPoint ให้ คลิกเลือกโปรแกรมดงั กลา่ ว เม่อื เปดิ โปรแกรมไดแ้ ลว้ จะพบกับหน้าตา่ งการสร้างสไลดใ์ หมด่ ังน้ี คลกิ เลือกโปรแกรม “PowerPoint 2013” 3 2 พมิ พช์ ื่อโปรแกรม “Power” 1 E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝ่ายพฒั นาและเผยแพรข่ อ้ มลู เวบ็ ไซต์ มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบุรี

การสรา้ ง E-book 19 2. เบอ้ื งตน้ ให้ท่านสรา้ งสไลด์เรมิ่ ตน้ แบบวา่ งเปลา่ เลือกการสรา้ งสไลด์ใหมแ่ บบ Blank Presention 4 สร้างสไลด์เรม่ิ ตน้ แบบว่างเปล่า 3. จะปรากฏหนา้ ตา่ งสไลด์ เปล่า 1 สไลด์ 5 ปรากฏสไลดเ์ ปลา่ รม E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หน้าฝ่ายพัฒนาและเผยแพรข่ อ้ มลู เวบ็ ไซต์ มหาวิทยาลัยเทคโนโลยรี าชมงคลธัญบุรี

การสรา้ ง E-book 20 Slide Master สร้างธมี และเท็มเพลต เป็นการกาหนดหรือใส่ส่วนประกอบต่างๆ ข้างใน เพื่อให้ทุกๆ สไลด์มีรูปแบบเดียวกัน เช่น ต้องการให้สไลด์ทุกสไลด์มีชื่อ บรษิ ัทหรอื โลโก้ ปรากฏอยดู่ ้านลา่ งของสไลด์ทกุ ๆ สไลดโ์ ดยใสเ่ พยี งแคค่ รั้งเดียวสามารถเพิ่มใน Slide Master ได้เลยครับ ขัน้ ตอน ต่างใน PowerPoint 2010, 2013 และ 2016 กจ็ ะเหมอื นๆกนั เชน่ การออกแบบหนังสือตา่ ง ๆ รปู แบบส่วนหัว ส่วนทา้ ยของเร่มิ ในแต่ละหนา้ จะเหมือนๆ กนั จะตา่ งกันตรงส่วนของหนา้ ขั้น ขึ้นบทใหม่นั้นเอง ในการสร้างงานนาเสนอ หากต้องการตั้งค่า Theme หรือ Template ได้เองเหมือนที่เลือกใช้แบบสาเร็จรูป ก็ จะต้องเขา้ มากาหนดคา่ ตา่ ง ๆ ที่ Slide Master นน้ั เอง กาหนดขนาด Slide ให้เป็นขนาดหนงั สอื 1. เม่ือสรา้ ง Slide เปล่าเรียบรอ้ ยแลว้ 2. เลือกตงั้ เมนู > Design > จากนน้ั คลิก Ribbon > Slide Slize > ตามดว้ ยคาสั่ง > Custom Slide Size 1 คลกิ เลอื กเมนู “Design” 2คลิกเลือก Ribbon “Slide Size” 3คลิกเลอื กเมนู \"Custom Slide Size” 3. ตงั้ คา่ สไลดต์ ามขนาดทีต่ อ้ งการ เมื่อตง้ั ค่าขนาดทต่ี ้องการเรยี บรอ้ ยแล้วใหค้ ลิกปุ่ม OK ตวั อยา่ งการต้ังค่า ขนาด E-book ความกวา้ ง 17 เซนติเมตร ความสงู 23 เซนตเิ มตร 4กาหนดขนาดทต่ี อ้ งการ 5คลกิ ปมุ่ OK E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝ่ายพัฒนาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบรุ ี

การสร้าง E-book 21 4. หลังจากกดปมุ่ OK จะปรากฏหนา้ ตา่ งให้กาหนดการตั้งคา่ เพิม่ เติมโดยใหเ้ ลอื ก Maximize หรอื Ensure Fit 6 เลอื กวา่ ตอ้ งการงานแบบไหน 5. หลงั จากเลือกเรียบร้อยแลว้ จะปรากฏหนา้ สไลดต์ ามทต่ี งั้ คา่ ใหมด่ ังภาพ E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝ่ายพัฒนาและเผยแพร่ขอ้ มลู เว็บไซต์ มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบรุ ี

การสรา้ ง E-book 22 วธิ ีการสร้าง Slide Master 1. คลกิ ทแ่ี ถบเมนู > View ตามดว้ ยคาส่ัง > Slide Master 1 เลอื กเมนู View 2. เลือก Ribbon “Slide Master” 2 เลอื ก Ribbon “Slide Master” 3. จากน้ันจะปรากฏหน้าต่างการตั้งค่า Slide Master โดยจะสามารถตั้งค่า Slide Master จานวนท้ังหมด 12 หน้า ดังภาพ จากนนั้ เราก็สามารถต้งั คา่ รูปแบบธีมที่ต้องการได้ 3 Slide Master จานวนทงั้ หมด E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝา่ ยพฒั นาและเผยแพรข่ อ้ มลู เวบ็ ไซต์ มหาวทิ ยาลยั เทคโนโลยรี าชมงคลธญั บรุ ี

การสร้าง E-book 23 4. ออกแบบหน้า Master ตามที่ต้องการ เช่น กาหนดพ้ืนหลัง กาหนดตัวอักษรทต่ี ้องการใช้งาน บริเวณเฟรมของสไลด์ ตามที่ตอ้ งการด้วยการวาดรูปทรงตา่ ง ๆ หรือเซฟภาพมาเป็นพน้ื หลงั มาก็ได้เชน่ กัน จาก สไลด์เลย์เอาต์ 12 แบบ หากต้องการแกไ้ ข เลยเ์ อาต์ไหนใหค้ ลกิ เลอื กทเี่ ลยเ์ อาตน์ ั้นกอ่ นไมจ่ าเปน็ ตอ้ งแกไ้ ขทงั้ 12 ให้เลอื กแกไ้ ข ตามความตอ้ งการทจ่ี ะใชง้ านก็เพยี งพอ 5. เมือ่ ตง้ั ค่าเรยี บร้อยแล้วต้องการกลบั ไปทโ่ี หมดการทางานปกติให้คลิกเลือกท่คี าส่งั Close Master View เลอื ก Ribbon “Slide Master” 5 4 ตง้ั คา Slide Master 6. หากต้องการแก้ไขใหมก่ ็ใหค้ ลกิ ที่คาส่ังเดมิ เหมือนตอนเข้ามาตง้ั ค่าครัง้ แรก E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหน้าฝ่ายพฒั นาและเผยแพรข่ อ้ มลู เวบ็ ไซต์ มหาวทิ ยาลัยเทคโนโลยรี าชมงคลธญั บรุ ี

การสร้าง E-book 24 วธิ ีการเลือก Layout Slide มาใช้งาน 1. คลกิ เลอื กเมนู Home 2. คลิกเลือก Ribbon > Layout จากนัน้ เลือก Layout ท่ตี ้องการ เชน่ Title Slide เป็นตน้ 3. 1 เลอื กเมนู Home 2 เลอื ก Ribbon “Layout” ทตี่ อ้ งการ E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝา่ ยพัฒนาและเผยแพรข่ อ้ มลู เวบ็ ไซต์ มหาวิทยาลัยเทคโนโลยรี าชมงคลธัญบรุ ี

การสร้าง E-book 25 ต็ E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหน้าฝา่ ยพฒั นาและเผยแพรข่ อ้ มลู เวบ็ ไซต์ มหาวทิ ยาลัยเทคโนโลยีราชมงคลธญั บรุ ี

การสร้าง E-book 26 Remove.bg ลบพื้นหลบั อัตโนมัตผิ ่านเวบ็ 1. เปิดเวบ็ ไซต์ www.remove.bg วธิ กี ารใชง้ านคลิกเลอื กปุ่ม Upload Image > อัพโหลดภาพท่ตี ้องการลบพืน้ หลงั ออก จากเคร่อื งเว็บจะทาการประมวลผลและปรากฎภาพที่ไดล้ บพ้นื หลักงออกจากนั้นใหค้ ลกิ เลือกปุ่ม คคลลิกกิเลเลือือกกปป่มุ ุ่มUUpploloaaddImImaaggee 11 E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหน้าฝ่ายพฒั นาและเผยแพร่ขอ้ มลู เว็บไซต์ มหาวทิ ยาลัยเทคโนโลยรี าชมงคลธัญบุรี

การสรา้ ง E-book 27 2. คลกิ ปมุ่ Download จะมใี หเ้ ลอื ก 2 แบบคอื 2.1 Preview Image 612 × 408 แบบฟรคี ุณภาพภาพท่ีไดจ้ ะมีขนาด 612 × 408 pixcel 2.2 Full Image 2048 × 1365 แบบเสยี เงนิ คุณภาพภาพท่ีไดจ้ ะมขี นาด 2048 × 1365 pixcel เมื่อคลิกปุ่มดาวน์โหลดเรียบร้อยแล้วเครื่องจะดาวน์โหลดไฟล์ไว้ที่เครื่องดังน้ี ท่านสามารถนารูปท่ีได้ทาการลบพื้นหลัง ออกอตั โนมตั ไิ ปใช้กับงานออกแบบได้ E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหน้าฝ่ายพัฒนาและเผยแพร่ขอ้ มลู เว็บไซต์ มหาวทิ ยาลัยเทคโนโลยรี าชมงคลธญั บรุ ี

การสรา้ ง E-book 28 Application Snapseed สาหรับการรีทัชภาพดว้ ยมือถอื คุณสมบัติหลกั ของ Application 3. เลือกภาพทตี่ ้องการปรับแต่ง Snapseed เครอ่ื งมอื Application Snapseed เป็นแอพสาหรับใช้ในการ แก้ไขรูปภาพระดับมืออาชีพที่มีฟังก์ชัน ด้วยฟีเจอร์ท่ี หลากหลาย เช่นการทาให้ภาพดูโดดเด่น, หมุนภาพ, ลบ รอยสิว, ลบจุดด่างดา รวม มากไปกว่าน้ันแอพนี้ยังมี คุณสมบัติ คล้ายๆ โปรแกรมอย่าง Photoshop โดยมี เครื่องมอื และฟิลเตอรใ์ หใ้ ชง้ านถึง 25 รายการ การใชง้ าน Application Snapseed 1. เปิดแอพเข้ามาจะเจอหนา้ หลกั ของแอพ 1 4. คลกิ เลอื กท่เี มนู “เครอ่ื งมอื ” Application Snapseed 2. จะปรากฏหน้าจอของ Application Snapseed ซ่ึงมีเมนู เดียวคอื “+ แตะทใี่ ดกไ็ ดเ้ พอื่ เปดิ รปู ภาพ” ให้เลอื กรปู ภาพที่ ต้องการจะแต่งเพื่อนาไปใชต้ อ่ ไป 2 แตะทใ่ี ดกไ็ ดเ้ พอื่ เปดิ รปู ภาพ E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝา่ ยพัฒนาและเผยแพร่ขอ้ มลู เวบ็ ไซต์ มหาวทิ ยาลยั เทคโนโลยีราชมงคลธัญบรุ ี

5. ตวั อย่างการใช้คาส่งั “ปรบั แตง่ ภาพ” การสร้าง E-book 29 โดยกาหนดคา่ 3 สว่ นคอื 7. บนั ทกึ ไฟล์เพอื่ นาไปใชง้ าน บนส่ือออนไลนห์ รือเซฟลงใน 5.1 ความสวา่ ง เครอ่ื ง 5.2 ความอิ่มตัว 3. บรรยากาศ 8. รูปทีไ่ ด้ 6. ภาพท่ีได้หลงั จากการปรบั คา่ แลว้ ภาพกอ่ นปรบั E-book ภาพหลงั ปรบั โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝ่ายพฒั นาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบรุ ี

การสร้าง E-book 30 E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝา่ ยพฒั นาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบรุ ี

การสร้าง E-book 31 คุณสมบตั ขิ อง PUB HTML5 PUB HTML5 คือ เครื่องมือสาหรับการสร้างหนังสืออีเล็กทรอนิกส์ หรือฟลิปบุ๊ค (Flipbook) ในรูปแบบสามมิติ เช่น แมกกาซีนออนไลน์, อีโบรชัวร์, อีแคตตล็อค เป็นตัน มรี ะบบการทางานทกุ อย่างอยู่บนเว็บไซต์ ที่สามารถสรา้ งและผยแกรขอ้ มูลใน รูปแบบอีบุ๊คออนไลน์ผ่านระบบเครือข่ายอินเทอร์เน็ต สามารถสร้างได้ด้วยตัวเองผ่นทางเว็บไซต์ pubhtml5.com โดยการอัพ โหลดไฟล์ pdf และกาหนดค่ารายละเอยี ดขอ้ มูลของเอกสารเทา่ น้ัน How to Use PUB HTML5? Creating Eye-Catching Flipping Book has Never Been that Easy 4. ไมต่ อ้ งตดิ ตั้งโปรแกรม สามารถใช้งานไดผ้ ่านระบบออนไลนไ์ ด้เลย 5. สรา้ งและเผยแพร่ เอกสารในรูปแบบอบี คุ๊ ผา่ นระบบออนไลน์ 6. สรา้ งหนงั สอื อเิ ล็กทรอนิกส์ (E-book) หรือฟลปิ บุ๊ค (Flipbook) ไดโ้ ดยผ่านเว็บไซต์เพยี งแค่อพั โหลดไฟลใ์ นรปู แบบ Pdf ท่ีมขี นาดไฟลไ์ ม่เกิน 150 MB. 7. สามารถแชรห์ นงั สอื อิเลก็ ทรอนกิ สห์ รือฟลปิ บุ๊คไดด้ ว้ ยชอ่ งทางสือออนไลน์ Facebook Google e-Mail หรอื การ คัดลอกลิงก์ไปแชรส์ ่งผา่ นไลนห์ รอื อน่ื ๆ ไดโ้ ดยง่าย 8. สามารถนาหนังสอื อิเลก็ ทรอนิกส์ หรือฟลปิ บุ๊คฝงั โคต๊ เพอื่ เผยแพร่บนเว็บไซตไ์ ดด้ ้วยวธิ กี าร “Embed Code HTML” วธิ กี ารเข้าใช้งาน 1 พมิ พ์ Url เวบ็ ไซต์ pubhtml5.com 2 คลกิ ปมุ่ “Sign in” E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝา่ ยพฒั นาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวทิ ยาลัยเทคโนโลยีราชมงคลธญั บุรี

การสรา้ ง E-book 32 1. เปดิ เบราวเ์ ซอร์พมิ พ์ URL เว็บไซต์ pubhtml5.com 2. คลกิ เลอื กปุ่ม “Sign in” 3. กรณีท่ียังไม่มีบัญชี ให้เลือกสร้างบัญชีใหม่ “Create New Account” ซึ่งสามารถ Sign in ได้ 3 วิธี คือ 1) Facebook 2) Google+ หรอื 3) อเี มล โดยเลอื กใชอ้ ยา่ งใดอยา่ งหนึง่ 4. เมื่อ “Sign in” เรียบร้อยแล้ว ชื่อผู้ใช้จะปรากฏบนแถบเมนูด้านบน ให้คลิกเลือกปุ่ม “Quick Upload” หรือ “Create Your Publication” ชอ่ื ผใู้ ช้ 4 คลกิ เลือกปุ่ม “Quick Upload” หรือ “Create Your 5. ปรากฏหนา้ ตา่ งใหอ้ พั โหลดไฟล์ คลิกเลอื กคาสงั่ “Upload Online” 5 คลกิ E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หน้าฝ่ายพฒั นาและเผยแพร่ขอ้ มลู เวบ็ ไซต์ มหาวทิ ยาลยั เทคโนโลยรี าชมงคลธญั บรุ ี

การสร้าง E-book 33 6. เลือกโฟล์เดอรท์ ีต่ อ้ งการอัพโหลดเอกสาร เบอื้ งตน้ กรณีที่สร้างครั้งแรกจะมีเพียงโฟล์เดอร์ “Default” จากนน้ั คลิกทีค่ าส่งั “Next” เลอื กโฟลเดอร์ คลกิ 6 7. คลกิ คาส่งั \"Browse\" เพือ่ อพั โหลดไฟลห์ นงั สอื ในรูปแบบ PDF (ขนาดไฟลไ์ มเ่ กิน 150 MB) ดงั รูป 7 คลกิ Browse 8. ในขณะทีก่ าลังอพั โหลดไฟล์ ให้ใสร่ ายละเอยี ดที่ \"Book Info\" ไดแ้ ก่ ช่ือเรื่อง (Title) คาอธิบาย (Description) คยี ์เวริ ์ด (keywords) ประเภทหนังสอื (Category) และอ่นื ๆ ทตี่ อ้ งการ เชน่ อนุญาตให้ผ้อู า่ นดาวน์ไฟล์ PDF ได้ เป็นตนั 9. คลิกเลอื กคาสั่ง Next 8 ใสร่ ายละเอยี ด E-book คลกิ คาสง่ั Next 9 โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝ่ายพัฒนาและเผยแพร่ขอ้ มลู เวบ็ ไซต์ มหาวทิ ยาลยั เทคโนโลยีราชมงคลธญั บรุ ี

การสร้าง E-book 34 10. จะปรากฏหนา้ ต่างใหเ้ ลอื ก “Template” พนื้ หลงั ของ E-book คลกิ เลอื กแบบทต่ี อ้ งการจากนั้นคลกิ เลือกคาสง่ั “Next” เลอื ก Template 10 คลกิ คาสง่ั Next 11. เลอื ก “Theme” ทต่ี ้องการจากนน้ั คลกิ คาสั่ง “Next” เลอื ก Theme E-book 11 คลกิ คาสง่ั Next โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝา่ ยพฒั นาและเผยแพร่ขอ้ มลู เว็บไซต์ มหาวิทยาลยั เทคโนโลยรี าชมงคลธญั บรุ ี

การสรา้ ง E-book 35 12. กาหนดค่า “Advance” ตามท่ตี อ้ งการ จากน้ันคลกิ เลือกคาสั่ง “Create” E-book คลกิ คาสง่ั Create 12 โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝ่ายพฒั นาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวิทยาลยั เทคโนโลยรี าชมงคลธัญบรุ ี

การสร้าง E-book 36 13. รอระบบทาการประมวลผลจนสมบูรณจ์ ะปรากฏหนา้ ต่างดงั นี้ เมอื่ คลกิ ทรี่ ปู เลม่ หนงั สือจะมี 2 ลงิ กใ์ ห้เลอื กดงั น้ี 1. PubHTML5 Link 2. Online Line 1. PubHTML5 Link จะพบกบั รปู เลม่ ของหนังสอื ทสี่ ามารถกาหนดการพลิกหนา้ หนังสอื อตั โนมตั ิได้ ดังภาพตวั อยา่ ง E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหน้าฝ่ายพฒั นาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวิทยาลัยเทคโนโลยรี าชมงคลธัญบรุ ี

การสร้าง E-book 37 ความหมายของปมุ่ (Icon) Like UPload แสดงความคดิ เห็นเมื่อถกู ใจผลงาน อพั โหลดเอกสารเพื่อสรา้ ง E-book ใหม่ Share เม่ือตอ้ งการแชร์ผลงานตอ่ ในสอื่ ออนไลนต์ ่าง ๆ Embed นา Code ดังกลา่ วไปใส่ลงในเว็บไซต์เพ่ือใส่ หนังสอื ไว้ในเวบ็ ทต่ี อ้ งการเผยแพร่ 2. Online Line จะเป็นการแสดงหนังสืออิเล็กทรอนิกสแ์ บบลงิ ก์และมขี นาดเตม็ หนา้ จอ ดงั ภาพ การแกไ้ ขหนงั สอื อเิ ล็กทรอนิกส์ (e-Book) กรณีที่ตอ้ งการปรับปรงุ หรือแกไ้ ขเอกสารท่ีเผยแพร่ไป ใหเ้ ข้าไปที่ 1. คลกิ เลอื กท่ชี อ่ื ของ User 2. เลือกเอกสารทตี่ อ้ งการแกไ้ ข 1 คลกิ เลอื ก My Pubs E-book 2 เลอื ก General Setting โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝ่ายพฒั นาและเผยแพรข่ อ้ มลู เวบ็ ไซต์ มหาวทิ ยาลยั เทคโนโลยีราชมงคลธญั บรุ ี

การสรา้ ง E-book 38 3. จะปรากฏหนา้ จอการตงั้ ค่า เหมอื กบั ตอนทอี่ พั โหลดเอกสารใหม่ เริ่มจากการตัง้ ค่า Title เมอ่ื ตัง้ คา่ การแก้ไขครบทุกส่วน ตามที่ตอ้ งการแลว้ ใหก้ ดคาสง่ั “Save And Close” 3คลกิ เลอื ก Save And Close E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหน้าฝา่ ยพฒั นาและเผยแพร่ขอ้ มลู เว็บไซต์ มหาวทิ ยาลยั เทคโนโลยีราชมงคลธญั บรุ ี