--- title: การออกแบบสื่อและดิจิทัลเบื้องต้น (ปี 3) (บ่าย) 100766 มาริก subtitle: date: วันพฤหัสบดีที่ 13 กรกฎาคม 2566 เวลา 10.09 น. --- (ข้อความสดจากระบบถอดความเสียงพูดทางไกล) (อาจารย์เกวลี) ล่ามได้ยินไหมคะ ยังไม่ได้ยิน ล่ามได้ยินไหมคะ ยัง น่าจะ (เจ้าหน้าที่) สวัสดีค่ะ พี่ล่าม พี่ล่ามได้ยินไหมคะ (อาจารย์เกวลี) ได้ยินไหมคะ เดี๋ยวนะ ได้ยินไหมคะ ยัง ล่ามยังไม่ได้ยินใช่ไหมคะ โอเค ได้ยินไหมคะ โอเค เอาเสียงขึ้นอย่างไร สุดแล้ว ย้ายตำแหน่ง ได้ยินชัดขึ้นไหมคะ โอเค อย่างนั้นไว้ตรงนี้ เดี๋ยววันนี้บทที่ 5 นะคะ จะเป็นเกี่ยวกับการออกแบบตราสัญลักษณ์เบื้องต้น ก็คือการออกแบบโลโก้นั่นแหละนะคะ ก็เนื้อหาก็จะมีเกี่ยวกับการออกแบบตราสัญลักษณ์เบื้องต้นนะคะ ตัวอย่าง ความหมายของตัวสัญลักษณ์หรือว่าโลโก้นะคะ จุดประสงค์หลักทำไมเราต้องออกแบบ การออกแบบจะต้องมีองค์ประกอบอะไรบ้าง แล้วก็ไอ้พวกโลโก้หรือตราสัญลักษณ์นี่มันมีกี่ประเภท โดยการออกแบบตราสัญลักษณ์หรือว่าโลโก้เบื้องต้นนะคะ ส่วนมากไม่ว่าเราจะทำกิจการใด ๆ ไม่ว่าทั้งภาครัฐและภาคเอกชนนี่ อาจจะเป็นองค์กรขนาดเล็ก ขนาดใหญ่ ก็มีความจำเป็นจะต้องมีสัญลักษณ์เป็นของตัวเอง หรือว่าโลโก้ประจำตัวนะคะ ทั้งนี้ก็เพื่อสำหรับการสื่อสาร หรือใช้เพื่อเตือนความทรงจำ ทำให้เกิดความเข้าใจง่าย พอมันเข้าใจง่ายน ี่มันก็จะเกิดประโยชน์ในด้านการสื่อความหมายนะคะ เหมือนเวลาเราเห็นเข็มราชภัฏฯ เราก็รู้ว่านักศึกษาคนนี้เรียนอยู่ที่ราชภัฏฯ ใช้โลโก้สีเหลือง ก็จะรู้ว่าอยู่คณะวิทยาศาสตร์ อะไรแบบนี้เป็นต้นนะคะ ไม่ปัจจุบันนี่ ตราสัญลักษณ์ว่าโลโก้ขององค์กรนี่ มันก็จะทำให้ดูกิจนี่สามารถมีการพัฒนาให้ทันสมัยมากขึ้น แล้วก็โลโก้ก็เป็นส่วนหนึ่งสำหรับการที่ทำให้ธุรกิจหรือองค์กรนั้น ๆ นี่ประสบความสำเร็จได้ การที่เราจะสร้างหรือออกแบบโลโก้ขึ้นมานี่ มันต้องอาศัยความคิดสร้างสรรค์ แล้วก็จินตนาการเป็นหลักนะคะ ทำอย่างไรก็ได้ให้มันรู้สึกมีความแปลกใหม่โดดเด่นไม่เหมือนใคร เหมือนบทแรก ๆ ที่อาจารย์เคยสอนเกี่ยวกับสี สีมีส่วนประกอบสำคัญเหมือนโลโก้แมคโดนัลทำไมเป็นสีเหลือง เพราะสีเหลืองมันสื่อถึงการเป็นอาหารมันดูน่ากิน เป็นต้นนะคะ ทฤษฎีสีที่เราเคยเรียนไปแล้วก็จะถูกนำมาใช้ด้วย ตัวอย่างตราสัญลักษณ์หรือโลโก้ที่เราเห็นได้บ่อย ๆ นะคะ อย่าง Netflix นะคะ ก็จะเห็น Disney อันนี้เป็นพวกดูหนังออนไลน์ที่เราใช้ ๆ กันในปัจจุบัน แล้วพวกตัวโลโก้หรือตราสัญลักษณ์นี่เขาก็จะมีวิวัฒนาการเปลี่ยนไปตามยุคตามสมัย มีการพัฒนาให้มันดูทันสมัยขึ้น เหมือนโลโก้ 2 แถวด้านล่างนะคะ โลโก้เดิมกับโลโก้ปัจจุบัน อาจจะมีการเปลี่ยนแปลงบ้างเล็กน้อย แต่พื้นฐานในการออกแบบยังคงเดิมนะคะ ทำให้ผู้คนจดจำ แล้วก็สามารถสื่อความหมายขององค์กรของเราได้เป็นอย่างดีนะคะ ไอ้ตัวสัญลักษณ์หรือโลโก้นี่มันมาจากภาษาอังกฤษ ก็คือ Logo Type นะคะ มันจะหมายถึงสัญลักษณ์เครื่องหมายตัวแทนสำหรับสื่อสารออกมาอย่างใดอย่างหนึ่ง บงบอกประเภท รูปแบบ หรือรูปพรรณสัณฐานของเจ้าของกิจการ หรือองค์กรนั้น ๆ นะคะ มันจะแสดงทั้งภาพลักษณ์ เครื่องหมายต่าง ๆ มาประกอบกัน อาจจะเป็นตัวสินค้า หรือผู้ให้บริการ หรือตัวบริษัทเองนะคะ การออกแบบจะต้องทำให้มีเอกลักษณ์เฉพาะตัวตนของตัวเอง เพราะว่าถ้ามันมีเอกลักษณ์แสดงถึงการเป็นตัวตนของเรานี่ มันก็จะทำให้จำได้ง่ายนะคะ แล้วก็มีความน่าเชื่อถือ โดยจุดประสงค์หลักในการออกแบบนะคะ ก็คือทำอย่างไรก็ได้ให้เขาจำได้ แล้วก็รู้ได้ทันทีว่าไอ้โลโก้หรือสัญลักษณ์นี้คืออะไร เหมือนโลโก้ยี่ห้อรถยนต์ต่าง ๆ ทำไมเรามองเห็นแค่สัญลักษณ์ก็รู้แล้วว่ารถยนต์ยี่ห้ออะไร มอเตอร์ไซค์ยี่ห้ออะไร คอมพิวเตอร์ยี่ห้ออะไร โทรศัพท์ยี่ห้ออะไรนะคะ ทั้งนี้นอกจากทำให้เขาจำได้แล้ว มันยังเพิ่มความจงรักภักดีในตัวผลิตภัณฑ์นั้น ๆ หรือองค์กรนั้นด้วยนะคะ อย่างเช่น เรามีโลโก้ราชภัฏฯ อยู่ในเสื้อ เราก็จะรู้สึกภูมิใจที่เรียนที่ราชภัฏฯ อะไรแบบนี้นะคะ หรือว่าฉันมีอุปกรณ์โทรศัพท์ Apple ฉันรู้สึกว่ามันสวย ฉันชอบ ถือแล้วรู้สึกภูมิใจ ซื้อครั้งต่อไปก็ยังจะซื้อ Apple แบบนี้นะคะ รวมถึงไอ้ตัวโลโก้นี่ มันบอกถึงความเป็นมืออาชีพด้วย ยิ่งโลโก้สวยเท่าไร มีการพัฒนาต่อเนื่อง และยังเป็นแบรนด์ที่จำได้ง่าย ก็แสดงว่าเราใส่ใจในการที่จะออกแบบมันนะคะ มันสะท้อนถึงคุณภาพขององค์กร ทั้งผู้ผลิต สินค้านั้น ๆ หรือองค์กรนั้น ๆ เขาตั้งใจออกแบบขนาดไหน นะคะ แล้วก็ทำให้เกิดความรู้สึกที่เราเชื่อมั่น แล้วก็จำเข้าใจองค์กรแล้ว ยอมรับความเปลี่ยนแปลงขององค์กรได้นะคะ องค์ประกอบของการออกแบบโลโก้หรือว่าตราสัญลักษณ์นี่สำคัญมาก เพราะจะทำอย่างไรก็ได้ให้มันออกแบบโดดเด่น แล้วก็แตกต่างจากคู่แข่งในการตลาดหรือว่าองค์กรอื่น ๆ นะคะ มันก็จะเป็นการรวมเอาคุณค่า รวมถึงเรื่องราว สตอรี่ขององค์กรนั้น ๆ มาเป็นส่วนประกอบที่ทำให้เกิดอัตลักษณ์ ก็คืออะไรก็ตามที่ทำให้เรารู้สึกมันเด่นกว่าคนอื่นนะคะ ไม่เหมือนใคร แล้วก็ต้องสะท้อนตัวตนขององค์กรเราด้วยนะคะ หลัก ๆ จะมีอยู่ 9 ข้อ ข้อแรกต้องแข็งแกร่งแล้วก็มีความสมดุล โดยข้อความหรือสัญลักษณ์กราฟิกต่าง ๆ นี่ จะต้องมีการผสมผสานกันนะคะ สะท้อนให้เห็นถึงความสำคัญขององค์กร จิตวิญญาณขององค์กรเป็นอย่างไร บุคลิกภาพหรือลักษณะขององค์กรมีอย่างไรบ้าง กลุ่มเป้าหมายที่จะรับรู้ภาพโลโก้ของเรานี่เป็นใคร ผลิตภัณฑ์ หรือบริการ หรือภาพลักษณ์ขององค์กรที่เราออกแบบให้เป็นอย่างไรนะคะ นอกจากจะออกแบบมาให้ดูสมดุลกันแล้วนี่ มันต้องคำนึงถึงสัดสวนพื้นที่รอบ ๆ นะคะ ช่องไฟ ช่องว่างระหว่างตัวอักษร เราจะกำหนดอย่างไรนะคะ เช่น โลโก้ตัวนี้เขาไม่มีช่องว่างของตัวอักษรเลย เพราะเขารู้สึกว่ามันอยากให้ตัวหนังสือมันชิดกัน มีความสมดุลอะไรก็ว่าไป ความเรียบง่ายสำหรับการออกแบบ ถ้าเราคิดอะไรไม่ออก ความเรียบง่ายดีที่สุด เพราะถ้าออกแบบซับซ้อนมาก ๆ ถ้าสมมติว่าเราจะไปพรินต์ หรือไปตีพิมพ์บนสื่อต่าง ๆ บางครั้งมันจะรก มันจะอ่านไม่รู้เรื่องนะคะ แบบบางทีเราออกแบบทั้งลวดลายกราฟฟิกสีสันเยอะมากตัวอักษรก็เยอะภาพมาประกอบก็เยอะ เวลาเราไปพิมพ์บางทีเราต้องไปพิมพ์ มันอาจจะไม่ได้พรินต์สีอย่างเดียวน่ะค่ะ มันออกมามันจะเป็นสีดำหรือขาวขาวดำสีเทาวันพรุ่งนี้รายละเอียดบางอย่างมันก็จะผิดเพี้ยนไป เส้นที่เราลากเพื่อแสดงผลบางอย่างตอนแรกจะให้เป็นสีแดง พอไปที่หนูมามันกลายเป็นสีดำ บางครั้งมันดูไม่ออกว่าเราต้องการจะสื่ออะไร แต่ถ้าออกแบบให้มันดูง่าย จำง่าย ไม่ว่าจะพิมพ์มาเป็นสีอะไรก็ตาม เขาก็ยังจะจำสัญลักษณ์ของเราได้นะคะ อย่างสัญลักษณ์ Google มันอาจจะมีหลายสีก็จริงค่ะ แต่ว่าพอเราพรินต์ออกมาเป็นสีขาวดำ เราก็ยังดูออกว่ามันคือสัญลักษณ์ของ Google อย่างนี้นะคะ น่าจดจำต้องทำอย่างไร เราสามารถออกแบบตราสัญลักษณ์ด้วยรูปอะไรก็ตามอย่างเดียวก็ได้ แต่มันสามารถถ่ายทอดธุรกิจขององค์กรเราได้ เช่น สัญลักษณ์อันนี้น่าจะจำได้เป็นยี่ห้อรองเท้า ประมาณเป็นเครื่องหมายถูก แต่พอเราเห็นเขาใส่รองเท้ายี่ห้อนี้มา เราก็จำได้แล้วว่ามันคือยี่ห้ออะไร ใส่มาแล้วมันเด่นไหม นะคะ ไม่มีตัวหนังสือบอก ไม่มีตัวหนังสือกำกับ เราก็จำได้ว่ามันคือยี่ห้ออะไรนะคะ เพราะเราจำได้ติดตาและว่าสัญลักษณ์นี้คือยี่ห้อของรองเท้านะ ยี่ห้อของอุปกรณ์กีฬานะ สัญลักษณ์ต้องมีความยืดหยุ่น สีสามารถปรับได้นะคะ ยิ่งถ้าใช้สีที่แสดงให้เห็นได้ชัด ไม่ว่าจะพรินต์ออกมา หรือโพสต์ลงบนออนไลน์ หรืออาจจะติดตามรถประจำทางตามสี่แยก มองเห็นไกล ๆ ได้ยิ่งดีนะคะ ส่วนใหญ่การออกแบบควรจะมี... ถ้าคิดอะไรไม่ออกอาจจะมีสีขาวสีดำสีเทานะคะ ก็ได้ แต่ก็แล้วแต่ว่าเงื่อนไขที่เราจะเอาไปนำเสนอ หรือไปใช้งานต่อนี่มันเหมาะกับการที่เราจะนำเสนออย่างไร อย่างเราอาจจะบอกว่ามันเป็นสัญลักษณ์สำหรับธุรกิจ หรือองค์กรเราทำออนไลน์อย่างเดียว คุณอาจจะใช้สีที่เยอะขึ้นได้นะคะ เพราะเราไม่ได้พรินต์ออกมา แต่ถ้าเราจะโฆษณาบนหนังสือพิมพ์ เราก็ต้องคำนึงถึงเรื่องสีด้วย เพราะว่าส่วนมากเขาก็จะจำกัดให้เราใช้แค่สีเทาดำเท่านั้น หรือเราจะออกแบบสัญลักษณ์อย่างไรก็ได้ ให้สามารถสื่อความหมายได้ทั้งออนไลน์แล้วก็ออฟไลน์ด้วยนะคะ สีควรเลือกให้เหมาะสม เพราะว่ามันมีผลต่อการรับรู้และการจดจำนะคะ สีนี่มันอาจจะกระตุ้นความรู้สึกบางอย่าง เช่น ความเชื่อมั่น ความสดชื่น ความไว้ใจ ความซื่อสัตย์นะคะ อย่างธนาคารหรือพวกการเงินนี่เขาก็จะรู้สึกว่าสีเข้มสีน้ำเงินสีเทามันดูมันคง อาหารนะคะ จะเป็นสีเหลือง สีแดง มันดูสดใสน่ากิน อาหารเพื่อสุขภาพ แน่นอนต้องสีเขียว เพราะมันเป็นธรรมชาติ พวกอสังหาริมทรัพย์ บ้าน ที่ดิน ก็จะเอาสีคล้าย ๆ กับดินนะคะ ตึกนะคะ สีเทา สีดำ สีน้ำเงิน หนักแน่นนะคะ แต่สีมันรวมกันไม่ควรเกิน 2 แม่สี เพราะว่าบางอย่างถ้ามันใช้ผสมกันมาก ๆ มันจะสื่อความหมายได้ยาก แล้วมันก็จะรกด้วยนะคะ สัญลักษณ์ที่ออกแบบมาต้องอยู่ได้ในระยะยาว การเปลี่ยนโลโก้บ่อย ๆ ไม่ใช่เรื่องที่ดี เพราะบางครั้งเราคิดว่ามันออกแบบมาดูดีแล้ว แต่พอใช้ไปนี่มันดูไม่ทันสมัย ดูแล้วจำยากนะคะ เพราะฉะนั้น ถ้าเราออกแบบมาสักครั้งหนึ่งนี่ มันควรจะสื่อความหมาย แล้วก็สื่อสารเรื่องราวให้มันอยู่ได้นาน ๆ แล้วมันก็ต้องไม่ซ้ำใคร การออกแบบที่ดีไม่ใช่แค่เอารูปมาประกอบกัน หรือเอาตัวหนังสือที่เหมือนกันมาวาด แล้วใช้โปรแกรมทำง่าย ๆ หาส่วนที่ลงตัวมานะคะ เพราะฉะนั้น เราจะทำอย่างไรก็ได้ให้มันยังจำได้ แล้วมันก็ไม่ใช่แค่ทำให้มันแค่ผ่าน ๆ ไปนะคะ เราต้องมีแนวคิดของเราด้วย ตัวหนังสือ อันนี้เราก็เรียนไปแล้ว ตัวหนังสือก็ต้องใช้ตัวให้เหมาะสมนะคะ พยายามหลีกเลี่ยงตัวหนังสือประหลาด ๆ หรือแนวแฟนตาซีมาก ๆ นะคะ การออกแบบต้องคำนึงถึงความเหมาะสมของหนังสือด้วย การเว้นช่องไฟ ความหนาบาง ระยะห่างของบรรทัด เราจะเลือกตัวหนังสือที่มีหัวไหม หรือแบบไม่มีหัวหรือ หรือแบบลายมือ หรือแบบตกแต่งธรรมดา เอามาใช้ให้เหมาะสมกับงานของเราได้นะคะ การออกแบบสัญลักษณ์ทุกอย่าง จะต้องออกแบบมาให้มีความสอดคล้องกันตามลักษณะแนวคิดที่เราตั้งไว้นะคะ อาจจะมาจากการรวมเป้าหมายขององค์กร วิสัยทัศน์ขององค์กร คุณค่าขององค์กร แล้วก็คำมั่นสัญญาขององค์กร ว่าเราจะทำอย่างไรให้กับลูกค้าบ้าง สัญลักษณ์พวกนี้อาจจะสื่อความหมายมาก็ได้นะคะ ประเภทของตราสัญลักษณ์หรือพวกโลโก้นี่ มันก็มีหลายประเภทนะคะ ปัจจัยที่ทำให้เราแบ่งแยกประเภทได้ ก็อาจจะมาตั้งแต่แนวคิดของสี ปัจจุบันนี้เราก็เลยแบ่งประเภทออกเป็น 4 ประเภท สำหรับตัวสัญลักษณ์นะคะ แบบแรก เป็นแบบ Word Mark นะคะ จะเป็นโลโก้หรือสัญลักษณ์ที่ออกแบบโดยการเอาตัวอักษรและตัวมาจัดเรียงกันเข้าด้วยกันนะคะ โลโก้แบบนี้นะคะ แบบที่เอาตัวหนังสือมาเรียงกันนี่ก็มีเยอะมาก ตัว Coke Canon Google Disney แบบนี้เขาก็เอาชื่อขององค์กรเขามาทำเป็นตัวสัญลักษณ์ของเขาเลยก็ได้นะคะ เอามาใช้ตรง ๆ เลย หรือแบบใช้แค่ Letter from ก็คือเอาแค่ตัวอักษรตัวเดียวภายในชื่อขององค์กรเขามาแค่ตัวเดียว ให้มีลักษณะพิเศษ ให้น่าจดจำ เช่น สัญลักษณ์ยี่ห้อรถยนต์ HONDA ก็มีแค่ตัว H ตัวเดียว McDonald's ขายไก่ทอด ก็มีตัว M ตัวเดียวก็ได้ Uber สำหรับการเรียกรถ ใช้บริการรถสาธารณะ ก็มีตัว U ตัวเดียวก็ได้ อันข้างล่างอันหนึ่ง Uniliver เป็นพวกบริษัทที่ข้าวของเครื่องใช้ในชีวิตประจำวันของเรา ยาสระผม ครีมนวดผม น้ำยาล้างจาน ผงซักฟอก เราเห็นสัญลักษณ์นี้เราก็จะจำบริษัทเขาได้นะคะ อันนี้ก็การออกแบบก็ทำอย่างนี้เหมือนกัน วันนี้เราก็ทำแบบนี้ทำแบบง่าย ๆ หรือเป็นแบบ ก็จะเป็นเอารูปที่เป็นเชิงสัญลักษณ์ที่สามารถเห็นแล้วจดจำได้ง่าย เช่น กาแฟสตาร์บัค เป็นรูปนางเงือก Twitter เป็นรูปนกสีฟ้าแอปเปิลถูกกัดแหว่งไปข้างหนึ่ง ยี่ห้อรถยนต์หรู Mercedes-Benz ก็เป็นรูปดาว3 แฉก ก็เป็นรูปสัญลักษณ์บางทีมันไม่ได้เกี่ยวกับชื่อแบรนด์ของเขาด้วยซ้ำ Apple อาจจะเกี่ยวนะคะ แต่ตัวสตาร์บัคมันไม่ใช่รูปดาวสักนิดเลยอะไรนี้นะคะ หรือเป็นแบบ Abstrac เป็นตัวโลโก้ที่ไม่สื่อถึงอะไรเลยแต่จำได้ง่ายดูแล้วเหมือนภาพศิลปะ เช่น สัญลักษณ์รองเท้า Nike สัญลักษณ์ Pepsi สัญลักษณ์โทรศัพท์ Huawei ไม่มีอันไหนที่อ่านออกเป็นตัวหนังสือเลย แต่ทำไมเราจำได้เพราะเราถูกจดจำไปแล้ว ออกแบบมาเพื่อให้ทุกคนจำได้ว่าโลโก้ตัวนี้เป็นยี่ห้ออะไรนะคะ วันนี้เลยจะมีการออกแบบสัญลักษณ์ง่าย ๆ 2 อัน อันแรก เป็นแบบเอา Wordmark เอาคำ อาจจะเป็นชื่อโลโก้ ชื่อองค์กร ชื่อแบรนด์ที่คุณคิดไว้มาทำ กับอีกอันหนึ่งจะเป็นแบบ Letter form เป็นตัวหนังสือตัวเดียวมาทำ อย่างง่าย ๆ เลยวันนี้ทำ 2 อันนะคะ ระหว่างนี้เปิด Photoshop ขึ้นมาค่ะ Photoshop เหมือนที่ทำอาทิตย์ที่แล้วอ่ะค่ะ จำได้ไหม เหมือนอาทิตย์ที่แล้วเลย ทำไมเร็วจังเลย ยังไม่ได้พาตั้งเลย จำได้ รู้ได้อย่างไรว่าเราเหมือนเดิม ถ้าจำได้เหมือนครั้งที่แล้วนะ เราก็สร้างกระดาษใหม่ขึ้นมา วันนี้อาจารย์จะเอาเป็นแนวตั้งหรือแนวนอนดี อันนี้เอาเป็นสี่เหลี่ยมอย่างนี้นะ อันนี้เราจำได้นะเราตั้งค่าอย่างไร เป็น... ถ้าใครเอาเท่ากันนะแล้วแต่ อาจารย์เอาเป็น 1,500 ทั้งบนทั้งล่างนะคะ แล้วก็ความละเอียดที่ 300 นะ อันนี้ก็แล้วแต่ แต่อาจารย์ตั้งไว้เท่านี้ อันนี้น่าจะจำได้ อาทิตย์ที่แล้วทำแล้วนะคะ ที่อาจารย์ตั้ง 1,500 กับ 1,500 ผลลัพธ์ที่ออกมามันก็จะเป็นสี่เหลี่ยมจัตุรัสนะ สี่เหลี่ยมด้านเท่า ก็สร้าง Layer ใหม่ขึ้นมาค่ะ กดเครื่องหมายบวกตรงนี้ข้างล่างเหมือนเดิมนะคะ มุมล่างขวากดเครื่องหมายบวก เปลี่ยนสีพื้นหลังตามชอบนะคะ อย่าลืมมากดตรงเปลี่ยนสีตรงนี้ ตรงนี้นะคะ ตรงที่อาจารย์ชี้อยู่ จากสีดำ เอาสีตามชอบ อาจารย์จะเอาสีเทา หรือสีแดงก็ได้แล้วแต่ เอาสีนี้สีออกแดง ๆ นิดหนึ่งก็ได้ ประมาณนี้ก็ได้ สีส้ม ๆ แล้วแต่นะคะ แล้วแต่ชอบเปลี่ยนสีตามชอบเลย สีพื้นหลังตามชอบ จำได้นะเทสีอย่างไร มุมล่างขวานะคะ เราจะต้องมี 2 Layer นะ ต้องมี 2 Layer นะคะ ต้องมี 2 Layer นะ แล้วเราก็มาเพิ่มข้อความเพิ่มความจำได้นะ เพิ่มข้อความเอาสี... สีขาวนี่แหละ ข้อความแล้วแต่เลยว่าตัวเองจะพิมพ์ว่าอะไรนะคะ พลอยให้น้องดูจอก่อน ดูล่ามก่อนนะคะ ดูล่ามก่อน ดูล่ามก่อน ให้พิมพ์ข้อความอะไรก็ได้ไม่ต้องพิมพ์ตามอาจารย์ อยากเป็นชื่อจริงตัวเองก็ได้ หรือตัวเองมีร้านขายของอยู่แล้ว หรือชื่อยี่ห้อแบรนด์ที่เราชอบนะคะ พิมพ์ตามใจชอบเลย เหมือนอาจารย์จะพิมพ์เป็น Digital ก็ได้ พิมพ์ Digital ก็ไม่ต้องพิมพ์ตามอาจารย์นะ เอาที่เราชอบเลยนะคะ เอาที่เราชอบเลย เอาที่เราชอบนะ พิมพ์ แล้วก็เปลี่ยนขนาดตัวหนังสือตามที่เราชอบเลยเหมือนกัน เอาไว้ตรงกลางนะคะ มีปรับแต่งก่อนคราวนี้เงยหน้าดูก่อนนะคะ เงยหน้าดูก่อน เราจะปรับให้ตัวนี้อยู่กึ่งกลางที่สุดนะคะ จะเอาตรงนี้ให้อยู่กึ่งกลางที่สุด ไปที่เครื่องมือ Move Tool ตัวนี้นะ Move Tool ตัวนี้ กดตรงนี้ค่ะ ข้างบน กดตรงนี้ก่อนนะ กด Move Tool ก่อนนะ กดสัญลักษณ์ตัวนี้ 1 ครั้ง Move Tool ก่อนนะ สัญลักษณ์ตัวนี้ 1 ครั้ง แล้วก็สัญลักษณ์ตัว Vertical ตัวนี้อีก 1 ครั้ง เดี๋ยวนะไม่ไป เดี๋ยวนะ มัน... กด Move Tool กด Ctrl + A Ctrl+A แล้วก็กดที่สัญลักษณ์ตัวนี้ นี่ค่ะ เหมือนเค้กเป็นชั้น ๆ นี่ ครั้งที่ 1 กดตัวนี้ ครั้งที่ 2 กดตัวนี้ กดอย่างละครั้ง Ctrl+A ปล่อยตั้งนานแล้ว Ctrl+A กดแล้วปล่อยนะ แล้วก็กดตัวกลางนี้ 1 ครั้ง ตัวกลางนี้ 1 ครั้ง ข้อความของเราจะอยู่ตรงกลาง แต่ถ้าใครกดแล้วมันไม่ได้ ใช้ตัว Move Tool ตัวนี้ก็ได้ เลื่อนเอา เดี๋ยวจะเดินดูแป๊บหนึ่งค่ะ ได้หมดแล้ว เหลือมิ้งหรือ โอเค ได้แล้วใช่ไหมคะ ตอนนี้ได้แล้ว เราจะใส่กรอบ เพราะรูปตัวอย่างมันเป็นอย่างไร รูปตัวอย่างเดี๋ยวนะคะ โทษที รูปตัวอย่างมันจะมีกรอบสีขาวใช่ไหมคะ กรอบสีขาวครอบอยู่ เราก็จะเอากรอบมาใส่จำได้ไหม อาทิตย์ที่แล้วใส่กรอบตรงไหน อยู่ด้านล่าง แต่เราจะมีปรับตั้งค่านะคะ ดูก่อน พอกดตัวสี่เหลี่ยมแล้วนะคะ ให้ขึ้นไปดูข้างบน ตั้งค่าด้านบนต้องเป็น Sheap ใช่ไหม ในส่วนของการใส่สี Field เนี่ยกด 1 ครั้งค่ะ ไม่ใส่สี No Color นะ ที่มันจะเป็นขีดเส้นแดง ๆ เลือกตัวนี้ แล้วก็ขอบเอาหนากว้างขนาดไหน อาจารย์ลองสัก 6 Pixel ลองวาดดูสิ อาจจะสวยแล้ว แล้วแต่ชอบนะคะ แล้วแต่ชอบ อาจารย์ตั้งค่าไว้ 6 นะคะ แล้วก็อีกตรงหนึ่งที่ต้องตั้งค่าตรงนี้อย่าลืมติ๊กเครื่องหมายถูกด้วยนะคะ ตรงอะไรอีก ตัวนี้เครื่องหมายถูกด้วย ถ้าได้แบบนี้แล้ว เอากรอบมาวาดครอบข้อความที่เราพิมพ์ไว้นะคะ มันก็จะเป็นกรอบแบบนี้ ได้ไหม ถ้าเส้นเล็กไปก็กด Ctrl+Z เปลี่ยนนะคะ เอาสัก 10 ตามชอบ เอาตามชอบ ประมาณนี้ สมมติอาจารย์เอาเท่านี้นะคะ คราวนี้มาตรง Layer ค่ะ จำได้ไหม คลิกค้างไว้ Layer ที่เป็น rectangle นี่ค่ะ อันบนสุดลากลงมาไว้ข้างล่างตัวหนังสือ สลับตำแหน่งก่อนนะคะ คราวนี้ตามตัวอย่างมันจะมีคำเล็ก ๆ ตรงนี้ด้วยข้างบน เราพิมพ์เพิ่มนะคะ พิมพ์เพิ่ม ก็เพิ่มมา อาจารย์จะพิมพ์ พิมพ์เอง พิมพ์เพิ่มมาอีกอันหนึ่งนะคะ พิมพ์เพิ่ม เปลี่ยนฟอนต์ก็ได้นะคะ เปลี่ยนตัวหนังสือใหม่ เลือกเอา ไม่น่ารักเลย เป็นตัวนี้ เอาอันที่เราพิมพ์ใหม่น่ะค่ะ มาไว้ตรงกึ่งกลางของเส้นแก้ไขแบบ กึ่งกลางแบบนี้ เห็นไหมคำว่า "แบบ" ที่เราใช้งานมันจะมีข้อความอยู่บนเส้นตรงนี้ด้วย แต่เดี๋ยวเราจะลบออกนะคะ เอามาไว้แบบนี้ก่อน ได้แล้วไหม ได้แล้ว คราวนี้เพิ่ม Layer เหมือนเดิมค่ะ กดเครื่องหมายบวกมุมล่างขวาเหมือนเดิมค่ะ กดเลยนะคะ กดเลย เอากรอบค่ะ เหมือนเดิม เหมือนเมื่อกี้ เอากรอบมาใส่ทับตัวอักษรตัวเล็กที่เราสร้างใหม่เมื่อกี้อีกรอบหนึ่งค่ะ ใส่แบบนี้ สร้าง Layer ใหม่ แล้วก็เพิ่มกรอบนะคะ กด Ctrl ค้างไว้นะคะ กด Ctrl เฉย ๆ แล้วคลิกที่ Layer กรอบเล็ก มันจะเป็น Rectangle 2 น่ะค่ะ ให้มันขึ้นเส้นประตรงกรอบอันที่ 2 อันเล็กน่ะ กด Ctrl ค้างไว้ แล้วคลิก กรอบอันที่ 2 น่ะค่ะ อันเล็ก เส้นประขึ้นแล้ว กลับไปที่ Layer กรอบใหญ่ Rectangle 1 ที่เป็นเลข 1 เลขแทงโก้ 1เหมือนเดิม Add layer Mask ที่เป็นกรอบสี่เหลี่ยมและมีจุดกลมตรงกลางน่ะค่ะ กด 1 ครั้ง ไปที่ Layer กรอบใหญ่นะ เราก็กด Ctrl + i อีก 1 ครั้ง i Ctrl + i ไปปิดตา Rectangle 2 ก็คือกรอบเล็ก กดปิดตา ผลลัพธ์ เห็นไหมว่ากรอบมันจะแหว่งไปตรงที่เราเลือก กรอบมันจะแหว่ง คราวนี้รูปต้นฉบับสัญลักษณ์มันจะเอียงขึ้นใช่ไหมคะ เสัญลักษณ์มันจะเอียงขึ้นนะ มันจะชี้ขึ้น กด Shift ค้างไว้ค่ะ กด Shift กด Shift นะ แล้วก็คลิกทุก Layer ยกเว้นพื้นหลังให้มันเป็นสีเทาแบบนี้ค่ะ ทุกอัน กด Shift นะคะ กดอย่างนี้ไว้แล้ว ขึ้นสีเทา 4 อันหรือยัง สีเทา 4 อันนะคะ สีเทา 4 อัน แป๊บหนึ่งนะคะล่าม กี่คนที่ยังไม่ได้ ได้หรือยัง ล่ามคะ เดี๋ยวขอประมาณ 10 นาทีนะคะ นักศึกษาทำไม่ทัน เดี๋ยวเดินดูแป๊บหนึ่งประมาณ 10 นาทีค่ะ น่าจะถึงแล้ว กดเลือกไว้นะคะ ตรงนี้ ไอ้ตรง Layer ข้างล่างมุมล่างขวาค่ะ ต้องเป็นสีเทา 4 อัน ยกเว้นพื้นหลังน่าจะได้แล้วนะคะ Ctrl + T T Thailand น่ะค่ะ มันจะมีกรอบสีฟ้า ๆ ขึ้นCtrl แล้วก็ตัว T T Thailand น่ะค่ะ T Thailand ได้แล้ว พอได้กรอบเป็นเส้นสีฟ้า ๆ แบบนี้แล้วนะคะ คลิกขวาเส้นที่มันขึ้นมาใหม่นี่คะ คลิกขวา คลิกเมาส์ด้านขวา เลือกนี่ค่ะ เมนู Skew ตัวนี้ค่ะ S-K-E-W ตัวนี้ กดเลือก แล้วมันจะมีจุดสีขาวตรงกลางนี่ค่ะ จุดสีขาวตรงกลางนะคะ กดเมาส์ด้านซ้ายค้างไว้แล้วดึงขึ้น ขยับเมาส์ขึ้น มันจะเอียง ได้มุมแล้วปล่อย ค้างไว้แล้วดึงขึ้น นี่ค่ะ มันจะเป็นจุดสี่เหลี่ยมสีขาวนะคะ เวลาเอาเมาส์ชี้นี่ ตอนนี้มันจะเป็นลูกศรชี้ขึ้น-ลง คลิกตรงจุดสี่เหลี่ยมตรงกลาง คลิกที่ค้างไว้นะคะ แล้วก็ดึงขึ้น ใครได้องศาที่ต้องการแล้วกดเครื่องหมายถูกข้างบน ตอนนี้มันก็จะเอียงแล้วใช่ไหม เอียงแล้ว ใครยังไม่เอียง เดี๋ยวอาจารย์เดินดู ได้แล้ว ได้แล้ว คราวนี้เราจะเพิ่มเงาให้กับตัวโลโก้เรานะคะ แต่ก่อนที่จะเพิ่มเงา เราจะต้องรวมทุกอย่างตัวนี้เป็นโฟลเดอร์เดียวกันก่อน ตอนนี้จะเป็นสีเทา 4 อันอยู่นะ ใช่ไหม มันเป็นสีเทาอยู่ กดสัญลักษณ์โฟลเดอร์นี้ค่ะ ข้างล่าง ที่มันเป็นรูปแฟ้ม ล่างขวาสัญลักษณ์จากซ้ายจะเป็นตัวที่ 3 ตัวนี้กด 1 ครั้ง มันจะเขียนว่า Group 1 แล้ว เป็น Group 1 นะคะ คลิกขวาที่ Group 1 เลือกเมนูบนสุดค่ะ Bending Option คลิกขวานะคะ แล้วก็เป็น Bending Optionไปเมนูล่างสุด Drop Shadow ตัวนี้ ทำเครื่องหมายถูก กดตรง + นี่ค่ะ กด + 1 ครั้งนะคะ คราวนี้เรามาดูสิว่ามันจะมีเงาตรงไหนนะคะ เพิ่มตรง Distance ตัวนี้มีเงาแบบนี้ มีเงาหรือยัง มีแล้ว ให้มันฟุ้ง ๆ นิดหนึ่ง ขนาดใหญ่ขนาดไหนปรับดูเอาตามชอบนะคะ ตามชอบนิดหนึ่ง เอาตามชอบปรับดู ถ้าชอบแล้วก็กด OK เลย แล้วก็ดูผลลัพธ์ที่ได้ อย่าลืมนะคะ รูปนี้ต้องส่งอาจารย์ด้วย ไปที่ File มุมบนซ้าย File เหมือนครั้งที่แล้วน่ะค่ะ File แล้วก็เลือก Export Export As ต้องเอารูปนี้ส่งอาจารย์ด้วยนะคะ เดี๋ยวพัก 10 นาทีนะคะ ใครยังทำไม่เสร็จทำให้เสร็จ ใครจะไปเข้าห้องน้ำเข้าห้องน้ำให้เรียบร้อย เดี๋ยวอีก 10 นาทีทำ Workshop ที่ 2 ค่ะ พัก 10 นาทีค่ะ ไม่ยากหรอกแต่จำไม่ได้ มาค่ะ เดี๋ยวต่ออันที่ 2 ค่ะ ค่ะ อย่างนั้นเดี๋ยวเริ่มอันที่ 2 เลยนะคะ อันที่ 2 ก็จะเป็นรูปนี้ เป็นแบบ Letter from ตัวหนังสือตัวเดียวนะคะ เมื่อกี้เป็น Word ไปแล้ว อันนี้จะเป็นแบบ Letter ไปที่ Photoshop เหมือนเดิมค่ะ สร้างใหม่เหมือนเดิม Ctrl + N เหมือนเดิมค่ะ ตั้งค่าขนาดให้เรียบร้อย ทำคล้าย ๆ เดิมเลยค่ะ ทำคล้าย ๆ เดิม สร้าง Layer ใหม่เหมือนเดิม เอาสีที่เราชอบ สีขาว อาจารย์จะเอาสีขาว ข้างล่างนี้ต้องมี 2 Layer นะคะ ทำเหมือนเดิม เหมือนเดิมเลย แล้วแต่ เอาสีที่ชอบเลย พอได้ 2 Layer แล้ว กด Ctrl + A กด Ctrl + A 1 ครั้ง ไปที่เมนูด้านบน Edit Edit นะคะ Edit กด 1 ครั้ง เลือกเมนู Transform ตัวนี้ Transform แล้วเลือก Distort ตัวนี้นะคะ ใครถึงตรงนี้แล้ว กดเลยนะคะกดเลย มันก็จะมีจุดสี่เหลี่ยมขึ้นมานะคะ ให้เลือกที่จุดมุมบนสุดด้านขวา คลิกเมาส์ด้านซ้ายค้างไว้นะคะ แล้วลากให้มาอีกมุมหนึ่งแบบนี้ กดคลิกเมาส์ด้านซ้ายค้างไว้นะคะ แล้วก็ลากให้มันเป็นเส้นทแยงมุมแบบนี้ เป็นเส้นทแยงมุมอย่างนี้หรือยัง ใครยังไม่ได้ ได้หมดแล้วไหมพลอย น่าจะได้หมดแล้ว ใครยังไม่ได้เส้นทแยงมุม เดี๋ยวอาจารย์เดินไปดูค่ะ ได้แล้ว ให้คลิกขวา คลิกขวานะคะ เลือกเหมือนเดิมค่ะ Bending Option Drop Shadow เหมือนเดิม เลือก Size แบบนี้ แป๊บหนึ่งนะคะ ได้แล้ว ใครสวยแล้วก็กด OK เลยค่ะ มันก็จะเป็นเส้นทแยงมุมมีเงาแบบนี้ แล้วมันจะมีตรงหนึ่งนะคะ พอได้แบบนี้แล้วมันจะมีสัญลักษณ์สามเหลี่ยมชี้ขึ้นตรงนี้ ตรงนี้ ตรงนี้ มุมล่างขวานะค่ะ มันจะมีสัญลักษณ์สามเหลี่ยมชี้ขึ้นตรงนี้ ดูจอล่ามก่อนนะคะ ดูจอล่ามก่อน ตรง Layer 1 นะคะ มันจะมีสัญลักษณ์เป็นมุมชี้ขึ้นเล็ก ๆ แบบนี้นะคะ คลิกขวา คลิกขวาหรือยัง มันจะซูมเยอะไป แป๊บหนึ่งนะคะ เลือก Create Layer ใครไม่เห็น ใครกดแล้วมันจะขึ้น ให้กด OK 1 ครั้งด้วย แบบนี้ OK ไปเลย คราวนี้กลับมาที่มันจะมี 3 อันแบบนี้c]h;ใช่ไหมคะ กลับมาที่ Layer ที่มันมีคำว่า "Drop Shadow" ตัวนี้ 1 ครั้ง เดี๋ยวอาจารย์เดินดูแป๊บหนึ่งนะคะ จะได้ 3 อันแบบนี้นะคะ กลับมาตรง Layer ที่มันเขียนว่า Drop Shadow 1 ตัวนี้ จากรูปตัวอย่างของเราแต่เห็นไหมคะ ว่าตรงปลายมุมบนล่างแบบนี้มันจะเหมือนถูกลบออก เราก็จะลบออกด้วยเหมือนกัน ที่ Layer นี้นะคะ แล้วไปที่เครื่องมือที่เป็นรูปยางลบนี่ Eraser ตรงนี้ มาปรับขนาดก่อน ตอนนี้มันเล็กมากพอปรับขนาดด้านบนได้แล้ว ลบแค่ตรงปลายบนไปล่างแค่นี้ค่ะ ลบแค่นี้ ไม่ต้องลบเยอะ ลบออก ลบออกให้เหลือเท่านี้ ใครลบไม่ได้ยกมือ เดี๋ยวอาจารย์เดินไปดู ทุกคนถ้าเห็นไม่ชัดเหมือนอาจารย์ไม่เป็นไร เพราะสีพื้นหลังของแต่ละคนไม่เหมือนกัน ที่อาจารย์เห็นมองชัดอย่างนี้ เพราะว่าอาจารย์เอาพื้นหลังสีขาวมันเลยชัด แต่ภาพพื้นหลังของคนอื่นเป็นสีอื่นไม่ชัดไม่เป็นไร แต่ก็ต้องลบให้ถูกด้วย ตอนนี้เราทำให้ลบอยู่ที่อันที่ 2 ตัวนี้ ลบให้ถูกนะคะ ไม่อย่างนั้นมันจะลบไม่ได้ หรือถ้าใครไม่ลบก็ไม่เป็นไร คราวนี้เรามาเพิ่มตัวอักษรที่เป็นสัญลักษณ์ของเรา กดเพิ่มข้อความตรงนี้ค่ะ เพิ่มของใครของมันเลยนะคะ ไม่เหมือนกัน อาจารย์จะเอาตัว O เลือกตัวอักษรตัวเองเลยนะคะ เอาที่ตัวเองจะใช้เลย ฟอนต์มันน้อย อาจารย์เอาตัวนี้ก็ได้ ถ้าพิมพ์แล้วมันจะซ่อนอยู่ได้แบบนี้ เล็กไป ใครไม่ซ่อนยกมือ หรือว่าพอได้แบบนี้แล้ว เราจะเพิ่มคำข้อความอื่นก็ได้ อาจจะเป็นชื่อเว็บไซต์ของเรา หรือคำอธิบายตัวอักษรเราก็ได้นะคะ ก็เพิ่มข้อความอีกข้อความหนึ่ง กดไปที่ตัว T อีกรอบหนึ่งแล้วก็พิมพ์เพิ่ม สมมติอาจารย์จะเป็นตรงนี้ ถ้าใครมายังโดนซ่อนนะคะ สังเกตว่าข้อความที่เราเพิ่มมาใหม่จะต้องอยู่บนสุด บนสุดนะคะ บนสุด พิมพ์ไปก่อน ไม่ได้ไม่เป็นไร เดี๋ยวอาจารย์เดินดู 1999 18 ก็ตัดสวยตามชอบเลยนะคะ ปรับให้สวยเลย ได้ประมาณนี้แล้ว เดี๋ยวอาจารย์เดินดูค่ะ ถ้าใครพอใจกับผลงานตัวเองแล้วประมาณนี้ก็ส่งได้นะคะ แต่ถ้าใครจะเพิ่มเติมให้มันดูเหมือนของอาจารย์ ก็คือมันจะดูเป็นเงาเป็นวง ๆ แบบนี้ ก็ทำต่อ พอได้อย่างนี้แล้วอย่างที่เราต้องการนะคะ ไปที่ Background ด้านล่างสุดนะคะ สร้าง Layer ใหม่ Ctrl + J Duplicate ขึ้นมา อาจารย์อยากให้พื้นหลังอาจารย์เป็น 2 สี ก็จะเปลี่ยนอยากเปลี่ยนเป็นสีส้ม ๆ หน่อยก็ได้ ส้ม ๆ เหลือง ๆ แล้วแต่นะคะ แล้วแต่แล้วแต่ชอบ ก็เปลี่ยนสีพื้นหลังเลย เทสีลงไปแบบนี้ มันก็จะคล้าย ๆ กับที่นักศึกษาทำตอนนี้ล่ะค่ะ เป็น 2 สีะคะ แต่มันจะทำเป็นวง ๆ ได้แบบเมื่อกี้นะคะ ให้ลากอันที่เราเพิ่มใหม่เมื่อกี้นี้ถ้าใครทำมานะคะ ไปไว้บนสุดไม่ต้องตกใจถ้างานเราหายไป ไปที่เครื่องมือยางลบเหมือนเดิมค่ะ เครื่องมือยางลบ ลบออก ลบแค่เป็นวงที่เราชอบ เสร็จแล้ว ใครไม่ทำแบบนี้ก็ได้นะคะ ทำเท่าที่เราทำเมื่อกี้แล้วก็ส่งอาจารย์เลยก็ได้ ก็อย่าลืมไปที่ File คลิก Export As รูปนี้ส่งอาจารย์วันนี้งานที่เราทำจะต้องส่งอาจารย์ 2 รูป รูปตัวหนังสือเอียง แล้วก็รูปโลโก้แบบ Letter from ตัวนี้ ตัวเดียวตัวนี้ส่งใน Classroom สำหรับวันนี้ก็จะมีงาน 2 งานนี้นะคะ ถ้าใครเสร็จแล้ว Export รูปภาพออกมาแล้ว ส่งเสร็จก็กลับได้นะคะ สำหรับวันนี้โลโก้ 2 อันต้องส่งเขายังทำไม่เสร็จทำให้เสร็จนะคะ หรือใครอยากทำเพิ่มก็ได้แล้วแต่ เปลี่ยนตัวหนังสือเปลี่ยนคำเป็นคำที่เราชอบ เปลี่ยนสีพื้นหลังนะคะ ตามที่เราชอบเลย ถ้าใครเสร็จแล้วก็กลับได้นะคะ สำหรับวันนี้ก็จะมีประมาณนี้ค่ะ ขอบคุณล่าม ขอบคุณถอดความนะคะ