L'aggiunta di campioni di vita reale al tuo lavoro di progettazione aggiunge elementi di realismo in quello che può essere un mercato digitale troppo saturo. Sfortunatamente, la scansione o la fotografia di campioni di texture di solito si traduce in immagini raster non scalabili che si pixelano quando vengono modificate eccessivamente.
Fortunatamente, puoi creare vettori scalabili di trame reali come acquerello, vernice o pennarello usando Photoshop e Illustrator. Ecco come.
Come trasformare le trame reali in vettori
Sta a te creare tu stesso la trama o trovare un campione online da trasformare in un vettore. Puoi utilizzare qualsiasi mezzo artistico strutturato, come un pennarello, inchiostro indiano o macchie di vernice.
Passaggio 1: apri il campione di texture in Photoshop
Se hai creato tu stesso la trama, devi scansionarla su un computer a 300 DPI. Ciò garantisce la massima qualità che produce i migliori risultati.
Abbiamo scaricato una foto di un campione di acquerello da Unsplash trasformare in un vettore. Scarica la stessa foto da seguire direttamente oppure puoi utilizzare le istruzioni come guida su un'immagine campione di tua scelta.
Apri la tua immagine in Photoshop e ritagliala vicino al campione che stai utilizzando. Se l'immagine non è già 300 DPI, deve esserlo. Vai a Immagine > Dimensione dell'immagine e tipo 300 dentro Risoluzione scatola. Selezionare OK.
Ora hai un'immagine di alta qualità che verrà renderizzata in un vettore dettagliato in seguito. Puoi anche modificare il DPI in altri programmi se non stai usando Photoshop.
Passaggio 2: ripulisci lo sfondo
Il campione stesso deve essere isolato dallo sfondo. Se hai scansionato il tuo campione o utilizzato una foto con uno sfondo bianco o monocromatico, sarà molto più facile per te.
Crea un nuovo livello nella palette Livello, quindi trascinalo sotto il livello dell'immagine. Seleziona il livello dell'immagine.
Vai a Selezionare > Gamma di colori. Seleziona il econtagocce dalla finestra di dialogo e usalo per selezionare qualsiasi parte dello sfondo sulla tua tavola da disegno. Usa il Sfocatura cursore per garantire che la selezione sia aderente al campione. Quindi premere OK.
Una volta tornati alla tavola da disegno, l'area della gamma di colori avrà formiche in esecuzione per mostrare la selezione. Colpo Eliminare per rimuovere lo sfondo. Quindi deselezionare la selezione premendo Cmd + D (Mac) o Ctrl + D (Finestre). Se il tuo sfondo è semplice senza ombre o texture, è tutto ciò che devi fare.
Se lo sfondo è multicolore, presenta ombre o altre trame, potrebbe essere necessario ripetere questo processo alcune volte. Nel Gamma di colori finestra di dialogo, selezionare diverse parti dello sfondo con il econtagocce e gioca con il Sfocatura cursore per selezionare quanto più sfondo possibile. Selezionare OK e colpito Eliminare.
Deseleziona premendo Cmd + D (Mac) o Ctrl + D (Finestre). Se c'è ancora più sfondo rimasto, esegui di nuovo il processo Intervallo di colori, usa il Gomma per cancellare attrezzo (E) per rimuovere i pixel ostinati o utilizzare il Lazo attrezzo (l) per selezionare strettamente attorno al campione, quindi Eliminare la selezione.
Posiziona un rettangolo di colore contrastante usando il Rettangolo attrezzo (U) sotto il tuo livello campione per esporre eventuali pixel extra che devono essere rimossi. Rimuoverli con il Gomma per cancellare. Ricorda di eliminare il rettangolo prima di salvare l'immagine.
Una volta terminato, avrai un campione di vernice isolato con uno sfondo trasparente che lo circonda. Salva il tuo campione come PNG.
Se non hai Photoshop, ci sono alternative modi per rendere trasparente lo sfondo di un'immagine. Puoi quindi portare quell'immagine direttamente in Illustrator e continuare da qui.
Passaggio 3: apri l'immagine in Illustrator
Apri il tuo nuovo campione PNG in Illustrator. Puoi selezionare e trascinare l'immagine fuori dalla tavola da disegno per verificare che lo sfondo sia ancora trasparente. Tuttavia, non rimarrà così nel passaggio successivo. A questo punto, il tuo campione è ancora un raster, quindi verrà pixelato se ridimensionato.
La combinazione di Photoshop e Illustrator per un progetto è un ottimo modo per utilizzare Adobe Creative Cloud. Ce ne sono molti altri funzionalità in Creative Cloud che puoi provare.
Passaggio 4: vettorializza l'immagine
Apri il pannello Proprietà andando a Finestra > Proprietà. Puoi ingrandire o ridurre a icona il pannello selezionandolo dalla barra degli strumenti verticale a destra.
Seleziona la tua immagine, quindi scorri fino alla fine del file Proprietà pannello e selezionare Immagine Traccia > Foto ad alta fedeltà. Se selezioni Traccia immagine dal menu Oggetto, per impostazione predefinita verrà impostata una traccia in bianco e nero, che non conserverà la trama del tuo campione. Puoi usare la funzione Image Trace in molti modi per vettorializza le immagini in Illustrator.
Passaggio 5: pulisci e rimuovi lo sfondo
Aprire il pannello Traccia immagine selezionando l'icona accanto al menu a discesa Traccia immagine nel pannello Proprietà. Sotto Colore, sposta il dispositivo di scorrimento verso destra, tra l'85% e il 98%. Ciò aumenta i dettagli dei colori nel campione con texture, dandogli un risultato più realistico.
Apri il Avanzate impostazioni e spostare il file Percorsi cursore verso destra. Anche in questo caso, l'ideale è impostarlo tra l'85% e il 98%. Più percorsi ci sono, più dettagli vengono disegnati nel tuo vettore. Se ci sono meno percorsi, l'immagine apparirà instabile e simile a un cartone animato.
Riduci al minimo i pannelli Traccia immagine e Proprietà e il tuo campione sarà coperto da linee di percorso blu. Se vuoi spostare il tuo vettore campione, dovrai usare il Selezione attrezzo (v) per garantire che si muova nel suo insieme. Ma puoi spostare i singoli percorsi, se necessario, utilizzando il file Selezione diretta attrezzo.
Seleziona il Selezione diretta attrezzo (UN) e fai clic sulla tavola da disegno per deselezionare l'immagine. Quindi seleziona lo sfondo bianco che circonda il tuo campione. Colpo Eliminare sulla tastiera per ripristinare lo sfondo trasparente. Puoi aggiungere un rettangolo colorato sotto il campione per verificare la trasparenza.
Passaggio 6: usa il tuo vettore Swatch
Ora hai un campione di texture finito. Sia che tu abbia deciso di realizzare un pezzo ad acquerello come il nostro tutorial, o forse hai realizzato un campione di matita colorata, ora hai un campione di texture della vita reale completamente scalabile.
Sfortunatamente, a causa di tutti i percorsi intricati, sarebbe difficile, ma non impossibile, ricolorare il tuo campione. Per usare il vettore, dovresti mantenere lo stesso colore. Se vuoi ricolorarlo, dovrai colorarlo in Photoshop prima di portare il tuo campione in Illustrator.
Puoi usare il tuo vettore proprio come qualsiasi altro vettore. Scalalo verso l'alto o verso il basso, usalo come elemento a strati nei progetti e puoi persino applicare filtri ad esso come inclina e distorce.
Salva il tuo vettore come PNG per assicurarti che rimanga trasparente. Consulta la nostra guida a creare sfondi trasparenti in Illustrator per più.
Crea vettori da trame reali con Photoshop e Illustrator
L'utilizzo di vettori nel lavoro di progettazione migliora la produttività e la qualità dei progetti finali. Non solo questo vettore ha molteplici usi, ma l'utilizzo di una grafica vettoriale piuttosto che di una grafica raster significa che non dovrai mai più preoccuparti della pixelizzazione.
La vettorizzazione di trame reali significa che puoi aggiungere campioni di vernice a qualsiasi elemento di design, facendolo sembrare reale. Fai riferimento a questa guida per trasformare le trame reali in vettori digitali.
