ฝึกฝนเทรนด์การออกแบบสุดฮอตด้วยบทช่วยสอน Photoshop เหล่านี้

ชีวิตประจำวันของเราเต็มไปด้วยภาพที่น่าตื่นตาตื่นใจ การทดลองการออกแบบภาพกลายเป็นเทรนด์การออกแบบกราฟิกที่ร้อนแรง และทันใดนั้น เราก็เห็นพวกเขาทุกที่

การออกแบบภาพที่โดดเด่นถูกฉาบไว้ทั่วด้านข้างของรถประจำทาง โปสเตอร์ ป้ายโฆษณา โฆษณาทางทีวี นิตยสาร และแน่นอน ผลิตภัณฑ์ดิจิทัล มีหลายชื่อ เช่น ดูโอโทน, ซ้อนภาพ, สแกนเส้น, ผิดพลาด, รอยเปื้อน, ช่องสี, การมาส์กภาพ, สีสันฉูดฉาด และการพิมพ์ผิด

เช่นเดียวกับแฟชั่น เทรนด์การออกแบบมักจะถูกนำกลับมาใช้ใหม่เมื่อหลายสิบปีก่อน—เราเห็นพวกเขากลับมาครั้งแล้วครั้งเล่า: คอนสตรัคติวิสต์ของรัสเซีย, Bauhaus, การพิมพ์สกรีน, 1970s... ฯลฯ รูปแบบการออกแบบทางเรขาคณิตที่เรียบง่ายและอิ่มตัวมีมาเกือบศตวรรษแล้ว และนักออกแบบ ยังคงใช้อยู่เพราะมีประสิทธิภาพพอๆ กับเมื่อ 100 ปีที่แล้ว

โชคดีที่นักออกแบบในปัจจุบันมีเครื่องมือดิจิทัลที่หลากหลายกว่ามาก เพื่อสร้างเอฟเฟกต์การเทรนด์เหล่านี้มากกว่าที่เคยทำในสมัยก่อน ถึงกระนั้น แม้ว่าเครื่องมือต่างๆ จะหาซื้อได้ง่ายกว่า แต่อย่าลืมว่ามันเป็นความคิดสร้างสรรค์ที่กล้าหาญและนวัตกรรมด้านภาพที่จะหล่อหลอมการออกแบบที่สดใหม่และน่าสนใจที่สุด

นักออกแบบควรปฏิบัติตามแนวโน้มการออกแบบหรือไม่?

ผู้อำนวยการและนักออกแบบที่สร้างสรรค์บางคนอาจต่อต้านแนวโน้มการออกแบบเพราะพวกเขาไม่ต้องการถูกมองว่าเป็น "ผู้ติดตาม" อย่างไรก็ตาม การใช้แนวโน้มการออกแบบกราฟิกสามารถพิสูจน์ได้ว่าเป็นการตัดสินใจที่สำคัญ เนื่องจากการทำเช่นนี้สามารถช่วยให้นักออกแบบมีความร่วมสมัยมากขึ้น การกล้าที่จะแตกต่างก็มีรางวัลเช่นกัน นักออกแบบที่ดีที่สุด "ตามและขอยืม" จากแนวโน้มทั้งในอดีตและปัจจุบัน บางครั้งสร้างสิ่งใหม่ทั้งหมดโดยผสมผสานแนวโน้มการออกแบบกราฟิกเข้ากับสิ่งที่โดดเด่นและสดใหม่

คำเตือน—นักออกแบบควรใช้แนวโน้มการออกแบบกราฟิกในงานของตนเมื่อเหมาะสมเท่านั้นและคำนึงถึงแบรนด์ ตัวอย่างเช่น ผู้คนคาดหวังความมั่นคงและความไว้วางใจจากการธนาคาร การลงทุน แบรนด์ประกันภัย และอื่นๆ ดังนั้นผลกระทบจากวัฒนธรรมที่โค่นล้มอย่าง "ความผิดพลาด" อาจไม่เหมาะสมในกรณีเหล่านี้

มาดูเทรนด์การออกแบบกราฟิกยอดนิยมบางส่วนและแบ่งปันบทแนะนำ Photoshop ยอดนิยมบางส่วนเกี่ยวกับวิธีสร้างมัน

เทรนด์ดีไซน์มาแรง: เอฟเฟกต์แสงซ้อน 2 เท่า

การผสมผสานภาพอันตระการตาสามารถทำได้โดยใช้เอฟเฟ็กต์ "การเปิดรับแสงสองครั้ง" ชื่อนี้มาจากการถ่ายภาพด้วยฟิล์มเซลลูลอยด์ โดยจะถ่ายภาพสองหรือสามภาพโดยไม่ม้วนฟิล์มไปข้างหน้าในกล้อง ทำให้เฟรมเดียวกันแสดงภาพที่แตกต่างกันหลายครั้ง เทรนด์นี้ให้ความสำคัญกับโปสเตอร์ภาพยนตร์และการโปรโมตทางทีวีเป็นอย่างมาก ดังที่เห็นด้านบน ชื่อการเปิดรายการทีวีเช่น True Detective บน HBO ได้ใช้เอฟเฟกต์นี้กับกราฟิกเคลื่อนไหวเพื่อสร้างเอฟเฟกต์ที่ยอดเยี่ยม

เพื่อให้ได้เอฟเฟกต์การเปิดรับแสงสองครั้งที่ยอดเยี่ยม การเลือกภาพอย่างระมัดระวังเป็นสิ่งสำคัญมาก รูปภาพที่มีคอนทราสต์สูงจะทำงานได้ดีที่สุดเมื่อส่วนที่มืดกว่ากินพื้นที่ของรูปภาพซึ่งกำลังจะใช้รูปภาพอื่น การจัดวางภาพพอร์ตเทรตที่มีรายละเอียดมากขึ้น เช่น ภาพทิวทัศน์ของเมืองหรือทิวทัศน์นั้นมักจะทำเสร็จแล้ว

ต่อไปนี้คือบทแนะนำ Photoshop บางส่วนเกี่ยวกับวิธีการบรรลุเทรนด์การออกแบบที่ร้อนแรงนี้:

บทช่วยสอน Photoshop เอฟเฟกต์แสงซ้อน #1:

บทช่วยสอน Photoshop เอฟเฟกต์แสงซ้อน #2:

บทช่วยสอน Photoshop เอฟเฟกต์แสงซ้อน #3:

ความผิดพลาด, พิมพ์ผิด, เอฟเฟกต์การรบกวนทางสายตา

นี่คือการรับสองครั้ง มันดึงดูดสายตาในทะเลของ "ภาพที่สมบูรณ์แบบ" เพราะมันเป็นเรื่องของความไม่สมบูรณ์ โดยอิงจากผลลัพธ์ที่ไม่คาดคิดของข้อผิดพลาดดิจิทัลที่เรียกว่า "ข้อบกพร่อง" ทุกสิ่งรอบตัวเรา ไม่ว่าจะเป็นโฆษณา โปสเตอร์ ปกนิตยสาร และการโปรโมตทางทีวี—ได้รับการปรับแต่งด้วย Photoshop อย่างสมบูรณ์แบบ (บางคนถึงกับเรียกว่า "ของปลอม" หรือ "มลภาวะทางสายตา") ด้วยเหตุนี้จึงผลักดันความปรารถนาที่จะเห็นจริงมากขึ้น เป็นธรรมชาติน้อยลง ภาพที่ไม่สมบูรณ์แบบ

แนวโน้มการออกแบบนี้มักจะดึงดูดใจคนรุ่นใหม่ได้มากกว่า เทรนด์การออกแบบนี้เป็นการเคลื่อนไหวที่ “ต่อต้านการปลอมแปลง” วัฒนธรรมที่ถูกโค่นล้ม โดยมีจุดประสงค์เพื่อทำให้การออกแบบโดดเด่น ดังที่กล่าวไว้ข้างต้น อาจไม่เหมาะสมกับบางสถานการณ์หรือบางแบรนด์ ดังนั้นนักออกแบบจึงควรระมัดระวังหากเลือกใช้เอฟเฟกต์นี้

นักออกแบบส่วนใหญ่จะใช้คำว่า "ความผิดพลาด" แต่บางครั้งเรียกว่าเอฟเฟกต์ VHS, RGB shift พร้อมเส้นสแกน, พิมพ์ผิดหรือรบกวนทางสายตา นักออกแบบที่มีนวัตกรรมบางครั้งอาจรวมเอฟเฟกต์สมัยนิยมหลายประเภทเข้าด้วยกันเป็นสิ่งใหม่

ทุกคนมีวิธีการสร้างเอฟเฟกต์นี้ในแบบของตัวเอง ดังนั้นลองมองไปรอบๆ YouTube แล้วเลือกแบบที่คุณชอบ มีแม้กระทั่งนักออกแบบ Photoshop Actions ที่สามารถซื้อเพื่อสร้างเอฟเฟกต์ผิดพลาดได้ด้วยการคลิกเพียงไม่กี่ครั้ง ต่อไปนี้คือบทแนะนำ Photoshop สองสามข้อเกี่ยวกับวิธีการบรรลุแนวโน้มการออกแบบนี้:

กลิทช์เอฟเฟกต์ Photoshop บทช่วยสอน #1:

กลิทช์เอฟเฟกต์ Photoshop บทช่วยสอน #2:

มีแม้กระทั่งวิธีที่จะบรรลุผลผิดพลาดที่ยอดเยี่ยมด้วย CSS เท่านั้น เป็นการสาธิตสไลด์โชว์และการแสดงตัวอย่างหน้า Landing Page

เอฟเฟคดูโอโทน

Duotone อยู่มาระยะหนึ่งแล้ว แต่ดูเหมือนไม่เคยเหนื่อยเลย เมื่อหลายร้อยปีก่อน Sanguine ถูกใช้ (ชอล์กสีแดงบนกระดาษ) เพื่อสร้างภาพวาดสีเดียวที่เรียบง่ายโดยศิลปินเช่น Leonardo da Vinci มีบางอย่างที่คงทนในการทำลายภาพให้เหลือโทนสีที่เรียบง่าย และภาพดูโอโทนที่ทันสมัยก็ไม่ต่างไปจากภาพสเก็ตช์ของปรมาจารย์ในสมัยก่อน

วันนี้ ตั้งแต่โปสเตอร์บล็อกบัสเตอร์ฮอลลีวูดไปจนถึง Apple และ Spotify ดูเหมือนว่าทุกคนจะใช้เอฟเฟกต์ดูโอโทน จุดประสงค์อีกครั้งคือการยืนหยัดเพื่อให้ถูกมองว่าเป็นสิ่งที่แตกต่าง มีแม้กระทั่ง Photoshop Actions และแอพมือถือมากมายสำหรับการสร้างเอฟเฟกต์ดูโอโทนอย่างง่ายดาย

ต่อไปนี้คือบทแนะนำ Photoshop บางส่วนเกี่ยวกับวิธีการบรรลุแนวโน้มการออกแบบที่เกิดขึ้นนี้:

บทช่วยสอน Photoshop เอฟเฟกต์ Duotone #1:

บทช่วยสอน Photoshop เอฟเฟกต์ Duotone #2:

บทช่วยสอน Photoshop เอฟเฟกต์ Duotone # 3:

RGB Split, ช่องสี, การเปิดรับแสงสองสี

นี่คือเอฟเฟกต์ที่สะดุดตาอีกอย่างหนึ่งที่สามารถใช้รูปภาพ ข้อความ และรูปร่างได้ เอฟเฟกต์นี้บางครั้งใช้ 3 ภาพที่แตกต่างกันใน 3 ช่องสีที่ต่างกันของวัตถุเดียวกัน และนำมาวางรวมกันเพื่อให้เป็นภาพที่น่าสนใจ เอฟเฟกต์นี้บางครั้งอาจถูกมองว่าเป็นการผสมผสานระหว่างเอฟเฟกต์ความผิดพลาดและเอฟเฟกต์การแยก RGB นักออกแบบบางคนมีความคิดสร้างสรรค์จริงๆ และผสมผสานการเปิดรับแสงสองครั้ง ความผิดพลาด และ เอฟเฟกต์การแยก RGB

ต่อไปนี้คือบทแนะนำ Photoshop และ Affinity Photo บางส่วนเกี่ยวกับวิธีสร้างเอฟเฟกต์การออกแบบภาพที่ได้รับความนิยม (โปรดมองข้ามสิ่งที่พวกเขาเรียกว่าเอฟเฟกต์ ทุกคนมีชื่อต่างกัน):

บทช่วยสอน Photoshop เอฟเฟกต์แสงสีสองเท่า:

บทช่วยสอนภาพถ่าย Affinity เอฟเฟกต์การเปิดรับแสงสองเท่า:

สีสันฉูดฉาดและเอฟเฟกต์ Duotone เรืองแสง

อีกครั้งเป้าหมายที่นี่คือการโดดเด่นจริงๆ เทรนด์นี้ใช้สีสันสดใส อิ่มตัว และเรืองแสงในปริมาณที่พอเหมาะเหนือการออกแบบ

แนวทางที่จะดำเนินการในที่นี้คือ กล้าได้กล้าเสีย (ตามความเหมาะสม) และกล้าเสี่ยงกับสีสันที่ฉูดฉาด ไม่ว่าจะเป็นเว็บไซต์ ปกอัลบั้ม หรือโปสเตอร์

การกำบังภาพ, พิลึก, ลัทธินามธรรม, ลัทธิเขียนภาพแบบเหลี่ยม

นี่เป็นหนึ่งในแนวโน้มการออกแบบที่เกิดซ้ำซึ่งยังคงเป็นแนวทางการออกแบบกราฟิกที่ยั่งยืน อาจเป็นลูกผสมของพื้นที่สีเรียบๆ การตัดต่อ และการมาส์ก เป็นเทคนิคที่มีอายุเกือบ 100 ปี เนื่องจากโปสเตอร์โฆษณาชวนเชื่อของรัสเซียในช่วงทศวรรษ 1920

ในการสร้างผลงานที่มีสีและความซับซ้อนที่หลากหลาย ในช่วงทศวรรษสุดท้ายของชีวิต Henri Matisse ได้ใช้วัสดุง่ายๆ สองแบบ ได้แก่ กระดาษสีขาวและ gouache ซึ่งกลายเป็นกระดาษตัดที่มีชื่อเสียงของเขา กรรไกรธรรมดาคู่หนึ่งคือเครื่องมือ Matisse ที่ใช้ในการแปลงสีและกระดาษให้กลายเป็นโลกของพืช สัตว์ ตัวเลข และรูปร่าง

รูปแบบดิจิทัลของคิวบิสม์ ศิลปะนามธรรม และ "คัตเอาท์" ในปัจจุบันคือแนวโน้มการออกแบบที่ปกปิดรูปถ่ายซึ่งใช้โดยนักออกแบบจำนวนมากเพื่อดึงดูดความสนใจ

ไม่มีกฎเกณฑ์ที่ยากและรวดเร็วในการสร้างเอฟเฟกต์นี้ ทุกอย่างขึ้นอยู่กับแหล่งข้อมูลและความคิดสร้างสรรค์ของคุณ มองหาแรงบันดาลใจในการออกแบบและศิลปะ เช่น โปสเตอร์โฆษณาชวนเชื่อของรัสเซีย ภาพเขียนแบบเหลี่ยมนามธรรมของ Picasso และภาพตัดปะของ Matisse เทคนิคการมาส์กภาพและภาพปะติดเหล่านี้ส่วนใหญ่สามารถสร้างได้ด้วยเลเยอร์มาสก์ใน Photoshop มันเป็นเรื่องของการเลือกภาพและความคิดสร้างสรรค์ และไม่เกี่ยวกับเทคนิค

อย่างไรก็ตาม ต่อไปนี้เป็นบทแนะนำ Photoshop สองสามข้อเกี่ยวกับวิธีสร้างเทรนด์การออกแบบสุดฮิป เอฟเฟกต์การปิดบังรูปภาพ:

วิธีสร้างโปสเตอร์เอฟเฟกต์ข้อความ Photoshop Tutorial:

วิธีสร้างบทช่วยสอน Photoshop ภาพเหมือนตัวอักษร:

นี่เป็นอีกหนึ่งบทช่วยสอน Photoshop ที่น่าสนใจโดยใช้การมาสก์รูปภาพเพื่อสร้างภาพนี้:

บทช่วยสอนนี้เป็นตัวอย่างของวิธีการใช้เทคนิคง่ายๆ สองสามข้อเพื่อสร้างภาพประกอบที่ซับซ้อนโดยใช้เลเยอร์หลายชั้น การมาสก์ เครื่องมือปากกา การจัดแสงพื้นฐานบางส่วน และพื้นผิวที่เรียบง่ายเพียงรายการเดียว

สำรวจ กล้าหาญ และกำหนดเส้นทางของคุณเอง

วันนี้ ความกล้าหาญเชิงสร้างสรรค์ไม่ใช่ทางเลือก เป็นสิ่งที่นักออกแบบต้องทำเมื่อความคาดหวังของผู้คนเพิ่มขึ้น และความสนใจของพวกเขาก็ยากขึ้นที่จะจับต้องได้ อย่าอายที่จะทำตามเทรนด์การออกแบบ อันที่จริง ผสมมัน ทำอะไรใหม่ๆ กับพวกเขา! เขย่าสถานะที่เป็นอยู่ กล้าหาญ และสำรวจจินตนาการของคุณ กระโดดโลดเต้น! จงกล้าหาญอย่างสร้างสรรค์!

• • •

อ่านเพิ่มเติมเกี่ยวกับบล็อก Toptal Design:

• eCommerce UX – ภาพรวมของแนวทางปฏิบัติที่ดีที่สุด (พร้อมอินโฟกราฟิก)
• ความสำคัญของการออกแบบที่เน้นมนุษย์เป็นศูนย์กลางในการออกแบบผลิตภัณฑ์
• ผลงานออกแบบ UX ที่ดีที่สุด – กรณีศึกษาและตัวอย่างที่สร้างแรงบันดาลใจ
• หลักการฮิวริสติกสำหรับอินเทอร์เฟซมือถือ
• การออกแบบที่คาดหวัง: วิธีสร้างประสบการณ์ผู้ใช้ที่มีมนต์ขลัง