[Photoshop] Montaggio ed elaborazione di immagini

[ProGM]

Montaggio e elaborazione di immagini

 

 

1. Introduzione

Per

: Ogni tool.

Autore

: ProGM.

Descrizione

: Vi è mai capitato di restare fermi settimane su un progetto, non tanto per pensare le mappe, elaborare una storia convincente o creare chara, ma... a rendere utilizzabile su rpgmaker la grafica che già avete?

A me purtroppo sì, parecchie volte, e da queste esperienze ho appreso alcuni trucchetti niubbi per facilitarsi il lavoro. Niente di professionale, anzi, tutto ciò l'ho scoperto semplicemente a tentativi, con lo spirito del "ma ci sarà un modo per...".

Non capite di preciso di cosa sto parlando? Continuate a leggere ;)

 

2. Ritagliare rapidamente un'immagine enorme in piccole parti

Eccovi il primo esempio. Avete trovato su internet un file che contiene centinaia di chara stupendi per il vostro battle system. C'è un solo problema: è un file unico, a voi invece servirebbe, ad esempio, un file per ogni posa.

Facciamo un esempio estremo.

Abbiamo questa immagine lunghissima, con tutti i pokemon della prima generazione, da cui vogliamo ricavare un'immagine per pokemon:

http://img339.imageshack.us/img339/9919/pokemon1stgen.png

Farlo a mano, un pokemon alla volta? Suicidio @_@

Come fare?

Bene, apriamo l'immagine con Adobe Photoshop. Fatto?

http://profile.ak.fbcdn.net/object2/1532/61/q239043559157_2398.jpg

Selezioniamo ora lo strumento "slice tool" premendo semplicemente la lettera "K".

Premiamo ora col destro sull'immagine e selezioniamo il comando "divide to slice".

http://i46.tinypic.com/okwdjn.png

Ora vi si aprirà una finestra come questa:

http://i45.tinypic.com/28iq5w7.png

Da qui è possibile creare una griglia a dimensioni a vostra scelta. Potete decidere se la volete orizzontale o verticale, inoltre potete decidere o la dimensione della singola cella (in pixel), oppure in quante celle volete che venga divisa l'immagine.

Nel mio caso imposto di dividere orizzontalmente, in celle da 79 pixel. Ecco il risultato:

http://i45.tinypic.com/scyk40.png

possibile risistemare la dimensione delle celle manualmente, talora fossero disallineate.

Una volta soddisfatti salviamo le immagini. Andiamo su file -> Save for Web... (alt+shift+ctrl+s)

A questo punto premete ctrl+A per selezionare tutte le celle, e impostate il salvataggio in png-24, in questo modo:

http://i47.tinypic.com/t81ctv.png

Fatto questo premete su Save, scegliete una cartella e impostate il salvataggio di "Images Only".

http://i49.tinypic.com/34sh3j6.png

A operazione conclusa, nella cartella scelta vi troverete una cartella chiamata images, contenente 150 immagini di pokemon, tutte belle ritagliate XD

 

3. Compiere operazioni in massa

Solita situazione. Avete 300 face per il vostro gioco, che sembrano fatti apposta per il vostro gioco. Unico problema: sono enormi, rpgmaker necessita immagini piccine piccine, di aprirle una ad una e ridurle di dimensioni non vi va. Magari volete pure applicarci un filtro grafico, perché le volete, che ne so, stramegaiper-sfumate, oppure volete che siano, chessò, in bianco e nero.

è importante che l'operazione che volete svolgere sia sempre IDENTICA per ogni immagine.

Riprendiamo l'esempio dei pokemon. Ora abbiamo una cartella stracolma di immaginine di pokemon (quelle che abbiamo ritagliato prima), ma noi vogliamo che questi sprite siano più grandi e soprattutto vogliamo eliminare lo spazio trasparente inutile attorno a questi sprite.

Apriamo la prima immagine.

Se non è già aperta, dovete tenere su schermo la finestra "Actions" di photoshop. (si apre da window -> History)

Apriamo appunto la scheda "Actions" e premiamo il tasto "new Action"

http://i45.tinypic.com/2dkmp1v.png

Chiamatela come vi pare.

Svolgiamo ora le operazioni che vogliamo fare sull'immagine, stando attenti che queste operazioni verranno successivamente applicate su tutte le immagini. Attenzione,

niente passaggi inutili

, photoshop sta registrando TUTTO quello che state facendo sull'immagine, quindi decidete PRIMA cosa fare, poi fatelo in modo ordinato.

Se fate errori ricominciate, che è meglio XD.

Una volta concluse le operazioni...

http://i50.tinypic.com/2zgz2b8.png

...premete sul tasto STOP (sta in action, in fondo, è il solito quadratone di tutti i videoregistratori/lettori dvd insomma XD)

Bene, ora chiudete l'immagine

senza salvare

le modifiche, ma senza chiudere photoshop.

Ora fate file -> Scripts -> Image Processor

http://i46.tinypic.com/2qk6lwo.png

Selezionate la cartella che contiene i file su cui operare, selezionate il formato in cui volete il salvataggio dei file a operazione conclusa (purtroppo c'è solo jpg, psd e tiff -.-), quindi date il via alle danze!

http://i50.tinypic.com/wceqg0.png

Il risultato, nel mio caso, lo trovate

QUI

.

Potete far compiere operazioni di qualsiasi genere, in questo modo, e vi risparmierà chili di lavoro inutile.

 

4. Creare template ad-hoc

Usate dei template particolari, che richiedono 7 pose e 12 direzioni? Nessun problema (ebbene, questa è veramente un'idiozia XD)

Selezionate di nuovo il comando "Slice Tool" col tasto K, quindi premete col destro, come abbiamo fatto prima, e prepariamoci a impostare delle cellette. Questa volta scegliamo invece di una dimensione in pixel, scegliamo il numero di riquadri. Ovviamente scegliamo 7 e 12. Ecco a voi un template ad hoc, seguite le linee guida e, se volete, ricalcatele con una matita dimensione 1px, generato per voi da photoshop XD

 

 

Per il momento mi fermo qui, se mi viene in mente altro aggiungerò.

Se vi viene in mente altro ditemelo, che vedo se sono in grado di scriverci qualcosa ;)

[Guardian of Irael]

Tutorial davvero utile per chi non sa muoversi per bene con photoshop, bel lavoro

[Soul Eater]

Tutte cose nuove per me che di photoshopo so poco e niente e anche abbastanza utili, grazie ^^

[FenriX`]

tu ci credi che io ste cose l'ho fatte sempre una per una? template fatti con paint e le sagomine attaccate sopra pian piano tutte insieme, trasferita l'immagine su photoshop e cancellati i colori a scacchiera che evidenziavano i vari rettangolini... immagini singole una ad una con colori modificati eccetera... non avevo la minima idea che PS possedesse tali comandi (nonostante lo usi ormai da molto tempo, quindi non sono un noob in materia o_o)

[ProGM]

Le ho scoperte puramente a caso. E il mondo degli script è BEN più vasto... puoi proprio programmare in un linguaggio proto-javascript che azioni fargli fare in modo avanzato...

 

Non ci ho mai perso troppo tempo, però, non mi interessava fino a quel punto XD

[FenriX`]

francamente sapevo che rpgmaker avesse un potenziale che andava ben oltre quello sfruttato da me e dalla gente che conoscevo... ma che arrivasse fino a questo punto o_o non mi passava per la testa che potessi programmarti le azioni oltre a scaricarti filtri e pennelli da internet!! XD porca ladra!!! XD

[Dax]

incredibile come GAMEMAKER abbia le stesse funzioni nello sprite editor. taglia strip, crop, ecc.. xD