Design Biglietto da visita Front Template Photoshop CC
In questo tutorial, aggiungeremo gli elementi di design al nostro modello frontale per biglietti da visita. Nell'ultimo tutorial, abbiamo già creato le basi per il modello di biglietto da visita in Photoshop CC, ottenendo un modello con una tavola da disegno separata per la parte anteriore e posteriore del biglietto da visita. Abbiamo anche aggiunto linee per le aree al vivo, trim e sicure.

Ma il modello è privo di qualsiasi elemento di design (vedi screenshot), come un'immagine di sfondo, testo o forme. In questo tutorial, inizieremo aggiungendo un'immagine di sfondo segnaposto come oggetto intelligente, semplificando la sostituzione del segnaposto con la grafica di progettazione. Successivamente, aggiungeremo segnaposto per il testo che di solito è incluso in un biglietto da visita. Sulla parte anteriore della carta, inseriremo il nome personale / commerciale e lo slogan e sul retro della carta potremmo inserire le informazioni di contatto.

Quando aggiungiamo elementi di design, il pannello Livelli potrebbe disorganizzarsi. Quindi, organizzeremo alcuni livelli in cartelle di gruppo. Ad esempio, i livelli di testo possono essere combinati in una cartella di gruppo. Inoltre, se hai più di un elemento grafico di sfondo, ad esempio diverse trame, possiamo combinarli in una cartella di gruppo. Infine, possiamo colorare questi livelli e queste cartelle. Naturalmente, puoi usare qualsiasi combinazione di colori, ma per questo esempio useremo il rosso per il testo, il verde per la grafica e le forme e il blu per le istruzioni.

Aggiungi grafica di sfondo o texture

Uso un semplice grafico a griglia come grafico di sfondo del mio segnaposto. L'utente del modello può facilmente modificare l'immagine perché sarà un oggetto intelligente. Aggiungiamo l'immagine di sfondo per il fronte della carta.

  1. Seleziona la tavola da disegno Fronte biglietto da visita.

  2. Aggiungi la tua grafica segnaposto (vedi screenshot).

  3. Trascina il nuovo livello sotto il livello Linee, in modo da poter vedere le linee mentre aggiungiamo elementi di design.

    Poiché l'artista potrebbe voler cambiare questa grafica per proprio conto, diciamo loro che è possibile con l'etichetta che diamo a questo livello.

  4. Rinomina il layer in [IL TUO BACKGROUND DESIGN QUI].

  5. Fai clic con il pulsante destro del mouse sul livello e scegli Converti in oggetto intelligente dal menu a comparsa.

Aggiungi testo

Ora siamo pronti ad aggiungere il nostro nome commerciale o personale e la nostra tagline sul fronte della carta. Nell'esempio, ho usato il carattere Raleway Typekit, che è gratuito con qualsiasi abbonamento Creative Cloud o abbonamento di prova gratuito. Poiché il nome è l'informazione più importante, impostiamo lo stile del carattere in grassetto e la dimensione su 18 pt (vedi screenshot). Centreremo anche il testo.

Nota: il posizionamento, il carattere e lo stile finali del testo verranno modificati in quanto influenzati dal design dello sfondo.

  1. Seleziona lo strumento Testo e aggiungi il testo segnaposto Nome commerciale (vedi screenshot).

  2. Cambia il nome del layer in [IL TUO NOME QUI]

  3. Ripetere il passaggio precedente per aggiungere il testo segnaposto per lo slogan o la professione. Impostare il carattere su una dimensione inferiore di 14 pt e aggiungere il testo segnaposto Messaggio personale.

  4. Cambia il nome del livello in [LA TUA TAGLINE QUI] (vedi screenshot) e trascinalo sotto il livello [IL TUO NOME QUI].

    Successivamente, centreremo il testo.

  5. Con entrambi i livelli di testo selezionati, passa allo strumento Sposta. Nel pannello Opzioni (vedi screenshot), utilizzare i pulsanti di distribuzione Centri verticali e Centri orizzontali per centrare il testo in orizzontale e in verticale.

    Entrambe le righe di testo saranno nella stessa posizione. Spostiamo il nome sopra la tagline (vedi screenshot).

  6. Seleziona il livello [IL TUO NOME QUI] e usa lo strumento Sposta per spostare il nome sopra la tagline.

    Infine, uniamo i livelli di testo in una cartella di gruppo (vedi screenshot).

  7. Aggiungi una nuova cartella di gruppo al pannello Livelli e denominala Testo.

  8. Trascina entrambi i livelli di testo nella cartella.

Facoltativo: potresti voler aggiungere una forma dietro il testo, ad esempio un rettangolo bianco con un tratto nero. Aggiungeremo una forma vettoriale, in modo che l'utente possa modificare i colori di riempimento e tratto secondo necessità nel pannello Proprietà (vedi screenshot).

  1. Seleziona il livello di sfondo, in modo che il nuovo livello venga aggiunto sopra.

  2. Disegna un rettangolo sulla tavola da disegno con lo strumento Rettangolo. Dovrai impostare quanto segue nel pannello Opzioni (vedi screenshot).

    Modalità: forma
    Riempimento forma: bianco
    Tratto di forma: nero
    Larghezza tratto forma: 5 px
    Tipo di tratto: solido

  3. Rinomina il livello [ADJUST BOX FILL & STROKE COLOR]

Opzionale: possiamo colorare i nostri livelli di codice (vedi screenshot).

  1. Seleziona il livello del gruppo Istruzioni e fai clic con il tasto destro sull'icona Eye. Imposta il colore sul blu.

  2. Seleziona il livello Linee nella cartella Fronte biglietto da visita e imposta il colore su blu.

  3. Selezionare la cartella del gruppo di testo nella cartella Fronte biglietto da visita e impostare il colore su rosso.

  4. Seleziona la forma e i livelli di sfondo e imposta il colore su verde.

Nel prossimo tutorial, progetteremo il Biglietto da visita.

Indietro | Avanti

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.


Istruzioni Video: Stampare biglietti da visita con Photoshop (Marzo 2024).