Tutorial su Adobe InDesign: Griglie di immagini e stili di carattere

Sulla scia del successo del nostro primo tutorial su InDesign, il prossimo episodio approfondisce le scorciatoie essenziali che possono aiutare ogni designer. Risparmiate tempo con gli stili di carattere, una tecnica perfetta per creare un branding coerente, e potete elevare la qualità e la precisione dei vostri progetti padroneggiando le griglie di immagini. 

Ispirazione dal progetto alla pagina

In questo secondo episodio della nostra serie, ci ispiriamo al design elegante e funzionale del programma di Brighton. Il layout a tre colonne, un punto fermo del loro design, ci serve da modello, dimostrando come bilanciare efficacemente testo e immagini per un'esperienza visiva coinvolgente.

Creare griglie di immagini con precisione

Il nostro tutorial inizia con la costruzione di griglie di immagini. Esploriamo l'uso dello strumento cornice rettangolare di InDesign, sottolineando l'importanza della precisione e dell'allineamento. Utilizzando le scorciatoie da tastiera e gli strumenti come lo strumento gap, dimostriamo come creare griglie di immagini uniformemente distanziate che migliorano l'aspetto visivo del layout.

Posizionamento e ridimensionamento delle immagini

Una volta impostata la griglia, vi guideremo attraverso il processo di inserimento e ridimensionamento delle immagini. Questa parte dell'esercitazione si concentra sul raggiungimento di un aspetto equilibrato e proporzionale, simile a quello di una maschera di ritaglio, assicurando che le immagini si adattino perfettamente alle cornici designate.

Implementazione degli stili di carattere per una formattazione coerente del testo

Il punto culminante della nostra esercitazione è l'implementazione degli stili di carattere. Questa funzione di InDesign è una svolta per garantire una formattazione del testo coerente ed efficiente. Vi guidiamo attraverso l'impostazione di un nuovo stile di carattere, la regolazione delle scelte dei font e l'aggiunta di un tocco creativo con il testo evidenziato.

Applicazione pratica

Per concludere l'esercitazione, applichiamo le tecniche apprese per creare un layout visivamente accattivante. Questo approccio pratico non solo rafforza le competenze, ma dimostra anche come queste funzioni di InDesign possano migliorare i vostri progetti di stampa.

Restate sintonizzati per ulteriori informazioni

Il nostro viaggio non finisce qui. Nei prossimi episodi esploreremo altri aspetti del design dei programmi della Premier League, ciascuno ricco di suggerimenti e trucchi per perfezionare la vostra abilità con InDesign.

Per coloro che desiderano ampliare le proprie competenze in InDesign, in particolare nella creazione di layout professionali e accattivanti, questo tutorial è una risorsa preziosa. Guardate il nostro video, seguiteci e scoprite come queste tecniche possono trasformare i vostri progetti di stampa.

Se il tempo è fondamentale, date un'occhiata ai nostri Cortometraggi su YouTube o TikTok per spiegare queste tecniche in pochi secondi.

Quando avete imparato a usare le griglie di immagini e gli stili di carattere per il vostro design, la nostra gamma sarà qui per produrre perfettamente la vostra opera d'arte in stampa!

Trascrizione

Bentornati al secondo episodio della serie in cui analizzerò i programmi della Premier League di questa stagione e ogni mese li utilizzerò come ispirazione per aiutarvi a sviluppare le vostre competenze in InDesign. 

Questi suggerimenti vi aiuteranno a creare le vostre opere d'arte, che potrete poi far vivere con la stampa. Nell'ultima puntata ho dato un'occhiata al programma Wolves e vi ho mostrato come impostare un documento InDesign. 

In questo episodio, esamineremo la pagina dei contenuti del programma di Brighton e vi mostrerò come creare alcune funzioni che hanno utilizzato. 

Ecco un'anteprima di ciò che vi mostrerò come creare. Come potete vedere, hanno utilizzato un layout a tre colonne per dividere le informazioni e le immagini e rendere la pagina più digeribile. 

Mi piace molto la semplicità di questo design e credo che abbiano incluso la giusta quantità di informazioni per attirare l'attenzione. Non hanno esagerato e non hanno lasciato l'utente senza sapere cosa aspettarsi. 

Anche l'uso di griglie di immagini per evidenziare le sezioni del programma è un'ottima idea, che si ritrova nella maggior parte delle pagine di contenuto dei programmi di calcio. 

In questo episodio vi mostrerò come creare le vostre griglie di testo e di immagini evidenziate come qui. Ecco un progetto che ho realizzato ispirandomi al programma Brighton. Vi mostrerò come creare questa griglia di immagini con il testo evidenziato. 

Ho fatto un po' di spazio per creare le griglie di immagini, quindi cominciamo a farlo. Passiamo alla barra degli strumenti e selezioniamo lo strumento cornice rettangolare. Tenendo premuto Shift, trascinate un quadrato come questo sul bordo della colonna, ma non lasciate ancora Click e Shift. 

Utilizzare i tasti freccia, su, per crearne due in verticale, quindi utilizzare i tasti freccia, dirittoper crearne due in orizzontale e creare uno spazio uniforme tra le immagini. È possibile utilizzare questo strumento, lo strumento Gap, per modificare le dimensioni di ciascuna immagine e spostarlo verso l'alto e verso il basso tenendo premuto Alt. Se tenete premuto Shift, potete separare queste due immagini. Se tenete premuto Ctrl, potete modificare uno spazio come questo e potete farlo con qualsiasi tipo di griglia. 

Ma torniamo al due per due che avevo prima. Come avete visto prima, avevo solo un'immagine orizzontale in alto, ed è molto facile da fare. Basta eliminare una delle caselle e, con lo strumento di selezione diretta, trascinarla fino al bordo. Ed ecco che abbiamo tre cornici in cui possiamo inserire le nostre immagini. 

Ora che abbiamo creato le nostre griglie di immagini, andiamo a posizionare le nostre immagini. Selezionate una delle cornici, andate su file, scendete fino a posizionare e trovate l'immagine che desiderate. 

Come potete vedere, l'immagine non è stata ridimensionata in modo proporzionale, quindi è sufficiente fare clic sul cerchio al centro per visualizzare una mano come questa. Fate clic con il pulsante destro del mouse, selezionate Adattamento e quindi Adatta il contenuto in modo proporzionale. 

Come potete vedere, non si è ancora adattata correttamente, ma ora riesco a vedere la mia immagine. Per scalare la vostra immagine, assicuratevi di avere un contorno marrone come questo. Questo significa che modificherò solo l'immagine all'interno della cornice e non la cornice stessa. 

Così tenendo Alt + Shifte lo ridimensionerò per farlo rientrare nella cornice. Come si può vedere, nulla è uscito dalla cornice ed è rimasto all'interno, come una maschera di ritaglio. Ora posso ripetere la procedura per le altre cornici. 

Ho finito di aggiungere tutte le mie immagini alle cornici e ho aggiunto anche la copia, che vi mostrerò come evidenziare. Quindi andate su Finestra, scendere a Stilie selezionare Stili di carattereoppure si può utilizzare la scorciatoia, Shift + F11. Si aprirà una scheda come questa. 

Gli stili di carattere sono molto utili perché aiutano risparmiare tempo e garantire formattazione coerente in tutta l'opera d'arte. Esiste anche una cosa chiamata stili di paragrafo, che vi mostrerò come fare nelle prossime puntate, ma per ora mi limiterò agli stili di carattere. 

Ora che abbiamo aperto questa scheda, selezioniamo l'icona più qui e creeremo un nuovo stile di carattere, chiamato stile di carattere uno. Con il testo selezionato, doppio clic lo stile del personaggio e si aprirà una scheda come questa. Selezionate la casella di anteprima nell'angolo in basso a sinistra, in modo da poter vedere tutte le modifiche in tempo reale. 

Quindi, per cominciare, passiamo ai formati di base dei caratteri e possiamo scegliere il tipo di carattere di una frase. E farò Proxima Novastile di carattere, regolare e dimensione 15. E sono soddisfatto. 

Voglio che il mio colore sia bianco perché sarà su uno sfondo blu, quindi voglio che sia visibile. Passiamo ora alle opzioni di sottolineatura e qui aggiungeremo la nostra evidenziazione. Quindi, in questa opzione, assicuratevi di selezionare Sottolinea su, assicurandovi che ci sia una casella di spunta. Per ora, cambiamo il peso a 10 e assicuriamoci che l'offset sia -3. 

Come potete vedere, l'evidenziazione non copre tutto il testo. Perciò è necessario aumentare lentamente il peso fino a coprire il testo. Voglio che il colore dell'evidenziazione sia ciano. 

Ho deciso che non mi piace il 17 e lo abbasserò un po', in modo che ci sia uno spazio tra ogni riga. Si può anche cambiare il colore dello spazio, ma per ora lo lascio così e faccio clic su OK. Dovrò ingrandire un po' il mio libro di testo, in modo che la frase si adatti al suo interno. 

Ora non mi resta che selezionare le altre frasi e applicare questo stile di carattere. E posso farlo anche per questa frase qui. Come potete vedere rapidamente, ho aggiunto questo stile e ho evidenziato tutte queste frasi. 

Grazie per aver guardato questo episodio e spero di avervi insegnato alcuni trucchi che potrete utilizzare nel vostro attuale progetto di stampa o in uno futuro. E non dimenticate di rimanere sintonizzati, quando analizzerò il programma del West Ham e vi mostrerò altri trucchi che potrete utilizzare per le vostre stampe.