Mockup นามบัตร Artboard Studio

• อาจ 19, 2024

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

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

1. เมื่อคุณลงชื่อเข้าใช้บัญชีของคุณคุณจะเห็นปุ่มสร้างโครงการใหม่ (ดูภาพหน้าจอ) คลิกปุ่มนี้เพื่อไปที่รายการแม่แบบ
   
   
2. ที่มุมบนขวาให้คลิกไอคอนเพื่อเปิดแถบการค้นหาและค้นหา นามบัตร (ดูภาพหน้าจอ)
   
   เนื่องจากนามบัตรตัวอย่างของฉันมีทั้งแบบด้านหน้าและด้านหลังฉันจึงตัดสินใจใช้แบบจำลองที่แสดงทั้งสองด้านของการ์ด ในเวลานี้เรามีตัวเลือกของแม่แบบสองแบบที่มี mockup ประเภทนั้นคือ Mockup ของนามบัตรและ Stack ของนามบัตร ฉันเลือกภายหลัง (ดูภาพหน้าจอ)
   
   
3. คลิกที่ภาพขนาดย่อเทมเพลตเพื่อไปที่ Canvas หลัก
   
   อย่างที่คุณเห็นในการตั้งค่าผืนผ้าใบเราสามารถเปลี่ยนขนาด / พื้นหลังสี / ไล่ระดับสีได้ มาเริ่มต้นกันเถอะ
   
   
4. คลิกขวาที่นามบัตรบนภาพวาดเพื่อเปิดเมนูป๊อปอัพ (ดูภาพหน้าจอ)
   
   อย่างที่คุณเห็นเรามีตัวเลือกมากมายตั้งแต่ตัวกรองภาพไปจนถึงเงาที่กำหนดเอง มาทำให้โครงการแรกของเราง่ายขึ้นและรักษาค่าเริ่มต้น เราจะต้องอัปโหลดและเพิ่มการออกแบบของเราในการจำลองเท่านั้น
   
   
5. ไปที่แผงเลเยอร์ เราสามารถเพิ่มการออกแบบของเราไปที่เลเยอร์การ์ดแบบยืน, เลเยอร์การวางการ์ดและเลเยอร์สีด้านข้างเท่านั้น
   
   
6. คลิกที่เลเยอร์บัตรประชาชนเพื่อปรับแต่งวัตถุนี้ (ดูภาพหน้าจอ)
   
   
7. ในเมนูด้านซ้ายคลิกไอคอนการอัปโหลดของคุณ จากนั้นคลิกปุ่มอัปโหลดเพื่ออัปโหลดการออกแบบด้านหน้าและด้านหลังการ์ด (ดูภาพหน้าจอ)
   
   
8. คลิกภาพขนาดย่อของการออกแบบเพื่อเพิ่มลงใน Canvas
   
   
9. ที่ด้านบนให้คลิกแท็บผ้าใบหลักเพื่อกลับไปที่
   
   
10. คลิกเลเยอร์การ์ดวางลงและเพิ่มการออกแบบการ์ดกลับ
    
    ตอนนี้เรามีการออกแบบของเราแล้วเปลี่ยนสีพื้นหลัง ฉันชอบที่จะเริ่มต้นด้วยการทดสอบสีจากการออกแบบ
    
    
11. ในการตั้งค่า Canvas ให้คลิกพื้นหลังเพื่อเปิดตัวเลือกสีพื้นหลังผ้าใบ
    
    ค่าเริ่มต้นคือการไล่ระดับสีเขียวถึงสีขาว ลองทดสอบสีพื้นหลังที่เป็นของแข็ง
    
    
12. คลิกปุ่ม Solid เพื่อเปลี่ยนจากการไล่ระดับสีเริ่มต้น (ดูภาพหน้าจอ)
    
    
13. เลือกเครื่องมือ Eyedropper เพื่อทดสอบสีสองสามสีจากการออกแบบ ในตัวอย่างฉันเลือกสีแดงเข้ม
    
    สีทึบดี แต่มืดเล็กน้อย ลองทดสอบการไล่ระดับสี
    
    
14. คลิกปุ่มไล่โทนสี
    
    สังเกตแถบไล่ระดับสีใต้ปุ่ม เลือกแต่ละวงสิ้นสุดและทดสอบด้วยการไล่ระดับสี เมื่อคุณพบการไล่ระดับสีที่คุณชอบคลิก X เพื่อปิดพาเนล
    
    ในตัวอย่างฉันตัดสินใจใช้พื้นหลังสีขาวทึบ ในที่สุดเราจำเป็นต้องเปลี่ยนสีของด้านบัตร สิ่งนี้ถูกควบคุมโดยเลเยอร์สีข้างเท่านั้น
    
    14. คลิกที่เลเยอร์สีด้านข้างเท่านั้น
    
    เนื่องจากพื้นหลังสีเขียวเริ่มต้นจะใช้สีเขียวอ่อนลงที่ด้านข้างของการ์ดค่าเริ่มต้นคือสีเขียวอ่อน เนื่องจากพื้นหลังของเราเป็นสีขาวให้เปลี่ยนจากสีเขียวอ่อนเป็นสีเทาอ่อน (ดูภาพหน้าจอ)
    
    นั่นเป็นเรื่องจำลองที่ง่าย! Artboard Studio บันทึกงานของคุณโดยอัตโนมัติดังนั้นมาดาวน์โหลดโครงการของเราเป็น. png
    
    14. ในแผงการส่งออกด่วนให้ตั้งค่าประเภทการส่งออกไฟล์เป็น PNG และคลิกปุ่มส่งออก (ดูภาพหน้าจอ)
    
    

//artboard.studio/
//www.youtube.com/watch?v=aSCe5ZLR8rg

ภาพหน้าจอของ Artboard Studio ที่ได้รับอนุญาตจาก Mockup Zone Inc.