media design skill GIF E 3D ELABORAZIONE CON ILLUSTRATOR E PHOTOSHOP

Transcript

1 media design skill GIF E 3D ELABORAZIONE CON ILLUSTRATOR E PHOTOSHOP 8 NOVEMBRE 2018

2 GIF Animate GIF significa Graphic Interchange Format, formato compresso per immagini digitali bitmap. Caratteristiche della GIF File leggeri, 256 colori, supporta le trasparenze (ma non le semitrasparenze), utilizzato per piccole icone, immagini a tratto, clip-art e piccole illustrazioni. Non può essere considerata come un video. Riproduzione su qualsiasi browser, in quanto si tratta solo di immagini in sequenza. Non ha controlli di riproduzione. Non ha audio. Molteplici utilizzazioni (newsletters, presentazioni aziendali, ecc...). 2

3 Creare GIF con Photoshop Creare un nuovo documento in Photoshop, selezionando FILM VIDEO impostando in pixel la grandezza del documento desiderata. Scegliere come area di lavoro MOVIMENTO. Nella Timeline di Photoshop selezionare l opzione desiderata: VIDEO o FOTOGRAMMI 3

4 Esempio animazione di un grafico Creare un grafico in Illustrator posizionando gli elementi da animare su livelli. Esportare il file come PSD. Il file consentirà a Photoshop di mantenere i livelli creati in Illustrator, eventualmente utilizzare Unisci Gruppo se si intende animare tutti gli elementi del gruppo allo stesso modo. Scegliere CREA ANIMAZIONE FOTOGRAMMA Scegliere tempi di esecuzione dei fotogrammi Scegliere frequenza di ripetizione dei fotogrammi 4

5 Esempio animazione di un grafico Duplicare i fotogrammi, aggiungere o sottrarre i livelli di Photoshop per creare effetto di animazione Creare eventuali effetti di dissolvenza modificando l opacità dei fotogrammi e applicare il tweening (passaggio graduale tra fotogrammi) Colori e marketing Commercializzazione nuovo prodotto Riconoscimento brand 93% Aspetto visivo 6% Texture 1% Suono / Profumo 80% Aumenta il riconoscimento FONTE: KISSmetrics 5

6 Importare nella Timeline sequenza fotogrammi da un video Scegliere dal menu File l opzione Importa Fotogrammi Video in Livelli Scegliere la sequenza video e la frequenza di fotogrammi da importare Duplicare, spostare, modificare i singoli fotogrammi per ottenere l effetto desiderato 6

7 Esportare il file Scegliere dal menu File l opzione Esporta, Esporta per web, impostare i valori desiderati di Colore, Dithering e Trasparenza 7

8 Creare un video con la Timeline Creare un nuovo documento scegliendo la grandezza in pixel desiderata. Scegliere l opzione Crea Timeline Video. Importare file video cliccando sul + posto a destra nella Timeline. È possibile scegliere il numero di fotogrammi per secondo dal menu della Timeline 8

9 Creare un video con la Timeline Il file inserito appare di colore azzurro sulla Timeline. Oppure si può scegliere dal menu File INSERISCI INCORPORATO ottenendo così un Oggetto Avanzato e sulla Timeline il suo colore sarà viola e avrà proprietà diverse dai file video aggiunti alla Timeline 9

10 Creare un video con la Timeline Le regolazioni eseguite su elementi aggiunti come file video determinano la creazione di livelli di regolazione, con conseguente difficoltà nella renderizzazione. Le regolazioni effettuate su Oggetti avanzati non danno origine ad altri livelli, ma le regolazioni si effettuano su file psb 10

11 Creare un video con la Timeline L opzione Nuovo gruppo video ci consente di spostare gli elementi inseriti su più tracce 11

12 Creare un video con la Timeline Gli elementi aggiunti nella Timeline possone essere modificati scegliendo la sequenza desiderata, si possono aggiungere effetti di dissolvenza, maschere, testi ed effetti di colore, tracce audio 12

13 Creare un video con la Timeline Aggiungere Key Frame per modificare Opacità, Posizione o Stile 13

14 Colore Si può creare un livello superiore di Consultazione colore, scegliendo una delle opzioni predefinite, e dare uniformità di colore a tutti i livelli sottostanti. Ed è possibile aggiungere altri livelli di regolazione 14

15 Esportare il file Scegliere dal menu File l opzione Esporta, Rendering Video, lasciare Adobe Media Encoder e scegliere come formato di compressione H264 15

16 Il 3D di Photoshop Creazione e comprensione di: ambiente, scena, materiale, luce, trama. Caratteristiche del 3D Il 3D di Photoshop offre, a differenza degli altri software che si occupano principalmente di progettazione, ha la possibilità di creare un ambiente fotografico per il nostro oggetto tridimensionale. Inoltre permette di importare modelli 3D realizzati con programmi di progettazione e renderli compatibili con il formato pdf senza causarne la perdita delle caratteristiche tridimensionali. 16