Share
Nel tutorial di oggi vi mostrerò come ho usato il pannello Aspetto per creare una versione stilizzata del fondo di una sneaker. È un ottimo esercizio per coloro che stanno appena facendo i conti con il pannello Appearance.
L'altro mese ti ho mostrato come creare un'illustrazione concettuale delle sneaker. Nel processo di creazione di questa illustrazione, stavo verificando una varietà di immagini stock che ritenevo più adatte. Durante la ricerca su "sneakers" e "scarpe sportive" mi sono imbattuto in un'immagine del fondo di un paio di scarpe da ginnastica. Qualcun altro si avvicina e pensa "Pannello Aspetto"?
Nel tutorial di oggi vi mostrerò come ho usato il pannello Aspetto per creare una versione stilizzata del fondo di una sneaker. È un ottimo esercizio per coloro che stanno appena facendo i conti con il pannello Appearance. Quindi, basta parlare, iniziamo ...
Inizierò con un nuovo documento e File> Colloca l'immagine stock sulla lavagna. Ho usato lo strumento Trasformazione libera (E) per ridurlo per adattarlo ai limiti della tavola da disegno.
Ho organizzato i miei livelli come mostrato di seguito e fatto doppio clic su ciascun livello per rinominarli di conseguenza. Nella cartella "BG" c'è un rettangolo di riempimento bianco (M) impostato su Opacità 50% (nascondendo e nascondendo semplicemente il livello rende più rapido l'attenuazione dell'immagine di riferimento). Come puoi vedere, ho disegnato l'immagine per capire quali forme hanno modelli e stili simili. I principali sono a destra ea sinistra dell'immagine (in magenta e ciano) con alcuni stili simili al centro.
Creerò una forma per la forma dall'aspetto più complesso sulla suola. Questo è così sto testando il mio nuovo stile grafico al volo. Così ho disegnato la forma verso il tallone e ho usato i punti più piccoli che posso con lo strumento Penna (P). Ho aggiunto due punti per ogni angolo curvo.
Oggi lavoreremo nel pannello Aspetto. Quindi vai a Finestra> Pannello Aspetto se non hai questo attivo o Maiusc + F6. Noterai da questo pannello che sarai in grado di manipolare gli attributi del tratto e del riempimento. Proprio come con il pannello Livello, puoi nascondere e mostrare elementi usando l'icona a forma di occhio sulla sinistra.
Selezionando un riempimento o un tratto, vai nel menu a discesa e puoi Duplicare l'oggetto. Questo duplicherà tutti gli attributi e gli effetti applicati a un riempimento o un tratto. Da questo menu è anche possibile aggiungere nuovo riempimento e aggiungere un nuovo tratto. Potresti notare che puoi farlo anche usando i primi due pulsanti in basso a sinistra nel pannello Aspetto. Questi tre comandi utilizzeremo di più in questo tutorial.
Quello con cui inizieremo è due riempimenti e nessun tratto. La tonalità inferiore di grigio è C = 0, M = 0, Y = 0, K = 80 e il rosa è C = 0, M = 95, Y = 20, K = 0.
Uno dei miei effetti preferiti quando utilizzo il pannello di aspetto Offset Path. Da questo è possibile aumentare o diminuire i limiti del tratto o la dimensione del riempimento. Se si utilizza un valore positivo, aumenterà la dimensione e se si utilizza un valore negativo, lo diminuirà. Evidenzia quindi il riempimento rosa e vai su Effetti> Tracciato> Tracciato offset o fai clic sul pulsante FX nella parte inferiore del pannello Aspetto. Ho intenzione di ridurre il riempimento rosa, quindi inserirò il valore "-15pt" e quindi fare clic su Ok.
Con questo in mente, aggiungerò i seguenti nuovi riempimenti per creare un effetto di banda attorno alla forma:
Tra i percorsi Offset -3pt e -13pt sarà la banda più spessa. Questo è dovuto al salto di valori.
Quindi abbiamo giocato con i riempimenti di compensazione, ora per provare con un ictus. Offro un colpo a Offset Path a -8,5pt. Ho usato un colore brillante e ho spuntato Anteprima per mostrarmi dove sarà il tratto. Lo volevo nel mezzo della band più grossa che ho creato con Offset Paths.
Utilizzerò un pennello artistico che viene creato utilizzando Blends lungo il tratto di offset di 8.5pt. Puoi provarlo dal mio tutorial sulle meduse. Gli ho dato un colore tratto grigio medio (C = 0, M = 0, Y = 0, K = 50) e un peso di corsa 0,75pt.
Si può notare che alcuni angoli, il pennello di fusione non si è connesso perfettamente. Ho modificato gli angoli modificando le barre del manubrio sui punti degli angoli usando lo strumento selezione diretta (A).
Ho spostato il tratto del pennello di fusione sulla parte più alta della fascia più spessa e poi ho aggiunto un tratto di 2pt sopra tutti i riempimenti con un colore di tratto di C = 0, M = 0, Y = 0, K = 95. Un tratto predefinito avrà il centro della larghezza allineato lungo il tratto. Quindi metà della larghezza sarà allineata all'esterno e metà della larghezza sarà allineata all'interno del tratto. Questo significa che con un peso della corsa 2pt, la nostra forma è aumentata di 1 pt.
Voglio aggiungere una texture alla band più spessa. Se sei come me, puoi confondermi con quale dei molti elementi nel pannello Aspetto che desideri aggiungere. Quindi, prima a scopo di test, modifico i riempimenti nel pannello Aspetto per scoprire quale riempimento è il più spesso con un colore contrastante. Quindi, in questo caso, un riempimento giallo brillante!
Ora che sono soddisfatto, ho trovato il giusto riempimento, ho intenzione di duplicare l'oggetto e quindi applicare la mia trama. Puoi trovarlo andando nel menu a discesa del pannello Swatch, quindi apri Libreria Swatch> Pattern> Grafica di base> Basic Graphics_Textures e ho selezionato "USGS 7 Vineyard". Ho quindi impostato su Blending Mode Multiply e Opacity 50%.
Ho quindi restituito il giallo al suo colore di riempimento originale e poi impostato per unire il tratto del pennello alla schermata Modalità fusione, Opacità 60%.
Ho intenzione di applicare un altro modello a questo. Quindi evidenzia il riempimento rosa e vai a Duplicate Item. Vai a Open Swatch Library> Patterns> Decorative> Decorative_Geometric 2> Stars 3D Color. Ho quindi cambiato il metodo di fusione in Moltiplica e Opacità al 50%.
Voglio creare un sottile effetto 3D sull'area con motivi rosa. Quindi ho intenzione di duplicare l'elemento e modificare il percorso di offset a -23pt.
Ho quindi applicato un gradiente ciano a un gradiente lineare trasparente ciano a un angolo di 135, impostato su Blanking Mode Dodge, Opacity 60% per dare quella lucentezza sottile come mostrato di seguito.
Ho quindi duplicato il riempimento del riempimento Offset Path -3pt e applicato un gradiente lineare trasparente grigio scuro impostato su Blending Mode Multiply, Opacity 100%. Questo darà una leggera ombra.
Voglio ammorbidire i bordi della lucentezza, quindi aggiungerò un tratto Offset Path -23pt (non riempire) intorno allo splendore. Avrà un colore di tratto giallo, 0.5pt Stroke Weight e impostato su Blending Mode Overlay e Opacity 50%.
Per salvare lo stile che hai creato, vai nel pannello Stili grafica e fai clic su Nuovo stile grafico. Fare doppio clic sull'icona nel pannello Stili grafica per rinominarlo in "Shoe Sole 1" e fare clic su Ok. Quindi con lo strumento Penna (P) disegnare il resto delle forme per la suola della scarpa e selezionare Seleziona tutto (Ctrl + A), quindi fare clic sull'icona "Shoe Sole 1" per applicare gli stili grafici.
Ora ho raggruppato (Ctrl + G) il nostro primo set di forme e le abbiamo bloccate in modo da non influenzarle. Ora userò lo strumento Penna (P) per disegnare le forme sulla destra della suola e applicare lo stile grafico "Suola scarpa 1".
Utilizzerò il nostro primo stile grafico come modello per il nostro prossimo. Quindi, prima approfitta della funzione nascondi / nascondi per scoprire quali attributi non abbiamo bisogno nello stile grafico "Suola scarpa 1". Quindi selezionali e Elimina elemento selezionato. Con gli attributi rimanenti, ho creato un nuovo stile grafico e l'ho ribattezzato "Shoe Sole 2". Posso quindi usarlo come base per i prossimi due stili grafici.
Sull'immagine di riferimento originale, c'è un motivo ondulato nelle forme a destra. Creerò un pattern abbastanza simile a questo da aggiungere al nostro pannello Aspetto. Per prima cosa disegna una linea verticale usando lo strumento Segmento di linea (\). Quindi vai su Effetti> Trasforma e Distorsione> Zig-Zag e utilizza le seguenti impostazioni.
Mentre l'onda è selezionata, vai su Oggetto> Espandi e espanderà l'Effetto Zig Zag su una singola linea ondulata. Quindi nel pannello Aspetto ti consigliamo di dargli un tratto grigio chiaro 5pt (C = 0, M = 0, Y = 0, K = 40) e poi un Nuovo tratto con un tratto di grigio scuro di 2pt (C = 0, M = 0, Y = 0, K = 90).
Quindi utilizza gli stessi attributi con lo Strumento Segmento di linea (\) e traccia i tratti dietro l'onda. Mira al centro di ogni picco d'onda e trogolo, se hai le Guide intelligenti (Maiusc + U) abilitate renderà più facile. Quindi traccia una linea tra il picco e le linee di valle.
Ho aggiunto delle linee alla parte superiore e inferiore del nostro modello d'onda e poi ho messo un rettangolo (M) dietro le linee con lo stesso riempimento grigio scuro (C = 0, M = 0, Y = 0, K = 90 ). Ancora una volta usa le guide intelligenti (Maiusc + U) per aiutarti a mettere in fila questo. Noterai che le linee che hai creato nella parte superiore e inferiore del modello si sovrappongono al rettangolo (M). Di nuovo, questo è perché i tratti sono allineati lungo il centro del percorso, quindi metà del peso della corsa sarà su entrambi i lati della linea.
Stiamo per sovrapporre nuovamente i bordi, questa volta con lo strumento Ellisse (L) per creare cerchi in ogni trogolo.
Duplica il rettangolo e poi Raggruppa tutti gli elementi per il tuo pattern (Ctrl + G), lasciando il tuo rettangolo duplicato sopra il gruppo. Usalo per creare una maschera di ritaglio (Ctrl + 7).
Duplica il gruppo Maschera di ritaglio e allineali verticalmente come mostrato di seguito. Raggrupparli insieme (Ctrl + G) e quindi trascinarli nel pannello Campione per creare un motivo.
Ho selezionato il riempimento con il gradiente lineare trasparente e quindi l'elemento duplicato. Ho quindi utilizzato il nostro schema wave / linea come riempimento e impostato su Blending Mode Screen, Opacity 50%.
Sento che il motivo è troppo grande, quindi ho selezionato tutte le forme per il diritto della suola (Ctrl + A) e poi evidenziato il riempimento con il disegno sul pannello Aspetto. Quindi vai su Oggetto> Trasforma> Scala e assicurati che l'unica casella spuntata sia "Motivi". Questo ridurrà quindi solo il pattern e in questo caso, riducendo il pattern al 75% della sua scala originale. Quindi fare clic su Ok.
Entra nel pannello Stili grafica e imposta gli attributi nel pannello Aspetto su un Nuovo stile grafico e rinominalo "Shoe Sole 3".
Anche se sono soddisfatto dello stile grafico corrente, desidero ruotare leggermente il motivo per ciascuna delle forme. Quindi, di nuovo con il riempimento del modello selezionato per una delle forme, vai su Oggetto> Trasforma> Ruota. Assicurati che sia spuntata solo la casella "Pattern", inserisci il tuo valore e clicca su Ok.
Ho fatto questo per ciascuna delle forme individualmente con i valori sotto. Una volta terminato, ho raggruppato tutte le forme (Ctrl + G) e le ho bloccate.
Ho disegnato una nuova forma, sotto i due gruppi e applicato lo stile grafico "Shoe Sole 2". Ho quindi duplicato il riempimento del percorso di offset di -3pt e modificato il valore in -5pt. Ho quindi modificato il riempimento con un grigio più chiaro (C = 0, M = 0, Y = 0, K = 60). Quindi vai su Effetti> Stili> Scarabocchio e applica le seguenti impostazioni. Una volta fatto, cambia il metodo di fusione in Moltiplica.
Ho usato esattamente gli stessi attributi per creare una forma per la punta e un'ellisse (L) sul ponte della suola, tuttavia ho nascosto l'elemento Opacità per il riempimento Effetto scarabocchio. Se si nasconde l'elemento Opacità nel pannello Aspetto, viene ripristinato il riempimento o il tratto individuale in Modalità di fusione Normale, Opacità 100%. Al termine, aggiungi Nuovo stile grafico e rinominalo "Shoe Sole 4".
Utilizzare lo strumento Penna (P) per disegnare una forma per il piedino generale e applicare lo stile grafico "Suola suola 2".
Come abbiamo fatto in precedenza, ho modificato gli attributi. Dal basso verso l'alto:
Al termine, aggiungi Nuovo stile grafico e rinominalo "Bianco Sole".
Ho utilizzato lo stile grafico "Suola bianca" per aggiungere forme extra disegnate con lo strumento Penna sul tallone e l'arco del piede. Tuttavia, sono entrato nel pannello Aspetto e ho modificato il riempimento con il gradiente con lo strumento Sfumatura (G) come mostrato di seguito.
Ora abbiamo la nostra suola base scarpa, raggruppa tutte le tue forme (Ctrl + G). Quindi duplica il gruppo e spostalo a destra. Usa il pannello Allinea su Verticale Allinea in alto.
Dato che non abbiamo due piedi sinistri, nonostante quello che il mio partner mi porterà a credere, seleziona il gruppo sulla destra e vai su Oggetto> Trasforma> Rifletti e rifletti sull'asse verticale. Clicca su Ok.
Come hai riflesso la scarpa, riflette anche la direzione delle sfumature di evidenziazione e ombreggiatura. Controlla la direzione del momento saliente del rosa come mostrato di seguito.
Dovrai entrare in ciascuno dei gruppi per cambiare la direzione dei gradienti, usando "Gradiente inverso" nel pannello Gradiente ...
O modificando il valore dell'angolo del gradiente.
Ho terminato l'illustrazione della suola della scarpa dandogli uno sfondo con lo stile grafico "Suola bianca" e cancellando il riempimento che contiene la sfumatura. Lo mette insieme bene, non credi?
Spero che ti sia piaciuto il tutorial sportivo di oggi e ho imparato quanto può essere preciso e veloce l'utilizzo del pannello Aspetto. So che una volta che ho imparato a usarlo, ha sicuramente semplificato il mio flusso di lavoro!
Accentsconagua