Skipstorm

Mi era stato chiesto se fosse possibile dare una dimensione in percentuale ad un’immagine di sfondo in modo da far adattare l’immagine alla finestra. Al momento non è possibile fare una cosa del genere con i css e per questo ho creato questo piccolo script javascript che risolve il problema.

Lo script è disponibile in due versioni, nella prima l’immagine viene deformata per adattarsi alla finestra:

Nella seconda l’immagine occupa lo spazio disponibile senza deformarsi e in caso facendo apparire le barre di scorrimento del browser:

Prosegui la lettura…

Tra gli strumenti di gimp sono compresi alcuni tool per creare piccole animazioni, uno di questi è quello che presento nel video qua sotto per animare un’immagine creando delle onde che si muovono.

Come ogni animazione in gif si tratta di più livelli che vanno a costituire i frame, se dovete inserire l’immagine in una pagina web cercate di diminuirne la dimensione usando il minor numero di frames possibile o riducendo la dimensione dell’immagine come vedrete nel filmato.

L’immagine qua sopra è formata da 6 frames a 500×342 pixel e pesa quasi un mega e mezzo, se avete una connessione lenta vi sarete accorti che ci mette una vita a caricare (e se avete una connessione lenta cercate di aver pazienza anche per il caricamento del filmato).

Non c’è bisogno di fare altre introduzioni anche perchè la guida è piuttosto banale, se rimane qualche dubbio, come sempre potete aggiungere un commento o utilizzare il forum.

Clicca qua per visualizzare il filmato.

Utilizzare una maschera sfumata vi permette di avere un distacco meno evidente tra la figura ferma e la parte animata, per avere un effetto ancora migliore potete separare in un livello a parte la figura ferma per poi riattaccarla su ogni frame.

Le azioni di photoshop, o nella versione inglese “Photoshop Actions”, sono una serie di operazioni salvate in un file.

Ammettiamo di dover applicare la stessa serie di effetti e regolazioni ad un certo numero di immagini, possiamo semplicemente creare un’azione e applicarla a tutte le nostre immagini.

Inoltre photoshop comprende un certo numero di azioni preimpostate per applicare diversi effetti alle foto e molti altri se ne possono trovare su internet.

Apriamo la finestra delle azioni andando su Finestra > Azioni oppure con la combinazione di tasti ALT+F9, verrà visualizzata questa finestra:

Le azioni sono raggruppate in cartelle, quando apriamo un’azione possiamo vedere i passaggi che contiene, per eseguire un’azione basta aprire l’immagine alla quale vogliamo applicare l’effetto, selezionare l’azione scelta e premere il tasto play in basso nella schermata delle azioni.

Installare una nuova azione.

In genere per installare una nuova azione basta fare doppio click sul file atn.

Attenzione

Alcune azioni richiedono che si parta da un’immagine parzialmente manipolata, ad esempio con una maschera, del testo o colorata in un certo modo.

Consultate sempre le istruzioni delle azioni che state per utilizzare se sono presenti.

Approfondimenti

Il sito ufficiale di adobe contiene gia un’ampia documentazione in italiano sulle azioni e non è necessario continuare a scriverne, se ci dovessero essere problemi potete sempre commentare questo articolo o fare una richiesta nel forum.

Creare e modificare le azioni.
Documentazione sulle azioni.
Gestire le azioni.
Gestire set di azioni.