[Grafica] Un nuovo tool di grafica: GM

[Dax]

Un Nuovo Tool di Grafica: GameMaker

Versione 001 in corso d'opera

 

1. Introduzione

Per

: Supporto per produrre grafica per qualsiasi tool.

Autore

:

Dax

.

Descrizione

: Trucchi e Suggerimenti su come impiegare il tool GameMaker per la creazione di animazioni e l'editing di immagini. Vi insegnerò a utilizzare le funzioni di making di GM allo scopo di facilitare la produzione grafica dei vostri giochi! Il tutorial è ancora incompleto.

Ultima modifica

: 07.07.10

 

2. Tutorial

 

Tool:

 

Lo potete scaricare comodamente

QUI.

La versione trial è gratuita e include meno funzioni riguardanti il making, nulla che ci disturbi nell'ambito grafico.

Scaricatelo e installatelo.

 

 

Primo Approccio a GM:

 

Un chiarimento sulla prima schermata di GameMaker e delle icone che serviranno.

http://i49.tinypic.com/2yozluo.png

Come potete vedere le risorse grafiche (sprites), suoni, scripts, fonts vengono archiviate da GM nel menu a cartelle a sinistra. Quando creerete un nuovo sprite col comando evidenziato questo verrà visualizzato anche nel menu, permettendovi di accedervi ancora.

Oltre al menu File dove potrete salvare il progetto, chiuderlo, o aprirne uno nuovo, il comando generale che verrà usato è unicamente CREA NUOVO SPRITE (

ENG: Create a Sprite

), altro non serve per i nostri scopi.

Ora creiamo un nuovo sprite.

 

 

Creare un Nuovo Sprite:

 

Dopo aver premuto Crea Nuova Sprite otteniamo questa finestra.

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

Non perdo tempo a parlarvi dei 2 box inutili (origine e maschera) in quanto non riguardano l'ambito in cui lavoriamo ora.

L'anteprima è ovviamente un'anteprima. Mostra il frame desiderato. In presenza di più frame

Concentriamoci sul resto:

 

-

N

ame

: qui potete dare un nome al vostro sprite/animazione. Chiamatelo come volete, basta vi ricordi a cosa si riferisce

 

-

L

oad Sprite

: premendo qui potete caricare un'immagine esterna presente sul vostro computer. Oltre a un'anteprima permette di rimuovere immediatamente lo sfondo, di aggiungere un anti-aliasing e aggiungere opacità all'immagine:

http://i31.tinypic.com/264g6wz.png

 

-

S

ave Sprite:

ignoratelo! Salva lo sprite in un formato proprio. Spiegherò dopo come esportare lo sprite completato.

 

-

E

dit Sprite:

questo bottone vi permette di accedere all'editor di sprite di GameMaker (finalmente xD)

 

Per entrare nel vivo caricate un'immagine e successivamente premete

Edit Sprite

per modificarla.

 

 

 

Modificare uno Sprite Parte I:

Primo Impatto

 

Eccoci alla prima parte davvero importante dell'editor di sprite di GameMaker.

Da questa finestra potrete aggiungere e togliere frame, frammenti di animazione, verificare il lavoro con un'anteprima animata, spostare le immagini, scalare, ridurre, ruotare, specchiare, ricolorare parzialmente o totalmente, croppare. Potete inoltre lavorare sull'animazione completa, invertendola, rimpicciolendo l'oggetto animato, trasformandolo in un altro, addirittura creare un'animazione in cui l'oggetto si dissolve come un fantasma.

Per seguirmi in questo tutorial scaricate questa GIF e caricatela come sprite in gamemaker. La editeremo assieme sperimentando le varie funzioni di GM:

http://i29.tinypic.com/1580bb6.gif

 

Una volta aperto la finestra di modifica sprite ci appare così:

http://i25.tinypic.com/14n2ht.png

Notiamo che abbiamo ancora una volta la finestra Anteprima, stavolta sulla sinistra. Questa anteprima però mostra l'animazione alla velocità settata sotto di essa (qui 30 frame al secondo). Aumentando la velocità ovviamente l'animazione sarà più spedita e viceversa.

L'animazione. Animazione di che cosa? L'animazione non è altro che la sequenza dei frame nella finestra principale: nell'esempio sono 8 ( da image 0 a image 7 ) e vengono mostrati in ordine.

Se cambiassi l'ordine dei frame cambierebbe l'animazione. Per fare questo basta selezionare un frame e premere una delle frecce azzurre nel menu in alto.

Ora passiamo alla prima parte cruciale, ossia i 3 menu di editing trattati nel prossimo paragrafo!

 

 

 

Modificare uno Sprite Parte II:

I 3 Menu di Editing

 

 

Il mio consiglio è: leggendo queste definizioni PROVATE il singolo comando. Giocateci, esagerate, potrete sempre annullare le modifiche fatte!

In ordine il primo menu è Transform e include funzioni "classiche" quali lo specchio, il resize e il ruota, con una qualità PARI a quella di Photoshop!

 

• TRANSFORM
  
  http://i29.tinypic.com/210a6n9.png
  

1. Shift
   
   
   Permette di spostare l'immagine all'interno del riquadro verso l'alto/basso o sinistra/destra.
   
   
   Attenzione all'opzione "Apply to All images in Sprite", se intendete modificare solo il frame selezionato disattivate questa opzione, altrimenti la modifica verrà applicata a ogni frame.
   
   
2. Mirror/Flip
   
   
   Non ha bisogno di spiegazioni. Permette di capovolgere l'immagine orrizzontalmente e verticalmente.
   
   
3. Rotate
   
   
   Ruota l'immagine in senso orario o antiorario di qualunque valore intero tra 0° e 360°.
   
   
4. Scale
   
   
   Il comando Scala. Questa funzione cambia le dimensioni del CONTENUTO del frame (non le dimensioni del frame!) quindi un'immagine 30x30 resterà ancora 30x30. Scale perciò ingrandisce o rimpicciolisce il nostro personaggio, rischiando di tagliargli anche la testa! Ottima cosa si può decidere se applicare Scale solo in orrizzontale o solo in verticale o entrambi.
   
   
5. Skew
   
   
   Letteralmente "Inclina". Identica alla funzione di Paint.
   
   
6. Resize Canvas
   
   
   Resize Canvas, al contrario di Scale, lavora sulle DIMENSIONI del frame ma non sul contenuto, che resta identico all'originale. E' possibile indicare una percentuale di modifica o una misura direttamente in pixel; usufruire del "Keep Ratio" che mantiene le proporzioni.
   
   
   Siccome vengono modificate le dimensioni del riquadro, non dell'immagine, come decido quale lato tagliare o allargare?
   
   
   Se per esempio voglio aumentare lo spazio SOTTO il personaggio? Indico l'aumento nella casella Height e premo il tasto "freccia in su" (il 2) nel form POSITION. Questo farà in modo che l'immagine resterà incollata al "soffitto" e l'aumento di altezza sarà posto sotto il personaggio.
   
   
   E' una funzione per cui consiglio molto di provare e riprovare. E' paragonabile al "dimensiona quadro" di Photoshop.
   
   
7. Stretch
   
   
   Unisce in una sola funzione Resize Canvas e Scale. Questa funzione ingrandisce (o diminuisce) le dimensioni del frame e del suo contenuto allo stesso tempo. Stretchare al 200% corrisponde a un Resize Canvas 200% + Scale 200%.
   
   
8. Crop
   
   
   Crop è una funzione utilissima! Ridimensiona il riquadro eliminando le righe e le colonne totalmente trasparenti. Funziona unicamente con immagine a sfondo trasparente (che potete comunque settare voi con un comando successivo). Corrisponde al "Rifila Pixel Trasparenti" di Photoshop.
   
   

• IMAGES
  
  http://i30.tinypic.com/33ooav4.png
  
  coming soon
  
  
   
  
  
   
  
  
• ANIMATION
  
  http://i32.tinypic.com/33c3arm.png
  
  coming soon
  
  

 

 

[Guardian of Irael]

Ah ah ah ah dopo averlo suggerito in 20 topic ci hai pure fatto un tutorial XD

Bel lavoro Dax, mi è capitatao spesso di usare GM come tool grafico per alcune funzioni facilmente accessibili! ^ ^