Share
Le illustrazioni aziendali possono essere una parte importante di qualsiasi presentazione, notizia o articolo di una rivista. Oggi dimostreremo come creare un'intensa illustrazione di stile aziendale in Photoshop. Iniziamo!
Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.
Per prima cosa dobbiamo procurarci un'immagine che si adatta. Una volta fatto questo, è ora di creare alcuni schizzi che mostrino chiaramente il concetto, la composizione e la narrativa della tua immagine. Stiamo creando un'immagine di un lavoratore molto stressato nel loro ambiente aziendale, quindi dobbiamo pensare a scenari che lo evidenziano quando si creano gli schizzi. Una volta che hai uno schizzo, sei contento del suo tempo per scansionarlo a una velocità di almeno 300 dpi.
Ora è il momento di creare i vettori iniziando dal modello. Fai doppio clic sul livello dell'immagine e chiamalo "Modello" assicurati di bloccare il livello che non vogliamo venga spostato in nessun punto. Vogliamo disegnare un'illustrazione a due toni del modello che non sia eccessivamente dettagliato.
Crea una nuova immagine e chiamala "Dettagli" e usa lo strumento penna con un riempimento nero senza stoke impostato su CMYK (C: 100 M: 83 Y: 32 K: 18) e inizia a disegnare le caratteristiche principali dei modelli. Quindi crea un nuovo livello sotto il livello "Dettaglio" e chiamalo "silhouette" e con il colore di (C: 14 M: 0 Y: 2 K: 0) disegna una sagoma di base del modello.
Ora apriamo lo schizzo in Illustrator e cominciamo a disegnare gli elementi dell'illustrazione. Ho intenzione di iniziare con lo schermo del computer. Assicurati che tutto ciò che disegni abbia il proprio livello, così restiamo organizzati. Crea un nuovo livello chiamato "Computer", quindi seleziona lo strumento rettangolo arrotondato, fai clic sulla tela per visualizzare la tavolozza delle opzioni e imposta il raggio dell'angolo su 4pt. Imposta il riempimento su un colore grigio chiaro senza tratti, quindi disegna il rettangolo degli schermi del computer. Per aiutare ad allineare il computer con precisione, posizionare una guida sul punto centrale orizzontale del rettangolo. Quindi selezionare la base del peen del computer.
Ora crea un nuovo sottolivello facendo clic sulla seconda icona a sinistra nella tavolozza dei livelli e chiamala 'schermo'. Per consentire all'utente di visualizzare contemporaneamente il rettangolo di base e il disegno, riduci l'opacità al 50%, quindi con lo strumento rettangolo, il colore diventa blu chiaro disegna lo schermo del computer.
Ok, è tempo di disegnare la griglia. Disattiva la visibilità del livello "schermo" e seleziona lo strumento griglia rettangolare. Fare clic sulla tela per visualizzare le opzioni degli strumenti, impostare i divisori orizzontali su 6 e i divisori verticali su 7, quindi riempire come sopra. Quindi imposta la tua pennellata a 0,25 pt e un colore blu scuro e disegna la griglia seguita dalle linee di avanzamento per questo seleziona lo strumento penna con un colore impostato a metà rosso e tratto di 1 pt scambia il tratto e riempi intorno per disegnare la punta della freccia . Quindi aggiungi il testo del profitto lordo.
Per aggiungere realismo e profondità allo schermo del computer, aggiungeremo un gradiente lineare. Posiziona tre cursori del gradiente sul gradiente uno nella posizione 0 il successivo a 50 e l'ultimo a 100. Imposta i cursori 0 e 100 su C: 67 M: 58 Y: 55 K: 36. Ora imposta il cursore centrale su C: 28 M : 22 Y: 21 K: 0. Seguire la stessa procedura per eseguire la base del computer, ma questa volta impostare l'angolo di sfumatura su 90 gradi. Puoi aggiungere un cursore sfumatura dove necessario. È una buona idea salvare la sfumatura creata come campione in modo da poterli riutilizzare se necessario. Infine, aggiungi un gradiente radiale allo schermo, imposta il cursore posizione 0 sul colore C: 0 M: 0 Y: 7 K: 0 e il cursore posizione 100 su C: 13 M: 8 Y: 3 K: 0.
Continua a disegnare il resto degli elementi come il segno e il telefono e-mail nello stesso modo (devi solo disegnare gli elementi che sono riflessi orizzontalmente una volta). Quando arrivi agli edifici, imposta il colore su C: 94 M: 57 Y: 1 K: 50 seleziona lo strumento penna con un tratto di 0,5 pt e nessun riempimento e disegna le linee di costruzione. Quindi, al di sotto di questo, crea un nuovo sottolivello chiamato "gradienti di costruzione". Imposta i cursori più scuri delle sfumature sullo stesso blu che abbiamo utilizzato per le linee di costruzione combinate con un colore più chiaro, aggiungi il punto di scorrimento e modifica gli angoli come meglio credi finché non ottieni un aspetto riflettente. Quindi crea un nuovo sottolivello chiamato base e posizionalo sotto il livello del gradiente. Con un colore di riempimento blu di C: 10 M: 0 Y: 0 K: 0 selezionare disegnare la base dell'edificio.
Continua a disegnare il resto degli elementi illustrativi, ma assicurati di mettere ogni singolo pezzo sul proprio livello anche le due aree del circuito mostrate sopra nel nome arancione, un 'Circuito' e l'altro 'Circuito2' per esempio. Una volta che hai disegnato tutto ciò che ora abbiamo bisogno di salvarli come singoli file. Puoi farlo disattivando la visibilità di tutti i livelli tranne l'elemento che stai salvando. Una volta che hai salvato tutto il loro tempo per passare a Photoshop.
Apri il file dello schizzo in Photoshop. Utilizzeremo questa guida per la composizione perché questa immagine è un elemento simmetrico e usa le guide per evidenziare il punto centrale. Ora apriremo tutti i vettori che abbiamo disegnato in Illustrator. Per posizionare con precisione le immagini come la "costruzione" ei circuiti riflessi orizzontalmente nella palette dei livelli trascinali sull'icona "crea nuovo livello" che duplicherà il livello, quindi vai a Modifica> Trasforma> Rifletti orizzontalmente e tenendo premuto MAIUSC, trascina il livello duplicato sull'altro lato.
Aggiungi un livello di sfondo sfumato come mostrato.
Ok, aggiungiamo un po 'di colore e texture allo sfondo, crea un nuovo livello e chiamalo' Colore base '. Seleziona lo strumento sfumatura e imposta il cursore sinistro su Colore a C: 90 M: 32 Y: 100 K: 30 e il cursore destro a C: 90 M: 40 Y: 100 K: 53 e riempi il livello con questo gradiente. Ora apri il file di texture, allungalo mentre tieni premuto Maiusc fino a riempire la pagina e quindi imposta la modalità di fusione su Differenza. Quindi, duplica il livello Texture, quindi imposta l'opacità al 20% e la modalità Blend su Sovrapponi.
Va bene per questa illustrazione avere uno sfondo scuro perché il tema è piuttosto intenso, ma ora vogliamo aggiungere più energia al pezzo. I simboli di posta elettronica sono attualmente neri e si perdono nello sfondo per farli risaltare. Fare doppio clic su uno dei simboli e-mail nella palette dei livelli per visualizzare la relativa opzione di stile e selezionare Sovrapposizione sfumatura. Imposta la modalità di fusione su Più chiaro, aggiungi un cursore di colore aggiuntivo in una posizione del 50% imposta i cursori sinistro e destro su C: 7 M: 5 Y: 0 K: 0 e il cursore centrale C: 2 M: 9 Y: 2 K: 0. Comando / Ctrl> Fai clic sul livello nella palette dei livelli e seleziona lo stile del livello di copia, quindi Cmd / Ctrl> Fai clic sull'altro livello Email e seleziona incolla lo stile dei livelli.
Imposta il layer Taxman su overlay, quindi apri le sue opzioni di stile layer e seleziona la scheda overlay del gradiente. Impostare la modalità di fusione su Sovrapponi e il cursore sinistro su C: 63 M: 0 Y: 7 K: 0 e il cursore sinistro su bianco. Ora copia e incolla questo stile di livello sul livello dei prestiti. Aggiungi gli stili di livello ai livelli rimanenti per farli risaltare e non aver paura di sperimentare.
Crea un nuovo layer e chiamalo "Headache Beam". Seleziona lo strumento Selezione rettangolo e disegna un rettangolo sottile per riempirlo con un colore crema utilizzando lo strumento Secchiello. Quindi vai su Filtro> Sfocatura> Controllo sfocatura e imposta il raggio su 6.4pt. Ora usando lo strumento di selezione ruota l'immagine in modo che punti da Taxman Layer alla testa del modello, quindi modifica l'opacità all'82%.
Crea un nuovo livello chiamato "Punto dolorante per il mal di testa", quindi, con il riquadro ellittico, per disegnare un piccolo cerchio dove il raggio di luce colpisce la testa del modello. Quindi riempi il cerchio con un colore arancione chiaro e ripeti il processo Gaussian Blur che abbiamo usato nel passaggio 12 e imposta l'opacità del livello al 74%. Ora ripeti questo processo per la casa, i prestiti e gli strati dell'automobile. Potresti scoprire che devi distribuire leggermente i simboli per darti abbastanza spazio.
Ok ora duplica il livello dell'edificio, trascinalo verso il basso e ingrandiscilo in modo che occupi metà della pagina. Cambia la modalità di fusione in luce intensa e l'opacità al 16%. Ora duplica il livello, ruotalo orizzontalmente e riposizionalo sull'altro lato della pagina.
Seleziona il livello Circuito, duplicalo e quindi ruotalo in modo che sia orizzontale. Ora posizionalo in modo che sia posizionato sotto il livello 'Prestito interessi'. Ora imposta la modalità di fusione su Sovrapponi e l'opacità Livello su 39%. Quindi duplica e capovolgi orizzontalmente, imposta la modalità di fusione su schermo e opacità al 29%.
Continua questo metodo di gioco con i metodi di fusione sui livelli del circuito e altri fino a trovare una composizione davvero interessante che migliori l'illustrazione. Usa gli stili di livello, ma controlla sempre i tuoi progressi e assicurati di duplicare i livelli nel loro formato originale prima di modificarli.
Ora vogliamo evidenziare il computer un po 'di più. Duplica il suo livello e trascina il livello copiato sotto. Ora toccalo a destra tre o quattro volte e imposta la modalità di fusione sullo schermo. Duplica questo livello e imposta l'opacità al 40%. Quindi fare lo stesso per il lato sinistro del computer. Ora seleziona tutti e quattro i livelli e spostali di una o due volte. Ripeti questa procedura per il livello del telefono.
Crea un nuovo livello sopra i livelli Texture e con un pennello impostato su 715 pt, 0% di durezza, colore bianco e opacità al 21% inizia a creare aree più chiare intorno al modello, computer, telefono e edifici. Segui questo impostando l'opacità del livello al 45% e il suo lavoro!
Osservando l'illustrazione nel suo insieme ci sono due strati che non funzionano abbastanza per quanto riguarda lo schema di colori generale. Sono i livelli 'Taxman' e 'Loan Interest'. Fare doppio clic su 'Taxman Layer' per visualizzare le opzioni di stile del livello e impostare la modalità di fusione Sovrapposizione sfumatura su Schermo. Ora ripeti questo processo per il livello 'Prestito interesse'. Quindi impostare la modalità di fusione dei quattro strati del circuito giallo su Luce lineare.
Le fotografie digitali sono l'ideale per aggiungere profondità e contrasti ai tuoi sfondi, quindi è una buona idea portare con te una fotocamera digitale ovunque tu vada. Ho usato una foto che ho fatto del "Newcastle Millennium Bridge". Trascina la foto sulla tela, ruota la foto in modo che sia verticale e allungala finché non si adatta per tutta la lunghezza della pagina. Ora imposta la modalità di fusione del livello su Spegni luce, quindi seleziona Immagine> Modalità> Inverti. Tocca la foto verso l'interno fino a quando non ottieni una forma più scura interessante lungo il margine. Ora aggiungi una maschera gradiente facendo clic da sinistra sulla palette dei livelli, imposta il gradiente sul bianco e nero predefinito e mentre tieni premuto Maiusc, traccia una breve sfumatura a partire dalla linea centrale verticale. Questo farà sparire l'altra metà della foto. Ora duplica questo livello e ruotalo orizzontalmente e riposizionalo sull'altro lato.
Ora duplica il livello Computer e posiziona questo livello appena sopra i livelli di trama. Trascinarlo tenendo premuto MAIUSC e posizionarlo dietro il telefono. Quindi, impostare il metodo di fusione su Luce intensa e l'opacità su 12%. Ora usa questo processo per aggiungere aree di luce in modo che lo sfondo appaia più interessante.
Poiché la texture è più scura in alto a sinistra rispetto a quella in alto a destra, il livello di foto in alto a sinistra non è così visibile come l'altro. Per risolvere questo problema, in primo luogo, duplica il livello della foto (lato sinistro e imposta l'opacità del livello al 20%. Ora ridisegna la maschera del gradiente in modo che solo l'area in alto a sinistra sia visibile come visto la tavolozza dei livelli sopra.
Ora è il momento di apportare le aggiunte e gli aggiustamenti finali. Potresti voler aggiungere alcuni simboli di valuta come la sterlina, l'euro o il simbolo del dollaro. Infine, usa un livello di regolazione Curve (Livello> Nuovo livello di regolazione> Curve) e posizionalo nella parte superiore della palette dei livelli per intensificare il colore dell'illustrazione.
Accentsconagua