Come ottenere di più dalle immagini a bassa risoluzione con Adobe Photoshop e Illustrator

Cosa starai creando

Per questo tutorial utilizzeremo lo strumento Noise in Adobe Photoshop per poter utilizzare un'immagine a bassa risoluzione per la stampa e creare un poster di tipo. Quindi finiremo il poster in Illustrator.

Stai cercando caratteri audaci per il tuo prossimo progetto di poster? Vai su GraphicRiver per trovare migliaia di font!

Di cosa avrai bisogno

Dovrai inoltre scaricare e installare il seguente file di font e immagine: 

  • Sto usando Archivo Bold da Google Fonts
  • Quartiere finanziario di Londra di Anthony Tyrrell via Unsplash

1. Preparare l'immagine

Passo 1

Apri l'immagine del distretto finanziario di Londra in Photoshop. Usiamo questa immagine come sfondo per il nostro poster. Ritorneremo verso l'area che ha il maggior movimento per creare un aspetto "a malapena".

Passo 2

Nel Utensili pannello, selezionare il Strumento di ritaglio (C), tenere Cambio e fai clic e trascina da uno degli angoli per mantenere il rapporto della foto. Sto scegliendo questa parte della foto perché non è definita come le altre parti. Non è necessario essere molto precisi in quanto non c'è giusto o sbagliato! 

2. Come cambiare la dimensione e la risoluzione di un'immagine

Useremo questo poster per la stampa. Vai al menu e seleziona Immagine> Dimensione dell'immagine. Nella finestra pop-up, selezionare le opzioni Vincola le proporzioni e Ricampiona l'immagine> Automatico bicubico. Sotto Dimensioni del documento nella stessa finestra, cambia il Altezza a 18 in e cambia il Risoluzione a 300 pixel / pollice. Colpire ok

Normalmente non è fatto per le foto ad alta risoluzione. In questo caso specifico, stiamo cercando di fare un lavoro fotografico a bassa risoluzione a nostro vantaggio.

3. Come utilizzare lo strumento rumore e lo strumento di contrasto

Passo 1

Vogliamo creare un'immagine più interessante per lo sfondo del nostro poster. Andremo al menu e selezioneremo Filtro> Disturbo> Aggiungi disturbo. Sul lato destro della finestra pop-up, controllare Anteprima in modo che possiamo vedere le modifiche in diretta sull'immagine. 

Sotto il Distribuzione opzione, selezionare gaussiana e anche controllare Monocromatico nella parte inferiore della finestra. Gaussian darà un rumore non uniforme all'immagine mentre Monochromatic ci darà solo rumore in bianco e nero piuttosto che CMYK. Puoi giocare con la percentuale in Quantità opzione. Farò il 30% perché sto cercando di mantenere un po 'del contrasto sulla foto e di non averla troppo sbiadita. Clic ok.

Passo 2

Dirigetevi verso il fondo del Livelli pannello e fare clic su Crea un nuovo livello di riempimento o regolazione > Luminosità / contrasto. Questo creerà un nuovo livello sulla nostra immagine iniziale. Contemporaneamente il Proprietà pannelloapparirà con le opzioni per regolare il livello. Se questo non compare, fai doppio clic sull'icona del sole sul nuovo livello. Ho cambiato i valori in Luminosità: -25 e contrasto: 55 per rendere le parti più chiare più grigie. 

4. Come convertire un'immagine in CMYK e salvare il file

Passo 1

Vai al menu e seleziona Immagine> Modalità> CMYK. Verrà visualizzata una nuova finestra; clicca su Non appiattire

Passo 2

Salveremo la nostra immagine in Livelli nel caso in cui abbiamo bisogno di modificarlo in seguito. Colpire Maiuscole-Comando-S e nominare il file Street_Background.PSD. Sotto Formato, scegliere Photoshop. Clic Salvare. Faremo lo stesso di nuovo e salvare come a TIFF file da utilizzare nella parte Illustrator di questo tutorial.

5. Come creare un nuovo file in Illustrator e Guide

Passo 1

Dirigetevi verso File> Nuovo (Comando-N). Diamo un nome al nostro file Mellow-Drammatica e impostare il Larghezza a 12 in e Altezza a 18 in. Dirigetevi verso il Avanzate sezione e impostare il Modalità colore a CMYK. Diciamo che questo poster è destinato a essere stampato, quindi impostare il Effetti raster a 300 dpi e Modalità anteprima a Predefinito. Clic ok.

Passo 2

Per creare delle guide nel nostro documento, facciamo apparire il Righelli premendo Comando-R. I miei governanti sono impostati in pollici; puoi cambiarlo andando al menue selezionando Illustrator> Preferenze> Unità. Nel nuovo Preferenze finestra che si apre, sotto unità, selezionare Pollici per il Generale opzione. Clic ok.

Passaggio 3

Vogliamo avere margini che sono 1 pollice da ciascun bordo. Fare clic e trascinare i righelli sulla pagina per creare una nuova guida. Puoi posizionarlo ovunque nella pagina e, se le guide sono sbloccate, potrai spostarle più volte. È possibile sbloccare o bloccare le guide premendo Opzione-Comando-;

Per impostare la guida su un punto specifico sulla nostra pagina, possiamo usare il Trasformare pannello. Puoi attivarlo dal menu, Finestra> Trasforma. Per il nostro margine verticale sinistro, imposteremo X: 1 in. Per il lato destro, imposteremo X: 11 in. Per la parte superiore e inferiore, imposteremo Y: 1 in e Y: 17 in rispettivamente. 

6. Come aggiungere immagini in Illustrator

Cerchiamo il TIFF file che abbiamo salvato del nostro Street_Background file. Facciamo il drag and drop sul nuovo Illustrator Mellow-Drammatica File. 

Noterai che l'immagine sembra un po 'più ruvida dell'ultima volta che l'abbiamo vista. Per guardare l'immagine reale, avremo bisogno di Incorporare il file in Illustrator. Dirigetevi verso il controlli pannello e fare clic su Incorporare. UN Opzioni di importazione TIFF verrà visualizzata la finestra. Sotto Opzioni, selezionare Appiattisci i livelli ad una singola immagine e fare clic ok.

7. Come aggiungere testo

Passo 1

Nel Livelli pannello, creiamo un Nuovo strato cliccando nella parte inferiore del pannello.

Passo 2

Nella barra degli strumenti, seleziona il Tipo Strumento (T) icona e fare clic e trascinare per creare una casella di testo. genere pastoso e un "/ "tutto in maiuscolo Ora facciamo apparire il Personaggio pannellopremendo Comando-T e usa il carattere Archivo Bold, impostando il Dimensione del font a 100 pt

Passaggio 3

Duplichiamo questa casella di testo premendo il tasto Opzione chiave e facendo clic e trascinando la casella di testo. In questa seconda casella, digita Drammatico.

8. Come creare profili e modifiche di testo

Passo 1

Seleziona una delle caselle di testo e premi Maiuscole-Comando-O. La casella di testo si trasformerà in un oggetto raggruppato. Seleziona l'altra casella di testo e fai lo stesso. Se avessi selezionato queste due caselle e poi le hai convertite in Lineamenti, sarebbero raggruppati insieme e vogliamo che le due parole siano separate. 

Passo 2

Seleziona entrambe le parole e premi Shift-X per scambiare il colore di riempimento e traccia. Vai alla barra degli strumenti e attiva il Ictus colore. Nel Colore pannello (F6), cambia il colore nero in bianco. Alziamo il Ictus pannelloandando al menu e facendo clic Ictus, e impostare lo spessore su 2 pt

Passaggio 3

Nel Livelli pannello, serratura Livello 1 facendo clic sullo spazio vuoto accanto all'icona dell'occhio. Modificheremo ciascuna delle parole sul Layer 2 separatamente. Iniziamo con Mellow /. Duplica l'oggetto premendo Opzione mentre fai clic e trascini l'oggetto. 

Vogliamo separarci M ed ellow /, quindi usa il Strumento di selezione diretta (A) dal Utensili pannello, selezionare il M, ed elimina questa lettera. Ruota (R) le lettere rimanenti e allineare all'angolo in alto a sinistra del margine.

Passaggio 4

Usando lo stesso Strumento di selezione diretta (A), selezionare llow / dall'oggetto precedentemente duplicato ed eliminato. Trascina un nuovo Guida dal Righello e posizionarlo a 4,25 pollici dal bordo sinistro del poster. Seleziona il Me oggetto duplicato e Ruotare 180 gradi, quindi posizionarlo sul margine inferiore e allinearlo alla nuova guida che abbiamo creato.

Passaggio 5

Utilizzare il Strumento di selezione diretta (A) per selezionare solo determinati punti in un oggetto. Ad esempio, sulla lettera E, la useremo per selezionare solo il lato sinistro, come mostrato nell'immagine qui sotto. I punti che vengono attivati ​​saranno compilati, ei punti che non sono attivati ​​saranno vuoti; vedrai solo il contorno di un quadrato. 

Una volta selezionato il lato sinistro di E capovolta, fare clic per trascinare verso il margine sinistro mentre si tiene premuto Cambio per mantenerlo allo stesso livello. Facciamo lo stesso con la E allineata in alto a sinistra, ma questa volta ci fermeremo prima del margine inferiore.

Passaggio 6

Usando il Strumento di selezione diretta (A), seleziona i tratti orizzontali sulla E allineati verticalmente ed eliminali come mostrato nell'immagine sottostante. 

Passaggio 7

Seleziona i primi due tratti di punta con il Strumento di selezione diretta (A), tasto destro del mouse, e selezionare Aderire. Fai lo stesso per i prossimi due e gli ultimi due punti.

Passaggio 8

Seleziona entrambe le parole e Separa colpendo Maiuscole-Comando-G. Selezioniamo le due E e colpiamo Shift-X per scambiare il tratto e riempire il colore.

Passaggio 9

Usando il Strumento di selezione diretta (A), muovi e unisci le linee verticali con le linee orizzontali delle E come mostrato nell'immagine qui sotto. Sentiti libero di Ingrandire per allineare alla perfezione!

Passaggio 10

Una volta che queste tre linee sono allineate, alziamo il nostro esploratore pannello andando a Finestra> Pathfinder, e sotto Modalità Forma selezionare Unire. Questo strumento fonderà entrambi gli oggetti in uno solo. Per finire con lo stesso stile delle altre lettere, premere Shift-X e assicurati che il colpo sia 2 pt sul Ictus pannello.

Passaggio 11

Ora faremo gli stessi passi con la parola Drammatico, ma questa volta ci estenderemo attorno alla lettera R. Proviamolo!

9. Come aggiungere dettagli di testo e pop di colore

Passo 1

Per creare un quadrato, usiamo il Strumento rettangolo (M). Clicca e trascina tenendo premuto Cambio per creare una forma quadrata perfetta. Facciamo moltiplicare il quadrato premendo Opzione mentre fai clic e trascini. Puoi anche tenere Cambio allo stesso tempo per duplicare l'oggetto lungo lo stesso valore X o Y. Coloriamo ciascuno dei quadrati con i seguenti codici: # F05A28, # 252166, e # EBE732

Passo 2

Aggiungiamo un po 'più di spazio tra gli oggetti quadrati e aggiungiamo alcuni dettagli al poster. Ho aggiunto data, luogo e informazioni di contatto usando il Strumento testo (T). Cliccando sul poster, puoi controllare l'interruzione delle frasi; nel mio caso, ho diviso le cose per creare equilibrio. Ho allineato ogni casella di testo sotto ciascuno dei quadrati. Per allineare le caselle di testo e i quadrati a destra, puoi usare il Allineare pannello da Finestra> Allinea, e nel pannello sotto Allinea l'oggetto, seleziona il Orizzontale Allinea a destra icona.

10. Come salvare per la stampa

Per salvare il poster come file di Illustrator, vai su File> Salva, nominare il poster e premere Salvare. Per stampare, selezionare PDF quando si salva il poster. Inoltre, il Salva Adobe PDF verrà visualizzata la finestra. Sotto Adobe PDF Preset, selezionare Stampa di alta qualità. Sul lato destro del pannello, selezionare Segni e sanguinamenti, e sotto votazione,selezionare Segni di assetto. Clicca su Salva PDF.

Lavoro fantastico, hai fatto!

Congratulazioni! Ce l'hai fatta! In questo tutorial:

  • Abbiamo imparato come utilizzare lo strumento rumore su un'immagine per aggiungere texture.
  • Abbiamo imparato ad estendere il valore di un'immagine a bassa risoluzione.
  • Abbiamo imparato a utilizzare lo strumento struttura in Illustrator per creare un gioco interessante con la tipografia.