Maquette de carte de visite Artboard Studio

• Mai 6, 2024

Dans ce didacticiel, nous allons créer une maquette de carte de visite dans Artboard Studio, en utilisant l'un des modèles prédéfinis. Le démarrage à partir d'un modèle est le moyen le plus simple de créer une maquette. Tout ce dont vous avez besoin est votre design que vous téléchargerez et placerez dans la maquette.

Même si nous utiliserons un modèle, nous pouvons toujours personnaliser la maquette selon nos besoins. N'oubliez pas que chaque élément de conception, même l'arrière-plan, peut être déplacé, redimensionné, recoloré et plus encore.

1. Lorsque vous vous connectez à votre compte, vous verrez le bouton Créer un nouveau projet (voir capture d'écran). Cliquez sur ce bouton pour accéder à la liste des modèles.
   
   
2. Dans le coin supérieur droit, cliquez sur l'icône pour ouvrir la barre de recherche et recherchez carte de visite (voir capture d'écran).
   
   Comme mon exemple de carte de visite a un design recto / verso, j'ai décidé d'utiliser une maquette qui affiche les deux côtés de la carte. À l'heure actuelle, nous avons le choix entre deux modèles avec ce type de maquette, à savoir la maquette de carte de visite et la pile de cartes de visite. J'ai choisi le plus tard (voir capture d'écran).
   
   
3. Cliquez sur la vignette du modèle pour accéder au canevas principal.
   
   Comme vous pouvez le voir dans les paramètres du canevas, nous pouvons modifier la taille du canevas et la couleur / dégradé d'arrière-plan. Gardons les valeurs par défaut pour l'instant.
   
   
4. Faites un clic droit sur la carte de visite sur la toile, pour ouvrir le menu contextuel (voir capture d'écran).
   
   Comme vous pouvez le voir, nous avons de nombreuses options, des filtres d'image aux ombres personnalisées. Gardons notre premier projet simple et gardons les valeurs par défaut. Nous avons seulement besoin de télécharger et d'ajouter notre conception à la maquette.
   
   
5. Accédez au panneau Calques. Nous pouvons ajouter notre conception au calque Carte debout, au calque Carte couchée et au calque Couleur latérale uniquement.
   
   
6. Cliquez sur le calque de la carte debout pour personnaliser cet objet (voir capture d'écran).
   
   
7. Dans le menu de gauche, cliquez sur l'icône Vos téléchargements. Cliquez ensuite sur le bouton Télécharger pour télécharger les conceptions avant et arrière de la carte (voir capture d'écran).
   
   
8. Cliquez sur la vignette de votre conception pour l'ajouter à la toile.
   
   
9. En haut, cliquez sur l'onglet Canevas principal pour revenir.
   
   
10. Cliquez sur la couche Laying Down Card et ajoutez le design de votre carte.
    
    Maintenant que notre design est en place, changeons la couleur d'arrière-plan. J'aime commencer par tester les couleurs du design.
    
    
11. Dans les paramètres du canevas, cliquez sur Arrière-plan pour ouvrir le sélecteur de couleur d'arrière-plan du canevas.
    
    La valeur par défaut est un dégradé vert à blanc. Testons quelques couleurs d'arrière-plan unies.
    
    
12. Cliquez sur le bouton Solide pour passer du dégradé par défaut (voir capture d'écran).
    
    
13. Sélectionnez l'outil Pipette pour tester quelques couleurs de la conception. Dans l'exemple, j'ai choisi la couleur rouge foncé.
    
    La couleur unie est agréable mais un peu sombre. Testons un dégradé.
    
    
14. Cliquez sur le bouton Dégradé.
    
    Remarquez la barre de dégradé sous le bouton. Sélectionnez chaque cercle d'extrémité et expérimentez avec certains dégradés. Lorsque vous trouvez un dégradé que vous aimez, cliquez sur le X pour fermer le panneau.
    
    Dans l'exemple, j'ai décidé d'utiliser un fond blanc uni. Enfin, nous devons changer la couleur des côtés de la carte. Ceci est contrôlé par le calque Side Color Only.
    
    14. Cliquez sur le calque Side Color Only.
    
    Comme l'arrière-plan vert par défaut jetterait une couleur verte plus claire sur les côtés de la carte, la valeur par défaut est une couleur vert clair. Comme notre arrière-plan est blanc, changeons cela du vert clair au gris clair (voir capture d'écran).
    
    C'était une maquette facile! Artboard Studio enregistre automatiquement votre travail, alors téléchargeons notre projet au format .png.
    
    14. Dans le panneau d'exportation rapide, définissez le type de fichier d'exportation sur PNG et cliquez sur le bouton Exporter (voir capture d'écran).
    
    

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

Captures d'écran Artboard Studio utilisées avec la permission de Mockup Zone Inc.

Instructions Vidéo: [SPEED ART] Ma première maquette sur photoshop (Mai 2024).