Share
Nel tutorial di punta veloce di oggi dimostreremo come creare una carta di credito dall'aspetto realistico usando Photoshop e Illustrator in pochi brevi passaggi. Iniziamo!
Per accelerare il processo, inizieremo mettendo insieme alcuni elementi grafici di base in Illustrator. Crea un rettangolo arrotondato di 3,5 pollici per 1,9, quindi riempi l'oggetto con un colore o una sfumatura a tua scelta.
Disegna alcune linee sinuose come mostrato usando lo strumento Penna. Quindi vai su Oggetto> Miscela> Miscela> Opzioni di fusione> Passaggi specifici, inserisci 30 e fai clic su OK. Crea due linee diverse con colori diversi.
Seleziona la linea arte che hai appena creato e applica una maschera di ritaglio utilizzando la forma della carta di credito. Assicurati che la forma della carta di credito sia posizionata sopra la tua grafica e che hai duplicato anche lo sfondo della tua carta di credito.
Nota: se si utilizza Illustrator CS5, selezionare la carta di credito e fare clic sull'opzione Disegna all'interno per incollare (Cmd / Ctrl + V) all'interno degli oggetti.
Utilizzare lo strumento Penna per disegnare il nastro come mostrato.
Ora abbiamo finito con Illustrator. Iniziamo aprendo Photoshop, creando una nuova tela che è un po 'più grande del documento di Illustrator e quindi copiando e incollando ogni elemento creato in Illustrator singolarmente. A questo punto, dovresti già avere alcuni loghi e grafici che vorresti inserire sulla carta. In caso contrario, andare avanti e creare un po '. Aggiungi la tua grafica alla carta, come mostrato. Sentiti libero di usare anche i seguenti caratteri nella tua scheda. Scaricali qui e qui.
Ora è il momento di aggiungere il tuo testo. Scegli il tipo di carattere ovale usando # f1efed. Digita alcuni numeri casuali e un nome. Quindi applica i seguenti stili di livello.
Ora sta iniziando a sembrare più simile a una carta di credito, aggiungiamo alcune ombre per renderlo più realistico. Duplica ogni livello, cambia il colore del carattere in nero e disattiva gli stili di livello, questo ci darà l'ombra di base. Ora sposta i numeri di ombra di circa 3-5 pixel a destra e di 3 pixel in basso (fai lo stesso con il nome), vai su Filtro> Sfocatura> Sfocatura movimento, quindi digita Angolo: -34 e Distanza: 10px; imposta la fusione dei livelli su Moltiplica e il 50% di Opacità. Per gli ultimi ritocchi della facciata frontale, vai avanti e guarda la tua carta di credito di riferimento e aggiungi una data di scadenza dove vuoi che sia posizionata e sarai fatto con il lato anteriore, crea una nuova cartella e rilascia tutti i livelli all'interno e dai il nome DAVANTI.
Ora, lavoriamo sul retro della carta di credito. Duplica la base della carta di credito, sposta il livello nella cartella FRONT, quindi fai clic con il pulsante destro del mouse sul livello e rasterizza, fai una selezione di esso e riempilo con un colore che hai usato sul lato anteriore (ho usato il rosso acceso in alto a sinistra della facciata della carta di credito). Nota: non utilizzare le sfumature per la parte posteriore.
Vai alla cartella FRONT, duplica i livelli di testo che hai usato Layer Styles (numeri di carta di credito, nome e data di scadenza nel mio caso) e trascinali nella cartella BACK, quindi girali orizzontalmente e cambia il colore del testo nel uguale alla parte posteriore della carta di credito.
Ora abbiamo bisogno di cambiare gli stili di livello dei livelli di testo per farli sembrare come se fossero timbrati e guardare come la carta di credito di riferimento, fare doppio clic sul livello e modificare i valori come mostrato di seguito, fare lo stesso per gli altri livelli.
Ora la carta di credito sembra il tuo riferimento, vai avanti e disponi il resto degli elementi che hai creato per il retro della carta di credito.
Alcuni elementi come il rettangolo della firma possono essere fatti in Photoshop, se hai un tuo logo puoi ruotarlo di 45 gradi e duplicarlo più volte e creare un motivo, quindi selezionarne uno e cambiarne il colore con Tonalità e Saturazione ( Cmd / Ctrl + U), quindi Unisci tutti insieme, in un altro livello fai un rettangolo della dimensione desiderata per la firma e riempilo con il bianco, fai una selezione di rettangoli> seleziona il livello del motivo e fai clic (Cmd / Ctrl + Maiusc) + I) per invertire la selezione e Cancella, quindi unire entrambi i livelli.
Per rendere la firma di un altro livello, seleziona un pennello nero e crea una firma casuale. Infine, aggiungi i codici di sicurezza.
Se vuoi, puoi terminare il tutorial qui, ma ora aggiungeremo una prospettiva alla scheda. Duplica ogni cartella, quindi fai clic con il pulsante destro sulla cartella del gruppo e seleziona Unisci gruppo, fai lo stesso per ogni cartella. Ora abbiamo 2 livelli, uno davanti e uno sul retro della carta di credito, selezionare entrambi i livelli e fare clic su Cmd / Ctrl + T per trasformarli e renderli più piccoli, quindi ruotare un po 'e fare clic con il tasto destro per selezionare Prospettiva e trasformare come desiderato.
Seleziona un livello della carta di credito (non importa se è anteriore o posteriore) e duplica, fai una selezione di esso e riempilo con un grigio chiaro, quindi spostalo di circa 2 px a destra. Per rendere l'ombra della carta, duplicare la carta di credito e fare una selezione di esso e riempirlo con il nero, quindi fare clic su Cmd / Ctrl + T per trasformare> Fare clic destro e selezionare Distorsione e trasformare come desiderato; Vai a Filtro> Sfocatura> Sfocatura gaussiana> raggio di 10 px; imposta Miscela livello su Moltiplica al 30% di Opacità.
Per creare il Reflection, duplica entrambi i livelli delle carte di credito, seleziona entrambi i livelli e ruotali verticalmente (Cmd + T> Clic destro> Rifletti verticalmente) e disponili sulla punta della carta di credito; seleziona un pennello gomma morbida con opacità del 30% e cancella ogni livello per effettuare il riflesso.
Facciamo alcune luci e ombre, facciamo una selezione della carta di credito, poi creiamo un nuovo livello, selezioniamo un pennello morbido bianco, Modalità normale al 20% Opacità e nell'angolo in alto a sinistra aggiungiamo un po 'di luce, quindi cambia il colore in nero e aggiungo alcune ombre nell'angolo in basso a destra.
Crea uno sfondo e hai finito! Per rendere le immagini di ciascun lato della carta di credito basta disattivare lo strato laterale anteriore, ricordarsi di attivare o disattivare anche il corrispondente livello di riflessione; puoi usare questo tutorial per creare un'icona della carta di credito; ricorda che puoi creare carte di credito a colori diversi giocando con tonalità e saturazione.
Accentsconagua