Artboard Studio Visittkortmodell

• Kan 11, 2024

I denne opplæringen vil vi lage et visittkortmodell i Artboard Studio, ved å bruke en av de forhåndsdesignede malene. Å starte fra en mal er den enkleste måten å lage en mockup på. Alt du trenger er designet ditt som du vil laste opp og plassere i mockupen.

Selv om vi bruker en mal, kan vi fremdeles tilpasse mockupen etter våre behov. Husk at hvert designelement, også bakgrunnen, kan flyttes, endre størrelse på, fargelegges med mer.

1. Når du logger inn på kontoen din, vil du se knappen Opprett nytt prosjekt (se skjermdump). Klikk på denne knappen for å gå til listen over maler.
   
   
2. Øverst til høyre hjørne, klikk på ikonet for å åpne søkefeltet og søke etter visittkort (se skjermbilde).
   
   Ettersom mitt eksempelvisittkort har både front- og bakdesign, bestemte jeg meg for å bruke en mockup som viste begge sider av kortet. På dette tidspunktet har vi et valg mellom to maler med den typen mockup, som er Business Card Mockup og Business Card Stack. Jeg valgte det senere (se skjermdump).
   
   
3. Klikk på miniatyrbildet for å gå til Main Canvas.
   
   Som du ser i Canvas Settings, kan vi endre Canvas Size og bakgrunnsfarge / gradient. La oss beholde standardene for nå.
   
   
4. Høyreklikk på visittkortet på lerretet for å åpne popup-menyen (se skjermdump).
   
   Som du kan se, har vi mange alternativer, fra bildefiltre til tilpasset skygge. La oss holde vårt første prosjekt enkelt og holde standardene. Vi trenger bare å laste opp og legge til vårt design i mockupen.
   
   
5. Gå til Lag-panelet. Vi kan legge til designen vår til det stående kortlaget, Laying Down Card-laget og det bare sidefarge-laget.
   
   
6. Klikk på Stående kort-laget for å tilpasse dette objektet (se skjermdump).
   
   
7. I menyen til venstre klikker du på ikonet for opplastinger. Klikk deretter på Last opp-knappen for å laste opp kortets forside og bakside (se skjermbilde).
   
   
8. Klikk på miniatyrbildet til designet for å legge det til på lerretet.
   
   
9. Klikk øverst på kategorien Hovedduk for å gå tilbake.
   
   
10. Klikk på Laying Down Card-laget og legg til kortutviklingen.
    
    Nå som vi har designet på plass, la oss endre bakgrunnsfargen. Jeg liker å starte med å teste farger fra designet.
    
    
11. I Canvas-innstillingene klikker du på Bakgrunn for å åpne fargebildet for lerret.
    
    Standard er en grønn til hvit gradient. La oss teste noen solide bakgrunnsfarger.
    
    
12. Klikk på knappen Solid for å bytte fra standardgradienten (se skjermdump).
    
    
13. Velg pipettverktøyet for å teste noen få farger fra designet. I eksemplet valgte jeg den mørkerøde fargen.
    
    Ensfargen er fin, men litt mørk. La oss teste en gradient.
    
    
14. Klikk på Gradient-knappen.
    
    Legg merke til gradientlinjen under knappen. Velg hver sluttsirkel og eksperiment med noen graderinger. Når du finner en gradient du liker, klikker du på X for å lukke panelet.
    
    I eksemplet bestemte jeg meg for å bruke en solid hvit bakgrunn. Endelig må vi endre fargen på kortsidene. Dette blir kontrollert av Side Color Only-laget.
    
    14. Klikk på Bare fargelag.
    
    Siden standardgrønn bakgrunn vil kaste en lysere grønn farge på kortsidene, er standard en lysegrønn farge. Siden bakgrunnen vår er hvit, la oss endre dette fra lysegrønn til lysegrå (se skjermdump).
    
    Det var en enkel mockup! Artboard Studio lagrer arbeidet ditt automatisk, så la oss laste ned prosjektet vårt som en .png.
    
    14. I hurtigeksportpanelet setter du eksportfiltypen til PNG og klikker på Eksporter-knappen (se skjermdump).
    
    

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

Artboard Studio-skjermbilder brukt med tillatelse fra Mockup Zone Inc.