Artboard Studio visitekaartje Mockup

• Mei 18, 2024

In deze zelfstudie maken we een visitekaartjesmodel in Artboard Studio, met behulp van een van de vooraf ontworpen sjablonen. Beginnen met een sjabloon is de eenvoudigste manier om een ​​mockup te maken. Het enige dat u nodig hebt, is uw ontwerp dat u uploadt en in het model plaatst.

Hoewel we een sjabloon zullen gebruiken, kunnen we het model nog steeds aanpassen aan onze behoeften. Onthoud dat elk ontwerpelement, zelfs de achtergrond, kan worden verplaatst, van grootte kan worden veranderd, opnieuw kan worden gekleurd en meer.

1. Wanneer u zich aanmeldt bij uw account, ziet u de knop Nieuw project maken (zie screenshot). Klik op deze knop om naar de lijst met sjablonen te gaan.
   
   
2. Klik in de rechterbovenhoek op het pictogram om de zoekbalk te openen en naar te zoeken visitekaartje (zie screenshot).
   
   Omdat mijn voorbeeld visitekaartje zowel een voor- als achterkant heeft, besloot ik een mockup te gebruiken die beide zijden van de kaart liet zien. Op dit moment hebben we een keuze uit twee sjablonen met dat type mockup, de Business Card Mockup en Business Card Stack. Ik koos voor het laatste (zie screenshot).
   
   
3. Klik op de sjabloonminiatuur om naar het hoofdcanvas te gaan.
   
   Zoals u kunt zien in de Canvas-instellingen, kunnen we de canvasgrootte en de achtergrondkleur / het verloop wijzigen. Laten we de standaardwaarden voorlopig behouden.
   
   
4. Klik met de rechtermuisknop op het visitekaartje op het canvas om het pop-upmenu te openen (zie screenshot).
   
   Zoals u kunt zien, hebben we veel opties, van beeldfilters tot aangepaste schaduw. Laten we ons eerste project eenvoudig houden en de standaardwaarden behouden. We hoeven alleen ons ontwerp te uploaden en toe te voegen aan het model.
   
   
5. Ga naar het deelvenster Lagen. We kunnen ons ontwerp toevoegen aan de laag Standing Card, Laying Down Card en de laag Side Color Only.
   
   
6. Klik op de kaart Staande kaart om dit object aan te passen (zie screenshot).
   
   
7. Klik in het menu aan de linkerkant op het pictogram Uw uploads. Klik vervolgens op de knop Uploaden om de voor- en achterkantontwerpen van de kaart te uploaden (zie screenshot).
   
   
8. Klik op de miniatuur van uw ontwerp om het aan het canvas toe te voegen.
   
   
9. Klik bovenaan op het tabblad Hoofdvenster om terug te keren.
   
   
10. Klik op de kaart Laying Down Card en voeg het ontwerp van uw kaart toe.
    
    Nu we ons ontwerp op zijn plaats hebben, laten we de achtergrondkleur wijzigen. Ik begin graag met het testen van kleuren uit het ontwerp.
    
    
11. Klik in de Canvas-instellingen op Achtergrond om de kleurkiezer Canvas-achtergrond te openen.
    
    De standaardwaarde is een groen tot wit verloop. Laten we enkele effen achtergrondkleuren testen.
    
    
12. Klik op de knop Effen om over te schakelen van het standaardverloop (zie screenshot).
    
    
13. Selecteer het pipet om een ​​paar kleuren van het ontwerp te testen. In het voorbeeld heb ik de donkerrode kleur gekozen.
    
    De effen kleur is mooi maar een beetje donker. Laten we een verloop testen.
    
    
14. Klik op de knop Verloop.
    
    Let op de verloopbalk onder de knop. Selecteer elke eindcirkel en experimenteer met enkele verlopen. Wanneer u een verloop vindt dat u bevalt, klikt u op de X om het paneel te sluiten.
    
    In het voorbeeld besloot ik een effen witte achtergrond te gebruiken. Ten slotte moeten we de kleur van de kaartzijden wijzigen. Dit wordt geregeld door de laag Alleen zijkleur.
    
    14. Klik op de laag Alleen zijkleur.
    
    Omdat de standaard groene achtergrond een lichtere groene kleur op de zijkanten van de kaart zou werpen, is de standaard een lichtgroene kleur. Omdat onze achtergrond wit is, laten we dit veranderen van lichtgroen naar lichtgrijs (zie screenshot).
    
    Dat was een gemakkelijke mockup! Artboard Studio slaat uw werk automatisch op, dus laten we ons project downloaden als .png.
    
    14. Stel in het paneel Snelle export het exportbestandstype in op PNG en klik op de knop Exporteren (zie screenshot).
    
    

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

Artboard Studio screenshots gebruikt met toestemming van Mockup Zone Inc.