[Rincon Creativo]

Apr 6, 201215 min read

Deviation Actions

Published: Apr 6, 2012

4.7K Views

_{Reglamento | Preguntas Frecuentes | Directorio | Promociones

Tutorial #4: Photoshop y como utilizarlo

Hola compañeros de MexicoART! Soy yop nupao y para celebrar mi nombramiento como colaboradora del Rincón Creativo les ofrezco un tutorial, detallado sobre Photoshop y como utilizarlo en la ilustración digital.

Comienza bastante básico para que entren con tokio al dibujo digital.

Pueden utilizar tableta... o no... En este caso la tableta no tendrá nada que ver mas que para facilitar el trazado.

Aquí esta la primera parte del tutorial:

1. Primero les muestro la interfaz de Photoshop!
Si quieren alterar su interfaz, en el menú "Window/Ventana" aparecen todas las ventanitas que tienen en Photoshop, ahi pueden agregar o quitar lo que quieran

Al lado del nombre he puesto el atajo/shortcut, basta con presionar esa tecla en el teclado para que se seleccione la herramienta

Canvas: Lienzo, la parte del documento visible y en donde podemos dibujar

2. Para el tamaño de nuestro canvas
Si ya tienen su canvas abierto y es muy chico, en el menú Imagen<Tamaño de Imagen pueden alterar el tamaño
JAMÁS hagan una imagen chica más grande (a menos que solo sea un boceto y no la versión final)

Es importante que este paso sea antes de comenzar el dibujo.
Pueden cambiar la resolución de 72 a 300 o dejarlo en 72 pero en la parte de arriba escoger valores como 1500 px, o 2000, o 3000
¿Porque? Así podemos detallar nuestros dibujos aun mas y tener una copia por si queremos imprimir nuestro trabajo.

3. Estos son los pasos que sigo al hacer algun dibujo
a) Buscar una pose como la que yo quiero o que se parezca
b) Buscar imágenes de referencia del personaje que haré, _{de preferencia en el angulo que busco}

4. La Transformación Simple nos sirve para rotar nuestra imagen o volterla horizontal o verticalmente
Aparece si apretamos CTRL + T

5. Bocetaje
ESA ES LA PALABRA MAS IMPORTANTE! La clave del éxito es hacer muchos bocetos, hagan cada uno en una capa diferente
Si no tienen tableta hagan eso en lapiz y papel.

Aquí esta la segunda parte del tutorial, para poder colorear:

1. La varita Mágica
Shortcut: W
Si ya tenemos un lineart hecho, como vimos en el tuto anterior de Masters92 podemos colorear los espacios vacíos con la Varita

Hay cuatro configuraciones para esta herramienta:
Con la primera es una seleccion normal, si seleccionamos otra cosa, la primera desaparecera.
Con la segunda, se iran sumando las selecciones (Esta es la recomendada)
Con la tercera, se iran restando.
EXPERIMENTEN MUCHO

Esto aplica igual con el Lazo
Canvas: Lienzo, la parte del documento visible y en donde podemos dibujar

2. Pluma
Shortcut: P
Hacen un trazo y sin dejar de sostener el clic y arrastrando, creamos una curva.
Si queremos continuar con una linea recta presionamos ALT en nuestro teclado y damos clic al nodo del que sale una linea larga y esta debe desaparecer.

Trazado cerrado: Cuando hacemos muchos puntos y luego regresamos al primero y cerramos el trazado

Podemos rellenarlo, dando clic derecho y en "Rellenar/Fill path"
Que el trazado se convierta en una linea, dando clic derecho y en "Stroke path"
Podemos convertirlo en una seleccion , dando clic derecho y en "Make selection/Hacer seleccion". Ahi le podemos dar la misma configuracion que a la varita, si queremos que sea una seleccion normal, o que se agregue a la ya hecha o que se reste.

Esto sigue las caracteristicas que nuestro pincel tenga.

Aquí esta la tercera parte del tutorial, trucos para el coloreado

Utilicen mas de una sola herramienta, mezclen la Varita magica, con la pluma, con el pincel, con el lazo

Cada color se agrega en una capa diferente, hasta pueden nombrar sus capas para que no se les pierdan, o meterlas en folders...

Esta parte del tuto toma mucho del de Masters92 [baja un poco mas en ésta página hasta el Tutorial #2]

Cuando tengamos nuestros colores base (Flats), si creamos una capa nueva sobre un color y le damos ALT+CTRL+G en nuestro teclado y BANG! una mascara de recorte, con esa podemos hacer sombras y brillos.

Ya para terminar, podemos colorear nuestro lineart, bloqueando la capa, eso haciendo clic en el cuadrito cuadriculado en la ventana de capas sobre los layers visibles y ya solo pintamos lo que ya teniamos hecho.

T e m a s P a s a d o s

Tutorial #3: Obtener puntos dando llamas

Holis! acá itz-Cindyrella trayendo un tutorial que aunque no es de arte como debería ser en esta seccion se que le ayudará a mas de uno, asi que disculpen por salirme un poco del tema y aquí va:

DeviantArt tiene la ventaja de poder intercambiar llamas por puntos ya que varios miembros se dedican a "comprar" llamas ofreciendo desde 1 hasta 10 puntos por cada una [con los que puedes comprar membresias y otras mercancias dentro de dA]. Esto es lo que tienes que hacer para empezar a recolectar puntos:

1. Ve tu perfil de dA y en la parte superios derecha donde están las llamas que ya tienes pasa el mouse por encima hasta que veas el mensaje de "View & Choose Badges!"

2. A la derecha de la nueva ventana veras un pequeño título que dice "Llama Trade" y un poco mas abajo otro que dice "Recent Offers" ahi se encuentrán las ofertas, como dije, a veces habrá y a veces no.

3. Si encontraste una oferta aparecerá un icono y a lado dirá "Give a llama badge!" dale click y una nueva ventana aparecerá

4. En esta nueva ventana se encuentra la información sobre el intercambio, la primera vez tendrás que verificar tu contraseña, recuerda seleccionar la casilla "Remember my password" para futuros intercambios y finalmente dale click en "Done"

5. Finalmente ve a tus mensajes y notarás que recibiste una nueva notificación en tu sección de "Bulletins" donde verás la información completa de la transacción, por ejemplo "puntos recibidos 1 dado por ~fulanito" y otros datos, eso quiere decir que todo fue un éxito y ahora ya tienes uno o varios puntos mas, yay! \o/

6. Si tu quieres hacer una oferta, es decir dar puntos a cambio de llamas ve a la misma sección pero dale click en "Trade points for llamas?" y especifica los puntos que darás en total y por llama

Nuevas ofertas aparecerán quizas una o dos veces por semana, no esperes ganar 100 puntos por semana, probablemente encontraras de una a 5 ofertas e incluso habrá semanas donde no habrá nada, aún así es una muy buena opción si quieres ganar algunos puntos extra.

Hice un tutorial al respecto, lamento que este en inglés >__< pero espero las imágenes les sirvan:

por ~Cindy

Tutorial #2: Coloreado Básico

Hola linda gente de MexicoART, reportándose Masters92

Bueno para esta actualización de nuestro Rincón Creativo les traigo un mini tutorial de cómo hacer un coloreado básico sin necesidad de tableta, ya que la mayoría de nosotros entramos a clases/trabajo y aun así no queremos dejar de subir nuestros trabajos, así que este método es muy sencillo y eficaz al momento de practicarlo. Bien pues empecemos.

Materiales:

Boceto limpio

Photoshop (cualquier programa de dibujo funciona bien, solo hay que tener en cuenta donde se encuentran las herramientas que se mencionan)

Mouse

Les recuerdo que en la parte de abajo se encuentra el tutorial de limpieza de boceto sin tableta el cual fue el que use para este caso.

Proceso Ilustrado:

Paso 1: Teniendo nuestro boceto limpio lo que aremos es bloquear la capa y ponerla en modo de Multiply, esto separara nuestras líneas del fondo blanco. A continuación creamos una segunda capa la cual deberá estar debajo de la principal.

Paso 2: Aun seleccionada la capa principal usaremos la herramienta de varita mágica (W) para seleccionar el área que se desee pintar. Sugiero que selecciones lo que vaya a ser del mismo color para evitar repetir el paso demasiadas veces. Nos vamos a Seleccionar>Modificar>Expandir, aquí nos abrirá una ventana para decidir el numero de pixeles que queremos agrandar la selección, recomiendo que sean 2 pixeles.

Paso 3: Ahora en una capa diferente seleccionamos el bote de pintura (G) ya con el color que se desee aplicar y listo, colores base al instante.

Repetimos todo este proceso para los diferentes colores/áreas a pintar, claro respetando sus diferentes capas.

Dato Extra ¿Quieres agregarle las sombras/luces a tu trabajo?

Selecciona todas las capas de color y bloquéalas como la primera, así solo trabajaras en el área que pintaste sin necesidad de repitiendo los mismos pasos.

Recuerda, no hay preguntas tontas así que si tienes duda deja tu comentario y se te responderá lo más pronto posible. Masters92

Recursos ~

Hola bella gente de MexicoART, aqui Rusembell actualizando para ustedes la seccion de Rincon Creativo.

Esta ves les traigo a ustedes stock de imagenes, fuentes, brochas, tutoriales y vectores que pueden utilizar para sus trabajos.

Recursos en 2D de todo tipo
Tutoriales, recursos, brochas y acciones para Photoshop
Encuentra desde iconos para carpetas, hasta tutoriales para dominar mejor el photoshop
Las fuentes mas usadas por los diseñadores
Sencillos tutoriales para Photoshop; lineart, color, efectos y filtros
Inspirate! Arte por paises
Texturas de todo tipo
Acciones para Photoshop
Toda clase de extensiones y plug-ins para photoshop
Stock de pinceles para experimentar
Mas texturas
Photoshop: Texturas, Patterns, Brushes, textures
Brochas para SAI

Recuerden dar los creditos debidos
Que mas les gustaria ver en nuestro rincon creativo?. Cualquier duda que tengan al respecto por favor haganme saber y les estaria respondiendo en la brevedad posible ~
Russ ~

Tutorial #1: Limpiar un Sketch sin tableta

Una forma rapida y muy sencilla para limpiar nuestros dibujos sin requerir una tableta profesional puede ser el siguiente metodo, para el cual requerimos esto:

Materiales:
Lapiz de Bocetaje
Lapiz Bic Punta Fina o Lapicero de tinta Negra
Plumon o marcador negro.
Papel
Escaner o Camara con buena resolucion.

Proceso:

1. El sketch se realiza con algun lapiz de color sobre el papel, en este caso se ha empleado un lapiz azul. No importa que quede algo sucio el trazo ya que esto se perdera al final.

2. Ya que se tiene el sketch en azul procedemos a entintar con el lapicero negro, puede emplearse el marcador para rellenar esas areas oscuras.

3. Cuando tengas el lineart terminado procede a escanear "a color", se recomienda minimo una configuracion de 200dpi. No escanear en "escala de grises" pues esto no servir para este metodo. En el caso de no tener escaner, una camara fotografica puede ser muy util. Procura no hacer sombras al tomar la foto o disparar con flash pues oscurecer o quemar el dibujo.

4. Una vez teniendo el archivo en la computadora, abrir la imagen en Photoshop. Ir al panel Imagen > Ajustes > Tono/Saturacion (Ctrl + U) y en esta opcion podremos eliminar los rastros del bocetaje. En la casilla que dice "Todos" no modificar nada, sin embargo en Rojos, Amarillos, Verdes, Cianes, Azules, Magentas colocar el valor de 100% en Luminosidad. Y dar "Aceptar" para aplicar el cambio. Veremos como de esta forma se desaparecen las lineas de sketch.

5. Ajusta la saturacion de negros en el Menu Imagen > Ajustes > Niveles (Ctrl + L) a tu gusto.

6. Para los que prefieran trabajar sin fondo blanco sus ilustraciones pueden hacer lo siguiente: Desbloquear la capa "Fondo". Ir al Menu Seleccion > Gama de Colores... y con el gotero seleccionar el color blanco del dibujo y dar Aceptar. Automaticamente se seleccionar toda zona blanca del dibujo, presionar la tecla de borrar y Listo!... transparencia.

Espero este metodo pueda ser de utilidad para muchos, ya que puede adaptarse a muchas necesidades y estilos. Se ahorra tiempo y papel y aun mejor, practicamos el dibujo tradicional.

Dudas, comentarios? Para servirles! ShinjuMarkez}