Tutorial: Συνδυάστε το Illustrator Graphics με το Adobe Photoshop Images

φροντιστήριο-διανύσματα-bitmaps

Σε πολλές περιπτώσεις χρειαζόμαστε χρησιμοποιήστε διαφορετικά εργαλεία και εφαρμογές για να συνδυάσετε γραφικά και έτσι να επιτύχετε ορισμένα αποτελέσματα. Για να δουλέψουμε σε μια σύνθετη εικόνα με στοιχεία από διαφορετικές εφαρμογές και σε διαφορετικές μορφές, θα πρέπει να γνωρίζουμε το χαρακτηριστικά κάθε εγγράφου προκειμένου να βελτιστοποιήσουμε τη σύνθεση μας και να προσφέρουμε την υψηλότερη δυνατή οπτική ποιότητα. Για να εισαγάγουμε όλα αυτά, θα δημιουργήσουμε μια πολύ απλή σύνθεση που θα λειτουργεί με ένα λογότυπο που είχε δημιουργηθεί προηγουμένως στο Adobe Illustrator και μια φωτογραφία. Θα εργαστούμε από το Adobe Photoshop, αν και φυσικά αργότερα μπορούμε να επιστρέψουμε στην εφαρμογή Illustrator και να συνεχίσουμε τη δουλειά μας.

Για να ξεκινήσουμε να δουλεύουμε σε αυτήν την εργασία, πρέπει να είμαστε σαφείς σχετικά με τη διαφορά μεταξύ των μορφών bitmap και διανυσματικών γραφικών.

Στο Adobe Photoshop Χρησιμοποιούνται εικόνες raster (εικόνες bitmap), οι οποίες βασίζονται σε ένα πλέγμα ή ένα σύνολο εικονοστοιχείων. Όταν εργάζεστε με εικόνες bitmap, επεξεργάζονται ομάδες εικονοστοιχείων. Αυτή η μορφή είναι κατάλληλη για εργασία με εικόνες συνεχούς τόνου, όπως φωτογραφίες. Το κύριο πρόβλημα με αυτήν την επιλογή είναι η απώλεια ορισμού και το φαινόμενο των pixelation όταν αυξάνεται η κλίμακα του.

bitmaps-pixelation

Από την άλλη πλευρά, τα διανυσματικά γραφικά (γραφικά που χρησιμοποιούνται σε εφαρμογές όπως το Illustrator), ονομάζονται γενικά γραφικά σχεδίασης. Αυτά αποτελούνται από σχήματα που βασίζονται σε μαθηματικές εκφράσεις. Η εμφάνισή τους παρέχει μεγαλύτερη ακρίβεια, αποτελούνται από καθαρές και λείες γραμμές που διατηρούν την οξύτητά τους όταν τροποποιούμε την κλίμακα τους. Αυτό το καθιστά ιδανικό για όλους τους τύπους εικονογραφήσεων, κειμένων και γραφικών, όπως λογότυπα που θα πρέπει να χρησιμοποιούνται σε διαφορετικά μεγέθη και ρυθμίσεις.

vector_bits

Τα βήματα για τον συνδυασμό γραφικών είναι τα ακόλουθα και εξηγούνται με το υψηλότερο δυνατό επίπεδο λεπτομέρειας, επειδή γνωρίζω ότι μπορεί να κάνετε τα πρώτα σας βήματα με αυτά τα προγράμματα.

  • Πρώτα θα επανεκκινήσουμε το Adobe Photoshop. Θα εισαγάγουμε τη φωτογραφία ή θα ανοίξουμε το αρχείο μας σε μορφή .psd εάν την έχουμε στο μενού Αρχείο> Άνοιγμα.
  • Μπορούμε να ανοίξουμε το αρχείο Adobe Illustrator ως νέο αρχείο στο Adobe Photohoshop ή μπορούμε επίσης να χρησιμοποιήσουμε τις εντολές Place or Paste για να το προσθέσουμε. Όταν το κάνουμε αυτό, το Photoshop θα ραστεροποιήσει (αναλύστε το ράστερ σας) για να το μετατρέψετε σε εικόνα bitmap. Η εντολή του Photoshop's Place προσφέρει το πλεονέκτημα ότι επιτρέπει την κλιμάκωση της εικόνας ενώ εξακολουθεί να είναι διανυσματικό σχήμα, οπότε η αλλαγή της κλίμακας δεν θα μειώσει την ποιότητα της εικόνας. Ωστόσο, εάν κόψουμε ή επικολλήσουμε ένα γραφικό από το Illustrator στο Photoshop, οι επόμενες αλλαγές κλίμακας θα υποβαθμίσουν την ποιότητα της εικόνας. φροντιστήριο
  • Μόλις εισαχθεί ο φορέας μας, θα κρατήσουμε πατημένο το πλήκτρο Shift. Θα σύρουμε την κορυφή της φωτογραφίας και θα τροποποιήσουμε το μέγεθός της για να την προσαρμόσουμε στις κατάλληλες διαστάσεις και αναλογικά. Στη συνέχεια θα σύρουμε τοποθετώντας τον κέρσορα στην κεντρική περιοχή για να τοποθετήσουμε την εικόνα στην κατάλληλη θέση. Θα χρειαστεί να περιστρέψετε την εικόνα με ευκρίνεια στην Επεξεργασία> Μετασχηματισμός> Περιστροφή. φροντιστήριο2

    φροντιστήριο3

  • Θα παραμορφώσουμε το αρχείο ώστε να ταιριάζει με το σχήμα του κουτιού. Πρώτα θα κόψουμε τα μισά. Στο επίπεδο του λογότυπου θα επιλέξουμε το πολυγωνικό εργαλείο λάσο και κάνουμε κλικ στην μπροστινή δεξιά γωνία του πάνω μέρους του κουτιού. Θα μεταφέρουμε στην επόμενη γωνία και θα συνεχίσουμε γύρω από την άνω περιοχή του. φροντιστήριο4
  • Με ένα Ctrl + X θα κόψουμε αυτήν την περιοχή. Θα δημιουργήσουμε ένα νέο επίπεδο και θα κάνουμε κλικ στην επικόλληση ή Ctrl + V. φροντιστήριο5
  • Σε αυτό το νέο επίπεδο θα κάνουμε κλικ στο μενού Edit> Transform> Skew. φροντιστήριο6
  • Σύροντας τις λαβές του κουτιού οριοθέτησης και έτσι θα παραμορφώσουμε το λογότυπο ώστε να ταιριάζει με την προοπτική του κουτιού. φροντιστήριο7
  • Για να επιτύχουμε ένα ρεαλιστικό αποτέλεσμα ολοκλήρωσης μπορούμε να κάνουμε χρήση διαφορετικών τρόπων ανάμειξης. Με το Layer 1 ενεργό στην παλέτα επιπέδων μας, θα αλλάξουμε την αδιαφάνεια του σε περίπου 60%. Στη συνέχεια, θα σκουριάσουμε την κάτω περιοχή του λογότυπου έτσι ώστε να πληροί την μπροστινή σκιά του κουτιού. Αυτό θα το κάνουμε αλλάζοντας την αδιαφάνεια αυτής της περιοχής κατά 70% και επιλέγοντας Πολλαπλασιασμός από το μενού λειτουργιών ανάμειξης. φροντιστήριο8

    φροντιστήριο9

  • Θα είναι απαραίτητο να δημιουργήσουμε ένα διαφανές υπόβαθρο, αφού το μόνο πράγμα που θα μας ενδιαφέρει είναι το κουτί. Για να το κάνουμε αυτό, θα χρησιμοποιήσουμε ένα εργαλείο επιλογής και με αυτό θα οριοθετήσουμε τα όρια του κουτιού. φροντιστήριο10
  • Θα πατήσουμε Επιλογή> Αντιστροφή και μετά στη διαγραφή ή στο πλήκτρο Διαγραφή. φροντιστήριο11

    φροντιστήριο12

  • Εάν θέλουμε να ολοκληρώσουμε τη σύνθεσή μας στο Illustrator μπορούμε να χρησιμοποιήσουμε τα αρχεία .psd. Το Illustrator υποστηρίζει τα περισσότερα δεδομένα του Photoshop, συμπεριλαμβανομένων πολλών επιπέδων comps, επεξεργάσιμο κείμενο και διαδρομές.

Τέλος πάντων, σε μεταγενέστερες δημοσιεύσεις θα διερευνήσουμε τις επιλογές μεταφοράς αρχείων μεταξύ εφαρμογών και των ρυθμίσεων συμβατότητας μεταξύ διαφορετικών προγραμμάτων για να επιτύχουμε τα βέλτιστα αποτελέσματα με ευέλικτο και επαγγελματικό τρόπο. Λάβετε υπόψη ότι σε πολλές περιπτώσεις οι συνθέσεις πρέπει να αντιμετωπίζονται με διαφορετικά εργαλεία.

.


Αφήστε το σχόλιό σας

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται με *

*

*

  1. Υπεύθυνος για τα δεδομένα: Miguel Ángel Gatón
  2. Σκοπός των δεδομένων: Έλεγχος SPAM, διαχείριση σχολίων.
  3. Νομιμοποίηση: Η συγκατάθεσή σας
  4. Κοινοποίηση των δεδομένων: Τα δεδομένα δεν θα κοινοποιούνται σε τρίτους, εκτός από νομική υποχρέωση.
  5. Αποθήκευση δεδομένων: Βάση δεδομένων που φιλοξενείται από τα δίκτυα Occentus (ΕΕ)
  6. Δικαιώματα: Ανά πάσα στιγμή μπορείτε να περιορίσετε, να ανακτήσετε και να διαγράψετε τις πληροφορίες σας.