Buscador Taringa: Musica, Videos, Descargas, DE TODO.

Tutorial PS - Efecto Cuadro Colorido

En este tutorial aprenderan a crear un efecto de cuadros a color
Vamos a utilizar las guias de Photoshop , luego colorear con capas de ajuste y modos de mezcla
Este tuto lo estoy haciendo con la version CS5 de photoshop, pero en cualquier version reciente puede funcionar.

Este es el efecto que vamos a lograr.

Vamos a comenzar, primero vamos a crear un nuevo documento Archivo/Nuevo
ajustamos 1000x1000 pixeles
Resolucion a 72.

Ahora nos vamos a la barra de Menu Vista/Reglas
O podemos abreviar presionando Control + R

Luego veremos las reglas en la parte Superior e Izquierda del documento
Hacemos clic derecho sobre las reglas y elegimos Porcentaje

Ahora nos sera más fácil añadir las guias
vamos hacer cuadros de 10 porciento, primero hacemos clic sostenido sobre cualquier parte de la regla que esta en la parte izquierda y arrastramos hasta llegar al numero 10
Repetiremos el paso hasta llenar todo el documento con lineas verticales

Luego haremos lo mismo pero esta vez en forma Horizontal

Si hiciste todos los pasos bien, te deben quedar en los extremos 10 cuadros tanto vertical como horizontalmente

Ya que tenemos las guias en el lugar correcto, podemos ocultar las reglas ya que no vamos a crear más divisiones
Para ocultarlas presionamos Control+R

Esta vez presionaremos la tecla Alt y le damos clic al boton de crear nueva capa

Te preguntaras cual es el sentido de hacerlo con la tecla Alt?, bien te explico..
usando la tecla Alt, podemos cambiarle el nombre a la capa antes de agregarla

Vamos a crear una seleccion de las guias,
Como bien sabemos las guias son una referencia para Guiarnos ( perdon la redundancia )
te enseñare a convertir esas guias, en cuadros divididos perfectamente
con dos herramientas la Herramienta marco fila unica y Herramienta marco columna unica

Haz clic en la Herramienta Marco Rectangular en la barra de herramientas manten pulsado el clic hasta que salga una pequeña ventana
Luego seleccionamos Herramienta Marco fila unica

Como lo dice su nombre , esta herramienta seleccionara una unica fila horizontal de pixeles en el doc
Para utilizarla simplemente hacemos clic en cualquier parte del documento, y photoshop automaticamente seleccionara el pixel que se hace clic
Vamos a usar esta herramienta para convertir las lineas horizontales en una serie de esquemas de seleccion.
Primero movamos el cursor directamente sobre la primera linea horizontal superior y dale clic.
Veras una seleccion de 1 pixel de grosor a lo largo del a guia

Ahora con la tecla Shift presionada seleccionaremos las siguientes guias horizontales, en total son 9
Haz clic en la Herramienta Marco Columna Unica y Repetiremos los pasos, esta vez seleccionando las guias verticales
Nos debe quedar asi:

Vamos a transformar las guias en cuadrados cortados
Para eso nos vamos a Menu Edicion/Relleno

Seleccionamos el color negro
Con esto hemos rellenado la seleccion

Para ver los resultados, nos vamos a Menu Seleccion/Deseleccionar

Luego no necesitamos mas las guias, las ocultamos en Vista/Mostrar/Guias
Con las guias y la seleccion retirada podemos ver nuestros cuadros asi

Abrimos la foto que vamos a usar para el efecto
Escogi esta foto de Eva Longoria, porque es una Mamasita

Bueno para versiones CS3 o anteriores, la foto se abrira automaticamente en su propia ventana flotante, pero las versiones CS4 y CS5 la foto se puede abrir en un documento con fichas
Pero para hacer esto mas facil, nos vamos a Ventana/Organizar/Hacer flotante todo en ventanas

Ahora arrastraremos la foto/imagen al documento que hemos realizado anteriormente
hacemos clic en cualquier parte del documento ( el de las cuadriculas ) para activarlo
Luego haremos clic en la capa de fondo, en el panel de capas

Esto es para que cuando arrastremos nuestra foto, ella aparezca en su propia capa entre el fondo y la capas de la cuadriculas

Hacemos clic en cualquier lugar de la ventana del documento de la foto/imagen para activarla
y seleccionamos la Herramienta Mover

Mantenemos Presionada la tecla Shift y hacemos clic ( con la herramienta mover ) dentro la foto/imagen
y la arrastramos hasta el documento en cuadriculas

Soltamos el raton y la tecla Shift, la imagen aparecera centrada dentro de nuestro documento de cuadricula
Ya podemos cerrar la ventana de la foto, ya que no la necesitamos

Si hicimos los pasos correctos, la foto/imagen que acabamos de arrastrar, debe quedar en el medio de las 3 capas

Si la imagen al arrastrarla no ajusto como debias, quedo muy grande/muy pequeña
Presionamos Control+T y ajustamos la foto/imagen como mejor quieras

Ahora estamos preparados para colorear nuestros cuadros.
Primero seleccionamos la capa donde hicimos las divisiones ( yo la nombre "k0zte" )

Despues de hacerle clic a la capa, seleccionamos la herramienta Varita Magica

Con la varita vamos a seleccionar todas las capas que estan en los bordes ( no se te olvide que tienes q tener la capa de los cuadros seleccionada )
recuerda que para seleccionar todas las partes necesitas tener la tecla Shift presionada

Vamos a añadir mas cuadros, Para que puedas observar las selecciones que hize, las colorie un poco, ( esto no lo tienes que hacer )

Ahora vamos a colorear de Blanco los cuadros que hemos seleccionado anteriormente
Primero seleccionamos la capa donde tenemos los cuadros
Presionamos la tecla Control y luego le damos al boton crear una nueva capa
Esto hara que la nueva capa quede debajo

Luego nos vamos a Edicion/Rellenar y escogemos el color blanco y damos ok

Le damos Seleccion/Deseleccionar
Y asi nos debe quedar

Ahora vamos a divertirnos con los colores,
nos situamos sobre la capa cuadriculada
y seleccionamos unos cuantos cuadrados con la varita magica ( para seleccionar varios tienes q tener la tecla Shift presionada )

Luego seleccionamos la capa donde tenemos la foto
y creamos una nueva capa de relleno o ajuste

Escogemos Tono/Saturacion y nos aparecera una ventana asi
movemos hasta que nos de el color deseado, recuerda tener marcada la opcion Colorear
Si tienes la version CS3 o anterior de Photoshop, te aparecera en una ventana independiente

Repetimos esta accion, y vamos agregando mas colores
recuerda que para volver a seleccionar mas cuadros, tienes que regresar a la capa de las cuadriculas..

Luego de haber coloreado varios cuadros, le agregamos otro valor a la saturacion, dale clic a las capas de saturacion que creaste
y luego cambiale el valor de saturacion a 70

Luego selecciona en modo de fusion Trama

La imagen te debe quedar mas o menos asi, tienes la opcion de colorear las partes q mas te gusten..

Ahora vamos a cambiar el color de las lineas de las cuadriculas a color Blanco
Haz clic en la capa donde tenemos los cuadros , dale clic al icono de Bloqueo de pixeles transparentes