Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Paint Tool Sai
Design

Cómo Crear un Trío de Pociones Mágicas en Paint Tool SAI

by
Difficulty:BeginnerLength:LongLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image
What You'll Be Creating

¿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.

Starting screen with chosen size

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.

Basic guidlines for potion

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.

Making basic shape with Line tool

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.

Drawing sketch for triangle potion

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.

Using vector tools for basic shape

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.

Making other side of the potion

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.

Adding decorations for potion

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.

Setting layer style to Multiply

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.

Base color layer - solid gray

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!

Base colors for every part of potion

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.

Using Clipping Group for shadow and light

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.

Coloring layers Clipping Groups
Adding details to potion using Clipping Group

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.

Adding more brightness using Overlay layer

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.

Detalizing magic potion on new layer

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.

Highlighting potion and adding volume

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.

Adding color variations using Overlay layer

¡Y eso es todo! ¡Nuestra poción mágica basada en una forma de triángulo se terminó!

Finished triangle potion

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.

Starting screen with chosen size

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.

Guidelines and rough sketch for rectangle shaped potion

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.

Linework for potion using Line Tool

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.

Linework with Vector Line Tool

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ó!

From sketch to base colors

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.

Coloring potion using Clipping group

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.

Coloring and detalization for potion

Paso 7

Resalta los bordes de la botella al crear una Nueva Capa, y dibuja esos bordes con el color blanco.

Highlighting bottle and more detalization

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!

Finished rectangle shaped potion

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.

Starting screen with chosen size

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.

From lines to finished sketch

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.

From rough sketch to linework

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.

Simple operations to make the bottle even

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!

From sketch to base colors

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.

Brightening potion using Overlay layer

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.

Adding details and final touches

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ó!

Finished sphere shaped potion

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.

Placing rectangle shaped potion on new canvas

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.

Making base for an icon

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. 

Detailing the base of our icon

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.

Outline the silhouette of the potion

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.

Decorating icon with leaves
Making leaves on both sides of the icon

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.

More detailization and overlay layer

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.

Working on icon with sphere shaped potion

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).

Detalization with small flowers

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.

Placing triangle potion on new canvas

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.

Making base for an icon

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).

Detalization of the icon

¡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!

Final result

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.