(อาจารย์เกวลี) โอเคค่ะ วันนี้นะคะเดี๋ยวเราจะมีปฏิบัติด้วย ยังไม่ได้ยิน เสียงออกไหม พี่ล่ามได้ยินไหมคะ ยัง นี่ โอเค โอเค ล่ามได้ยินไหมคะ ล่ามยังไม่ได้ยิน มันมีใครมาถอดอะไรหรือเปล่า อืม ต้องโทรใหม่ไหม โทรใหม่ ยังไม่ได้ยิน น่าจะ ได้ไหมน่ะ ล่ามยัง ล่ามน่าจะยังไม่ได้ยิน ล่าม ล่ามได้ยินไหมคะ ล่ามได้ยินไหมคะ ยัง อ๋อ ยังไม่ได้ยิน ล่ามยังไม่ได้ยิน ทําอย่างไรล่ะ ทําอย่างไร ต้องทําอย่างไร ทําอย่างไรดี ได้ยินไหมคะ ได้ยินแล้ว โอเค โอเคค่ะ วันนี้นะคะจะเป็นบทที่ 4 เกี่ยวกับการออกแบบตัวอักษร มันก็ไม่เชิงออกแบบฟอนต์ตัวหนังสือใหม่น่ะนะคะ แต่แค่ว่าเราจะทําอย่างไรให้เวลาเรานําเสนอข้อความนี่ มันดูน่าสนใจขึ้นนะคะ โดยที่หัวข้อวันนี้นี่ ก็จะมีตั้งแต่เทคนิคในการเลือกใช้ฟอนต์สําหรับงานออกแบบนะคะ แล้วก็เราจะมาลองสร้างตัวอักษรกราฟิกง่าย ๆ ดูสัก 2 วิธีนะคะ โดยเทคนิคในการเลือกฟอนต์ในงานออกแบบอย่างแรก เราจะเลือกใช้ฟอนต์ตามที่เราแบ่งเป็น เหมือนอาทิตย์ที่แล้วที่อาจารย์สอนว่า ตัวหนังสือภาษาอังกฤษ ภาษาไทยมันจะให้ความรู้สึกแตกต่างกัน ภาษาอังกฤษมีอยู่ 6 รูปแบบภาษาไทยมีอยู่ 5 รูปแบบนะคะ โดยที่อย่างแรกเราจะเลือกใช้ฟอนต์ตามรูปแบบของตัวหนังสือนะคะ ก็คือเราจะใช้ฟอนต์ที่แตกต่างกันแต่อยู่ในคลาสเดียวกัน เช่น อาทิตย์ที่แล้วบอกว่าอยากได้ฟอนต์ที่เป็นตัวเหมือนลายมือเขียนลายมือเรานะคะ ก็จะใช้เหมือนกัน แต่ชื่อ ฟอนต์คนละชื่อ เป็นลายมือเหมือนกันค่ะ แต่ลายมือที่ต่างกันนะคะ หรืออาจจะใช้ฟอนต์ที่ตรงข้ามกันเลย อย่างเช่นข้อความหนึ่งใช้ฟอนต์ลายมือ อีกข้อความหนึ่งใช้เป็นฟอนต์ที่เป็นตัวหนังสือหัวตัดที่เป็นทางการก็ได้ ก็คือถ้าเป็นฟอนต์ประเภทเดียวกั นก็จะเอาฟอนต์ที่มันมีลักษณะใกล้เคียงกัน หรือไม่อย่างนั้นก็เอาที่มันต่างกันไปเลยนะคะ กับถึงแม้ว่าเราจะใช้ต่างกันก็จริง แต่อย่าให้มันเยอะเกินไป ควรใช้แค่ 1 งานออกแบบของเรานี่ ควรใช้ฟอนต์ตัวอักษรแค่ 2 หรือ 3 แบบแค่นั้นพอ อย่าใช้เยอะนะคะ ไม่อย่างนั้นมันจะลายตา ซึ่งทําไมต้องเป็น 3 ฟอนต์ เพราะเวลาหลักการออกแบบเราจะมีอยู่ 3 องค์ประกอบหลักสําหรับการออกแบบ ถ้าเป็น Infographic นะคะ ก็จะมีพาดหัวหลัก อาจจะเป็นฟอนต์หนึ่ง พาดหัวรองก่อนที่จะเข้าเนื้อหาอีกฟอนต์หนึ่ง แล้วก็ตัวเนื้อหาก็อีกฟอนต์หนึ่ง ไม่ควรเกิน 3  ฟอนต์ ไม่อย่างนั้นมันจะรกนะคะ แล้วมันก็จะดูไม่มีทิศทาง ไม่มีระเบียบในการออกแบบนะคะ แล้วก็ต้องเลือกฟอนต์ให้เข้ากับเนื้อหาของเรา เช่น คุณต้องดูก่อนว่าตัวหนังสือของคุณหรือข้อความของคุณนี่ จะไปปรากฏอยู่ที่ไหน บนเว็บไซต์หรอ บนป้ายประกาศตรงสี่แยกในมหาวิทยาลัยหรือเปล่า ป้ายโฆษณาริมถนนไหม หรือเป็นโบรชัวร์ไปประชาสัมพันธ์ต่างต่าง ใครเป็นคนอ่าน เด็กอ่าน เป็นวัยรุ่นอ่าน นักเรียนนักศึกษาอ่าน หรือเป็นผู้สูงอายุอ่านนะคะ สิ่งเหล่านี้จะต้องมาคิดด้วย เช่นถ้าคุณเอาลายมือที่มันเป็นแบบภาษาอังกฤษ ครั้งที่แล้วนะเป็นแบบ Decorative ก็คือเป็นแบบตัวประดิษฐ์ เป็นตัวหนังสือยึกยืออะไรพวกนี้ ไปให้ผู้หลักผู้ใหญ่อ่าน มันอาจจะไม่เหมาะนะคะ โดยเวลาเราตัดสินใจเลือก เราจะต้องตัดสินใจให้ดีนะคะ พิจารณาเนื้อหาให้รอบคอบก่อน แล้วมันจะเป็นตัวที่กําหนดทิศทางของเนื้อหา หรือ Content ที่เราต้องการจะนําเสนอด้วย น้ําหนักของฟอนต์ ตัวบาง ตัวหนา ตัวเอียง จังหวะการวาง การเว้นช่องไฟ ต้องมีการวางแผนด้วย แล้วอย่างที่บอกค่ะ เราจะไปนําเสนอที่ไหน เอาให้ใครอ่าน อันนี้คือสิ่งที่เราต้องให้ความสําคัญด้วย แล้วก็ต้องมีการเว้นช่องไฟ เว้นที่ว่าง ให้มันอ่านง่าย ให้มันเด่น โดยเฉพาะที่เป็นหัวข้อหลัก ถ้าสมมติว่าการออกแบบที่ดี ถ้าเราออกแบบหัวข้อชัดเจน สั้น กระชับ แค่อ่านหัวข้อ มันก็จะรู้แล้วว่าเขาจะสนใจงานเราหรือเปล่า เช่น มีกิจกรรมอบรม เราใส่ชื่อยาว ๆ ๆ ยาวมาก คนไม่อ่าน เพราะแค่อบรม คนก็เบื่อแล้ว แต่เราจะทําอย่างไรให้การอบรมของเรามันน่าสนใจขึ้น มันเริ่มตั้งแต่การประชาสัมพันธ์เลยนะค ะรวมถึงการแค่การทํารายงาน ทําการบ้านส่งอาจารย์ เราก็ต้องมีการจัดตัวหนังสือเหมือนกัน ชิดซ้าย ชิดขวา เว้นบรรทัด เคาะช่องว่างระหว่างคํานะคะ ต้องมีการจัดรูปแบบตัวหนังสือให้ตรงกัน เว้นเท่ากัน อันนี้ก็ต้องให้ความสําคัญด้วยนะคะ พิจารณาลําดับความสําคัญแล้วก็โครงสร้างของเนื้อหา เราจะต้องดูก่อนว่า องค์ประกอบของการออกแบบเราจะดึงดูดคนเข้ามาอ่านหรือมาสนใจงานของเรานี่ เราต้องพิจารณาก่อนว่าเราจะให้อะไรเป็นจุดเด่น หัวข้อเหรอ หรือเป็นภาพพื้นหลังเหรอ หรือเป็นภาพประกอบนะคะ แล้วตรงไหนจะเป็นจุดที่เด่นที่สุด ตรงกลางภาพ หรือด้านบนของภาพ หรือมุมล่างขวา มุมล่างซ้าย เราต้องพิจารณานะคะ เพราะว่า ไม่ว่าจะเป็นข้อความหรือรูปภาพ ถ้ามันโดดเด่น หรือมันแตกต่าง มันจะสะดุดตา ใครเห็นเขาก็จะสนใจ เช่น เวลาทําไมโปรโมชันลดราคาสินค้า เขาเขียนว่าลด 50 เปอร์เซ็นต์นี่ มันดึงดูดใจให้เราไปซื้อ ทั้ง ๆ ที่เราไม่รู้ว่าเสื้อผ้ามันจะสวยไหมน่ะ แต่เขาบอกว่าลด 50 เปอร์เซ็นต์นะ คุณก็สนใจแล้วนะคะ แล้วหลังจากนั้น ค่อยไล่ลําดับความสําคัญลงมา ถ้าเราไปเดินห้าง อย่างที่อาจารย์ยกตัวอย่างเมื่อกี้ก็คือ มันบอกว่าลดราคา 50 เปอร์เซ็นต์ แต่หัวข้อรองลงมาเล็ก ๆ เขาจะบอกว่าสินค้าแค่บางชิ้นเท่านั้น แต่เขาขึ้นป้ายว่า 50 เปอร์เซ็นต์มาใหญ่มาก แต่สินค้าเฉพาะที่จัดรายการเท่านั้นอะไรอย่างนี้ ไม่ใช่ทุกชิ้นนะคะ เขาก็จะค่อย ๆ ไล่ลําดับความสําคัญ โดยอาจจะใช้ตัวอักษรขนาดใหญ่ ขนาดเล็ก มีไฮไลต์ มีขีดเส้นใต้มีการใช้สีเน้นข้อความนะคะ โดยสิ่งที่สําคัญก็คือ เราจะทําอย่างไรก็ได้ให้มันดึงดูดความสนใจของคนที่มาอ่านงานของเรา หรือรับข้อมูลข่าวสารจากเรา โดยที่เราต้องดูให้ดี ๆ ว่าเราจะเน้นส่วนไหนที่มันสําคัญ ฟอนต์ที่จะใช้ก็ต้องโดดเด่นสะดุดตานะคะ พอเขาอ่านปุ๊บเห็นแวบ ๆ เดียว เขาต้องสนใจงานเราเลยนะคะ เลือก ให้เหมาะกับเนื้อหาที่เราต้องการนําเสนอ เหมือนรูป Robot ข้าง ๆ ถ้าเราเอาฟอนต์ไทยลายมือไทยเขียน ที่เป็นหัวยาว ๆ เหมือนอาทิตย์ที่แล้ว ลายไทยมาก ๆ มันจะเข้ากันไหมกับ Robot ไม่เข้ากัน ใช่ไหมคะ เพราะฉะนั้น ถ้าเป็นตัวหนังสือเกี่ยวกับเทคโนโลยี หรืออะไรก็ตามที่เรานําเสนอเกี่ยวกับความล้ําสมัย เราก็ต้องดูฟอนต์ที่มันดูแบบ ดูเป็นแบบดิจิทัล ดูเป็นแบบล้ําไปถึงโลกอนาคตนะคะ เพราะฉะนั้นมาใช้ฟอนต์ไทยธรรมดากับงานออกแบบ ถ้ามันเป็นอะไรที่ล้ําสมัยมากนี่ ก็ไม่ค่อยเหมาะนะคะ การออกแบบ อาจารย์กับนักศึกษานี่ บางทีนักศึกษาจะมีความคิดที่มันนอกกรอบกว่าอาจารย์ เพราะคุณเป็นคนรุ่นใหม่ อาจจะเห็นสื่อโซเชียลที่เขาโพสต์ ๆ กันมานี่ แล้วคุณจําได้ คุณชอบ คุณรู้สึกว่าทําแบบนี้แล้วมันเข้าถึงง่าย อ่านง่าย เดี๋ยวนี้เวลาเราจะโพสต์อะไรก็ตามลงบนอินเทอร์เน็ตนี่ บางทีเราพิมพ์ข้อความเยอะ ๆ นี่ คนไม่อ่าน เขาเลยนิยมลงเป็นรูปภาพ แล้วรูปภาพก็จะมีการใส่แนวคิด ใส่ความคิดเห็น มีการปรับแต่งภาพ ให้เรารู้สึกว่าทําไมมันน่าสนใจจังเลยนะคะ บางคนก็จะสนใจในโลกเกมออนไลน์ คุณก็จะเห็นดีไซน์ในเกมออนไลน์มา คุณก็สามารถมาปรับใช้กับงานออกแบบได้นะคะ แต่แค่ว่ามันต้องเหมาะกับงานนั้น ๆ ไม่ใช่ว่าเอาอะไรที่เป็นเกมมา แล้วมานําเสนอเกี่ยวกับวันพระอย่างนี้ มันก็อาจจะไม่ค่อยเข้ากัน โดยการสร้างตัวอักษรกราฟิกนะคะ สร้างงานกราฟิกนี่ มันอาจจะเป็นการที่เอาตัวอักษรหรือข้อความมาประกอบกัน เพื่อให้เราสามารถสื่อสารกับผู้รับสารของเรานี่ได้เข้าใจง่ายขึ้นนะคะ ทั้งการทําพวกโปสเตอร์สินค้าโฆษณาตามห้าง ร้านค้า รถประจําทาง เดินขึ้นมาบันไดตึกนี้ก็มีป้ายโฆษณาเยอะแยะนะคะ วันนี้เราจะเริ่มต้นด้วยที่ Adobe Photoshop อย่างง่าย แล้วก็น่าจะเคยใช้กันมาแล้วบ้างนะคะ โดย Adobe Photoshop นี่มันก็จะเป็นเครื่องมืออํานวยความสะดวก ทั้งการปรับแต่งภาพ สร้างตัวอักษร ปรับแต่งข้อความนะคะ ใช้งานค่อนข้างง่ายแล้วกัน จะเรียกว่าง่ายเสียทีเดียวก็ไม่ได้นะคะ ค่อนข้างง่าย แล้วก็ประยุกต์ใช้กับเครื่องมือต่าง ๆ ได้ดี สร้างข้อความกราฟิกก็ได้เป็นอย่างดีเช่นเดียวกันนะคะ หลาย ๆ ที่ หรือหลาย ๆ องค์กรในประเทศไทยนี่ เขาก็นิยมใช้กัน อย่างอีกปี 2 ปีพวกคุณต้องไปฝึกงานนี่ อาจจะต้องได้ทําป้ายประกาศให้กับหน่วยงานที่คุณไปฝึกงาน ก็จะได้ไม่อายเขาว่าอย่างน้อยเราก็ทําได้ ถามว่าทําไมไม่ใช้ Canva Canva ก็ใช้ได้ค่ะ แต่ว่าบางอย่างถ้าเป็นโปรแกรมประเภทนี้มันปรับแต่งได้มากกว่า Canva คุณก็จะเอาของเขามาปรับได้แค่บางส่วน แต่บางอย่างถ้าเราอยากสร้างใหม่เองเลยนี่ มันก็ต้องอาศัย เฉพาะทางมากขึ้นนะคะ อันนี้เป็นหน้าตาของ Adobe Photoshop ในเครื่องพวกคุณไอคอนอาจจะไม่เหมือนกัน แต่ก็พอเปิดโปรแกรมขึ้นมามันก็จะคล้าย ๆ กันนี่แหละนะคะมันจะเป็นโปรแกรมสําหรับปรับแต่งภาพ สร้างข้อความนะคะ หรือทํางานด้าน Infographic ก็ได้ ทํางานเอกสารก็ได้ถ้าภาษาอังกฤษเขาเรียกว่า Artwork นะคะ เป็นงานศิลปะ โดยก่อนที่เราจะเริ่มทํางานนี่ เราต้องรู้จักเครื่องมือของ Photoshop ก่อนนะคะ ก็จะมีอยู่หลายหมวด หมวดแรกเป็นหมวดสําหรับเครื่องมือสำหรับการเลือกนะคะ หรือว่า Selection Tools ถ้าใครอยากรู้เครื่องมือ ระหว่างที่อาจารย์พูด เปิดโปรแกรม Photoshop ที่เครื่องตัวเองด้วย Photoshop อยู่ตรงไหน Photoshop จะอยู่ เดี๋ยวนะคะ มันจะเป็นไอคอนสีเทา ๆ ในเครื่องนักศึกษา นี่ ๆ เอาตัวนี้นะ Photoshop 2023 เปิดดูไปด้วยนะคะ เดี๋ยวอาจารย์จะอธิบายเครื่องมือ นักศึกษาก็ดูเครื่องมือตามที่อาจารย์อธิบายด้วยนะคะ เพราะว่า เดี๋ยวอธิบายเครื่องมือเสร็จปึ๊บ จะให้ทํา Workshop เลย เพราะถือว่าโปรแกรมนี้เคยเรียนมาบ้างแล้วนะคะ โอเค น่าจะเรียบร้อย ก็ดูที่เครื่องตัวเองเลยนะคะ แล้วก็ดูที่จออาจารย์ตามไปด้วยก็ได้ สักครู่นะคะ อันแรกเป็นหมวดของการเลือกนะคะ Selection Tools เป็นเครื่องมือสําหรับการเลือก อันแรก ถ้าใครกดไม่เจอ ตรงนี้นะคะ ให้คลิกขวา เครื่องมือมันจะมีเยอะมากนะคะ ถ้าใครหาเครื่องมือที่อาจารย์เอาตัวอย่างให้ดูนี่ไม่เจอ ให้คลิกขวานิดหนึ่ง ตรงแถบด้านซ้ายของจอโปรแกรมน่ะนะคะ ตรงตัวโปรแกรม แต่ถ้าใครยังไม่เห็นไม่เป็นไร เดี๋ยวตอนเราทํา Workshop เดี๋ยวได้ทําพร้อมกันอีกทีหนึ่งนะคะ อันแรกจะเป็นเกี่ยวกับการเคลื่อนย้ายนะคะเป็นเครื่องมือสําหรับย้ายภาพไปในเลเยอร์อื่น ๆ มีพื้นที่ย้ายไปตามพื้นที่ที่เลือก ย้ายไปตามเส้นที่ไกด์ของโปรแกรม อันที่ 2 นะคะ เป็น Artboard Tool นี่ จะเป็นสําหรับสร้างชิ้นงานขึ้นมาอีกชิ้นหนึ่งตามที่เราต้องการ แต่เครื่องมือทุกอย่างนี่ บางคนอาจจะยังใช้เครื่องมือไม่ครบทุกอย่าง ก็ไม่เป็นไร อันนี้อาจารย์เอาให้ดูก่อน ทบทวนสําหรับบางคนที่เคยใช้มาแล้ว แต่ว่าจําเครื่องมือไม่ได้ จําไม่ได้ว่ามันอยู่ตรงไหนนะคะ ก็ดูไปอีกรอบ อีกอันหนึ่งก็จะอาจจะเป็นเกี่ยวกับการเลือกพื้นที่รูปสี่เหลี่ยม เลือกพื้นที่รูปวงกลมนะคะ เลือกพื้นที่ขนาดแค่ 1 พิกเซลเป็นคอลัมน์ขนาด 1 พิกเซล อันนี้ก็แล้วแต่ความถนัดของแต่ละคน ว่าจะเลือกใช้เครื่องมืออะไรสําหรับการเลือกนะคะ ทั้งข้อความเลือกรูปภาพใด ๆ ก็ว่าไป หมวดต่อมาเป็นหมวดสําหรับการตัดนะคะ การตัด อันแรกหมายเลข 1 จะเป็นการตัดเฉพาะส่วน เฉพาะส่วนที่เราเลือกนะคะ อันที่ 2 จะเป็นการตัดภาพให้มีความลึกนะคะ จะมีมิติในการตัดภาพ เมนูที่ 3 จะเป็นการตัดภาพเพื่อแยกเป็นไฟล์ย่อย ๆ เหมือนเวลาเราสไลด์ขนมปังหั่นเป็นเหมือนหมูสไลด์น่ะ เวลาเรากินชาบูเป็นชิ้น เป็นชิ้น เป็นชิ้น สําหรับไปสร้างเว็บเพจนะคะ อีกอันหนึ่ง ก็คือ ไว้สําหรับเลือกสิ่งที่เราหั่นไว้แล้วออกมานะคะ อันนี้อธิบายคร่าว ๆ ก่อน เดี๋ยวเราจะทํา Workshop เลย หมวดต่อมา เป็นส่วนของการวัดนะคะ การคาดการณ์ มาตราส่วนต่าง ๆ ตั้งแต่การเลือกสีภาพไปใช้งาน อันแรกก็คือ สมมติเราชอบสีของรูปอีกรูปหนึ่ง เราสามารถดูดสีจากภาพนั้นมาใช้กับงานเราก็ได้ สมมติเราชอบโทนนี้ แต่เราไม่รู้ว่าสีนั้นคือสีอะไร เราใช้ตัว Dropper นี่ค่ะ ไปดูดสีมา แล้วมาหยดใส่งานของเราก็ได้ หรือเป็นการเทพื้นผิวด้วยวัตถุ 3 มิติ สมมติว่าใครเดี๋ยวพอหลัง Midterm เราอาจจะมีการออกแบบ 3 มิติ ถ้าใครถนัดใช้ Photoshop ก็ทํา Photoshopได้ แต่อาจารย์ก็จะมีอีกโปรแกรมหนึ่งให้พวกคุณใช้เหมือนกัน ให้เรียนรู้หลากหลายนะคะ ก็สามารถเปลี่ยนสีวัตถุ 3 มิติได้ หรือการจะดูดสีจากสีหนึ่ง มาเปรียบเทียบค่ากับสีที่เรามีก็ได้ อาจจะเป็นใช้ไม้บรรทัดวัดระยะห่างกําหนดตําแหน่งนะคะ หรือเพิ่มคําอธิบายให้กับภาพ ก็ใช้เครื่องมือในส่วนของหมวด C นี้ก็ได้นะคะ ต่อมาเป็นหมวด Retouch หรือหมวดปรับแต่งภาพนะคะ อันแรก ถ้าใครเป็นสิวเม็ดเล็ก ๆ เราสามารถแก้ไขจุดบกพร่องนี้ได้ มันจะเป็นเม็ดเล็ก ๆ ๆ ๆ ในหน้า อันนี้เราพอช่วยได้หรือถ้ามันใหญ่กว่านั้น มันก็เอาคล้าย ๆ กับพลาสเตอร์มาแปะ เป็นเครื่องมืออันที่ 2 เหมือนแผลมันใหญ่มากหรือสิวมันใหญ่มาก เราก็ยังแก้ไขได้นะคะ หรือการย้ายวัตถุภาพในภาพนี่ไปอยู่ตําแหน่งใหม่ก็ได้นะคะ คัดลอกภาพส่วนนี้ไปไว้อีกส่วนหนึ่ง เช่น อยากมีไฝตอนแรกอยู่ที่แก้มอยากมีไฝบนหน้าผากอีกสักเม็ดหนึ่ง ก็ก๊อบไฝที่แก้มไปใส่ที่หน้าผากได้ อยากมีไฝเยอะ ๆ ก็ได้ ลบไฝออกก็ได้นะคะ การใช้พื้นที่ผิวใกล้ ๆ กันมาเกลี่ยกับอีกส่วนหนึ่งที่ไม่ต่างกันมากก็ได้ เช่นบางคนแบบอยากทําหน้าให้มันเนียนเท่าเท่ากัน แต่สีผิวมันดูไม่กลืนกัน ก็แต่งได้นะคะ หรืออาจจะลบพื้นผิวที่เราไม่ต้องการ ไม่อยากได้ มันจะมีผมตกลงมาตรงหน้าผาก ลบผมออกได้ไหม ลบได้ ลบพื้นหลังออกได้ไหม ก็ลบได้นะคะ ลบพื้นหลังไปเลย เปลี่ยนสีพื้นหลังก็ได้ ให้มันเป็นโปร่งแสงสําหรับไปทําภาพเวลามันซ้อนกันนี่ มันก็จะไม่เห็นพื้นหลังนะคะ หรือระบายสีภาพ ให้มันเบลอ หรือว่าปรับภาพให้คมชัดก็ได้นะคะ เกลี่ยสีก็ได้ เพิ่มความสว่างให้ภาพก็ได้นะคะ เพิ่มความมืดก็ได้ เหมือนภาพมันสว่างไปเราทําให้มันมืดก็ได้นะคะ หรือสีมันดูแบบแดดมันแรงเกิน หรือมันดูหม่น ๆ เกิน ก็สามารถเปลี่ยนสีได้เหมือนกันนะคะ ต่อมา วันนี้เราจะได้ใช้หมวดนี้ด้วยนะคะ สําหรับการเปลี่ยนพื้นหลัง Background เป็นหมวดของการเทสี ของการใช้สีนะคะ ตั้งแต่การสร้าง การเพิ่มลวดลายให้กับเส้น การเปลี่ยนสีพื้นหลังนะคะ การเขียนเหมือนใช้ดินสอนะคะ อาจจะเป็นเส้นที่ถ้าใช้เมาส์ปากกามันจะละเอียดกว่า ถ้าใช้เมาส์ที่เราใช้งานกันนี่ อาจจะทําให้ไม่ลื่น หรือมันไม่สวยเท่าที่ควรนะคะ การเปลี่ยนสีภาพใหม่ ตอนแรกเป็นสีเหลืองอาจจะเปลี่ยนเป็นสีเขียวก็ได้นะคะ การเกลี่ยสีของภาพให้กลายเป็นภาพวาด แก้ไขข้อผิดพลาด ไล่เฉดสี การเติมสีลงบนภาพก็ได้ วันนี้เราจะใช้ตัว Painting Tool 1 อันนะคะ เป็นถังสี เทสีลงไปเลยนะคะ การวาดภาพ แล้วก็การพิมพ์ วันนี้เราก็จะมีการพิมพ์ข้อความลงไปในภาพด้วยนะคะ เพราะว่าเราจะมาดีไซน์ตัวหนังสือกัน มันก็จะเกี่ยวกับการพิมพ์เอกสาร การลากเส้นแบบอิสระ การเปลี่ยนทรงของเส้นต่าง ๆ ก็สามารถใช้งานบน Photoshop ได้ พิมพ์ตัวหนังสือแนวตั้งแนวนอนนะคะ ก็สามารถกําหนดได้ด้วยเครื่องมือหมวด F ตัวนี้นะคะ อันนี้จะไม่ค่อยลงรายละเอียดเท่าไร อันนี้จะเป็นอีกอันหนึ่ง เมนูส่วนที่ 5 จะได้ใช้วันนี้นะคะ เป็นการสลับสีพื้นหน้ากับสีพื้นหลังสลับกัน วันนี้เราจะได้ใช้ส่วนนี้ด้วยนะคะ วันนี้จะมี Workshop อยู่ 2 งาน อันแรกจะเป็นการหั่นตัวหนังสือ สังเกตว่าจริง ๆ มันก็เป็นตัวหนังสือปกตินี่แหละ แต่ส่วนข้างล่าง มันถูกเหมือนเอามีดกรีด แล้วมันเยื้องกัน เคยทําไหมคะ เวลางานออกแบบแบบนี้ สมมติมันเป็นงานแบบแนวเท่ ๆ วัยรุ่นชอบกันสมัยนี้ ลองดูว่า ไอ้หัวข้อแบบนี้ เราจะทําได้ไหมนะคะ กับงานที่ 2  สังเกตว่าในรูปอาจารย์ คือ ตรงตัวหนังสือชื่อจังหวัดสกลนครนี่ มันโปร่งแสง ทะลุลงไปเห็นวัด บางคนก็จะบอกว่าทําในแอปโทรศัพท์ก็ได้ แต่ถ้ามันเป็นภาพที่เราต้องการความละเอียดสูง มันทําในโทรศัพท์ไม่ได้นะคะ มันต้องใช้โปรแกรมเฉพาะทางทํา เราจะทําอย่างไร วันนี้เราจะทํา 2  Workshop นี้นะคะ งานแรกจะเป็นการหั่นตัวหนังสือนะคะ อันที่ 2 จะเป็นตัวหนังสือโปร่งใสแบบนี้นะคะ มองทะลุตัวหนังสือให้เห็นพื้นหลังนั่นเองนะคะ เข้าโปรแกรม Photoshop เลยค่ะ น่าจะเข้ากันทุกคนแล้ว ยกเว้นอาจารย์นะ Photoshop สักครู่ หน้าแรก เข้ามา เห็นเหมือนกันไหมคะ มันจะเป็นหน้าจอสีดํา ๆ แบบนี้ทุกคนนะ ใครยังไม่เคยใช้ Photoshop เลยบ้างคะ ใช้ทุกคน น่าจะใช้หมดแล้ว มิ้งเคยใช้ไหม ไม่เคย เปิดหรือยังในเครื่อง เปิดแล้ว ขั้นตอนแรกของการทํางานบน Photoshop นี่ เราจะต้องกําหนดขนาดของภาพที่เราต้องการจะทํางาน เหมือนวันนี้เราจะเอาเท่าไรดี ให้มันเป็นแนวนอนแนวตั้ง เป็นสี่เหลี่ยมผืนผ้า อะไรอย่างไรก็ได้แล้วแต่คุณนะคะ ไปที่เมนูตรงนี้ New file นี่ค่ะ มันเป็นภาษาอังกฤษนะคะ เมนูภาษาอังกฤษ New file มีไหม มีทุกคนแหละนะคะ มันก็จะถามว่า เราต้องการจะเริ่มทําอะไรนะคะ ขั้นตอนแรก เราต้องกําหนดขนาดของสิ่งที่เราต้องการจะออกแบบก่อน อย่างเช่น อาจารย์อยากให้มันเป็นแนวตั้ง ตอนนี้หน่วยของภาพที่เรามีนี่ มันเป็นหน่วยเซนติเมตรใช่ไหม ถ้าใครถนัดเป็นพิกเซลก็ได้นะคะ เป็นหน่วยเป็นนิ้วก็ได้ เป็นมิลลิเมตรก็ได้นะคะ ถ้าเป็นพิกเซลเราก็เปลี่ยนได้นะคะ เป็นแนวตั้ง แนวตั้ง รูปคนก็จะเป็นแนวตั้งแบบนี้ กดเลยค่ะ 1 ครั้ง จะเป็นแนวตั้งนะคะ ขนาดถูกไหม ความกว้างเท่านี้ความกว้าง 1,417 อาจารย์เอาเป็นกว้าง 1,200 สูง 1,800 Resolution Resolution เปลี่ยน Pixels เป็น Inch ก่อนนะคะ ให้ ตอนนี้ทุกคนตั้งค่าให้เหมือนอาจารย์ก่อนก็ได้ ดูที่หน้าจอนะคะ ตั้งให้เหมือนกันก่อน จะมีเปลี่ยนเลขตรงไหนบ้างนะคะ มีเปลี่ยนความกว้าง ความสูง แล้วก็ความละเอียด อันนี้จะลําบากนิดหนึ่ งพอดีเป็นเมนูภาษาอังกฤษแบบเลี่ยงไม่ได้ เดี๋ยวพี่พลอยเดินดูด้วย ไอ้ตัวเลข 1,200 นี้คือความกว้างของภาพนะคะ ตัว 1,800 คือความสูงของภาพ ตัว 300 คือความละเอียดของภาพที่เราจะทํา ในโทรศัพท์มันจะทําละเอียดขนาดนี้ไม่ได้นะคะ เพราะฉะนั้น จําเป็นจะต้องหัดใช้คอมพิวเตอร์ด้วยนะคะ ใครได้แบบนี้แล้ว กด Create เลยค่ะ ตัวสีฟ้า ๆ ข้างล่าง กดเลยค่ะ เป็นแนวตั้งแล้วใช่ไหม เป็นแนวตั้งแล้ว เพราะว่าเรากําหนดภาพให้มันเป็นแนวตั้ง สมมติไม่ชอบแนวตั้งล่ะ หนูอยากได้เป็นสี่เหลี่ยมจตุรัสนะคะ เวลาตั้งสี่เหลี่ยมจัตุรัส เราก็จะเอาเป็นค่าตรงนี้มันจะต้องเท่ากันใช่ไหม ถ้าอยากให้รูปภาพมันด้านมีขนาดความกว้างความยาวเท่ากัน ขนาดความสูงความกว้างก็ต้องเท่ากัน สมมติเมื่อกี้ใครไม่ชอบแนวมันยาวไปน่ะ ไม่ชอบ อยากให้มันพอดี มันเท่ากัน ก็ตั้งให้มันเท่ากันก็ได้นะคะ หรือใครอยากได้แนวนอน ก็พลิกมาเป็นแนวนอน รูปคนน่ะค่ะ มันจะมีแนวตั้งแนวนอน สมมุติเราตั้งเหมือนเดิม 1,200 กับ 1,800 เราอยากได้แนวนอน เราก็คลิกตรงนี้ก็ได้ค่ะ รูปมันก็จะเป็นแนวนอนให้เรานะคะ แล้วแต่ชอบเลย แล้วแต่ชอบ สมมติอาจารย์เปลี่ยนเป็นแนวนอนก็ได้นะคะ หรือบางคนบอก เอ๊ะ เอาเป็นแบบนี้ได้ไหม เป็นจตุรัสก็ได้นะคะ เป็นด้านเท่ากันก็ได้แล้วแต่ชอบเลยนะคะ แล้วแต่ชอบ หรือแล้วแต่สิ่งที่คุณกําลังจะนําเสนอ ถ้าสมมติว่าเขาให้คุณออกแบบโปสเตอร์ โปสเตอร์มันควรเป็นอย่างไรคะ มันควรเป็นแนวตั้ง ใช่ไหม หรือเขาให้บอก ออกแบบนําเสนอบน Facebook อยากให้คุณไป ลง Facebook หรือ บน Instagram ถ้าใครเล่น Instagram จะเห็นว่าภาพที่แสดงผลมันจะเป็นสี่เหลี่ยมด้านเท่า ก็คือจัตุรัสนั่นเอง เราก็อาจจะต้องเปลี่ยนขนาดความกว้างความยาวให้มันเท่ากัน ให้มันพอดีกับการที่เราจะไปโพสต์ลงสื่อโซเชียลใด ๆ ก็ตามนะคะ ได้แล้ว สมมติเอาเป็นแบบนี้ ตอนนี้พื้นหลังทุกคนจะเป็นสีขาวเหมือนกันใช่ไหมคะ ก่อนที่เราจะทําเมื่อกี้จากตัวอย่างที่อาจารย์ให้ดูใน Workshop มันเป็นสีดํา ใช่ไหมคะ เป็นสีดํา ตัวหนังสือสีขาว เราจะทําพื้นหลังให้เป็นสีดํา แต่ว่าวันนี้มันจะมีส่วนประกอบหลายหลายอย่างในการทํา Workshop นะคะ เราจะให้พื้นหลังสีดําไปเลยได้ไหม ก็ได้ แต่เวลาที่เราหั่นตัวหนังสือแล้ว มันอาจจะมีปัญหา เราจึงจําเป็นต้องสร้างอีก Background หนึ่ง ตรงนี้ค่ะ ตอนนี้ Background เรามีอันเดียว มุมล่างขวา เรามีสีขาวอันเดียว เราจะต้องสร้างพื้นที่เพิ่มอีก 1 ที่นะคะ ด้านล่างสุดจะมีเครื่องหมายบวกนะคะ ด้านล่างสุดจะมีเครื่องหมายบวก กด 1 ครั้งค่ะ มันจะขึ้นเพิ่มเขียนว่า Layer 1 เพิ่มขึ้นมาอีก 1 อัน Layer 1 นะคะ ได้เท่ากันหรือยัง ตอนนี้จะมี 2 อันแบบนี้นะคะ เราจะเปลี่ยนเป็นพื้นหลังสีดําทําอย่างไร เมื่อกี้เรามีอุปกรณ์ที่เป็นถังสีนะคะ มาตรงเครื่องมือ อยู่ไหนนะถังสี อ้อ ไม่ใช่ถังสีก่อน ตอนนี้ดูตรงนี้ด้วยว่า เมนูตรงนี้เป็นสีดําอยู่ด้านบนหรือยัง เป็นสีดําแล้ว หรือใครอยากได้สีอื่นก็ได้นะคะ แต่ตอนนี้เอาให้เหมือนกันก่อน ถ้าเราเลือก มันจะมีให้เราเลือกสีได้ แต่ตอนนี้ให้เป็นสีดําเหมือนกันก่อนทุกคนนะคะ เราเลือกทีหลังก็ได้ พอได้สีดําแล้ว ตรงเครื่องมือนี้ ถ้าใครไม่ขึ้น กดคลิกขวา มันถึงจะโชว์เครื่องมือนะคะ คลิกด้านขวา คลิกขวา เลือกอันที่ 2 อันที่ 2 นะคะ อันที่ 2 คลิกอันที่ 2 แล้ว มันจะเป็นเหมือนถังสีน่ะค่ะ ถังสีหก ๆ แบบนี้ กดลงไปตรงพื้นที่สีขาวเลย นี่ พื้นหลังเราจะกลายเป็นสีดําแล้ว ตรงมุมด้านขวา มันก็จะมีทั้งสีขาวสีดําอยู่ด้วยกัน ได้แล้ว คราวนี้เราจะมาเพิ่มข้อความนะคะ เพิ่มข้อความตรงไหน ตรงรูปตัว T กด 1 ครั้งนะคะ พิมพ์ข้อความ เอาเหมือนอาจารย์เลยก็ได้นะคะ ทําไมมองไม่เห็นล่ะ นะคะ เพราะตอนนี้ตัวหนังสือที่เราพิมพ์มันเป็นสีดํา พื้นหลังแล้วก็สีดํา เราเลยมองไม่เห็น เพราะฉะนั้นตอนนี้มันจะมีอัน Cursor นะคะกระพริบ ๆ อยู่ทําไฮไลต์เหมือนเวลาเราเรียนทําใน Word เลย เปลี่ยนสี เปลี่ยนสีอยู่ด้านบนนะคะ เปลี่ยนสีตัวหนังสืออยู่ด้านบน กด 1 ครั้งนะคะ เปลี่ยนสีตัวหนังสือเป็นสีขาวก่อน Slice ที่แปลว่าหั่น แปลว่าเฉือนนะคะ แล้วเราก็อย่าลืมเปลี่ยนฟอนต์ เอาตามที่เราชอบ อาจารย์ก็จะเปลี่ยนฟอนต์ เลือกฟอนต์ก่อน ฟอนต์เอาตามชอบเลยนะคะ เลือกเอาเองเลย ไม่เอา ตัวนี้ก็ได้ ถ้าใครอยากปรับตัวหนังสือให้มาอยู่ตรงกลางนะคะ มันจะมีเครื่องมือตัวนี้ค่ะ ที่มันเป็นลูกศร 4 ทิศทาง กด 1 ครั้งนะคะ เราก็จะสามารถขยับตัวหนังสือที่เราพิมพ์เมื่อกี้นี้ได้นะคะ ก็คลิกเมาส์ค้างที่ตัวหนังสือนะคะ มันถึงจะขยับได้ เดี๋ยวอาจารย์เดินดู ครั้งแรก ปรับขนาดตัวหนังสือให้ใหญ่หน่อยนะคะ ไม่อย่างนั้นเวลาตอนที่คุณหั่นตัวหนังสือนี่ มันเล็ก มันจะหั่นยาก แล้วมันจะไม่สวยนะคะ ปรับตัวหนังสือให้มันสมดุลกับพื้นที่สีดําที่เรามีหน่อยนะคะ ไม่ให้ใหญ่เกินไป ไม่ให้ล้นเกินไป ไม่ให้เล็กเกินไป ปรับให้มันพอดีนะคะ เวลางานที่เสร็จออกมามันจะได้ดูง่าย ๆ เดี๋ยวให้เสร็จตรงนี้ก่อน เพราะเดี๋ยวจะหั่นไม่เท่ากัน ปรับขนาดตัวหนังสือก็เหมือนที่เราใช้ Word เลยค่ะ เปลี่ยนฟอนต์ เปลี่ยนอะไร สัปดาห์ที่แล้วเราก็ทําแล้วนะคะ ถ้าใครรู้สึกว่ามันเล็กเกินไป มันจะมีตัวเลขอยู่ด้านล่างจอมันจะเขียนอยู่ 50% สมมุติว่ามันเล็ก คุณสามารถขยายขนาดเป็น 100 120 ก็ได้นะคะ ให้มันใหญ่ขึ้นเราจะได้ดูง่าย ๆ ก็ได้นะคะ คราวนี้น่าจะทันแล้ว เราจะหั่นตัวหนังสือ หั่นครึ่งนะคะ หั่นครึ่งให้มันเหมือนโดนมีดกรีดนะคะ เราก็จะใช้ตัวเครื่องมือ ชื่อว่า Polygonal Lasso Tool อยู่ตรงไหน อยู่ตรงนี้ เมนูที่ 2  นะคะ กด 1 ครั้ง เราหั่น วิธีการหั่น ก็คือ เราจะหั่นเส้นครึ่งหนึ่งของตัวหนังสือก่อน แล้วตีเป็นกรอบสี่เหลี่ยม คล้าย ๆ สี่เหลี่ยมคางหมูนะคะ เดี๋ยวอาจารย์ทําให้ดู ดูก่อนนะคะ ดูก่อนนะคะ คลิกตรงนี้ 1 ครั้ง ตรงไหนที่เราจะหยุด เราจะคลิก 1 ครั้งนะคะ คลิก 1 ครั้ง คลิก 1 ครั้ง คลิก 1 ครั้ง จะคลิกอยู่ 4 ครั้ง ให้มันบรรจบกัน แล้วมันจะเป็นเส้นประขึ้นแบบนี้ ใครดูไม่ทันไหมคะ เอาใหม่อีกรอบนะ ใช้เครื่องมือที่ 2 เหมือนที่อาจารย์ให้ดูเมื่อกี้นี้นะ คลิก 1 ครั้งค่ะ เป็นจุดเริ่มต้น แล้วก็หั่นครึ่งอย่างนี้เลยก็ได้นะคะ หั่นครึ่งอย่างนี้เลย หั่นเฉียง ๆ หน่อยก็ได้แล้วแต่นะคะ แล้วแต่ คลิก 1 ครั้ง คลิกครั้งที่ 3 คลิกครั้งที่ 4  จะเป็นแบบนี้ ให้เป็นเส้นประนะคะ มันจะแสดงขอบเขตว่าส่วนไหนจะยังอยู่ ส่วนไหนจะถูกหั่นนะคะ ใครยังไม่ได้ เดินดูก่อน แล้วก็มาที่มุมล่างขวาค่ะ ตรงที่มันเขียนตัว T นี่นะคะ เราต้อง Mask Layer นี้ไว้ก่อน วิธีการ Mask คือ คลิก 1 ครั้งตรงตัว T นะคะ ตรงตัว T นี่ค่ะ แล้วก็กดตรงที่ เมนูตรงนี้ มันจะเขียนว่า Add layer mask มันจะเป็นสี่เหลี่ยมผืนผ้ามีจุดวงกลมตรงกลาง เป็นปุ่มเล็ก ๆ นี่ค่ะ ข้างล่างนะคะ กด 1 ครั้งค่ะ มันก็จะมีสิ่งที่เปลี่ยนแปลงคือมันจะเขียนว่า สไลด์ตรงนี้เพิ่มอีกตัวหนึ่ง มันจะมีจุดเปลี่ยนแปลงตรงนี้นะคะ ต้องให้ได้นะ ต้องกด Mask ให้ได้ก่อนนะคะ มาแล้วมากดตรงสิ่งที่มันงอกขึ้นมาใหม่ตรงนี้นะคะ กดตรงนี้นะคะ กดให้ตรงนี้นะ ตรงพื้นหลังดํา ๆ นี้นะ ที่มันมีขีดขาว ๆ ตรงนี้ด้วยนะคะ กด กดให้ได้ก่อนนะ เห็นไหมว่า ตัวหนังสือมันจะโดนผ่านแบบนี้นะคะ หั่นแล้ว เราจะต้องสร้างเลเยอร์ขึ้นมาอีกอันหนึ่งนะคะ วิธีการสร้างก็คือกด Ctrl+J Ctrl+J นะ เพื่อ Copy ตัวหนังสือที่ถูกหั่นเมื่อกี้ขึ้นมาอีกครั้งหนึ่ง ตอนนี้เป็นแบบนี้แล้วนะ เราจะขยับตัวหนังสือ เราจะเลือกเฉพาะตรงที่เราต้องการขยับนะคะ ให้กด Ctrl+I  Ctrl+I ลองดู ดูสิ แล้วลองกดปุ่มลูกศรอยู่ตรงคีย์บอร์ดเราน่ะค่ะ เดี๋ยวนะ มันซูมเข้าซูมออกเยอะโคตร มันงง นี่ไง เอาใหม่นะ เอาใหม่นะ พอได้อย่างนี้แล้วใช่ไหมคะ คลิกเมาส์ครั้งหนึ่ง ตรงมุมล่างขวาน่ะคะ มันจะมีพื้นหลังสีขาวขีดสีดําอันหนึ่ง ที่เราสร้างขึ้นใหม่ คลิก 1 ครั้งตรงนั้นก่อน คลิกแล้วกด Ctrl+I บนคีย์บอร์ดของเรา นี่ พอกดแล้วเราจะสามารถขยับตัวหนังสือให้มันเยื้องซ้ายเป็นอย่างนี้ได้ เหมือนโดนหั่น มันก็จะโดนหั่นตามส่วนที่เราทําเมื่อกี้นี้เลยนะคะ ขยับให้มันเยื้องนิดหนึ่ง ให้มันเหมือนโดนหั่นจริง ๆ เอาที่พอดีเห็นไหมเหมือนตัวหนังสือโดนมีดหั่นแล้ว ทําไมถึงแยกแค่นี้ เพราะอาจารย์จะเติมเงาด้วย ให้เหมือนตัวหนังสือมันลอยออกจากกัน วิธีการเติมเงาเราจะใช้เครื่องมือที่เป็นแปรงทาสีนะคะ ก่อนที่เราจะทาสีเราต้องมาเปลี่ยนตรงนี้นะคะ ให้กลับไปเป็นสีดําก่อน เอาเครื่องหมายไอ้ตัวลูกศร มีลูกศรทั้ง 2 ฝั่ง กดให้มันสลับกลับมาเป็นสีดําก่อนนะคะ กดลูกศรตัวนี้ 1 ครั้งให้กลับมาเป็นสีดําก่อนนะคะ แล้วก็ไปเลือกเครื่องมือ อาจารย์จะเพิ่มเงา ใช้เครื่องมือที่เป็นเหมือนพู่กันตรงนี้นะคะ Brush Tool ตรงนี้กด 1 ครั้งนะคะ แต่อาจารย์อยากได้เงาที่มันไม่เยอะมาก ตอนนี้ขนาด ปรับขนาดให้มันพอดีกับตัวหนังสือเรานะคะ ประมาณนี้แล้วกัน ใครทําไม่ทันไม่เป็นไร ดูอาจารย์ก่อน เดี๋ยวอาจารย์จะเดินไปดูที่โต๊ะ เงยหน้าดูอาจารย์ก่อนนะคะ อาจารย์จะเพิ่มเงาให้ตัวหนังสือ ให้มันเหมือนถูกหั่น แล้วมันมีเงาสะท้อน สะท้อนลงมานะคะ ก็จะเป็นการใช้แปรง ค่อย ๆ ระบายสีนิดหนึ่ง ซึ่งด้านบนนี้ตรงนี้จะเป็นการปรับขนาดแปรง ข้างล่างจะเป็นการปรับความหนาความบางของแปรงนะคะลองเทสต์ดูก่อนก็ได้ นี่เข้มไปหน่อยเอาลงอีกเบา ๆ นะคะ เอา Soft Round ตรงนี้ก็ได้ แล้วก็มาระบายตรงนี้ ระบาย ผลลัพธ์ที่ได้ เห็นไหม ตัวหนังสือมันเหมือน โดนหั่นแล้วมันแยกส่วนกันจริง ๆ เพราะมันเพิ่มเงาขึ้นมาด้วย มีมิติมากขึ้น นะคะ เดี๋ยวจะเดินดูก่อนนะคะ ว่าใครทําทันไม่ทัน ใครยังขยับตัวหนังสือไม่ได้เลย เหมือนหั่นแล้วมันไม่ไป เดี๋ยวอาจารย์เดินไปดูนะคะ เงาไม่เท่าไรหรอก มันหั่นตัวหนังสือได้ไหมนะคะ อันนี้ค้างไว้ก่อน เดี๋ยวเราทําอันที่ 2 ก่อนนะคะ เพราะว่าเดี๋ยวอันนี้ การบ้านที่ให้ส่งคือจะให้ทําเองอีกรอบนะคะ อันนี้ทําไปพร้อมกันก่อนเฉย ๆ ไม่เสร็จไม่เป็นไร ทําอันที่ 2 ก่อน แต่อันที่ 2 ทุกคนจะต้องหาภาพประกอบ เหมือนอันนี้ อาจารย์เอารูปที่เขาประชาสัมพันธ์จังหวัดเรานะคะ คราวนี้ เอาคล้าย ๆ กันก็ได้ค่ะเข้า Google เลยตอนนี้ น่าจะเอาเป็นอะไรดี สกลนครนี่แหละ หรือใครบ้านอยู่ที่ไหนอยาก Promote จังหวัดตัวเองอย่างไร หรืออยากทําอะไรเดี๋ยวค่อยทํา ตอนนี้เอาเหมือนกันก่อนจะได้เข้าใจตรงกัน อาจารย์ก็ค้นหาสกลนคร ค้นหาเป็นรูปภาพแล้วกันนะคะ อันไหนดี อันนี้ก็ได้ Search Google คําว่า “สกลนคร” คุณจะได้รูปเหมือนกันกับอาจารย์รูปนี้ เอารูปเดียวกันนะ จะได้เข้าใจกัน เอารูปนี้ เอารูปนี้น่ะค่ะ นี่ ๆ รูปนี้ เอารูปนี้ เอารูปนี้ ค้นใน Google พิมพ์ว่า “สกลนคร” แล้วเลือก “ค้นหารูปภาพ” เอารูปเดียวกัน เอารูปนี้ เอารูปที่อาจารย์โชว์อยู่ คลิกขวาแล้ว Save ไว้ที่เครื่องคอมพิวเตอร์ตัวเองก่อน เอารูปเดียวกันนะ รูปเดียวกัน เพราะว่าวันนี้ต้องทํา 2 งานนี้ส่งนะคะ ได้รูปแล้ว กลับไปที่ Photoshop งานเดิมไม่เสร็จไม่เป็นไรนะ งานนี้ยังไม่เสร็จไม่เป็นไร เอาอันที่ 2 ก่อนนะคะเพราะว่าเดี๋ยวค่อยให้ทําทีเดียว ไปที่ File เปิดรูปที่เรา Save ไว้เมื่อกี้น่ะค่ะ คุณ Save ไว้ที่ไหนก็เปิดตัวนั้นนะ เปิดรูปขึ้นมา รูปเดียวกันไหม เอารูปเดียวกันนะ เมื่อกี้ก่อนที่จะ Save รูปมานะคะ มุมล่างขวาใน Google เขาจะบอกอยู่ว่ารูปนี้มีขนาดเท่าไร เป็นพิกเซล อย่างรูปนี้ก็จะมีความกว้างความยาว คือ 960 x 639 อันนี้คือภาพที่เป็นภาพต้นฉบับที่เราเอามานะคะ คราวนี้เราจะปรับขนาดใหม่ รู้สึกว่าถ้าสมมติว่าเป็นภาพอื่น บางทีขอบมันอาจจะเยอะไปหรือมันไม่ตรงตามขนาดที่เราต้องการจะสร้างนะคะ เราก็จะสร้างกรอบใหม่ขึ้นมา กด Ctrl+N Ctrl แล้วก็ N นะคะ หรือบางคนไม่เป็น ก็คือไปที่ File แล้วกดคําว่า New ก็ได้ค่ะ ตั้งขนาดใหม่ อาจารย์จะเอาเป็น 900 เดี๋ยวนะคะ 900 กับ 600 ขนาดใหม่นะคะ 900 x 600 ใครเสร็จแล้วกด Create ไปเลยนะคะ กดไปเลย มันจะได้แบบนี้ขึ้นมา น่าจะได้แล้ว Photoshop มันจะง่ายอย่างหนึ่ง สมมติว่านักศึกษาอยากได้ภาพนี้ ภาพต้นฉบับนี่มาไว้ในส่วนที่เราต้องการจะสร้างใหม่ ก็ให้ใช้เครื่องมือที่เป็นนี่ค่ะ ลูกศร 4 ทิศทางตัวนี้ กด 1 ครั้งนะคะ กด 1 ครั้ง มากดที่ภาพ มันจะขึ้นตัวลูกศรสีดําแบบนี้นะคะ คลิกเมาส์ค้างไว้ คลิกเมาส์ค้างไว้นะ แล้วลากมาใส่ ที่เราสร้างเมื่อกี้ คลิกเมาส์ค้างนะ ดู ใครดูไม่ทันเอาใหม่ คลิกเมาส์จากภาพนี้ กดเมาส์ค้าง เมาส์ด้านซ้ายนะคะ ค้างไว้ แล้วลากมาใส่ไฟล์ที่เราสร้างใหม่เมื่อกี้นี้ ถ้าใครไม่ถนัดลากเมื่อกี้ นักศึกษาก็สามารถกด Ctrl+A จากภาพนี้ก็ได้นะคะ Ctrl+A 1 ครั้งแล้วก็ Ctrl+C ก็คือเหมือนการ Copy ภาพนี้มา แล้วก็ Ctrl+V มาวางที่พื้นที่สีขาว ๆ ที่เราสร้างใหม่เมื่อกี้นี้ก็ได้นะคะ คราวนี้พอเราได้มานี่ มันจะสามารถขยับภาพแบบนี้ได้ เห็นไหม ภาพมันจะขยับได้แบบนี้ เราก็จัดวางตําแหน่งตามที่เราต้องการนะคะ ตามที่เราต้องการ สมมติอาจารย์เอาประมาณนี้ บางทีขอบซ้ายขวามันดูเยอะเกิน อยากให้มันดูสมดุลก็แล้วแต่จะปรับนะคะ แล้วแต่เลย อาจารย์ปรับแล้วเอาประมาณนี้ ขยับให้สวยงามแล้วแต่นะคะแล้วแต่คนชอบ บางคนก็จะบอกว่าโอ้ยเอาลงต่ํา ๆ ขนาดนี้ แล้วแต่นะคะ เอาประมาณนี้แล้วกัน ประมาณนี้ ๆ โอเค ประมาณนี้นะคะ พอใครได้แล้วแบบนี้ให้พิมพ์ข้อความเหมือนเมื่อกี้นี้เลย พิมพ์ข้อความ คราวนี้จะพิมพ์เป็นชื่อจังหวัดแล้วกันนะ Sakon Nakhon พิมพ์ให้ได้เหมือนอาจารย์ก่อน เดี๋ยวอาจารย์เดินดู พิมพ์ข้อความลงไปนะคะ น่าจะได้แล้ว คราวนี้เราจะต้องใส่กรอบตัวหนังสือก่อนนะคะ ใส่กรอบตัวหนังสือ ก็จะใช้เครื่องมือ Rectangle ตรงนี้ นะคะ ใส่กรอบตัวหนังสือก่อน กด 1 ครั้ง แล้วก็ใส่กรอบให้มันพอดีกับตัวหนังสือนะคะ ถ้าใครไม่ได้พื้นหลังสีขาวแบบนี้เหมือนอาจารย์ อย่าลืมเปลี่ยนตรงเครื่องมือตรงนี้ค่ะ ที่มันเป็นสีขาวสีดําอย่าลืมสลับคืนให้สีขาวอยู่ด้านบน ตอนนี้ตัวหนังสือเราจะหายไป เป็นกรอบสี่เหลี่ยมบังอยู่ ทําอย่างไรให้ตัวหนังสือมันอยู่ด้านบน มาตรงด้านข้างนี้ค่ะ จะเห็นไหมคะว่ามันจะมีอยู่ 4 เลเยอร์แบบนี้นะคะ วิธีการก็คือ ใครได้ถึงตรงนี้แล้ว เดี๋ยวเดินดูก่อน เราจะทําให้ตัวหนังสือมันอยู่ด้านบนสีขาว มาตรงมุมล่างขวานี้ค่ะ อันแรก อันแรกแบบนี้ ตรงที่อาจารย์เอาเมาส์ชี้อยู่นะคะ คลิกค้างไว้ คลิกเมาส์ค้างไว้นะคะ แล้วลากลงมาให้มันอยู่ด้านล่างคําว่า Sakhon Nakhon ที่เป็นภาษาอังกฤษ ก็คือการสลับตําแหน่งนั่นเอง จะสังเกตว่าตอนนี้ตัวหนังสือจะมาอยู่ด้านบนกรอบสีขาวแล้ว ใครยังไม่ได้ เดี๋ยวอาจารย์เดินดูก่อน จะได้ประมาณนี้แล้วนะคะ ตอนนี้ตัวหนังสือเราอยู่บนกรอบสีขาวแล้วนะคะ คราวนี้มาที่ตรงคําว่า Sakhon Nakhon มุมล่างขวานะคะ รู้ได้อย่างไรว่าตอนนี้เราอยู่ที่ตําแหน่งของเลเยอร์ไหน มันจะเป็นตัวเทา ๆ บาง ๆ อยู่ ให้เอาเมาส์ ชี้ตรงตัว ตัว T น่ะนะคะ กด Ctrl ค้างไว้ กดค้างไว้นะคะ ค้างไว้ แล้วกดตรงที่ตัว T ตรงเลเยอร์ที่เขียนว่าสกลนครน่ะค่ะ มันจะเป็นเส้นประล้อมรอบตัวหนังสือคําว่า Sakhon Nakhon ของเราอยู่ ใครไม่ทันเอาใหม่นะคะ ไปตรงคําว่า Sakhon Nakhon กด Ctrl ค้างไว้แล้วกดตรงที่ตัว T กดตรงตัว T ตัวหนังสือของเราก็จะมีเส้นประขยับอยู่อย่างนี้นะคะ ขยับอยู่ ต้องให้ได้นะคะ ต้องให้ได้ ใครยังไม่ได้ ใกล้เสร็จแล้ว ใกล้เสร็จแล้ว ทุกคนน่าจะได้อันนี้แล้ว กดไปที่ คราวนี้มากดตรงเลเยอร์ที่เขียนว่า Rectangle ก็คือกรอบ ตรงเลเยอร์ของกรอบ อันข้างล่างอันที่ 2 กดครั้งหนึ่งนะคะ ให้มันขึ้นสีเทาตรงอันที่ 2 คราวนี้ เราจะทําให้ตัวหนังสือมันโปร่งใส ให้มันมองทะลุไปเห็นภาพนะคะ เรากดตรงนี้แล้ว 1 ครั้งนะคะ กดไว้แล้วนะ ไปที่เมนู Layer จะอยู่ด้านบนค่ะ ด้านบน เดี๋ยวนะคะ เดี๋ยวพอย่ออันนี้ก็ได้พลอย อันนี้ก็ได้ ได้แล้ว ไปที่ ตรงนี้ ที่อาจารย์ใช้เมาส์ชี้อยู่นะคะ Layer ไปที่ Layer Mark ดูในจอก็ได้นะคะ ดูตามจออาจารย์เลย แล้วก็เลือก Hide All ก็คือเราจะซ่อนตัวหนังสือ ให้มันสามารถมองทะลุได้ ใครมาถึงตรงนี้แล้ว กด 1 ครั้ง แล้วไปดูผลลัพธ์ว่าเป็นอย่างไร อ๋อ ๆ ๆ ๆ ลืม ๆ ถูกแล้ว ปิดตา ผิด ๆ ๆ ถูกแล้ว เมื่อกี้น่ะถูกแล้ว เดี๋ยวนะคะ เดี๋ยวนะคะ ลืมปิดตา อ้าว เดี๋ยวนะ ๆ สลับไปสลับมาแล้วงง หายได้อย่างไรล่ะนี่ กรอบผิดสี ไม่เป็นไร เดี๋ยวเริ่มใหม่ กรอบผิดสี ไม่เป็นไร ทะลุแล้ว ผิดกรอบ สีผิดกรอบ สักครู่ ผิด ๆ ๆ ๆ เมื่อกี้ได้แล้ว เอาใหม่นะคะ เมื่อกี้จริง ๆ ต้องกด Hide Selection ไม่ใช่ Hide All กด Ctrl+Z ไปนะคะ เอาใหม่นะ คราวนี้ได้อย่างนี้แล้วใช่ไหมคะ พอปิดตา เดี๋ยวอาจารย์เดินดู ถ้าใครผิดเมื่อกี้นะคะ กด Ctrl+Z ไป เราจะเลือกเป็น Layer Mark แล้วเมื่อกี้ก็จะเป็นเลือกตรง Hide Selection นะคะ เมนูที่ 3 Hide Selection บางคนไม่ได้ ถ้าได้มันจะเป็นเหมือนของอาจารย์แบบนี้ นี่ มันจะทะลุแบบนี้เลยนะคะ เอาไปวางตรงไหนมันก็จะทะลุแบบนี้นะคะ อย่างนั้นไม่เป็นไร เริ่มใหม่ทุกคนนะคะ เริ่มใหม่ทุกคน ปิดเลย ปิดเลย รูปนี้ปิดเลย ขั้นตอนแรกนะคะเริ่มใหม่เลยทุกคน เริ่มใหม่เลย เอาอีกรอบ เปิดไฟล์รูปภาพนี้ไว้นะคะกําหนดขนาดรูปภาพ Ctrl+N กด Ctrl+N เลือกเป็น 900 กับ 600 ให้เหมือนกันนะคะ อันนี้จะไปไวหน่อย เพราะว่าตั้งค่าไว้แล้ว ไปที่ภาพต้นฉบับ ใช้ตัวลูกศร 4 ทิศทางแบบนี้ ลากมาวาง ทุกคนจะต้องทําใหม่ ตอนนี้จะต้องมี Background สีขาว มีรูปภาพตัวนี้เป็นอันที่ 2 จะทําบนรูปเดิมไม่ได้นะคะ โอเค เอาอีกรอบนะ เอารูปมาวาง เสร็จแล้วนะคะ ขยับปรับแต่งภาพตามที่เราต้องการ เพิ่มข้อความ พิมพ์ลงไปนะคะ พิมพ์ลงไป เหมือนเดิม อาจารย์ก็พิมพ์คําเดิมนี่แหละนะคะ ปรับขนาดตัวหนังสือ ตามชอบนะคะ เอาเท่านี้ เอาเท่านี้ เท่านี้ ไว้ตรงนี้ก็ได้ เพื่อให้มันเห็น พอได้ตัวหนังสือแล้ว เอากรอบมาใส่นะคะ กรอบมาใส่ กรอบมาใส่ตรงเลเยอร์ เลือกเอากรอบมาไว้ด้านล่างข้อความ อันนี้จะไปเร็วนะ เพราะว่ารอบ 2 แค่เช็กว่าใครทําผิดตรงไหนนะคะ กด Ctrl ค้างไว้นะคะ แล้วก็กดที่ตัว T เอาใหม่อีกรอบก็ได้ เพิ่มเป็นตอนพิมพ์พร้อมกันนี่แหละ พิมพ์ชื่อจังหวัดให้เสร็จก่อน เสร็จไหมอุ๋ย ได้โบว์ ถ้าใครพิมพ์เสร็จแล้วก็เอากรอบสีขาวมาใส่ เอากรอบมาใส่เลยค่ะ กรอบมาครอบตัวหนังสือไว้ ใครพิมพ์เสร็จแล้วเอากรอบมาครอบไว้เลยนะคะ ครอบแล้ว ตรงส่วนของเลเยอร์มุมล่างขวา คลิกค้างไว้ บนเลเยอร์บนสุด ลากลงมาไว้ข้างล่างชื่อจังหวัด ได้ไหมอุ๋ย ได้แล้ว กด Ctrl ค้างไว้ค่ะ คราวนี้ มาตรงเลเยอร์ชื่อจังหวัดก่อนนะ แล้วก็กด Ctrl ค้างไว้ คลิกตรงตัว T กด Ctrl ค้างไว้ก่อนน่ะ แล้วก็กดลงไปตรงตัว T น่ะ ตรงชื่อจังหวัดนะคะ แล้วคราวนี้มากดตรงเลเยอร์กรอบ มากดตรงเลเยอร์ที่ 2 เป็นเลเยอร์ที่อยู่ข้างล่างชื่อจังหวัดน่ะค่ะ กด 1 ครั้ง ให้มันเป็นสีเทา สีเทาตรงข้างล่างชื่อจังหวัดอย่างนี้ ไปที่เลเยอร์เมนูข้างบน Layer Mark Hide Selection อันที่ใส่ อันที่ 4 อันที่ 4 ผลลัพธ์เป็นอย่างไร ยังไม่เป็นอะไรเกิดขึ้น เพราะมันยังไม่มีอะไร ไปปิดตา ปิดตาตรงเลเยอร์ชื่อจังหวัด กดที่รูปดวงตานะคะ 1 ครั้ง ตัวหนังสือเราก็จะทะลุแล้ว ได้ไหม ได้แล้วเห็นไหมทะลุวางตรงไหนก็ทะลุ นะ ใช้ไม่ได้ งานวันนี้นะคะ 2 Workshop จากที่เราทําไปแล้ว คราวนี้ อันแรก ให้เปลี่ยนคํานี้เป็นชื่อตัวเอง แล้วก็หั่นข้อความมาให้เหมือนกับที่อาจารย์ทํา พาทําไปแล้วด้วย อันนี้งานแรกนะคะ งานที่ 2 หารูปพื้นหลังจังหวัดหรือสถานที่ใด ๆ ก็ตามที่คุณสนใจแล้วทําให้คล้ายแบบนี้ สมมติบ้านใครอยู่นครพนมก็เปลี่ยนเป็นพญานาคนครพนม ใครอยู่บึงกาฬ ใครอยู่ร้อยเอ็ด ใครอยู่อุดรฯ ทํานําเสนอจังหวัดตัวเอง หรือคุณอยากเสนอ… นําเสนอแหล่งท่องเที่ยวอะไรก็ได้ที่คุณชอบ อันนี้จะเป็นงานที่ 2 ให้ตัวหนังสือมันทะลุผ่านเหมือนกันนะ อันนี้ทําเอง เพราะพาทําแล้วนะคะ อันนี้ก็เดี๋ยวทํากิจกรรมในห้องนะคะ เดี๋ยวล่ามพักก่อนก็ได้ค่ะ ขอบคุณมากค่ะ ดูอันแรกก่อน อันแรกไม่ต้องทําใหม่ก็ได้ ให้ Save ออกมาเป็นรูปเลย ไปที่เมนู File ดูก่อน ดูด้านหน้าจอ ดูหน้าจอ อันแรกไม่ต้องทําใหม่ก็ได้นะคะ งานแรกไปที่ File เลือกเมนู Export ตัวนี้ดูในจออาจารย์นะคะ ดูก่อน เอารูปแรกนะ รูปแรกไม่เป็นไร รูปแรกไม่ต้องทําใหม่ก็ได้ เอารูปนี้แหละ Export แล้วมาเมนูที่ 2 อันนี้ Export As… ตัวนี้ ได้หรือยัง กด 1 ครั้งค่ะ มันจะเป็นรูปภาพที่เราทําไว้แล้วใช่ไหมคะ เอารูปแบบเป็น JPG ตัวนี้ เปลี่ยนด้านบน มุมด้านบนมุมบนขวา เปลี่ยนเป็น JPG เอาความละเอียดสูงสุดเลย ความละเอียด 7 แล้วกด Export เลยค่ะ ปุ่มสีฟ้าข้างล่าง แล้วก็ Save เป็น Workshop ที่ 1 อันนี้ต้องส่งอาจารย์นะ Workshop 1 แล้วแต่ว่าใคร Save ที่ไหนนะคะ อาจารย์เอาไว้ที่หน้าจอแล้วกัน ก็กด Save รูปที่ได้ก็จะเป็นแบบนี้ ก็เอารูปนี้ส่งอาจารย์เป็นงานที่ 1 เลยนะคะ ส่วนอันที่ 2 ให้ทําเองเหมือนเดิม ไม่อย่างนั้นวันนี้มันจะไม่เสร็จ รูป 2 ทําใหม่ทําเองนะคะ รูปแรกมันอาจจะยากไปนิดหนึ่ง ไม่เป็นไร เอาเท่าที่ทําได้ส่งเลย คราวนี้ ลงมือทํางานที่ 2 เอง เปลี่ยนจากเหมือนที่อาจารย์ยกตัวอย่างเมื่อกี้นะคะ อันนี้เป็นสกลนคร ใครชอบญี่ปุ่น ใครชอบอเมริกา ใครชอบอังกฤษ หรือชอบ หรือจังหวัดบ้านเกิดตัวเอง อุดรฯ ร้อยเอ็ด มุกดาหารก็ได้ เอาที่ตัวเองชอบ เปลี่ยนคําบรรยายให้ตรงตามสถานที่ที่นักศึกษาเอามานะคะ ทําขั้นตอนเหมือนที่อาจารย์พาทํา อันนี้เป็นรูปที่ 2 ที่ต้องส่ง อันนี้ให้ทําใหม่ ทําเองเริ่มทําได้ วันนี้ต้องส่ง 2 รูปนะ รูปสีดําเมื่อกี้กับรูปนี้นะคะ [สิ้นสุดการถอดความ]