Artboard Studio Mockup pentru cărți de vizită

• Mai 15, 2024

În acest tutorial, vom crea un model de carte de vizită în Artboard Studio, folosind unul dintre șabloanele predisemnate. Pornirea de la un șablon este cel mai simplu mod de a crea un model. Tot ce îți trebuie este designul pe care îl vei încărca și îl vei plasa la model.

Chiar dacă vom folosi un șablon, putem totuși personaliza modelul pentru nevoile noastre. Nu uitați că fiecare element de design, chiar și fundalul, poate fi mutat, redimensionat, memorat și multe altele.

1. Când vă conectați la contul dvs., veți vedea butonul Creați un nou proiect (consultați ecranul). Faceți clic pe acest buton pentru a accesa lista șabloanelor.
   
   
2. În colțul din dreapta sus, faceți clic pe pictograma pentru a deschide bara de căutare și a căuta carte de vizită (vezi captură de ecran).
   
   Deoarece exemplul meu de vizită are atât design frontal cât și posterior, am decis să folosesc un model care să afișeze ambele părți ale cardului. În acest moment, avem de ales de două șabloane cu acel tip de model, care sunt Mockup de carte de vizită și Stack de cărți de vizită. Am ales ulterior (vezi ecranul de ecran).
   
   
3. Faceți clic pe miniatura șablonului pentru a accesa Canvasul Principal.
   
   După cum puteți vedea în Canvas Settings, putem schimba dimensiunea panoului și culoarea / gradientul de fundal. Haideți să păstrăm valorile implicite deocamdată.
   
   
4. Faceți clic dreapta pe cartea de vizită de pe pânză, pentru a deschide meniul pop-up (consultați ecranul).
   
   După cum puteți vedea, avem multe opțiuni de la Filtre de imagine la Shadow personalizate. Să păstrăm primul proiect simplu și să păstrăm implicitele. Trebuie doar să încărcăm și să adăugăm designul nostru la model.
   
   
5. Accesați panoul Straturi. Putem adăuga design-ul nostru la stratul de carte permanentă, la stratul de placă și la stratul de culoare laterală.
   
   
6. Faceți clic pe stratul de carte permanentă pentru a personaliza acest obiect (a se vedea ecranul de ecran).
   
   
7. În meniul din stânga, faceți clic pe pictograma Încărcările dvs. Apoi faceți clic pe butonul Încărcare pentru a încărca desenele frontale și posterioare ale cardului (vezi ecranul de ecran).
   
   
8. Faceți clic pe miniatura designului pentru ao adăuga pe pânză.
   
   
9. În partea de sus, faceți clic pe fila Pânză principală pentru a reveni.
   
   
10. Faceți clic pe stratul de stabilire a cardului și adăugați designul cardului.
    
    Acum că avem designul în loc, să schimbăm culoarea de fundal. Îmi place să încep prin testarea culorilor din design.
    
    
11. În Setări Canvas, faceți clic pe Background pentru a deschide selectorul de culori Canvas Background.
    
    Implicit este un gradient verde până la alb. Să testăm câteva culori de fundal solide.
    
    
12. Faceți clic pe butonul Solid pentru a comuta din gradientul implicit (consultați ecranul).
    
    
13. Selectați instrumentul Eyedropper pentru a testa câteva culori din design. În exemplu, am ales culoarea roșu închis.
    
    Culoarea solidă este drăguță, dar puțin întunecată. Să testăm un gradient.
    
    
14. Faceți clic pe butonul Gradient.
    
    Observați bara de gradient de sub buton. Selectați fiecare cerc final și experimentați cu unele degradeuri. Când găsiți un gradient care vă place, faceți clic pe X pentru a închide panoul.
    
    În exemplu, am decis să folosesc un fundal alb solid. În cele din urmă, trebuie să schimbăm culoarea laturilor cardului. Acesta este controlat de stratul Side Color Only.
    
    14. Faceți clic pe stratul Side Color Only.
    
    Deoarece fundalul verde implicit ar pune o culoare verde mai deschisă pe laturile cardului, implicit este o culoare verde deschis. Deoarece fundalul nostru este alb, haideți să schimbăm acest lucru de la verde deschis la gri deschis (a se vedea ecranul de ecran).
    
    Asta a fost o machetă ușoară! Artboard Studio vă salvează automat munca, așa că haideți să descărcăm proiectul nostru ca un .png.
    
    14. În panoul Export rapid, setați tipul de fișier export la PNG și faceți clic pe butonul Export (consultați ecranul).
    
    

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

Imagini de ecran Artboard Studio utilizate cu permisiunea Mockup Zone Inc.

Instrucțiuni Video,: What is Builderall and how this will help me? Explained (Mai 2024).