https://www.pinterest.com.

mx/pin/191825265363031863/

Tutorial de GraphicsGale

Esto se podra considerar una gua mas que un tutorial, ya que no voy a ensear a hacer nada (para eso
ya estn los tutoriales de PixelArt), sino que simplemente voy a explicar las partes y herramientas
de GraphicsGale que considero que nos pueden ser mas tiles a la hora de trabajar con PixelArt.

Ir mostrando imgenes marcadas con rectngulos numerados que luego explicar debajo de cada
imgen, fcil y para toda la familia =)

As es como yo he organizado el entorno de trabajo:

(click para agrandar)

Cada uno lo puede organizar como le de la gana, todos los paneles son moviles y se pueden anclar
donde mas os guste, paso a explicar la imagen:
1 - Barra de herramientas: Detallada mas adelante.

2 - Ventana de aumento: Muestra la imagen muy aumentada con los pixeles delimitados marcando
sobre cual estamos en cada momento para trabajar con mxima precisin. No se puede interactuar
directamente con la imagen mediante esta ventana de modo que para aumentar la precisin se debe
aumentar la imagen de la ventana 4.

3 - Ventana de vista previa: Muestra la imagen con su tamao real.

4 - Ventana de fichero: Es nuestra imagen propiamente dicha, la ventana sobre la que trabajaremos
mediante las herramientas, las dos anteriores servirn unicamente para visualizar el resultado
mientras que est ser la que nos permita hacer las modificaciones.

5 - Paleta de colores: Detallada mas adelante.

6 - Ventana de capas: Detallada mas adelante.

7 - Ventana de frames: Aqu se muestran todo

s los frames de nuestra imagen en caso de que los tenga, es decir, en caso de que nuestra imagen sea
animada, la flecha sirve para aadir un nuevo frame y la papelera para eliminarlo.

Haciendo click en un frame nos situaremos en el, y haciendo click en los tres puntos accederemos a las
propiedades, donde podremos modificar el nombre y la velocidad de la animacin entre otras cosas.

Paso a detallar los controles que mas vamos a utilizar de la barra de herramientas, los que no nombro
es porque considero que no son indispensables a la hora de trabajar con PixelArt, lo que no significa
que en un momento determinado no nos puedan hacer falta:

1 - Lupa: Sirve para aumentar o reducir el tamao al que vemos la imagen, click izquierdo para
aumentar y derecho para reducir.

2 - Seleccin rectangular: Selecciona un fragmento rectangular de la imagen.

3 - Varita mgica: Al hacer click en un pixel realizar una seleccin de la zona contigua con colores
similares, haciendo click en la flechita de la derecha se puede acceder a las opciones para elegir la
precisin.

4 - Seleccin por color: Al hacer click en un pixel realizar una seleccin de todos los pixeles de la
imagen del mismo color, es posible ajustar la precisin de la misma forma que en la varta.

5 - Lpiz: Es la herramienta mas simple y a su vez la mas usada, sirve para pintar lineas "a mano
alzada".

6 - Relleno: Al hacer click en un pixel aplica el color seleccionado a la zona contigua con un color
similar, tambin se puede ajustar la precisin.
Nota: Despues de realizar una seleccin es posible cancelarla haciendo click derecho

Nota 2: Si con las herramientas de dibujo hacemos click derecho sobre un pixel de nuestra imagen el
color de dicho pixel pasar a ser el color primario.

Y por ltimo la zona de la paleta de colores y el manejo de capas:

1 - Paleta: Muestra los colores disponibles, click izquierdo en un color para seleccionarlo como color
primario, click derecho para color secundario.

2 - Grosor: Permite elegir color y forma de las lineas para las herramientas de dibujo como el lpiz, las
lineas o los circulos y rectngulos sin relleno.

3 - Textura: Podemos elegir que textura dibujar, aunque requiere un conocimiento avanzado de
PixelArt nos puede resultar muy til en un momento dado.

4 - Colores seleccionados: Muestra los colores primario y secundario que tenemos seleccionados.

5 - Propiedades del color: Permite ajustar las propiedades del color primario, viene bien a la hora de
obtener un tono mas claro u oscuro del color que queramos.

6 - Seleccin de paleta: Sirve para altenar entre el tipo de paleta que queremos, RGB o HSL.

7 - Al igual que en los frames estos controles nos permitirn aadir o eliminar una capa.

8 - Muestra las capas de nuestra imagen en caso de que los tenga, haciendo click en una capa la
seleccionamos y cuando trabajemos en la imagen modificaremos la capa seleccionada en cada
momento, sea visible o no. El botn de la carita ocultar o mostrar la capa, el segundo habilita o
deshabilita las transparencias y el tercero abre las propiedades de la capa, donde podremos cambiar el
nombre y seleccionar el color que el programa identificar como transparente.

Espero que os haya servido para empezar a manejar este programa, ya solo queda que jugueis con el y
vayais descurbriendo sus posibilidades, si teneis alguna duda estar encantado de ayudar, un saludo.

ste es un tutorial hecho especficamente para el uso de GraphicsGale, aunque algunas partes
(sobre todo las finales) pueden ser usadas para otros programas si se saben usar.

Bienvenidos... bueno ojal que se diviertan al intentar ste tutorial sobre el uso bsico del
programa Graphics Gale. En realidad el programa es bastante intuitivo, pero intentar darles
sean secretos, detallitos tiles o algo as.
Empezando, por si acaso llegan a ste tutorial sin poseerlo, o sin saber qu diablos es el tal
GraphicsGale, ac est una screen y el link hacia la descarga en la pgina oficial, puesto que es
un programa Freeware ;D (aunque tiene versin de pago donde se le agregan algunas
funcionalidades pero eso lo conseguirn si es necesario, al menos en ste tutorial no lo es).

Link a la pgina oficial

http://www.humanbalance.net/gale/us/

Ahora bien, empezamos el tutorial!

Primero, viendo el programa veremos la barra de herramientas, la de menes, y el rea donde
se posicionarn nuestros grficos para ser editados, adems de varios cuadros que aparecen
normalmente: la paleta de color, el cuadro de "preview", "layers", los dems no son muy
importantes, sinceramente .
La paleta de color es importante tenerla cerca TODO el tiempo para cambiar el color que se est
usando adems de mantener control de los que estn siendo usados al crear el grfico, si
estamos en modos distintos a 24bits.
El preview es til para ver el grfico a tamao "real". Ya que mayora de tiempo estaremos a
400, 800 o lo que sea con que ests ms cmodo de zoom, es importante tener al lado cmo va
quedando el grfico.
El cuadro de layers es otro muy utilizado, aunque no imprescindible. "Layer" significa capa, si
han probado Photoshop es casi 99.99% seguro que se han topado con ellos. A diferencia
de Photoshop ac no se puede cambiar transparencias a ellos, ya que el programa trabaja con
poco manejo de canales de transparencia (alpha).

Oye, pero entonces qu tiene de especial ste programa?

Lo ms notable talvez es su rapidez y bajo requerimiento de recursos. Ya que el programa est
hecho especficamente para grficos de tipo sprite/pixel art, no trae todas esas herramientas
intiles en ste campo, como gradientes (gradient is EVIL), filtros, efectos sin sentido... sino que
trae lo que es ms cmodo y prctico a la hora de crear sprites/pixelarts. Si quieren un editor de
fotografa, lo siento, programa equivocado.

Herramientas
1. Primero quisieras saber cmo hago un nuevo archivo? pues todo lo relacionado con archivos
est en la primer parte de la barra de herramientas: ac en orden podemos ver el Crear nueva
imagen, Abrir archivo de imagen, Explorar (abrir un explorador de imgenes, utilidad
propia del programa), Guardar imagen actual a un archivo.
2. Cmo hago o deshago, pego...? Vamos lo normal no? Tenemos entonces la siguiente parte
de la barra de herramientas: en orden, Deshacer, Rehacer, Cortar, Copiar, Pegar, Pegar
como nueva imagen.
3. Donde cambio zoom? Despus de lo anterior tenemos el seleccionador del nivel del zoom,
bastante autoexplicativo .
4. Cansado de calcular dnde termina, por ejemplo, los frames de cierta animacin? Tranquilo.
Usa las opciones de regilla ;D.
Cmo se usan? Tenemos tres botones en las barras de herramientas para ello, y vamos a
verlas con detenimiento...

Grid (rejilla), sta har que las divisiones entre cada pixel se vea, osea se notar dnde termina
un pixel y dnde empieza otro.
Custom-grid (Rejilla personalizada), por si no buscas que te marque TODOS los pxeles sino que
nos muestre cundo se termina una zona de pixeles y dnde empieza otra. sto sirve para, por
ejemplo, partir nuestra imagen en cuadros de alguna animacin.
Snap to grid, lo que hace es que slo podamos trabajar de un extremo de una regilla hasta otro.
Es difcil de explicar, pero al menos cuando se usa ms es para hacer selecciones, sino se podra
volver engorroso...

Por hoy estar incompleto el tutorial, ya que me he cansado , dentro de algn rato editar ,
y de hecho tengo que poner "ciertas imgenes"... suerte,
Orochii Zouveleki