Artboard Studio Επαγγελματική Κάρτα Mockup

• Ενδέχεται 6, 2024

Σε αυτό το σεμινάριο, θα δημιουργήσουμε ένα mockup επαγγελματικής κάρτας στο Artboard Studio, χρησιμοποιώντας ένα από τα προκαθορισμένα πρότυπα. Ξεκινώντας από ένα πρότυπο είναι ο ευκολότερος τρόπος για να δημιουργήσετε ένα mockup. Το μόνο που χρειάζεστε είναι το σχέδιό σας που θα φορτώσετε και θα τοποθετήσετε το στο mockup.

Παρόλο που θα χρησιμοποιήσουμε ένα πρότυπο, μπορούμε ακόμα να προσαρμόσουμε το mockup για τις ανάγκες μας. Θυμηθείτε ότι κάθε στοιχείο σχεδιασμού, ακόμα και το φόντο, μπορεί να μετακινηθεί, να αλλάξει το μέγεθος, να ανασυσταθεί και άλλα.

1. Όταν συνδεθείτε στο λογαριασμό σας, θα δείτε το κουμπί Δημιουργία νέου έργου (δείτε screenshot). Κάντε κλικ σε αυτό το κουμπί για να μεταβείτε στη λίστα προτύπων.
   
   
2. Στην επάνω δεξιά γωνία, κάντε κλικ στο εικονίδιο για να ανοίξετε τη γραμμή αναζήτησης και να αναζητήσετε επαγγελματική κάρτα (δείτε screenshot).
   
   Καθώς η επίδειξη επαγγελματικής κάρτας έχει σχεδίαση μπροστά και πίσω, αποφάσισα να χρησιμοποιήσω ένα mockup που έδειχνε και τις δύο πλευρές της κάρτας. Αυτή τη στιγμή, έχουμε μια επιλογή από δύο πρότυπα με αυτό το είδος mockup, τα οποία είναι το Business Card Mockup και Business Stack. Επέλεξα αργότερα (δείτε το στιγμιότυπο οθόνης).
   
   
3. Κάντε κλικ στη μικρογραφία του προτύπου για να μεταβείτε στον κύριο καμβά.
   
   Όπως μπορείτε να δείτε στις Ρυθμίσεις καμβά, μπορούμε να αλλάξουμε το μέγεθος του καμβά και το χρώμα / κλίση του φόντου. Ας διατηρήσουμε τις προεπιλογές για τώρα.
   
   
4. Κάντε δεξί κλικ στην επαγγελματική κάρτα στον καμβά, για να ανοίξετε το αναδυόμενο μενού (δείτε screenshot).
   
   Όπως μπορείτε να δείτε, έχουμε πολλές επιλογές από τα Φίλτρα Εικόνας σε Custom Shadow. Ας διατηρήσουμε το πρώτο μας έργο απλό και να διατηρήσουμε τις προεπιλογές. Χρειάζεται μόνο να ανεβάσουμε και να προσθέσουμε το σχεδιασμό μας στο mockup.
   
   
5. Μεταβείτε στον πίνακα "Επίπεδα". Μπορούμε να προσθέσουμε το σχέδιό μας στη στρώση της μόνιμης κάρτας, στο Laying Down layer και στη στρώση Side Color Only.
   
   
6. Κάντε κλικ στο στρώμα μόνιμης κάρτας για να προσαρμόσετε αυτό το αντικείμενο (δείτε screenshot).
   
   
7. Στο αριστερό μενού, κάντε κλικ στο εικονίδιο Οι μεταφορτώσεις σας. Στη συνέχεια, κάντε κλικ στο κουμπί "Μεταφόρτωση" για να ανεβάσετε τα σχέδια μπροστά και πίσω (δείτε screenshot).
   
   
8. Κάντε κλικ στη μικρογραφία του σχεδίου σας για να την προσθέσετε στον καμβά.
   
   
9. Στην κορυφή, κάντε κλικ στην καρτέλα Κύρια καμβά για να επιστρέψετε.
   
   
10. Κάντε κλικ στο Laying Card layer και προσθέστε το σχέδιο της κάρτας σας πίσω.
    
    Τώρα που έχουμε το σχεδιασμό μας στη θέση του, ας αλλάξουμε το χρώμα του φόντου. Θα ήθελα να ξεκινήσω ελέγχοντας τα χρώματα από το σχέδιο.
    
    
11. Στις ρυθμίσεις καμβά, κάντε κλικ στο φόντο για να ανοίξετε το εργαλείο επιλογής χρώματος φόντου καμβά.
    
    Η προεπιλογή είναι μια διαβάθμιση από πράσινο σε λευκό. Ας δοκιμάσουμε μερικά στερεά χρώματα φόντου.
    
    
12. Κάντε κλικ στο πλήκτρο Solid για να μεταβείτε από την προεπιλεγμένη κλίση (δείτε screenshot).
    
    
13. Επιλέξτε το εργαλείο σταγονόμετρου για να δοκιμάσετε μερικά χρώματα από το σχέδιο. Στο παράδειγμα, επέλεξα το σκούρο κόκκινο χρώμα.
    
    Το συμπαγές χρώμα είναι ωραίο αλλά λίγο σκοτεινό. Ας δοκιμάσουμε μια κλίση.
    
    
14. Κάντε κλικ στο κουμπί Gradient.
    
    Παρατηρήστε τη γραμμή διαβάθμισης κάτω από το κουμπί. Επιλέξτε κάθε τελικό κύκλο και δοκιμάστε με μερικές κλίσεις. Όταν βρείτε μια κλίση που σας αρέσει, κάντε κλικ στο X για να κλείσετε τον πίνακα.
    
    Στο παράδειγμα, αποφάσισα να χρησιμοποιήσω ένα στερεό λευκό φόντο. Τέλος, πρέπει να αλλάξουμε το χρώμα των πλευρών της κάρτας. Αυτό ελέγχεται από το στρώμα Side Color Only.
    
    14. Κάντε κλικ στο στρώμα Side Color Only.
    
    Καθώς το προεπιλεγμένο πράσινο φόντο χτυπά ένα ελαφρύτερο πράσινο χρώμα στις πλευρές της κάρτας, η προεπιλογή είναι ανοιχτό πράσινο. Καθώς το φόντο μας είναι λευκό, ας το αλλάξουμε από ανοιχτό πράσινο σε ανοιχτό γκρι (δείτε screenshot).
    
    Αυτό ήταν ένα εύκολο mockup! Το Artboard Studio αποθηκεύει αυτόματα τη δουλειά σας, γι 'αυτό κατεβάστε το έργο μας ως .png.
    
    14. Στον πίνακα "Γρήγορη εξαγωγή", ορίστε τον τύπο αρχείου εξαγωγής στο PNG και κάντε κλικ στο κουμπί Εξαγωγή (δείτε το στιγμιότυπο οθόνης).
    
    

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

Οι εικόνες οθόνης του Artboard Studio που χρησιμοποιούνται από την άδεια της Mockup Zone Inc.

Οδηγίες Βίντεο: Design for Europe: Design-driven innovation (Ενδέχεται 2024).