Share
In questo tutorial, progettiamo un semplice biglietto da visita in Photoshop e lo prepariamo per la stampa con crocini di registro e al vivo. Normalmente lo faresti con uno strumento come InDesign, ma è infatti possibile cavartela con il nostro vecchio e fidato Photoshop.
Questo tutorial ti mostrerà come progettare un biglietto da visita da solo, ma se desideri un biglietto da visita semplice ed elegante progettato da un professionista, puoi ordinarne uno su Envato Studio. Ecco alcune delle opzioni disponibili:
Per soli $ 50, ottieni un design moderno, unico, semplice e pulito per biglietti da visita in tutti i diversi formati. È pronto per la stampa, con segni al vivo, file vettoriale di Illustrator o file Photoshop e jpg ad alta risoluzione.
Questo designer ha completato oltre 1.500 lavori su Envato Studio, con un tasso di raccomandazione del 100% da parte dei clienti.
Alla ricerca di qualcosa di più creativo? Astralgirl progetterà i biglietti da visita che sono davvero creativi, professionali e parlano per il tuo business. Il servizio costa solo $ 40 e viene fornito con un tasso di raccomandazione del 100%.
Se stai cercando un servizio di alta qualità, rapido, affidabile e senza problemi e vuoi assicurarti che otterrai il miglior risultato per il tuo investimento, allora questo designer è per te.
Con diversi anni di esperienza nel settore del design, SAO Studio può aiutarti a ottenere il biglietto da visita più adatto alla tua attività.
Questo fornitore ti disegna un biglietto da visita professionale, elegante e moderno. Riceverai file pronti per la stampa in diversi formati, con marchio al vivo e PDF modificabile (modificabile in Adobe Illustrator). Riceverai anche i file in formato Indesign.
Ci sono molti altri designer di biglietti da visita su Envato Studio, quindi fai una ricerca e sei sicuro di trovare quello giusto per te.
Altrimenti, continua a leggere per le istruzioni passo-passo su come farlo da solo.
Ok, quindi la prima cosa che dobbiamo fare è creare un nuovo documento. A seconda di dove stai pensando di far stampare le tue carte, potresti aver bisogno di dimensioni diverse. La stampante che uso qui a Sydney ha una dimensione predefinita di 90 mm x 55 mm.
Tuttavia, quando si spediscono le cose alle stampanti, è necessario aggiungere una sorta di bordo attorno all'immagine denominata a Sanguinare. Lo spurgo è fondamentalmente lo spazio sui bordi del disegno in cui l'immagine continua a passare dove la stampante sta per tagliare la carta. In questo modo se il taglio si ferma di un millimetro su entrambi i lati non si finisce con carta bianca ai bordi. Lo spazio che lasci per lo spurgo dipende anche dalla tua stampante. Generalmente parlando 3mm - 5mm è una buona quantità di sanguinamento.
A causa di una stranezza di Photoshop (che vedrai in seguito) utilizzeremo un valore di 3 mm. Così, quando crei l'immagine, anziché crearla a 90 mm di altezza, la facciamo diventare di 90 mm + 3 mm di spurgo a sinistra + 3 mm di spurgo a destra = 96 mm. Allo stesso modo con la larghezza, lo stiamo facendo 55 + 3 + 3 = 61mm.
Si noti inoltre che, poiché stiamo creando qualcosa per la stampa, è necessario impostare la Risoluzione su 300 dpi e la Modalità colore su CMYK. Parleremo più in dettaglio della modalità colore in seguito, ma con la risoluzione dovresti notare che 300 dpi significa fondamentalmente che sono disponibili più informazioni sull'immagine in modo da ottenere una stampa nitida.
Se devi creare un poster enorme, a volte riesci a farla franca con un minimo di 120 dpi, ma in realtà dipende da quanto lontano la persona guarderà il tuo lavoro. Se stai stampando 120 dpi, la qualità da vicino sarà piuttosto male. Se si tratta di un poster gigante (si pensi ai metri anziché ai centimetri), allora si può farla franca. Comunque, dato che questo è un biglietto da visita, dovremmo farlo 300dpi, quindi è una bella stampa di alta qualità.
Una volta che il documento è stato creato, la prima cosa che dobbiamo aggiungere sono alcune guide per mostrarci dove sono i bordi del biglietto da visita e dove inizia il sanguinamento. Quindi prima di tutto premi Ctrl-R per accendere i tuoi righelli. Ora per aggiungere le guide, puoi fare clic sul righello e trascinare le guide verso il documento oppure, per un metodo più preciso, andare su Visualizza> Nuova guida e assegnargli una posizione orizzontale di 3 mm. Ripeti ancora con una posizione verticale di 3mm. Quindi ripetere altre due volte con Vertical / 58mm e Horizontal / 93mm.
Ora dovresti avere una tela bianca simile a quella sottostante con quattro guide, ciascuna distante 3 mm dal bordo.
Ora, poiché ho creato questa carta per il concorso di carte FreelanceSwitch, ho dovuto utilizzare un elemento del pacchetto di vettori e trame gratuito di Arsenal. Ho scelto questa bella trama di cemento perché sembra bello e urbano! Puoi scaricare tu stesso la texture visitando il sito dell'Arsenal e facendo clic sulla sezione Free.
Quindi, dopo aver incollato la trama, premo Ctrl-T per trasformarla in circa la giusta misura. Ora, mentre voglio che la texture sia sporca e sgangherata, adesso è un po 'troppo sporca e rumorosa. Quindi, prima di tutto, ci libereremo delle due linee gigantesche che corrono da sinistra a destra. Possiamo farlo con lo strumento Timbro clone (S). Ho discusso questo strumento l'altro giorno nel tutorial della rivista, ma per aggiornare, premi Alt per selezionare l'area che vuoi clonare (in questo caso ho appena usato l'area direttamente sopra) e poi spazzoli l'area che vuoi clonare.
Usare un pennello morbido su una trama come questo significa che è abbastanza difficile rilevare se non stai cercando direttamente prove di clonazione.
Quindi ora ce l'abbiamo ancora con un aspetto approssimativo e urbano, ma non abbastanza approssimativo.
A questo punto ho deciso che volevo scurire la texture, quindi ho aggiunto uno strato sopra riempito con il colore # 797c82 e impostato su Moltiplica. Tuttavia, l'aspetto era un po 'strano e ha una sorta di cast bluastro (vedi sotto) mentre lo voglio più scuro e più grigio. Questo ha a che fare con la modalità colore in cui ci troviamo - CMYK. Quindi è tempo di parlare un po 'delle modalità colore ... (almeno come le capisco)
In sostanza CMYK sono i quattro colori di quadricromia con cui viene stampata la maggior parte delle stampanti. Usando questi quattro colori (ciano, magenta, giallo e nero / chiave) puoi fare la maggior parte degli altri colori. Puoi, in effetti, ottenere anche inchiostri speciali come Pantones, di cui parleremo in un futuro tutorial, ma per la maggior parte delle cose è semplicemente CMYK diretto.
Ora sul tuo schermo, tuttavia, usi l'RGB che, come sai, significa Rosso, Verde e Blu. La differenza deriva dal fatto che su uno schermo stai guardando il missaggio della luce, quindi se aggiungi tutti i colori insieme ottieni il bianco - ecco perché in RGB il codice colore per il bianco è R: 255, G: 255, B: 255 - cioè pieno rosso, verde pieno, blu pieno.
Sulla carta, d'altra parte, stai vedendo il risultato della luce che interagisce con un oggetto. Dal mio confuso ricordo della lezione di scienze del liceo quando la luce splende su un oggetto - diciamo un muro rosso - l'oggetto in effetti assorbe la luce e riflette quello che non può assorbire, quindi il muro rosso riflette il rosso, ma in realtà mangia il riposare, dandogli l'aspetto di essere rosso. Quindi, fondamentalmente sulla carta, è l'opposto * sullo schermo dove è proiettata la luce. Sulla carta che ha full Cyan, full Magenta, full Yellow e full Key produce infatti il nero perché assorbe tutta la luce (che è il contrario di RGB dove produce il bianco).
Ora tutto ciò era solo alcune informazioni utili che spiegavano perché ci sono diversi spazi di colore. La cosa fondamentale da notare è che la gamma di colori che puoi creare con CMYK è più piccoli di quello che puoi fare con RGB. Quindi, quando passi a CMYK, scoprirai che alcune cose non funzionano altrettanto bene - cose come gli Overlay, o colori super brillanti da mostrare. Una volta stampati, spesso saranno comunque abbastanza belli, ma a volte per fare le cose con cui ti sei abituato in Photoshop, devi passare da una modalità di colore all'altra. Ricorda però che se si passa a RGB, è necessario tornare a CMYK prima di inviarlo alla stampa. Per preservare gli effetti, a quel punto appiattiremo tutto (vedrai cosa intendo in seguito).
Commutazione delle modalità colore
Ok, spero tu sia ancora con me - in pratica quello che è successo a questo passo è che ho deciso che dovevo tornare a RGB per ottenere il giusto grigio oscurante, e ancora più importante nel passaggio successivo quando voglio mettere i blocchi gialli sovrapposti , Anche io dovrò essere in RGB.
Così puoi farlo andando su Immagine> Modalità> Colore RGB. Ti chiederà se vuoi appiattire l'immagine - di 'no! Dovresti vedere uno spostamento immediato nella colorazione dell'effetto oscurante.
E, sì, avrei potuto fare questo passo molto più breve e ti ho solo detto di andare in RGB, ma è utile conoscere gli spazi colore :-)
Quindi eccoci in modalità RGB. Quindi vogliamo disegnare dei blocchi diagonali. Quindi prendi lo strumento Lazo poligonale (L) e poi crea un nuovo livello.
Ora vuoi disegnare la forma mostrata qui sotto. Per farlo bene, tieni premuto Shift in modo da forzare gli angoli ad essere multipli di 45 'e darti una bella forma uniforme.
Una volta ottenuta la forma, riempila con Colore: # c4b10f, che è un brutto colore giallo, quindi imposta la modalità di fusione su Colore scherma. Ora dovresti avere un giallo brillante che assomigli a quello qui sotto. Nota che se torni a CMYK, vedrai come questo effetto non funziona affatto e perché abbiamo dovuto passare a RGB in precedenza.
In ogni caso, duplica questo livello un paio di volte finché non hai sei barre gialle e solo approssimativamente le distanzia in modo tale che una sia a destra e un'altra a destra a destra con il resto in mezzo (le sposterai accuratamente nel passaggio successivo ).
Ora piuttosto che cercare di spaziare a occhio o premere il tasto freccia lo stesso numero di volte (che sono imbarazzato nel dire che faccio spesso), useremo gli strumenti di allineamento. Quindi prima tieni premuto Maiusc e seleziona tutti i livelli con delle barre gialle. Quindi, in alto, fai clic sullo strumento allineamento contrassegnato di seguito. Questo lo spazio automaticamente con precisione!
(Si noti che penso nelle versioni di Photoshop precedenti a CS2, è necessario collegare i livelli con quelle piccole graffette perché Shift-Selezione di livelli è apparso solo in CS2, la versione che uso. Gli utenti CS3 mi aspetto che siano simili a CS2.)
OK, ora abbiamo una piccola marcatura ben distanziata che sembra industriale!
Successivamente ho creato un nuovo livello sopra e con un grande pennello nero morbido spazzolato delicatamente lungo i bordi. Ricorda che qualsiasi cosa al di fuori delle guide probabilmente non sarà nella scheda finale (a meno che la stampante non tocchi il taglio), quindi il nero dovrebbe estendersi appena sopra la linea se deve essere visibile nel prodotto finale.
Quindi, per discutere di nuovo il sanguinamento, come ho detto prima, tutto ciò che è al di fuori di queste guide è solo materiale extra per la stampante da tagliare. Quindi è importante in nessun momento mettere cose importanti come il testo ovunque vicino ai bordi, a meno che non ti dispiaccia che potrebbe essere tagliato. Nella mia esperienza la maggior parte delle stampanti in pratica non si discosta molto lontano dalla linea di taglio, tuttavia può accadere, specialmente se si utilizza una stampante economica.
Un problema che si verifica in Photoshop è che non è possibile nascondere automaticamente l'area al vivo, il che significa che a volte quando si guarda al disegno non sembra proprio corretto. In InDesign puoi passare ad una modalità di anteprima speciale che nasconde il margine, ma in Photoshop dobbiamo farlo manualmente. Così spesso creerò uno strato sopra tutti gli altri e riempirò le aree al vivo di bianco. Quindi posso attivare o disattivare questo livello in modo da poter vedere un po 'più accuratamente le proporzioni e l'area che lo renderanno effettivamente l'elemento stampato finale. Assicurati solo di spegnerli prima di inviarli alla stampante!
Successivamente ho inserito un bel testo sulla carta. Questo è in realtà il lato posteriore della carta (faremo il fronte in un secondo). Ho usato un font uber cool chiamato DIN che è molto minimale e come vedrete in un secondo ha un fantastico carattere '@'.
Ho impostato il tipo per essere 8pt. Se ricordo bene, non dovresti mai andare meno di 6pt se vuoi che qualcosa sia leggibile e se vuoi che lo sia facilmente la migliore da 7,5pt e sopra è la migliore. Come con tutte queste cose dipende da chi è il tuo pubblico. Quando faccio biglietti da visita, vorrei andare con qualcosa che una persona può leggere velocemente a colpo d'occhio quando sfoglia il loro mazzo di carte. Quando faccio qualcosa per me, uso spesso il tipo piccolo perché posso farla franca!
Ho anche impostato il tipo su Luce lineare in modalità fusione in modo che interagisca un po 'con lo sfondo. Una volta fatto questo, possiamo salvare questo documento come Back.psd quindi andare su File> Salva come e questa volta salvarlo come Front.psd, essenzialmente duplicando il file per renderlo frontale.
Ancora una volta per la parte anteriore ho aggiunto un po 'di testo con il mio indirizzo Web e indirizzo e-mail e nome. E per gli amanti del genere tra di voi, date un'occhiata al carattere '@' - non è bello! DIN è un carattere tipografico industriale originario della Germania che puoi leggere su Wikipedia.
La tipografia - o l'arte di usare il tipo / il testo nei tuoi disegni - è una di quelle parti superbe del design. Se vieni da un background educativo come ho fatto io, allora è molto importante andare a leggere su di esso, perché è il modo più semplice per scegliere un buon designer da un cattivo. Non sono il miglior tipografo in circolazione, ma John Boardley lo è, e gestisce uno dei miei blog preferiti: iLoveTypography. Se vuoi entrare nel tipo, vai a leggere il suo blog, è la bomba!
Ora la prossima cosa che vogliamo fare è disattivare alcuni di quei livelli che hanno le barre gialle, quindi ne rimangono solo tre. Voglio che assomigli al fatto che le barre gialle si aprano sul davanti e continuino verso la parte posteriore.
Successivamente, usando lo strumento Lazo poligonale (L), disegna una forma triangolare come mostrato.
Quindi crea un nuovo livello appena sopra la texture concreta e riempilo con un grigio scuro e imposta la modalità di fusione su Moltiplica. Ora sfortunatamente questo rende i bit gialli opachi, quindi lo aggiusteremo subito dopo!
Quindi, fai Ctrl-clic sul primo dei livelli della barra gialla, quindi tieni premuto Maiusc, fai clic sulla successiva, poi sulla successiva, in modo da avere i pixel selezionati per tutti e tre. Quindi premere Ctrl + Maiusc + I per invertire la selezione come mostrato. Mentre è selezionato, fai clic sul livello triangolo e fai clic sull'icona Aggiungi una maschera di livello nella tavolozza dei livelli. Questo maschererà le aree delle barre gialle in modo che possano trasparire.
E lì ce l'abbiamo! Tutto fatto…
Ora dobbiamo andare su Livello> Appiattisci immagine e poi su Immagine> Modalità> CMYK per tornare a CMYK e prepararti per la stampa. Nota come, poiché abbiamo appiattito l'immagine, preserviamo il modo in cui il giallo interagiva con la strada dietro di esso anche se siamo di nuovo in CMYK. Quindi, in pratica, abbiamo sfruttato l'effetto RGB per ottenere un effetto, quindi lo abbiamo appiattito e passato a CMYK in modo che possiamo stampare.
Ora vai su File> Stampa con anteprima e dovresti vedere qualcosa di simile mostrato qui sotto. Se non si dispone di tutte le opzioni, fare clic su Altre opzioni e appariranno. Seleziona la casella che indica i segni di ritaglio, quindi fai clic sul pulsante che indica Bleed e impostalo su 3mm. Si noti che, per qualche motivo, Photoshop non consente di andare molto più in alto di 3 mm per il sanguinamento. Non so davvero perché ci hanno messo un cappuccio artificiale, ma forse c'è una ragione sorprendente che non capisco.
In ogni caso, una cosa che dovresti fare (che ho appena realizzato non ho fatto nello screenshot) è deselezionare Show Bounding Box.
Una volta che hai finito, dovresti essere in grado di stampare su un PDF, fare lo stesso per il retro e consegnarlo alla tua stampante. Nota che per stampare su PDF, devi avere una copia di Acrobat installato (non solo il programma gratuito Acrobat Reader, ma la versione completa). Se hai questo, allora hai finito tutto ora!
Se non hai Acrobat, non temere ... non tutto è perduto!
Se non hai Acrobat, dimentica il modo Stampa con Anteprima e, invece, torna al documento, crea un nuovo livello nella parte superiore, quindi usando lo strumento Selezione colonna singola fai le selezioni attorno alle tue guide come mostrato.
Ora disegneremo i nostri marchi di ritaglio. Per fare questo dobbiamo assicurarci di usare quello che viene chiamato Nero di registrazione. La registrazione nera è praticamente il 100% di tutti i colori CMYK (come mostrato). C'è un po 'più di quello, e puoi leggere di più su Wikipedia se sei interessato.
In ogni modo, selezionare il colore giusto e quindi compilare le selezioni dal passaggio precedente. Quindi, usando lo strumento Selezione rettangolare, tagliate le linee in modo che restino solo piccole linee singole in ciascuno dei quattro angoli a sinistra, ovvero quattro coppie di crocini di registro. Quindi vai su Salva con nome e salva il tuo file come PDF usando Photoshop. Questo dovrebbe andar bene per una stampante, anche se a dire il vero non ho mai provato a inviare un file con segni di ritaglio come questo a una stampante, quindi probabilmente è meglio chiedere loro se è OK prima di stampare milioni di schede :-)
Comunque, ci sono i miei semplici biglietti da visita. Sembrano abbastanza ordinate e dovrebbero essere pronti per la stampa. Nei file di esempio troverai sia la parte anteriore che quella posteriore e il file PSD che ho usato per rendere questa piccola immagine sotto la quale è il mio rapido tentativo di falsificare le carte stampate.
Non dimenticare che su FreelanceSwitch, c'è la competizione per fare biglietti da visita utilizzando i vettori di un pacchetto speciale Arsenal. Quindi se ti va Vinci $ 370 di materiale vettoriale, Andate a capo e inserite la vostra voce. Non avrai bisogno di fare tutti i bit pronti per la stampa, quindi è bello e facile da inserire.
Cerchi di più? Perché non esaminare Progettazione di biglietti da visita professionali con Tuts + Corsi.
Se sei interessato ad avere un aiuto nel design del tuo biglietto da visita, Envato Studio ha una grande collezione di servizi di progettazione di biglietti da visita che ti piacerebbe esplorare. Puoi anche dare un'occhiata ai modelli di biglietti da visita su Envato Market.
Accentsconagua