Este tip lo he preparado para aquellos ilustradores que están empezando y no saben muy bien como realizar sus ilustraciones en flash, me enfoco especialmente en las personas que como yo nunca han usado una tableta. El tip está preparado para ser realizado con mouse y teclado.

Este tip es para principiantes, así que si eres un diseñador PRO, este tip no te servirá ya que es muuuyyy básico. Una vez advertidos empezemos.

HERRAMIENTA LINEA

La herramienta linea es mi  favorita, ya que con ella podemos hacer el boceto de nuestros personajes, es una herramienta muy versatil(es un chiste lo de versatil. XD) y fácil de usar, de hecho prefiero usar la herramienta linea en vez de la pluma. Yo siempre inicio mis ilustraciones con esta herramienta, ya que es fácilmente editable y podemos trabajar todo en la misma capa y aún así es fácil editar nuestras ilustraciones.

COMO FUNCIONA LA HERRAMIENTA LINEA

La herramienta linea se selecciona presionando la letra “N” en nuestro teclado o directamente desde nuestra barra de herramientas, para dibujar una linea, damos un click y sin soltar arrastramos hacia el punto donde querramos que finalize nuestra linea.

Para crear un nuevo vértice o punto de ancla, nos acercamos a cualquier parte de la linea, presionamos la tecla “Ctrl”, nuestro puntero cambiará su forma a una “V” lo cual significa que ahora podemos crear un vértice, sin soltar “Ctrl” damos click y arrastramos, esto hará que se cree un nuevo vértice en nuestra linea, esto nos sirve para crear lineas en zig zag o triangulos.

Supongamos que lo que necesitas es una curva y no una linea recta, para convertir una linea en curva basta con acercar el mouse a la linea, la forma de nuestro puntero cambiará a una curva, entonces simplemente arrastramos y tendremos una curva.

HERRAMIENTA SUBSELECCIÓN

Como ya expliqué, la herramienta linea te permite crear curvas, pero hay momentos en que necesitas darle una forma o un ángulo específico a nuestra curva, la herramienta subselección nos ayudará con esto.

Para usar la herramienta subselección presionamos la tecla “A”, ó damos click directamente a la flecha blanca en nuestra barra de herramientas.

Damos click sobre nuestra linea trazada, esto hará que dentro de la linea aparesca una linea más delgada de color azul, para hacer que aparescan los puntos de dirección debemos dar un click en un punto de ancla (vertice).

Como puedes ver en la imagen de arriba, los puntos de dirección nos ayudarán mucho para crear esas curvas que necesitamos. También puedes ver que los puntos de dirección solo aparecen en la curva y no en las lineas rectas, esto es por que la recta solo tiene una forma. Para poder darle forma a una linea recta hay que convertirla en curva.

REALIZANDO EL BOCETO

Ahora que ya sabemos como funcionan estas 2 herramientas, pasamos a trazar el contorno de nuestro personaje, si has entendido el funcionamiento de las herramientas linea y subselección, no tendás problemas en dibujarlo, no lo detalles, solamente dibuja las piezas importantes (cabeza, cuerpo, brazos, piernas), cualquier otra pieza descartala por ahora lo importante es tener la forma básica, esto es para tener desde un inicio la forma limitante, ya que si lo hacemos por piezas, esto haría que tengamos que reescalar las piezas de nuestro personaje. Ademas el hecho de hacer los detalles nos quita tiempo y generalmente al final muchos detalles son descartados en la fase final,  es por eso que no tiene caso gastar tiempo en ello.

Ahora usando el cubo de pintura, pintamos nuestro personaje, no apliques degradados , los machos alfa usamos colores sólidos. asegurate de que cada pieza esté separada de forma correcta.

ENTINTANDO NUESTRO PERSONAJE CON 3 SENCILLAS HERRAMIENTAS

HERRAMIENTA DEGRADADO

Contrariamente a lo que se suele pensar, la herramienta degradado no sirve para aplicar degradados directamente, mas bien nos permite modificar el relleno ó color base de nuestra figura.

La herramienta degradado, es 1 de las 3 herramientas que usaremos para entintar, se convertirá en nuestra arma principal al momento de darle color base a nuestras ilustraciones. Acontinuación explicaré como funciona esta muy útil herramienta.

Para usar la herramienta degradado debemos presionar la letra “F”, esto hará que las opciones de nuestra ventana de color cambie sus opciones.

El icono del lápiz determina el contorno de la figura, esta opción no la uso, ya que para eso tenemos la herramienta linea.

El icono de bote de pintura determina el relleno de nuestra figura.

La opción alfa determina la transparencia de nuestro color, la transparencia no es lo mismo que la claridad, la primera nos permite ver a travez de nuestro color y la segunda lleva mucho blanco .

La opción type es la que nos interesa, esta opción nos da 5 tipos distintos de rellenos.

1.- None.: Esta opción elimina el relleno de nuestra figura, dejandonos solamente el contorno, en caso de la figura tenga un contorno, en caso contrario no tendremos nada.

2.- Solid.: Este tipo de relleno aplica un color sólido, algo inútil, teniendo en cuenta que la herramienta bote de pintura hace lo mismo.

3.-Linear.: Este es el primer degradado real, esta opción permite aplicar un degradado  con forma de barras, con la cantidad de colores que queramos.

4.-Radial.: Esta opción permite aplicar un degradado en forma de anillos, con la cantidad de colores que queramos.

5.- Bitmap.: Esta opción nos permite usar una imagen como relleno, si nuestro bitmap es pequeño, será repetido hasta cubrir la forma de la figura, en caso de ser muy grande será recortada.

Una vez aplicado nuestro degradado podemos modificar la posición la intensidad ó el orden de los colores de nuestro degradado.

Para cambiar de posición los colores debemos arrastar los cuadros que aparecen abajo de la escala de color, el cuadro que tenga el triángulo de color negro es el que está actualmente seleccionado.

Si damos un click directamente a nuestro degradado, nos parecerá un círculo negro con 3 botones, ahora explicaré para que sirve cada control.

El boton número 1, nos permite controlar que tan ancho o angosto queremos nuestro degradado.

El boton número 2, permite cambiar el tamaño del degrado.

El botón número 3 permite cambiar el ángulo del degradado. esto nos ayudará mucho, ya que algunas veces necesitamos aplicar un degradado en diagonal y este control nos permitirá lograrlo.

APLICANDO EL ENTINTANDO BASE

Una vez terminado el coloreado básico separa las piezas y conviertelas en simbolos del tipo Movie Clip.

Para convertir una figura en simbolo, selecciona la figura y presiona F8, esto hará que aparesca la ventana para crear simbolos, asegurate que sea del tipo Movie Clip, esto nos servirá si en algun momento queremos animar nuestra ilustración.

Ahora vamos a empezar el entintado de nuestra ilustración, yo recomiendo que empiezes a pintar las piezas que no llevarán grandes detalles, esto es para empezar a visualizar como quedará nuestra ilustración, en este caso, la cabeza de nuestro personaje no llevará detalles, por lo tanto el degradado será suficiente para el, en este caso estoy usando un degradado de 2 colores, un gris oscuro y un gris mas claro.

Recuerda usar los controles para modificar tu degradado, en este caso, estoy usando un degradado radial, pero he desplazado el centro del degradado hacia la parte baja, esto es para que paresca que tiene sombra y luz.

Una vez pintada la pieza completa, dibujamos los detalles que llevará nuestra ilustración, por ejemplo tatuajes, medallas, cicatrices, etc. . . esto para no tener que perder tiempo regresando a modificar algo que ya hemos trabajado. Recuerda crear una nueva capa para los detalles, esto nos facilitará el trabajo si en algún momento decidimos eliminar o cambiar algo.

APLICANDO LUZ Y SOMBRA

Una vez terminadas las piezas fáciles, ahora nos vamos a las piezas que nos llevarán más tiempo. en el caso de las piernas he usado un degradado radial, esto nos da el efecto de brillo y sombra, pero lo que yo quiero es que mi dibujo tenga brillo en la parte baja de las piernas, el problema es que ningun tipo de degradado nos permite lograr ese efecto, como lo resolvemos? pues fácil, usando la herramienta pincel.

HERRAMIENTA PINCEL

Para usar la herramienta pincel debemos presionar la tecla “B”, tendremos 3 opciones para esta herramienta, pero por ahora solo necesitamos 2.

La primera opción determina el tamaño de nuestro pincel.

La segunda opción determina la forma de nuestro pincel, cada forma afecta notablemente en resultado de nuestro pincel.

Creamos una nueva capa y con nuestra herramienta pincel pintamos de color oscuro las zonas que serán sombra y de un color claro las zonas que serán brillo. Pudes aplicar el brillo y la sombra en diferentes capas o en la misma, todo dependerá de la ilustración, en este caso he usado una capa para los 2 colores.

No importa si nuestro color se sale de la imagen, eso lo arreglaremos después.

Ahora seleccionamos nuestros 2 colores y los convertimos en un simbolo, nos vamos a los filtros y aplicamos un blur.

El blur x controla el desenfoque horizontal.

El blur y controla el desenfoque vertical.

Ahora movemos los valores de X y Y de forma que nuestros 2 colores parescan haber sido mezclados y luzcan como en la imagen de arriba. He desactivado la capa del degradado para que puedan apreciar el resultado del filtro blur.

La capa del degradado y la capa del blur nos dan como resultado un coloreado muy bonito, algo que con degradados no hubieramos logrado fácilmente.

Al igual que con las otras piezas, una vez terminado el entintado pasamos a crear los detalles, en este caso crearemos los pliegues del pantalon, usando nuestra herramienta pincel dibujamos lineas que den el efecto de pliegues de la ropa.

Una vez dibujados los pliegues de la ropa, le daremos el efecto que necesita, para eso convertimos en simbolo la linea dibujada y le agregamos el filtro bevel, elejimos el tipo outer y activamos la casilla knockout, esto hará que nuestro color desaparesca y solo quede el brillo y la sombra.

Dibujamos unas cuantas lineas mas hasta lograr la textura deseada, convertimos en simbolo cada una de ellas y las acomodamos a nuestro gusto, para obtener la forma deseada el secreto está en el trazado del pincel. El bevel solo nos ayudará a darle el efecto de pliegue, recuerda el secreto es el pincel.

LIMPIANDO NUESTRO DIBUJO -  ELIMINANDO LA BASURA

Ya hemos terminado esta parte, pero si te das cuenta tenemos partes de la sombra y de las lineas fuera del area límite de nuestro dibujo, para arreglar esto bastará con una máscara.

Para crear una máscara creamos una nueva capa, en ella creamos una figura con la forma de nuestra pieza, no importa de que color lo pintes.

Ahora seleccionamos la capa y le damos click derecho, seleccionamos la opción máscara.

Coloca las capas donde haya elementos que salgan de nuestro dibujo debajo de la capa máscara. Si lo haces bien, las capas que son afectadas por la mascara se volverán de color verde a diferencia de una capa normal que es blanca.

El resultado final es absolutamente precioso, como puedes ver en la imagen de arriba nuestra imagen está completamente estilizada y limpia, de forma rápida y sencilla hemos limpiado nuestro dibujo.

TERMINANDO LA ILUSTRACIÓN

Ahora que ya conoces como colorear y entintar, el resto de la ilustración es muy fácil.

Algunos elementos no necesitan grandes efectos, en este caso el cinturón es muy fácil de realizar, solamente lleva un pequeño degradado, se le agrega un contorno y listo.

Recuerda que algunas veces lo simple es lo mejor.

Una vez que domines esta forma de pintar, cualquier dibujo saldrá fácilmente, básicamente el entintado es igual con todos los elementos, pero requiere práctica, ya que algunas veces no será necesario usar todo lo que he explicado.

REPASEMOS LO QUE HEMOS VISTO

Repasemos una vez más los pasos, por si se te han olvidado.

Aplicación del degradado como color base, un color sólido puede servir en algunas ocasiones.

Usando el pincel dibujamos sombras y brillos.

Convertimos en simbolo las sombras y los brillos, les aplicamos el filtro blur, bevel ó cualquiera que creas necesario.

Dibujamos los detalles de nuestro dibujo una vez terminado el entintado.

En caso de que haya elementos fuera de nuestro dibujo, simplemente aplicamos una máscara para limpiarlo.

Recuerdan como crear una máscara?

Así de fácil realizaremos nuestra ilustración.

LOS OTROS ELEMENTOS

Una vez terminado el entintado básico, procedemos a dibujar y entintar los detalles de nuestra ilustración.

Acomodamos en su lugar todas las piezas de nuestra ilustración.

Nos aseguramos de tener nuestra ilustración básica completa, si ya hemos terminado, ahora procederemos a crear los elementos ajenos a la forma básica de nuestra ilustración por ejemplo, armas, objetos, fondo, efectos, otros personajes, etc. . .

LISTO!!!, hemos terminado nuestra ilustración, ahora ya puedes sentirte como el mismísimo brian michael bendis.

ALGO QUE SIEMPRE HAY QUE TOMAR EN CUENTA.

Este método es personal, por lo tanto puede ser que esta forma de dibujar personajes tenga errores en su estructuración.

Este método funciona bien con personajes, caricaturizados, pero si quieres un efecto más real puede que no sea tan útil.

Puede darse el caso de que con algunas ilustraciones requieras usar mas veces un efecto, para lograr el resultado deseado, todo depende de la perspectiva del diseñador.

EL GRAN DEFECTO DE ESTA TÉCNICA

Como dije al inicio, esta técnica va dirigida espefícicamenta para aquellas personas que como yo nunca han usado o no tienen una tableta, esto se realiza 100% con mouse y teclado.

Uno de los grandes problemas de esta técnica es que nuestra ilustración queda demasiado estilizada, perfecta, limpia y eso en algunas ocasiones es un problema, ya que por ejemplo dibujar algo con formas irregulares, resulta muy difícil, especialmente para aquellos que no saben usar el pincel y el mouse como debe ser, un ejemplo donde se dificulta esta técnica es la siguiente imagen.

Dibujar algo como la ilustración de arriba usando la herramienta linea es increiblemente difícil, tardado y tedioso.

La siguiente ilustración es un dibujo qu hice, tratando de alejarlo del aspecto caricaturesco, pero aún así sigue luciendo demasiado perfecto y estilizado.

Como se que algunos aún tendrán dudas, puedes descargarte los archivos editables de los siguientes links para estudiarlos y analizarlos.

nobody

origenes

En este tutorial convertiremos a una persona en hielo, al estilo de Ice-Man

Para este tutorial usaremos estas 2 imágenes.

< < < < < < < < < < PREPARANDO LAS IMAGENES > > > > > > > > > >

Empezaremos abriendo photoshop (perdón por el mal chiste, tenía que hacerlo XD), creamos un nuevo lienzo de un tamaño cualquiera.

Le quitamos el fondo a la persona que se convertirá en hielo, para quitarle el fondo podemos usar la herramienta Polygonal Lasso Tool con 1punto de Feather, le colocamos el nuevo fondo una vez que la imagen de la persona haya sido limpiada.

Presionamos Ctrl + Shift + U, al hacer esto nuestra modelo pasará a escala de grises.

Duplicamos nuestra imagen 2 veces, a una capa la nombraremos “Agua” y a la otra “Dureza”, las capas deben quedar ordenadas como aparecen en la imagen de arriba. Esto es por que el orden de las capas podría alterar el resultado final.

Seleccionamos la capa agua y nos vamos a Filter / Sketch / Chrome, este filtro posee 2 valores.

Detail.: Este valor hará que las ondulaciones del efecto sean grandes o pequeñas, para este efecto necesitamos que las ondulaciones sean grandes, esto espara simular las ondas del agua, así que le daremos un valor de cero, este valor será válido para casi todas las imágenes.

Smoothness.: Este valor provocará un efecto que va del cristal a la gelatina. Como el efecto será una persona de hielo, necesitamos darle un efecto de agua gelatinosa, para eso este valor deberá ser de 10.

Ahora seleccionamos la capa dureza y nos vamos a Filter / Stylize / Glowing edges, lo que haremos aquí será tratar de iluminar las partes mas importantes del rostro, pero sin perder los detalles, del pecho, abdomen y brazos (en caso de que la persona tenga musculos marcados). Este filtro tiene 3 valores

Edge Width.: Este valor incrementa el brillo de las zonas blancas de la imagen

Edge Brightness.: Este valor afecta el brillo general de toda la imagen

Smoothness.: Este valor suavizará el brillo de los 2 anteriores valores.

Por lo general aquí solamente moveremos los valores Edge Width y Smoothness, tratando de que la ropa y el rostro conserven sus detalles.

Ahora presionamos Ctrl + U, esto abrirá la ventana de Hue / Saturaion, este filtro tien 3 valores

Hue.: Este valor controlar la escala de colores

Saturation.: Este valor controla la intensidad del color, entre más alto sea número más intenso es el color

Lightness.: Este valor aclara u obscurece nuestro color.

Para conseguir el color azul que necesitamos para el efecto usa los valores

Hue.: 211 / Saturation.: 56 / Lightness.: +7

Apartir de estos valores mueve Saturation para conseguir el color deseado, pintamos de azul claro la capa agua y de azul oscuro la capa dureza.

< < < < < < < < < < APLICANDO EL EFECTO > > > > > > > > > >

Ahora pasamos a modo Overlay las capas agua y dureza, también les bajamos un poco el Fill, deberá verse como en la imagen de arriba.

El modo Overlay hará que nuestra imagen se sobreponga, esto hará que no se vea tan sólida.

El Fill hará que nuestra imagen sea semi transparente.

Al combinar ambos hará que nuestra imagen tome el efecto de la transparencia del agua, esto debemos hacerlo, con las 2 capas ya mencionadas.

Apagamos las capas agua y dureza dejando solamente la capa de la modelo en gris. Seleccionamos la herramienta Brush y desplegamos el panel de los pinceles y procederemos a configurar nuestro pincel.

Elejimos un pincel redondo difuminado, aqui usaremos 3 valores.

Diameter.: Este valor determinará el tamaño de nuestro pincel, aquí no puedo dar un número en específico para usar, ya que depende de como quieres que quede la escarcha del hielo, pero por lo general debe ser un valor de menos de 25

Hardness.: Este valor determina la dureza del pincel, recomiendo que no pase del 6%

Spacing.: Este valor dará la distancia entre cada repetición del pincel, aquí tampoco puedo dar un valor exacto, ya que depende de como quieres que quede.

La configuración del pincel depende mucho de la imagen a la que se le va a aplicar el efecto, así como todas las personas son diferentes, debes adaptar el pincel a cada una de ellas.

Los demas valores y opciones las dejamos tal como están, ya que no son importantes para este efecto.

Una vez que tengamos nuestro pincel configurado correctamente, empezamos a pintar el cuerpo de nuestra modelo, tratando de cubrir el cuerpo completo pero sin saturarlo.

Seleccionamos la capa donde hemos aplicado el pincel y le ponemos: Outer Glow, Bevel and Emboss y Color Overlay.

Outer Glow.: Solamente activamos la casilla, la dejamos tal como está sin modificar nada

Bevel and Emboss.: El Style debe ser Inner Bevel, la dirección debe ser Up, en Size usa un valor menor a  7 px, el Shadow Mode debe ser de un azul claro en modo Screen, una vez hecho todo esto, pasamos a modificar el valor de Deph, pero por qué lo dejamos al final?

Deph será el valor determinante en la dureza de la escarcha el hielo que queremos obtener, el valor de Deph por lo general será de un valor alto en este caso superior al 800%.

Color Overlay.: Aquí solamente, ambia el color rojo por un azul oscuro, el modo de capa dejalo tal como está.

Ahora recortamos la ropa de la imagen que aún tiene color y la pegamos encima de nuestra modelo.

Para recortar la ropa de la imagen usa la herramienta Magic Wand Tool ó Polygonal Lasso Tool con un Feather de 1 px.

Ahora duplicamos la imagen de fondo y apagamos todas las capas, pasamos la imagen duplicada en grises y usando la herramienta Magic Wand Tool, borramos todo aquello que esté fuera de la silueta.

Pasamos la copia del fondo en modo Overlay, esto creará el efecto de que nuestra imagen es semi transparente, deberá quedar como en la imagen de arriba.

Colocamos la copia del fondo entre la capa gris original y la capa agua y listo eso es todo, ahora solo debemos agragarle un poco de niebla para simular el frio de su cuerpo.

Revisa la imagen de arriba para ver como deben ir ordenadas las imágenes

Si eres de esos fanáticos que les gusta tener miniaturas de sus personajes favoritos pero no te alcanza el dinero, siempre puedes recurrir al papel.

En Ninjatoes podemos encontrar increibles creaciones hechas con papel de una calidad muy sorprendente. Podemos encontrar desde personajes, vehículos o edificios de series y juegos famosos.

Si estas pensando que estas creaciones son muy difíciles para tí, no te desanimes, ya que en este sitio también podemos encontrar los manuales para hacer las figuras, los PDF con las instrucciones de armado, los archivos para recortar e imprimirlos y obtener todas las figuras que puees ver en las imágenes de arriba y muchas mas.

Incluso podrías ganar algo de dinero vendiendo tus creaciones a esos frikis coleccionistas.

< IR A NINJATOE´S>

Empezaremos creando un documento de cualquier tamaño y crearemos 4 capas las cuales llamaremos: Texto, Flamas, Base texto y Base logo. Acomodamos las capas como se muestra en la siguiente imagen.

Nos vamos a la capa Texto y elegimos una fuente que sea gorda, por ejemplo Arial Black o Tahoma Bold, escribimos nuestro texto principal en color rojo sin contorno y en itálica, recuerda que nuestra palabra no debe ser muy larga o se verá poco estética. El texto pequeño debe ir en color blanco con un contorno negro al 35%. deberá verse mas o menos así.

Copiamos solamente el texto rojo, bloqueamos la capa Texto y la ocultamos, Ahora nos vamos a la capa Base Texto damos click derecho y elegimos la opción Paste in Pleace.

Convertimos nuestro texto a forma presionando Ctrl+B dos veces seguidas. Ahora nos vamos a Modify / Shape / Expand Fill.

Lo que debemos lograr es que nuestro texto engorde un poco mas de lo que es.

Pintamos de blanco el texto y le damos un contorno en color negro al 35%, debe quedar así.

Hacemos visible la capa Texto:

Ahora seleccionamos nuestra Herramienta Rectángulo, sin contorno y las esquinas superior izquierda e inferior derecha con una redondes de 100. Dibuja un rectángulo delgado.

Elejimos la Herramienta Transformación Libre y le damos un pequeño Skew.

Escalamos y acomodamos nuestro rectángulo. Lo copiamos 3 veces y lo acomodamos de tal forma que no salga de nuestro texto principal.

Bloqueamos ambas capas de texto y nos vamos a la capa Flamas y con la Herramienta Pluma dibujamos una forma parecida a la de abajo.

Una vez dibujada nuestra flama, la duplicamos y la pegamos al otro extremo de nuestro texto. Copiamos todos los elementos que hemos dibujado hasta ahora y nos vamos a la capa Base Logo, damos click derecho y elegimos la opción Paste in Pleace y pintamos todo de azul.

Seleccionamos la Herramienta Rectángulo y cubrimos la area definida en la imagen.

Seleccionamos y abrimos nuestro Panel de Color, elegimos un Degradado Lineal, tomamos un color azul marino para el tono obscuro / oscuro.

Un azul turquesa para el tono claro.

Seleccionamos nuestra Herramienta de Transformación de Relleno y lo acomodamos de tal forma que el tono oscuro quede en la parte baja y el tono claro arriba.

Hacemos visibles todas las capas ocultas y nuestro resultado final debería haber quedado así.

¿Apoco no quedó bien PIMP, la parte difícil desde mi punto de vista es el trazo de la flama, aparte de eso todo lo demás es fácil.

Despues de 7 horas y 40 minutos al fin he terminado el logo del blog, lo difícil no fue crear la idea ni el concepto, si no dibujarlo, recuerden que dibujar con mouse es una tortura que uno mismo se pone.

Lo bueno es que al fin esta terminado y eso me hace muy felíz. ^_^

El diseño del logo esta inspirado en 3 ideas que me han gustado mucho.

1.- La pose, el texto de “Critical Attack” y la estrella naranja son un homenaje a Phoenix Wright, gracias a el, ahora veo los juicios como una verdadera batalla de estrategia al estilo de Magic, el Ajedrez o un RPG.

2.- El dibujo de mi playera es la forma primitiva de un control de Play Station, la consola de donde han surgido la mayoria de mis juegos favoritos, tales como Final Fantasy, Kingdom Hearts, Resident Evil, Etc. . .

3.- La playera negra y ajustada al cuerpo que estoy usando, hace referencia a Steve Jobs, presidente de la compañia Apple.

4.- Y por último decir que el personaje soy yo, aunque claro tengan en cuenta que el dibujo está estilizado por lo cual yo no lusco tan bien como el dibujo. U_U