Spanish (Español) translation by Javier Salesi (you can also view the original English article)
¿Te gustan los juegos para computadoras? ¿Alguna vez quisiste llegar a ser un artista gráfico de juegos? Si respondiste 'si', ¡éste tutorial es exactamente para tí! Aprende cómo hacer simples pero elegantes y coloridos íconos de juegos, usando herramientas básicas en Paint Tool SAI. Comenzaremos con una página en blanco y cubrirermos todo el proceso de realizar un ícono para un juego casual. ¡Comencemos!
1. Elaborar una Poción Mágica Basada en una Forma de Triángulo
Paso 1
Crear un Nuevo Lienzo (Control-N) eligiendo el tamaño deseado. Siempre inicio con un tamaño mayor de lienzo al principio, porque te da la capacidad de hacer un trabajo más detallado. También ya que estamos trabajando con gráficos raster, no queremos perder la calidad de nuestros futuros íconos-al contrario, usamos un tamaño más grande ahora para que cuando escalemos nuestros íconos, se vean aún mejor.
Paso 2
Crea una Nueva Capa desde el Panel Capas y toma la Herramienta Bolígrafo-o cualquier otra que prefieras. En ésta etapa no importa que herramienta uses, mientras puedas dibujar cómodamente lo que quieres.
Comencemos con guías para nuestra poción mágica. Debido a que estamos haciéndola basada en una forma de triángulo, recuérdalo mientras dibujas éstas líneas guías. Ayudarán en la composición y en la colocación de partes de la poción.
Paso 3
Crea una nueva Capa Vector (Linework) y toma la herramienta Línea para dibujar las formas básicas de un triángulo para la botella y un rectángulo para el cuello de la botella.
Paso 4
Crea una Nueva Capa y toma la Herramienta Aerógrafo. Ahora comencemos nuestro bosquejo, así que no te preocupes por la pulcritud y la suavidad de tus líneas. Solo piensa lo que quieres obtener en el resultado y pinta ligeramente en toda la forma y tu idea general. Observa las líneas guías y las formas vectoriales para continuar en la dirección correcta.
Paso 5
Establece la capa de éste bosquejo en una opacidad de 30% y crea una nueva Capa Vector (Linework) para dibujar una línea limpia para ésta poción. Para líneas curveadas utiliza la Herramienta Curva desde el panel Linework, y para líneas rectas usa la Herramienta Línea.
Puedes cambiar de una herramienta a otra mientras dibujas una línea, solo cambiando la herramienta en el panel. También para trabajar más fácilmente con éste programa, puedes crear tus propios atajos de teclado para cada herramienta.
Para hacer ambos lados de tu poción iguales, dibuja la mitad de él, luego Copia ésta parte, Pega y Voltea horizontalmente. Colócala correctamente y no olvides Unir las capas.
Paso 6
Después de que termines con la capa vector, crea una Nueva Capa y arregla todos los problemas usando el Aerógrafo y el Borrador. Éste es el momento perfecto para agregar decoraciones y detalles a la poción.
Paso 7
Cuando la capa linework está lista para colorear y has eliminado todos los lugares problemáticos de tu dibujo, Une todas las capas y establece el modo de la capa line art en Multiplicar. Para ver todas las líneas mientras coloreas, deberíamos poner nuestra capa linework arriba de todas las capas de color, y esteblecer su modo en Multiplicar, para que ningún punto blanco aparezca en tu dibujo en el proceso.
Paso 8
Bajo la capa linework, crea una Nueva Capa y toma el Bolígrafo o el Aerógrafo con tamaño pequeño para pintar dentro las líneas de la poción, asegurándote que no haya puntos en blanco. Luego toma el Cubo y llena de color gris la forma. Ésto actuará como una capa enmascarada, asi que no te saldrás de las líneas en el proceso.
Paso 9
De la misma manera pinta el líquido en la botella-elige un color brillante, porque generalmente las pociones mágicas son brillantes y radiantes. También pinta cualquier decoración que hiciste antes, pero asegúrate que estás haciéndolo en diferentes capas. ¡Siempre usa diferentes capas mientras trabajas! Te ahorrará tiempo y sabrás que parte de una imagen estás trabajando.
¡Terminamos con los colores base! ¡Felicitaciones!
Paso 10
Es momento de dar volumen a la poción...
Para hacer más realista nuestra poción, deberíamos agregar sombras e iluminaciones. Decide donde estará la fuente de luz en tu dibujo y en que dirección irá, y no lo olvides mientras dibujas. Si quieres, dibuja un pequeño sol en la esquina del lienzo. En ésta caso la luz estará en la posición arriba-derecha del dibujo.
Regresa a la primera capa de color base, que pintamos de gris. Crea una Nueva Capa arriba de ella, y luego da click en el Recortar Grupo.
Recortar Grupo es como una máscara, y cuando pintas en élla, tus líneas siempre se localizan dentro de la capa base. Comienza a definir los lugares más oscuros y más claros en la botella. Escoge colores diferentes para ver lo que te funciona mejor.
Paso 11
Repite el último paso en las otras capas: crea una nueva capa arriba de la capa base, aplica Recortar Grupo en la capa base, y luego pinta sombres y luces.
Para una capa base puedes usar tantas capas de Recortar Grupo como necesites. Siempre estarán dentro de la capa base, aunque la capa más alta pintará sobre la más baja. Agrega decoraciones o patrones al cordón, para hacerla más visiblemente interesante.
Paso 12
¡Tiempo de emocionarse! Para agregar brillantez al dibujo, crea una Nueva Capa arriba de todas las capas de color bajo la capa linework-ésto es importante. Luego establece el modo de la capa en Superponer y pinta cualquier color que quieras. En ésta etapa puedes experimentar con el color, la densidad y el tamaño del pincel, y la opacidad de la capa.
Usa Naranja suave o Beige para agregar suavidad y calidez, Cyan para hacer más frío el dibujo, y Magenta para expresar la magia del líquido. Eres libre de elegir cualquier color, y haz tantas capas Superponer como desees hasta que estés contento con el resultado.
Paso 13
Ahora que hemos terminado con las sombras y luz básicas, podemos seguir con detallar nuestra imagen.
Crea una Nueva Capa con Modo Normal arriba de la capa linework. Dibuja en las líneas de linework, agrega detalles, y repinta las imperfecciones. Usa colores que ya están en el dibujo-para fusionarlos mejor, usa la Herramienta Selector de Color o la Herramienta Desenfocar. En algunas versiones del programa también puedes encontrar una fabulosa herramienta de fusión: el Pincel al Agua.
Paso 14
Crea una Nueva Capa arriba de todas las otras capas. Resalta todos los bordes de la botella al pintar con el color blanco sobre ellos. Esto dará a la botella un aspecto de vidrio realista y mejor volumen.
Paso 15
Crea una Nueva Capa y establece su modo en Superponer. Usa ésta capa para agregar interesantes puntos de colores. Para añadir resplandor, crea una nueva capa con el modo Luminosidad y pinta en los lugares deseables con el Aerógrafo con densidad pequeña.
¡Y eso es todo! ¡Nuestra poción mágica basada en una forma de triángulo se terminó!
2. Elabora una Poción Mágica Basada en una Forma de Rectángulo
Paso 1
De nuevo, comienza por crear un Nuevo Lienzo con el tamaño deseado.
Paso 2
Dibuja líneas guías, y luego bosqueja la nueva botella. Ésta vez un rectángulo será nuestra forma base, asi que para hacerla más interesante visualmente, puedes jugar con la forma, decrementando el tamaño de una parte e incrementando el tamaño de la otra. Como de costumbre, en ésta etapa no te preocupes de la suavidad y la pulcritud de tus líneas-dibuja como gustes.
Paso 3
Para una botella en forma de rectángulo, deberíamos hacer mejores preparaciones para nuestra composición. Crea una Nueva Capa Vector (linework) y dibuja guías claras usando la Herramienta Línea. Tu bosquejo te ayudará a ver donde colocar las líneas.
Crea una Nueva Capa Linework y usa la Herramienta Línea para dibujar la forma de la poción. Las líneas guía y tu primer bosquejo llano te ayudarán.
Paso 4
Crea una Nueva Capa-recuerda, ¡siempre dibuja en capas separadas! Corrige todas las imperfecciones usando el Aerógrafo y el Borrador, y agrega decoraciones a la botella, corcho y cordón. Luego establece el modo de la capa en Multiplicar.
Crea una Nueva Capa bajo la capa linework, pinta el contorno de la botella usando un tamaño pequeño de la Pluma, y luego rellénalo con gris usando el Cubo. Para el líquido en la botella y las decoraciones, crea nuevas capas y pinta cada parte por separado.
En ésta etapa, ¡el trabajo con los colores base se terminó!
Paso 5
Ahora, ¡es momento otra vez de Recortar Grupo! Crea una Nueva Capa arriba de la capa de color base, y agrega sombras e iluminaciones de acuerdo al origen de la luz. Visualmente agrega más volumen a la botella usando colores complementarios. Si el líquido en la botella es verde, continúa y usa azul oscuro para las sombras y amarillo pálido, incluso naranja para la luz.
Paso 6
Después de que has terminado de colorear bajo la capa linework, crea una Nueva Capa arriba de la capa linework y corrige todas las imperfecciones al usar el Aerógrafo. Agrega más detalles y decoración, y mejora las variaciones de color y la luz. Si piensas que es apropiado, agrega una Nueva Capa arriba, estableciendo su modo en Superponer, y haz el color más interesante y brillante.
Paso 7
Resalta los bordes de la botella al crear una Nueva Capa, y dibuja esos bordes con el color blanco.
Paso 8
El último paso es agregar brillantez a la imagen, creando otra Nueva Capa con el modo Superponer. ¡Y nuestra poción mágica basada en una forma de rectángulo está terminada!
3. Elabora una Poción Mágica Basada en una Forma de Esfera
Paso 1
Otra vez, inicia con crear un Nuevo Lienzo con el tamaño deseado.
Paso 2
Dibuja líneas gúias, y luego bosqueja la nueva botella. Comienza con la forma de esfera básica, pero si quieres, puedes jugar con la forma de la esfera, haciéndola asimétrica y atractiva. Como de costumbre, en ésta etapa no te preocupes por la suavidad y la pulcritud de tus líneas-solo dibuja como gustes.
Paso 3
Después de finalizar el bosquejo llano, crea una Nueva Capa Vector (linework) arriba de ella y usando las Herramientas Curva y Línea, haz la mitad de la botella. Puedes fácilmente cambiar entre éstos dos instrumentos con solo cambiarlos en el panel de herramientas.
Paso 4
Para hacer ambos lados de la botella iguales, Copia la mitad que ya hiciste, Pégala y Voltéala horizontalmente. Luego colócala correctamente y asegúrate que éstas partes encajen juntas. Combina éstas dos partes de la botella, Copia el resultado, Pégalo en su lugar y Escálalo apropiadamente-es una forma fácil para hacer el vidrio grueso de la botella. Borra las partes innecesarias.
Paso 5
Ahora que tienes la forma base, crea una Nueva Capa arriba de ella para corregir todas las imperfecciones, y agrega decoraciones y detalles como la cuerda y el corcho usando el Aerógrafo. Luego Une todas éstas capas y establece el modo en Multiplicar.
Para colorear, crea una Nueva Capa, bajo el linework, define la forma de la botella con el color gris usando el Bolígrafo, y luego relléna el interior de la botella usando la herramienta Cubo. Repite éste paso con el líquido de la botella, cordón y corcho. ¡No olvides que debe hacerse en capas separadas!
Paso 6
¡Ahora nuevamente es momento de Recortar Grupo! Crea una Nueva Capa arriba de la capa color base, y agrega sombras y luces de acuerdo al origen de luz. Agrega visualmente más volumen a la botella al usar colores complementarios. Si el líquido en la botella es violeta o magenta, utiliza azul oscuro para las sombras y rosa pálido para la luz.
Para añadir brillantez, crea una Nueva Capa, establece su modo en Superponer y pinta con cualquier color que quieras arriba.
Paso 7
¡Ahora trabajemos en los detalles! Crea una Nueva Capa con el modo Normal arriba de todas las capas y pinta en las líneas de linework, agregando más sombras y luces a la poción.
Paso 8
Si quieres, crea otra capa Superponer para agregar aún más brillantez. ¡Y se acabó! ¡Nuestra poción mágica basada en una forma de esfera concluyó!
4. Usa Nuestras Pociones Mágicas para Crear Íconos de Juegos
Paso 1
Crea un Nuevo Archivo con un tamaño de lienzo de 3200 x 2400 px. Rellénalo con un azul oscuro, o cualquier otro color oscuro de tu elección. Asegúrate que has guardado todas nuestras pociones como archivos PNG, para que pueden tener su transparencia. Copia la primera poción y Pégala en nuestro nuevo lienzo con un fondo oscuro. Posteriormente, dejándolo seleccionado (o pulsa Control-T), elige Escalar del panel transformar, haciéndolo más pequeño. Cuando llega al tamaño deseado, cambia a Rotar y rótalo casi 30 grados a la izquierda. Pulsa OK.
Paso 2
Crea una Nueva Capa bajo la capa de poción. Ahora es momento de crear una base de ícono. Usando el Aerógrafo o el Bolígrafo con el máximo de su tamaño, haz un punto con el color verde oscuro cerca de la poción. Luego pulsa Control-T para abrir el Panel Transformar y Escala éste círculo para que se vea bien bajo la poción.
Paso 3
Nuestro próximo paso es crear una Nueva Capa arriba de la capa base y aplicar Recortar Grupo para la base. Toma el Bolígrafo o el Aerógrafo y dibuja un contorno dentro de la base. Después Bloquea ésta capa de Grupo de Recorte y agrega algunas decoraciones a ella.
Paso 4
Crea una Nueva Capa debajo de la poción y define la silueta de la poción con amarillo brillante para empujarla y distinguirla de la base del ícono.
Paso 5
También podemos hacer más decoraciones para nuestro ícono. Para ésta poción verde habrá hojas, como una Poción Mágica de la Vida. Crea una Nueva Capa arriba de la poción. Dibuja hojas simples en un lado del ícono, y luego Cópialas, Pégalas y Voltéalas horizontalmente. Colócalas en el lugar correcto, opuestas a otras hojas. Usa la herramienta Rotar para asegurarte que encajen en su lugar.
Paso 6
Si quieres agregar llamas alrededor de la botella, crea una Nueva Capa con el modo Superponer e incrementa la brillantez de la poción.
Para hacer éste ícono brillar en el fondo oscuro, crea una Nueva Capa arriba de la capa fondo pero bajo todas las demás capas, establece su modo en Superponer, y usando el Aerógrafo en el tamaño máximo, pinta con verde brillante y amarillo. De ésta forma harás una área brillante alrededor del ícono.
Paso 7
Básicamente, todo lo que necesitas hacer ahora para los otros íconos es repetir los pasos de la elaboración del ícono con forma de rectángulo. Pero una forma más fácil de hacer una base para un ícono es copiarla del primer ícono con algunas modificaciones en color y en los detalles.
Para éste ícono púrpura con forma de esfera, dibuja pequeñas flores rosas como decoración, como una Poción Mágica de Mana (o poderes mágicos).
Paso 8
El mismo proceso para éste ícono también: Copia nuestra poción con forma de triángulo y Colócala en éste nuevo lienzo, Escala, Rota y asegúrate que encaje aquí bien.
Para el círculo base de éste ícono, usa naranja cálido. Copía y Pega el contorno de la decoración para un ícono del primero.
Continúa trabajando en los detalles y en el volumen para éste ícono. Dibuja estrellas amarillas con un contorno rojo como decoración, para que éste ícono sea una Poción Mágica de Super Dotes (o cualquier otros poderes que puedas pensar).
¡Gran Trabajo! ¡Los íconos de nuestra Poción Mágica estan completos!
Finalmente, hemos elaborado todas las piezas de nuestro diseño y creamos un conjunto de íconos de juego. Espero que hayas disfrutado usando Paint Tool SAI y descubierto algunos consejos y trucos útiles para trabajar en éste programa. ¡Buena suerte con tu diseño!
¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!
By
