14 บทช่วยสอนสำหรับการออกแบบแบบจำลองที่สมบูรณ์แบบสำหรับแบรนด์ของคุณ

เผยแพร่แล้ว: 2021-06-24

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

สารบัญ ซ่อน
1) การสร้างภาพจำลองโดยใช้ภาพฐาน:
2) Mockup เสื้อยืดที่สมจริงใน Photoshop:
3) Mockup การออกแบบบรรจุภัณฑ์ใน Photoshop
4) Mockups โลโก้ที่สวยงาม:
5) การออกแบบ Mockup คอมโพสิตเสื้อยืดใน Photoshop:
6) Mockups แอปพลิเคชันมือถือ:
7) สร้างเว็บไซต์จำลองใน Photoshop:
8) สร้างแบบจำลองนามบัตรที่สวยงาม:
9) สร้างแบบจำลองคอมโพสิตสำหรับนิตยสาร:
10) สร้าง Mockups บิลบอร์ดที่น่าสนใจ:
11) สร้าง Mockup วิดีโอเว็บไซต์แบบเลื่อนใน Photoshop
12) เปลี่ยนปกหนังสือของคุณให้เป็นแบบจำลอง:
13) การสอนทีละขั้นตอนเกี่ยวกับวิธีการดาวน์โหลดและใช้ Mockups โลโก้ PSD:
14) สร้าง Mockup ของคุณจากศูนย์:

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

1) การสร้างภาพจำลองโดยใช้ภาพฐาน:

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

2) Mockup เสื้อยืดที่สมจริงใน Photoshop:

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

3) Mockup การออกแบบบรรจุภัณฑ์ใน Photoshop

PHLEARN เป็นหนึ่งในช่องการสอนที่มีผู้ชมมากที่สุดบน YouTube โดยนักออกแบบ บทแนะนำความยาว 18 นาทีนี้มาจากช่องนี้ เป็นสิ่งที่นักออกแบบที่ทำงานเกี่ยวกับการออกแบบบรรจุภัณฑ์ต้องดู สำหรับการออกแบบบรรจุภัณฑ์ใดๆ ที่คุณสร้าง คุณต้องจัดเตรียมแบบจำลองนั้นบนบรรจุภัณฑ์เพื่อให้ลูกค้าสามารถเห็นภาพได้ บทช่วยสอนนี้ใช้ภาพพื้นฐานและสอนวิธีกำหนดการออกแบบของคุณ การเลือกภาพฐานขึ้นอยู่กับการออกแบบของคุณ แต่ขั้นตอนในการบรรลุผลนั้นเกือบจะเหมือนกัน มันให้เคล็ดลับที่สำคัญแก่คุณ เช่น การใช้เครื่องมือการแปลง เครื่องมือ Blur และ Vanishing Point Filter เพื่อทำให้ม็อคอัพสุดท้ายของคุณดูสวยงามและสมจริงอย่างมาก

4) Mockups โลโก้ที่สวยงาม:

งานของนักออกแบบไม่ได้จบลงเพียงแค่การออกแบบโลโก้ที่น่าทึ่งเท่านั้น พวกเขายังต้องนำเสนอในวิธีที่ดีที่สุด ม็อคอัพโลโก้ช่วยในเรื่องนี้ได้ โดยที่นักออกแบบเลือกการตั้งค่าที่เหมาะสมสำหรับม็อคอัพ การตั้งค่าที่ดีที่สุดบางส่วนที่เป็นไปได้ ได้แก่ บัตรเข้าชม การกักตุน แผนกต้อนรับ หรือเครื่องเขียน แต่บทช่วยสอนนี้จะพัฒนาไปอีกขั้นในการสอนการสร้างโลโก้ 3 มิติที่เหมือนจริงให้กับคุณ สิ่งนี้จะเพิ่ม x-factor พิเศษให้กับการออกแบบของคุณ ซึ่งจะทำให้ง่ายต่อการสร้างความประทับใจให้กับลูกค้า ส่วนที่ดีของบทช่วยสอนนี้คือ มีความยาวเพียง 4:30 นาที แต่แม้ในช่วงเวลาสั้นๆ นั้นจะอธิบายวิธีสร้างแบบจำลองโลโก้บนวัตถุต่างๆ

5) การออกแบบ Mockup คอมโพสิตเสื้อยืดใน Photoshop:

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

6) Mockups แอปพลิเคชันมือถือ:

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

7) สร้างเว็บไซต์จำลองใน Photoshop:

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

8) สร้างแบบจำลองนามบัตรที่สวยงาม:

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

9) สร้างแบบจำลองคอมโพสิตสำหรับนิตยสาร:

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

10) สร้าง Mockups บิลบอร์ดที่น่าสนใจ:

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

11) สร้าง Mockup วิดีโอเว็บไซต์แบบเลื่อนใน Photoshop

ในขณะที่นักออกแบบส่วนใหญ่สร้างแบบจำลองคงที่สำหรับเว็บไซต์ แต่ไม่สามารถนำเสนอเว็บไซต์ในรูปแบบที่เลื่อนได้ ทำให้พลาดเครื่องหมายในระหว่างการนำเสนอลูกค้า คุณสามารถเพิ่มเกมการออกแบบของคุณได้โดยการสร้างม็อคอัพเว็บไซต์แบบเลื่อนใน Photoshop ด้วยวิดีโอนี้ คุณสามารถสร้างวิดีโอบน Photoshop ได้ ซึ่งแตกต่างจากความเชื่อที่นิยมกันทั่วไป สำหรับบทช่วยสอนนี้ คุณต้องมีอิมเมจพื้นฐานที่ดีโดยมีแล็ปท็อปหรือเดสก์ท็อปอยู่ และไวร์เฟรมของเว็บไซต์ทั้งหมด บทช่วยสอนจะสอนวิธีรับภาพนั้นเช่นกัน เมื่อคุณมีสิ่งเหล่านี้พร้อมแล้ว คุณสามารถเริ่มต้นด้วยการโหลดภาพพื้นฐานบน photoshop และสร้างวัตถุอัจฉริยะที่เหมาะสมในนั้น จากนั้นคุณต้องตั้งค่ารูปภาพเว็บไซต์ที่เลื่อนได้ทั้งหมดในวัตถุอัจฉริยะและปรับแต่งเพื่อให้ได้มุมมองที่สมบูรณ์แบบ ใช้เครื่องมือไทม์ไลน์เพื่อสร้างเอฟเฟกต์การเลื่อนบนหน้าจอแล็ปท็อป/เดสก์ท็อป คุณสามารถนำวิดีโอออกหรือแม้แต่ GIF ออก กวดวิชา 10 นาทีมีข้อมูลสูง และทำให้คุณเป็นผู้เชี่ยวชาญในการสร้างแบบจำลองวิดีโอเว็บไซต์เลื่อน

12) เปลี่ยนปกหนังสือของคุณให้เป็นแบบจำลอง:

การตั้งค่าปกหนังสือบนหนังสือเล่มแบนเป็นเรื่องง่ายและดูไม่น่าประทับใจนัก แต่คุณควรใช้ภาพเปอร์สเปคทีฟที่มีองค์ประกอบของมนุษย์อยู่ในนั้น ดังที่แสดงในวิดีโอแนะนำนี้โดย Photoshop Training Channel ที่มีชื่อเสียง ช่อง YouTube ของพวกเขามีสมาชิก 1.47 ล้านคน คุณจึงวางใจในความเชี่ยวชาญของพวกเขาใน Photoshop ได้ วิดีโอเริ่มต้นด้วยส่วน 'สิ่งที่ไม่ควรทำ' ซึ่งน่าสนใจ จากนั้นจะเดินหน้าต่อไปเพื่อสอนวิธีสร้างคำแนะนำและเครื่องมือครอบตัดเปอร์สเปคทีฟ จากนั้นเมื่อใช้วัตถุอัจฉริยะ คุณสามารถกำหนดการออกแบบปกหนังสือบนม็อคอัพและปรับแต่งเพิ่มเติมได้ นอกจากนี้ยังสอนวิธีใช้เครื่องมือวิปริต เอฟเฟกต์เงา และเลเยอร์มาสก์เพื่อสร้างผลงานระดับมืออาชีพ ในเวลาเพียง 7 นาที มันจะสอนวิธีการเชี่ยวชาญในการออกแบบปกหนังสือ

13) การสอนทีละขั้นตอนเกี่ยวกับวิธีการดาวน์โหลดและใช้ Mockups โลโก้ PSD:

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

14) สร้าง Mockup ของคุณจากศูนย์:

คุณเบื่อกับการใช้เทมเพลตมาตรฐานที่มีอยู่บนอินเทอร์เน็ตหรือไม่? ถ้าอย่างนั้นทำไมไม่สร้างม็อคอัพของคุณตั้งแต่เริ่มต้น บทช่วยสอนนี้มีไว้สำหรับคนที่มีความคิดสร้างสรรค์พิเศษที่มีเวลาและทรัพยากรในการตั้งค่าสภาพแวดล้อมสำหรับการจำลอง คุณจะต้องใช้ทรัพยากร เช่น กล้องดีๆ แสงไฟ และอุปกรณ์ประกอบฉากอื่นๆ ที่คุณสามารถใช้เพื่อสร้างสภาพแวดล้อมที่ดึงดูดสายตา จากนั้นเมื่อถ่ายภาพ คุณจะสามารถตั้งค่าโดยใช้วัตถุอัจฉริยะใน Photoshop เพื่อสร้างแบบจำลองของสเตชันเนอรีหรือแม้แต่การออกแบบบรรจุภัณฑ์

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