Se stai cercando di rendere il vostro logo, l’aggiunta di un contorno in Photoshop è un ottimo modo per farlo! La cosa grandiosa di delineare la grafica è che puoi trasformare il tuo logo in un semplice contorno o aggiungere un bordo al tuo logo esistente. Con così tanti stili tra cui scegliere, puoi trovare il look perfetto per il tuo logo con facilità. Ora, anche se tratteremo alcuni modi più tecnici di delineare un logo, ecco il modo più semplice per fare le cose se si desidera un metodo semplice e veloce.
Per delineare un logo in Photoshop, in primo luogo, assicurarsi che il logo ha uno sfondo trasparente, quindi fare doppio clic sul livello logo per aprire gli stili di livello. Negli Stili di livello impostare lo stile su Traccia, impostare il riempimento del tratto su “Tinta unita” e regolare la larghezza secondo necessità. Ora hai delineato il tuo logo!
Nel corso di questo tutorial, imparerete tutto quello che c’è da sapere su delineare un logo in Photoshop. Da colori a tinta unita, contorno-solo loghi, contorni sfumati, e altro ancora, il vostro logo sarà più elegante che mai con questi suggerimenti.
Come delineare un logo in Photoshop
Iniziamo con il tipo più semplice di contorno del logo in Photoshop.
Passo 1: Crea una selezione del tuo logo
Se il tuo logo si trova sullo stesso livello di un’immagine o ha uno sfondo bianco, dovrai rimuoverlo affinché funzioni. Ci sono molti modi per creare una selezione del vostro logo, ma quello che vi consiglio è lo strumento Bacchetta magica.
Per selezionare lo strumento Bacchetta magica, premere W sulla tastiera o individuarlo nella barra degli strumenti.
Una volta attivo, vai alla barra delle impostazioni superiore e imposta la dimensione del campione su 5 per 5 media, la tolleranza su 25 e spunta anti-alias. Se vuoi conoscere lo scopo dietro ciascuna di queste impostazioni, dai un’occhiata a questo video tutorial.
Con le impostazioni della bacchetta magica in ordine, assicurati che il tuo livello logo sia selezionato, quindi fai clic sul tuo logo nell’area di disegno per selezionarlo. Lo strumento Bacchetta magica selezionerà tutti i colori simili al tuo campione, che in questo caso è il tuo logo.
Se il tuo logo ha più colori, tieni premuto Maiusc e fai clic sui colori aggiuntivi che desideri aggiungere alla tua selezione.
Ora si sono lasciati con una selezione intorno il vostro intero logo.
Passo 2: Aggiungi la selezione a una maschera di livello
Con questa selezione attiva, puoi rimuovere lo sfondo del tuo logo aggiungendo una maschera di livello. È sufficiente fare clic sull’icona della maschera di livello nella parte inferiore del pannello livelli mentre è selezionato il livello logo.
Ora il tuo logo avrà uno sfondo trasparente.
Fase 3: Apri stili di livello
Quindi, fai doppio clic sul livello del logo per aprire gli stili di livello. Questo pannello ospita tutte le opzioni di progettazione dei livelli, come la creazione di un contorno (aka stroke).
Passo 4: Imposta lo stile su “Stroke”
Per aggiungere un contorno al tuo logo, fai clic su “Stroke” nelle opzioni stili sul lato sinistro della finestra di dialogo.
Passo 5: Imposta il riempimento del tratto su Colore solido
Imposta il riempimento su “Colore solido” all’interno delle impostazioni del tratto in modo che il contorno venga riempito di colore. Puoi anche riempire i tuoi contorni con sfumature o motivi, ma lo toccherò più tardi.
Con l’opzione Tinta unita scelta, è possibile fare clic sulla casella Colore per selezionare un colore per il contorno.
Passo 6: Impostare la posizione del tratto su “Centro”
Ora modificare la posizione del tratto al centro. Questo aggiungerà un contorno ugualmente intorno ai bordi del vostro logo, piuttosto che solo sul bordo interno o esterno. Sebbene l’impostazione” Esterno ” funzioni meglio per le persone di contorno, l’opzione centro offre risultati migliori per i loghi.
Punto 7: Regolare le impostazioni di corsa aggiuntive, se necessario
Con tutte le impostazioni principali in ordine, passare attraverso e regolare la dimensione del contorno e la modalità di fusione, se necessario. Per la maggior parte delle situazioni, si desidera lasciare la modalità di fusione impostata su Normale. Per quanto riguarda la larghezza del contorno, aumenta semplicemente il valore delle dimensioni per un contorno più spesso del tuo logo.
Una volta soddisfatti, fare clic su OK per uscire dagli stili di livello.
Il risultato
Ora hai aggiunto un contorno colorato solido al tuo logo utilizzando gli stili di livello in Photoshop. La bellezza degli stili di livello è che ora puoi tornare indietro e modificarli in seguito, se necessario. Guardando il tuo livello logo, fai semplicemente doppio clic sul tuo livello FX per aprire nuovamente gli stili di livello e modificare le impostazioni del tratto. In questo modo, è possibile regolare facilmente il colore o la dimensione del contorno in seguito nel flusso di lavoro!
Come trasformare un logo in un contorno In Photoshop
Per questo prossimo esempio, imparerai come rimuovere il colore del tuo logo e lasciare solo un contorno colorato dietro.
Passo 1: Seleziona il tuo logo con lo strumento Bacchetta magica
Seguendo passaggi simili all’ultima sezione, seleziona nuovamente lo strumento Bacchetta magica premendo W o trovalo sulla barra degli strumenti.
Con lo strumento attivo, vai alla barra delle impostazioni superiore e imposta la dimensione del campione su 5 per 5 media, la tolleranza su 25 e seleziona anti-alias.
Quindi fai clic sul tuo logo per campionarne il colore e creare una nuova selezione. Se nel logo sono presenti più colori, tieni premuto Maiusc e fai clic sui colori che desideri aggiungere alla selezione.
Se lo strumento Bacchetta magica seleziona parti dell’immagine che non vuoi essere selezionate, tieni premuto Alt o Opzione e fai clic sulla selezione per rimuovere quei colori.
Ora hai una selezione attiva attorno al tuo logo che puoi utilizzare per creare il tuo contorno.
Fase 2: Crea un nuovo livello sopra il tuo logo
Devi creare il tuo tratto su un livello separato dal tuo logo affinché questo effetto funzioni. Per creare un nuovo livello, fare clic sull’icona Nuovo livello nella parte inferiore del pannello Livelli. Assicurati che sia sopra il tuo livello logo nella pila di livelli.
Passo 3: Vai a Modifica > Corsa
Con la selezione attiva e il nuovo livello selezionato, vai a Modifica > Corsa per accarezzare la selezione.
Punto 4: Impostare la larghezza del contorno e il colore
Nella finestra di dialogo visualizzata, è possibile regolare l’aspetto del tratto. Innanzitutto, scegli una larghezza per il tuo tratto. Più alto è questo numero, più spesso apparirà il tuo logo delineato.
Quindi, fai clic sull’opzione Colore e scegli un colore per il contorno del tuo logo.
Quindi imposta la posizione su “Centro” in modo che il contorno si estenda ugualmente sul bordo esterno e interno della selezione.
Una volta che sei felice, fare clic su OK per applicare il tratto alla selezione.
Punto 5: Premere Command / Control + D Per deselezionare il logo
Ora è stato creato un contorno attorno al logo, ma la selezione è ancora attiva. Premere Command + D (Mac) o Control + D (PC) sulla tastiera per deselezionarla.
Passo 6: Nascondi il tuo livello Logo
Per finalizzare l’effetto, fai clic sull’icona del bulbo oculare accanto al tuo livello logo per renderlo invisibile. Ora tutto ciò che rimane è il livello con il contorno su di esso, creando un logo solo contorno.
Il Risultato
Con questi semplici passaggi, è possibile rimuovere la tinta unita del vostro logo e di sostituirlo con un contorno. Questo è un modo semplice per creare un look diverso per il vostro logo e rendere il vostro branding!
Come delineare lontano dai bordi di un logo
Negli ultimi due esempi, hai imparato come creare un contorno attorno ai bordi esatti del tuo logo, ma cosa succede se vuoi spostare il contorno più lontano? Con una leggera variazione a ciò che avete imparato finora, si può facilmente fare proprio questo.
Ancora una volta, è necessario iniziare selezionando il logo. Se il logo è già tagliato, è sufficiente premere Comando o Controllo e fare clic sulla miniatura del livello logo. Questo trasformerà il tuo logo in una selezione attiva basata sui pixel visibili nel livello.
Se il tuo logo non è stato ancora tagliato, puoi imparare come farlo rapidamente qui.
Con la selezione attiva, vai a Seleziona > Modifica > Espandi.
Nella finestra di dialogo visualizzata, impostare un numero di pixel per specificare la distanza che si desidera che il contorno sia dal logo. In questo esempio, imposterò 50px per una spaziatura moderata.
Ora la selezione attiva si sposta verso l’esterno dell’importo specificato nella finestra di dialogo precedente. Ora crea un nuovo livello e posizionalo sopra il livello del logo in modo da poter modificare in modo non distruttivo.
Con il nuovo livello selezionato, aggiungi un tratto alla selezione andando su Modifica > Tratto. Nella finestra di dialogo visualizzata, impostare la larghezza, il colore e la posizione del contorno. Dal momento che voglio che il mio tratto appaia il più lontano possibile dal logo, imposterò la posizione su ” Esterno.”Ora il tratto apparirà solo sul bordo esterno della selezione attiva.
Una volta che sei soddisfatto delle impostazioni, fai clic su OK per aggiungere il tratto alla selezione. Quindi premere Command + D (Mac) o Control + D (PC) per deselezionare la selezione attiva.
Poiché hai ampliato la selezione dal tuo logo, il tratto viene creato lontano dal bordo per un aspetto più unico.
Puoi anche provare a usare il contorno per un aspetto aureo selezionando il livello contorno e riposizionandolo con lo strumento Sposta (V).
Come aggiungere un contorno gradiente a un logo in Photoshop
Per creare un contorno logo gradiente, assicurati che il tuo logo abbia uno sfondo trasparente, quindi fai doppio clic sul livello logo per aprire gli stili di livello. Quindi, selezionare lo stile del tratto e impostare il riempimento su Gradiente. È possibile personalizzare ulteriormente il contorno del gradiente scegliendo un preset nell’Editor del gradiente.
Scomponiamo questo in modo più approfondito.
Utilizzando i metodi che hai imparato in precedenza in questo post, assicurati che il tuo logo abbia uno sfondo trasparente. Raccomando sempre di usare lo strumento Bacchetta magica per questo tipo di selezione.
Una volta che il logo ha uno sfondo trasparente, fare doppio clic sul livello logo per aprire gli stili di livello. Simile a prima, seleziona lo stile del tratto, ma ora imposta il riempimento su Gradiente.
Per personalizzare il contorno del gradiente, fai clic sull’editor del gradiente e scegli tra uno dei gradienti preimpostati disponibili.
Se preferisci creare i tuoi colori personalizzati, fai doppio clic sui campioni di colore sotto l’anteprima del gradiente per modificarli. Per ulteriori informazioni sulla personalizzazione dei gradienti, consulta questo tutorial.
Con l’aspetto del gradiente in ordine, è possibile regolare impostazioni aggiuntive come l’angolo, lo stile e la scala del gradiente. Per la maggior parte dei profili logo, lo stile Gradiente lineare funziona meglio, ma sentitevi liberi di sperimentare. L’opzione angolo cambierà la direzione in cui sta andando il gradiente. Infine, la scala ingrandirà il gradiente e modificherà l’aspetto della transizione del colore.
Una volta che sei soddisfatto delle impostazioni di traccia aggiuntive, fai clic su OK per uscire dagli stili di livello. Ora si è lasciato con un contorno gradiente impressionante intorno al vostro logo!
Come aggiungere un contorno modellato a un logo in Photoshop
Per aggiungere un contorno modellato a un logo in Photoshop, è sufficiente scegliere l’opzione Riempimento motivo negli Stili di livello. Come prima, assicurati che il tuo logo abbia uno sfondo trasparente, quindi fai doppio clic su di esso per accedere agli stili di livello.
Facendo clic sullo Stile del tratto, modificare il tipo di riempimento in ” Pattern.”
Facendo clic sull’anteprima del modello, è possibile scegliere tra una varietà di modelli predefiniti in Photoshop. Se si vuole rendere le cose, è possibile ottenere nuovi modelli gratuitamente da Brusheezy.
Da lì, è possibile personalizzare la scala e l’angolo del vostro modello, se necessario per soddisfare il vostro stile.
Quindi passare e regolare il resto delle impostazioni del tratto per perfezionare il contorno modellato del logo. Una volta completato, fare clic su OK.
Ora hai un modello fresco intorno al tuo logo piuttosto che un semplice contorno colorato jane!
Come riempire un contorno del logo con un’immagine
L’effetto finale del contorno del logo in Photoshop sta riempiendo il contorno con un’immagine. Usando l’aiuto di una maschera di ritaglio, questo può essere fatto molto rapidamente senza mai usare gli stili di livello!
Dopo aver rimosso lo sfondo dal logo, premere Comando o Controllo e fare clic sulla miniatura del livello logo per creare una selezione.
Ora crea un nuovo livello e posizionalo sopra il livello del logo in modo da poter modificare il contorno indipendentemente dal logo.
Con il nuovo livello selezionato e la selezione attiva, vai a Modifica > Traccia per delineare la selezione. Nella finestra di dialogo che appare, scegliere una larghezza che si desidera per il contorno. Il colore non ha importanza poiché sarà coperto da un’immagine nel passaggio successivo. Infine, fare clic su OK per applicare il tratto alla selezione.
Quindi premere Comando o Ctrl + D per deselezionare la selezione attiva.
Ora apri il livello dell’immagine con cui vuoi riempire il contorno e posizionalo sopra il livello del contorno. Una volta posizionata l’immagine, fare clic destro su di essa e selezionare Crea maschera di ritaglio. Questo renderà il tuo livello immagine visibile solo all’interno dei parametri del livello a cui viene ritagliato, che è il contorno.
È quindi possibile personalizzare la posizione e le dimensioni dell’immagine nel contorno accedendo allo strumento Sposta (V), facendo clic sul livello dell’immagine, quindi facendo clic e trascinando sulla casella Trasforma per regolarlo.
E ora hai un contorno intorno al tuo logo riempito con un’immagine!
Come puoi vedere, ci sono una varietà di ottimi modi per delineare un logo in Photoshop. Se si desidera un semplice contorno colorato, un contorno gradiente, un contorno immagine, e altro ancora, ora avete tutte le competenze per farlo! Ora per aiutarti a personalizzare ulteriormente l’aspetto del tuo logo, dai un’occhiata a questo prossimo tutorial su come cambiare il colore di qualsiasi logo in Photoshop!
Felice delinea,
Brendan