Efecto de visualización de fotos de cuadrícula de color con Photoshop

Efecto de visualización de fotos de cuadrícula de color con Photoshop

Efecto de visualización de fotos de cuadrícula de color con Photoshop


En este tutorial de efectos fotográficos, aprenderemos cómo mostrar una foto en una cuadrícula de cuadrados de colores aleatorios. Usaremos la función de cuadrícula incorporada de Photoshop como guía para configurar el espaciado inicial, luego lo convertiremos en una cuadrícula basada en píxeles usando un par de herramientas de selección de Photoshop que rara vez se usan. Veremos cómo seleccionar fácilmente diferentes cuadrados en la cuadrícula con la herramienta Varita mágica, cómo colorearlos con capas de ajuste y modos de fusión y, finalmente, ¡cómo ajustar la apariencia de la cuadrícula usando estilos de capa!

Esta versión del tutorial se ha actualizado para Photoshop CS6 y también es totalmente compatible con Photoshop CC (Creative Cloud). Para CS5 y versiones anteriores, querrá consultar nuestro tutorial de diseño de cuadrícula de color original.

Aquí está la imagen con la que trabajaré (foto de mujer con ropa de invierno de Shutterstock):

Imagen 86355103 con licencia y utilizada con permiso de Shutterstock

La imagen original.

Y así es como se verá el diseño de la cuadrícula de colores cuando terminemos. Por supuesto, puede usar los colores que desee para su efecto. Esto es sólo un ejemplo:

Una pantalla de fotos de cuadrícula coloreada creada en Photoshop.

El efecto final.

Cómo crear un efecto fotográfico de cuadrícula de color

Paso 1: cree un nuevo documento de Photoshop

Comencemos creando un nuevo documento para la cuadrícula. Sube al Expediente menú en la barra de menú en la parte superior de la pantalla y elija Nuevo:

Seleccionando el comando Nuevo en el menú Archivo.

Ir a Archivo> Nuevo.

Esto abre Photoshop Nuevo caja de diálogo. Este efecto funciona mejor con un documento de forma cuadrada, por lo que para este tutorial, estableceré tanto mi Ancho y Altura valores a 1000 píxeles. Por supuesto, siéntase libre de reemplazar mis valores con las dimensiones que necesite, pero nuevamente, querrá un documento cuadrado para obtener los mejores resultados. No planeo imprimir esto (será estrictamente para visualización en pantalla), por lo que no hay necesidad de preocuparse por el valor de Resolución (lo dejaré configurado en su valor predeterminado de 72 píxeles / pulgada), pero si están Al crear este efecto para imprimir, lo más probable es que desee crear un documento de más de 1000 x 1000 píxeles y desee establecer su resolución en alrededor de 240 píxeles / pulgada o más. Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo. El nuevo documento aparecerá en su pantalla:

Creando un nuevo documento de Photoshop con el cuadro de diálogo Nuevo.

Creando un nuevo documento de Photoshop con el cuadro de diálogo Nuevo.

Paso 2: activa la cuadrícula de Photoshop

A continuación, activaremos la cuadrícula incorporada de Photoshop para que podamos usarla como guía para crear nuestra cuadrícula basada en píxeles. Para encender la red, suba a la Vista menú en la parte superior de la pantalla, elija Show, entonces escoge Red:

Activando la cuadrícula en Photoshop.

Ir a Ver> Mostrar> Cuadrícula.

La cuadrícula aparecerá como una superposición en la parte superior de su documento. A continuación, haremos algunos cambios en la apariencia de la cuadrícula:

El documento después de encender la cuadrícula de Photoshop.

El documento después de encender la cuadrícula de Photoshop.

Paso 3: ajuste el número de líneas de cuadrícula

Podemos ajustar el número de líneas y secciones en la cuadrícula usando las Preferencias de Photoshop. Si está ejecutando Photoshop en una PC con Windows, vaya a la Editar menú en la parte superior de la pantalla, elija Preferencias, entonces escoge Guías, cuadrículas y rebanadas. En una Mac, vaya al Photoshop menú, elija Preferencias, entonces escoge Guías, cuadrículas y rebanadas:

Seleccionar guías, cuadrículas y cortes en las preferencias.

Seleccionar las preferencias de Guías, Cuadrículas y Cortes.

Esto abre el cuadro de diálogo Preferencias establecido en las preferencias de Guías, Cuadrícula y Cortes. En la sección Cuadrícula, cambie el Línea de cuadrícula Cada opción a 10 por ciento, que nos dará una cuadrícula de 10×10 y cambiará el Subdivisiones valor para 1 para evitar que la cuadrícula se subdivida en secciones más pequeñas. Observe la cuadrícula del documento y verá una vista previa en vivo de los cambios a medida que los realiza:

Las opciones de cuadrícula en las preferencias de Photoshop.

Estableciendo Gridline Every en 10 por ciento y Subdivisiones en 1.

Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo Preferencias. Ahora debería ver una cuadrícula de 10 secciones de ancho y 10 secciones de alto. Es importante tener en cuenta que esta cuadrícula no es realmente parte del documento. Es simplemente una guía visual que usaremos para ayudarnos a crear nuestra propia cuadrícula basada en píxeles, como lo haremos en un momento:

La cuadrícula después de cambiar las opciones en las Preferencias.

La cuadrícula después de cambiar las opciones en las Preferencias.

Paso 4: agregue una nueva capa en blanco y asígnele el nombre «Cuadrícula»

Agreguemos una nueva capa en blanco para contener la cuadrícula basada en píxeles que estamos a punto de crear. Mantenga pulsado el Alt (Ganar) / Opción (Mac) en su teclado y haga clic en el Nueva capa en la parte inferior del panel Capas:

Haciendo clic en el icono Nueva capa en el panel Capas.

Hacer clic en el icono Nueva capa mientras mantiene presionada la tecla Alt (Win) / Opción (Mac).

Esto abre el Nueva capa cuadro de diálogo, dándonos la oportunidad de nombrar la nueva capa antes de agregarla. Nombra la capa «Cuadrícula», luego haz clic en Aceptar para cerrar el cuadro de diálogo:

Nombrar la nueva capa en el cuadro de diálogo Nueva capa.

Nombrar la nueva capa.

No pasará nada en el documento en sí, pero podemos ver en el panel Capas que Photoshop ha agregado la nueva capa «Cuadrícula» sobre la capa Fondo:

Nombrar la nueva capa en el cuadro de diálogo Nueva capa.

La capa Cuadrícula aparece en el panel Capas.

Paso 5: seleccione la herramienta Marco de una sola fila

Para crear nuestra cuadrícula, usaremos dos de las herramientas de selección muy básicas y poco utilizadas de Photoshop: la herramienta Marco de fila única y la herramienta Marco de columna única. Comenzaremos con la herramienta Marco de una sola fila. De forma predeterminada, ambas herramientas están anidadas detrás de la Herramienta Marco Rectangular, asi que haga clic y mantenga en la herramienta Marco rectangular cerca de la parte superior del panel Herramientas hasta que aparezca un menú desplegable que muestra las otras herramientas disponibles en ese mismo lugar, luego elija el Herramienta de marco de una sola fila del menú:

Seleccionando la herramienta Marco de una sola fila.

Haga clic y mantenga presionada la herramienta Marco rectangular, luego seleccione la herramienta Marco de una sola fila.

Paso 6: haga clic en cada línea de cuadrícula horizontal

Como su nombre lo indica, la herramienta Marco de una sola fila seleccionará una sola fila horizontal de píxeles en el documento. Eso es todo, eso es todo lo que hace. Para usarlo, solo tenemos que hacer clic en cualquier parte del documento y Photoshop seleccionará automáticamente el píxel en el que hicimos clic, más cada píxel en esa fila de izquierda a derecha. Usaremos la herramienta para convertir las líneas horizontales de la cuadrícula en una serie de contornos de selección. Primero, mueva el cursor directamente sobre el línea de cuadrícula horizontal superior, luego haga clic con el mouse. Verá que aparece un contorno de selección de 1 píxel de grosor a lo largo de la línea de la cuadrícula. He rodeado el lugar donde hice clic, pero al hacer clic en cualquier parte de la línea, obtendrá exactamente el mismo resultado. Si nota que su clic no estaba directamente sobre la línea de la cuadrícula, simplemente presione Ctrl + Z (Ganar) / Comando + Z (Mac) en su teclado para deshacerlo e intente nuevamente:

Hacer clic en la línea de la cuadrícula con la herramienta Marco de una sola fila.

Haga clic en cualquier lugar de la primera línea de cuadrícula horizontal en la parte superior para seleccionar la fila completa de píxeles.

A continuación, agregaremos el resto de las líneas de cuadrícula horizontales a nuestra selección. Mantenga pulsado el Cambio en su teclado y haga clic en la siguiente línea de la cuadrícula debajo de ella. Esto seleccionará una segunda fila horizontal de píxeles, y debido a que teníamos presionada la tecla Shift, Photoshop agregará esta segunda selección a la primera. Continúe presionando la tecla Shift mientras hace clic en el resto de las líneas horizontales de la cuadrícula hasta que aparezca un esquema de selección a lo largo de cada una de ellas. Cuando haya terminado, debería ver nueve filas de selección en total. Asegúrese de mantener presionada la tecla Shift mientras hace clic en cada una, de lo contrario, simplemente reemplazará la selección anterior con la nueva:

Hacer clic en cada línea de cuadrícula horizontal con la herramienta Marco de una sola fila.

Mantenga presionada la tecla Mayús y haga clic en cada línea de la cuadrícula horizontal para agregarla a la selección.

Paso 7: cambie a la herramienta Marco de columna única

Necesitamos hacer lo mismo ahora con las líneas de cuadrícula verticales, lo que significa que debemos cambiar a la herramienta Marco de columna única. Haga clic y mantenga sobre el Herramienta de marco de una sola fila en el panel Herramientas (aparecerá donde el icono de la herramienta Marco rectangular apareció antes) hasta que aparezca el menú desplegable, luego elija la Herramienta Marco de columna única del menú:

Seleccionar la herramienta Marco de columna única.

Haga clic y mantenga presionada la herramienta Marco de una sola fila, luego seleccione la herramienta Marco de una sola columna.

Paso 8: haga clic en cada línea de cuadrícula vertical

La herramienta Marco de columna única actúa de la misma manera que la herramienta Marco de fila única, la única diferencia es que selecciona columnas de píxeles (de arriba a abajo) en lugar de filas, con cada columna de 1 píxel de ancho. Mantenga presionado su Cambio y haga clic en cada una de las líneas verticales de la cuadrícula de izquierda a derecha hasta que estén todas seleccionadas. Cuando haya terminado, debería ver los contornos de selección a lo largo de cada línea de la cuadrícula, tanto horizontal como vertical:

Todas las líneas de cuadrícula horizontales y verticales se han agregado a la selección.

Todas las líneas de cuadrícula horizontales y verticales se han agregado a la selección.

Paso 9: rellene la selección con negro

Crearemos nuestra cuadrícula llenando las selecciones horizontal y vertical con negro. Sube al Editar en la parte superior de la pantalla y elija Llenar:

Seleccionando el comando Rellenar en el menú Editar.

Ir a Editar> Rellenar.

Esto abre Photoshop Llenar caja de diálogo. Selecciona el Usar opción en la parte superior para Negro, luego haga clic en Aceptar:

Cambiando Uso a Negro en el cuadro de diálogo Relleno.

Estableciendo la opción Usar en Negro.

Photoshop llena la selección con negro, aunque puede ser difícil de ver con los contornos de la selección y la propia cuadrícula de Photoshop en el camino. Para eliminar los contornos de selección (ya que ya no los necesitamos), vaya al Seleccione en la parte superior de la pantalla y elija Deseleccionar:

Elegir Deseleccionar en el menú Seleccionar.

Ir a Seleccionar> Deseleccionar.

Luego, para desactivar la cuadrícula de Photoshop, suba a la Vista menú, elija Show, luego elige una vez más Red. Una marca de verificación a la izquierda de la palabra Cuadrícula significa que está activada. Al seleccionarlo de nuevo, se eliminará la marca de verificación y se apagará la cuadrícula:

Apagando la rejilla.

Ir a Ver> Mostrar> Cuadrícula.

Con los contornos de selección y la cuadrícula de Photoshop eliminada, podemos ver nuestra cuadrícula negra en el documento:

El documento que muestra la cuadrícula recién creada.

El documento que muestra la cuadrícula recién creada.

Paso 10: abra la foto que desea mostrar en la cuadrícula

Abra la foto que mostrará dentro de la cuadrícula. La foto se abrirá en su propio documento con pestañas. Aquí está la foto que estoy usando:

La foto se abre en un documento con pestañas separado.

Su foto se abrirá en un documento con pestañas separado.

Paso 11: seleccione y copie la foto

Por el momento, nuestra cuadrícula está en un documento y nuestra foto está en otro. Necesitamos mover la foto al mismo documento que la cuadrícula. Para hacer eso, primero seleccione la foto subiendo al Seleccione en la parte superior de la pantalla y seleccionando Todos:

Elegir el comando Seleccionar todo.

Ir a Seleccionar> Todo.

Aparecerá un contorno de selección alrededor de los bordes de la foto. Luego, sube al Editar en la parte superior de la pantalla y elija Dupdo:

Elegir el comando Copiar en el menú Editar.

Ir a Editar> Copiar.

Paso 12: Cambiar al documento de cuadrícula

Cambie al documento de cuadrícula haciendo clic en su pestaña justo debajo de la barra de opciones en la parte superior. En mi caso, el documento se llama simplemente «Untitled-1»:

Elegir el comando Copiar en el menú Editar.

Cambiar del documento de la foto al documento de cuadrícula.

Paso 13: seleccione la capa de fondo

Con el documento de cuadrícula abierto, haga clic en el Capa de fondo en el panel Capas para seleccionarlo. De esta manera, cuando peguemos la foto en el documento, Photoshop la colocará en una nueva capa directamente entre la capa Fondo y la capa Cuadrícula:

Seleccionando la capa Fondo en el panel Capas.

Seleccionando la capa Fondo.

Paso 14: pegue la foto

Sube al Editar menú, elija Pegado especial, entonces escoge Pegar en su lugar:

Seleccionando el comando Pegar en el lugar en el menú Editar.

Ir a Edición> Pegado especial> Pegar en el lugar.

Photoshop pega y centra la foto en el documento de cuadrícula. En mi caso (y probablemente también en el tuyo), será necesario cambiar el tamaño de la foto, pero lo arreglaremos a continuación:

La foto se ha pegado en la cuadrícula.

La foto se ha pegado en la cuadrícula.

Si miramos en el panel Capas, vemos que Photoshop ha agregado la foto en su propia capa entre las capas Fondo y Cuadrícula, tal como lo planeamos:

El panel Capas que muestra la foto entre las capas Fondo y Cuadrícula.

La foto aparece entre las capas Fondo y Cuadrícula.

Desafortunadamente, Photoshop le dio a la nueva capa un nombre genérico («Capa 1»), así que antes de continuar, cambiemos el nombre. Haga doble clic directamente en su nombre para resaltarlo, luego ingrese «Foto» como el nuevo nombre. prensa Ingresar (Ganar) / Regreso (Mac) en su teclado cuando haya terminado de aceptar el cambio de nombre:

El nombre de la capa se ha cambiado a Foto.

El nombre de la capa se ha cambiado de «Capa 1» a «Foto».

Paso 15: convierta la capa de fotos en un objeto inteligente

En un momento, cambiaremos el tamaño de la foto para que se ajuste mejor a la cuadrícula, pero antes de hacerlo, convertiremos rápidamente su capa en una Objeto inteligente. De esa forma, si decidimos cambiarle el tamaño de nuevo más tarde, no perderemos la calidad de imagen de la foto. Con la capa Foto seleccionada, haga clic en el pequeño icono de menú en la esquina superior derecha del panel Capas:

Haciendo clic en el icono de menú.

Haciendo clic en el icono de menú.

Escoger Convertir en objeto inteligente en el menú que aparece:

Haciendo clic en el icono de menú.

Elegir «Convertir en objeto inteligente» en el menú del panel Capas.

No parecerá que sucedió nada en el documento, pero una pequeña Objeto inteligente El icono aparece en la esquina inferior derecha de la capa. vista previa en miniatura en el panel Capas. Esto nos dice que la capa ahora es un objeto inteligente:

La miniatura de vista previa de la capa que muestra el icono de objeto inteligente.

La miniatura de vista previa de la capa que muestra el icono de objeto inteligente.

Paso 16: Cambiar el tamaño de la foto con Transformación libre

Para cambiar el tamaño de la foto, usaremos el comando Transformación libre de Photoshop. Sube al Editar en la parte superior de la pantalla y elija Transformación libre:

Seleccionando Transformación libre en el menú Editar.

Ir a Editar> Transformación libre.

Esto coloca el cuadro delimitador de Transformación libre y los controles alrededor de la imagen. Si no puede ver las asas porque los bordes de su foto se extienden más allá del área visible en el documento, suba al Vista menú y elegir Encajar en la pantalla:

Seleccionando Ajustar a la pantalla en el menú Ver.

Ir a Ver> Encajar en pantalla.

Photoshop alejará instantáneamente la imagen lo suficiente para que todo, incluidos los controladores de Transformación libre, quepa dentro del área visible del documento. Para cambiar el tamaño de la foto, mantenga presionada la Cambio , luego haga clic en cualquiera de las cuatro manijas de esquina y arrástrelos. Si mantiene presionada la tecla Mayús mientras arrastra, mantendrá la relación de aspecto original de la imagen para que no distorsione accidentalmente su aspecto. Si desea cambiar el tamaño de la foto desde su centro en lugar de desde una esquina, mantenga presionado Mayús + Alt (Ganar) / Mayús + Opción (Mac) mientras arrastra cualquiera de los tiradores de las esquinas. Si necesita mover la imagen dentro del documento, haga clic en cualquier lugar dentro del cuadro delimitador de Transformación libre y arrástrelo a su lugar. Cuando termines, presiona Ingresar (Ganar) / Regreso (Mac) para aceptar la transformación y salir del comando Transformación libre:

Arrastrar un tirador de esquina para cambiar el tamaño de la imagen dentro de la cuadrícula.

Arrastrar un tirador de esquina para cambiar el tamaño de la imagen dentro de la cuadrícula.

Si alejó la imagen hace un momento con el comando Ajustar a la pantalla y desea volver a acercarla ahora que ha terminado de cambiar el tamaño de la imagen, vuelva a la Vista menú y elegir 100%:

Seleccionando 100% en el menú Ver.

Ir a Ver> 100%.

Lectura relacionada: Zoom y panorámica en Photoshop

Paso 17: seleccione la capa de cuadrícula

En este punto, el trabajo duro está hecho. Creamos nuestra cuadrícula, copiamos y pegamos nuestra foto en el documento de la cuadrícula, y cambiamos el tamaño y movimos la foto a su posición. ¡Estamos listos para divertirnos coloreando la cuadrícula! Primero, haga clic en el Red capa en el panel Capas para seleccionarla:

Seleccionando la capa Grid en el panel Capas.

Seleccionando la capa Grid.

Paso 18: seleccione la herramienta Varita mágica

Para colorear la cuadrícula, necesitamos una forma de seleccionar los cuadrados individuales, y podemos hacerlo fácilmente usando Photoshop Varita mágica. De forma predeterminada, la herramienta Varita mágica está anidada detrás de la Herramienta de selección rápida en el panel Herramientas, haga clic y mantenga presionada la Herramienta de selección rápida hasta que aparezca un menú desplegable, luego elija la Herramienta Varita mágica en el menú:

Seleccionando la herramienta Varita mágica en el panel Herramientas.

Haga clic y mantenga presionada la Herramienta de selección rápida, luego elija la Herramienta Varita mágica.

Paso 19: seleccione los cuadrados del borde exterior

Para seleccionar un cuadrado en la cuadrícula, asegúrese de tener la capa de la cuadrícula seleccionada en el panel Capas (¡muy importante!), Luego simplemente haga clic dentro del cuadrado con la herramienta Varita mágica. Aparecerá un contorno de selección alrededor de los bordes exteriores del cuadrado. Para luego agregar cuadrados adicionales a la selección, mantenga presionada la tecla Cambio y haga clic dentro de más cuadrados. Seleccionará cada nuevo cuadrado dentro del cual haga clic y la selección se agregará a los cuadrados previamente seleccionados. Comencemos seleccionando todos los cuadrados alrededor del borde exterior de la cuadrícula. Primero, haga clic dentro del cuadrado en el Esquina superior izquierda de la cuadrícula. Aparecerá un esquema de selección a su alrededor. Para que sea más fácil ver qué cuadrado he seleccionado, lo coloreé de amarillo en la captura de pantalla. Esto no es parte del efecto; es solo para que sea más fácil ver qué cuadrado está seleccionado:

Se selecciona el cuadrado en la esquina superior izquierda de la cuadrícula.

Se selecciona el cuadrado en la esquina superior izquierda de la cuadrícula.

A continuación, mantenga pulsado el Cambio y continúe haciendo clic con la herramienta Varita mágica dentro de cada uno de los cuadrados alrededor del bordes exteriores de la cuadrícula para agregarlos todos a la selección. Nuevamente, he coloreado los cuadrados seleccionados en amarillo aquí solo para que las cosas sean más fáciles de ver en la captura de pantalla. El amarillo no es parte del efecto real, así que no se preocupe si no lo está viendo en su documento:

Todos los cuadrados alrededor de los bordes exteriores de la cuadrícula ahora están seleccionados.

Todos los cuadrados alrededor de los bordes exteriores de la cuadrícula ahora están seleccionados.

Voy a agregar algunos cuadrados más a mi selección también presionando y manteniendo presionada la tecla Shift y haciendo clic dentro de ellos para agregarlos a los cuadrados previamente seleccionados:

Todos los cuadrados alrededor de los bordes exteriores de la cuadrícula ahora están seleccionados.

Mis casillas inicialmente seleccionadas.

Paso 20: agregue una nueva capa debajo de la capa de cuadrícula

Rellenaremos estos cuadrados iniciales con blanco, lo que creará un borde para el efecto. presione y mantenga Ctrl + Alt (Ganar) / Comando + Opción (Mac) en su teclado y haga clic en el Nueva capa en la parte inferior del panel Capas:

Haciendo clic en el icono Nueva capa en el panel Capas.

Hacer clic en el icono Nueva capa mientras mantiene presionada la tecla Ctrl (Win) / Comando (Mac).

Esto abre el cuadro de diálogo Nueva capa. Nombra esta nueva capa «Blanca», luego haz clic en Aceptar:

Nombrar la nueva capa en el cuadro de diálogo Nueva capa.

Nombrar la nueva capa «Blanca».

Photoshop agrega una nueva capa en blanco llamada «Blanco» entre las capas Cuadrícula y Foto:

El panel Capas que muestra la nueva capa blanca.

El panel Capas que muestra la nueva capa blanca.

Paso 21: rellene la selección con blanco

Sube al Editar en la parte superior de la pantalla y, una vez más, elija el Llenar mando. Esta vez, cuando aparezca el cuadro de diálogo Rellenar, cambie el Usar opción a blanco, luego haga clic en Aceptar:

Establecer la opción Usar en Blanco en el cuadro de diálogo Relleno.

Estableciendo la opción Usar en Blanco.

Photoshop llena los cuadrados seleccionados con blanco. Para eliminar el contorno de selección de alrededor de los cuadrados, suba a la Seleccione menú y elegir Deseleccionar o simplemente presione Ctrl + D (Ganar) / Comando + D (Mac) en tu teclado:

Ahora aparece un borde de cuadrados blancos alrededor de la foto.

Ahora aparece un borde de cuadrados blancos alrededor de la imagen.

Paso 22: seleccione la capa de cuadrícula una vez más

Seleccionemos algunos cuadrados diferentes para colorear. Primero, necesitamos tener el Red capa activa en el panel Capas, así que haga clic en ella para seleccionarla. Recuerde, siempre debe seleccionar la capa Grid antes de poder seleccionar cualquier cuadrado:

Seleccionando la capa Grid en el panel Capas.

Asegúrese de seleccionar la capa Cuadrícula antes de intentar seleccionar cualquier cuadrado.

Paso 23: seleccione diferentes cuadrados

Con la capa de cuadrícula una vez más activa, mantenga presionada la Cambio y haga clic dentro de otros cuadrados aleatorios con la herramienta Varita mágica para seleccionarlos. Si cambia de opinión y desea eliminar un cuadrado de la selección, suelte la tecla Mayús y mantenga presionada la tecla Alt (Ganar) / Opción (Mac), luego haga clic dentro del cuadrado para deseleccionarlo. Aquí, he seleccionado algunos cuadrados más (y los coloreé de amarillo para que podamos ver cuáles he seleccionado):

Seleccionar otros cuadrados de la cuadrícula.

Mantenga presionada la tecla Mayús y haga clic dentro de algunos cuadrados diferentes para seleccionarlos.

Paso 24: seleccione la capa de fotos

Con sus cuadrados seleccionados, haga clic en el Foto capa (el objeto inteligente) en el panel Capas para seleccionarlo:

Seleccionando la capa Foto en el panel Capas.

Seleccionando la capa Foto.

Paso 25: colorea los cuadrados con una capa de tono / ajuste

Colorearemos estos cuadrados usando una capa de ajuste de Tono / Saturación. Clickea en el Nueva Capa de Ajuste en la parte inferior del panel Capas:

Haciendo clic en el icono Nueva capa de ajuste.

Haciendo clic en el icono Nueva capa de ajuste.

Escoger La saturación de color de la lista que aparece:

Elegir una capa de ajuste de Tono / Saturación.

Elegir una capa de ajuste de Tono / Saturación.

Los controles y opciones para la capa de ajuste de Tono / Saturación aparecerán en el Panel de propiedades. Primero, seleccione el Colorear opción haciendo clic dentro de su casilla de verificación. Luego, elija el color con el que desea colorear los cuadrados seleccionados arrastrando el Matiz deslizador. Para estos cuadrados, en realidad voy a dejar el control deslizante de Tono configurado completamente hacia la izquierda (su posición predeterminada), lo que me da rojo. Por supuesto, puedes elegir el color que más te guste. Una vez que haya elegido un color con el control deslizante de Tono, puede ajustar su saturación a su gusto arrastrando el Saturación deslizador hacia la izquierda o hacia la derecha. Para mi color rojo, voy a establecer mi valor de Saturación alrededor de 50. Vigile su documento mientras arrastra los controles deslizantes para obtener una vista previa de los resultados:

Las opciones de Tono / Saturación en el panel Propiedades.

Haga clic en la opción Colorear, luego elija un color con los controles deslizantes de Tono y Saturación.

Paso 26: cambie el modo de fusión de la capa de ajuste a color

Si miramos en el panel Capas, vemos la capa de ajuste directamente encima de la capa Foto. Asegúrese de que esté seleccionado (resaltado en azul), luego suba al Modo de mezcla en la parte superior del panel Capas y cambie su modo de fusión de Normal (el modo predeterminado) a Color. Esto nos permite cambiar solo los colores de la imagen, no los valores de brillo:

Cambiando el modo de fusión de la capa de ajuste a Color.

Cambiando el modo de fusión de la capa de ajuste a Color.

Aquí está mi documento después de colorear los cuadrados con rojo:

El primero de los cuadrados coloreados.

El primero de los cuadrados coloreados.

Paso 27: cambie el nombre de la capa de ajuste

Dado que usaremos múltiples capas de ajuste de Tono / Saturación para colorear la cuadrícula, hagamos un seguimiento de cuál se está usando para qué color cambiándoles el nombre. Como he usado esta primera capa de Tono / Saturación para el rojo, haga doble clic en su nombre en el panel Capas y cambie su nombre del genérico «Tono / Saturación 1» a «Rojo». prensa Ingresar (Ganar) / Regreso (Mac) en su teclado para aceptar el cambio de nombre:

Cambiar el nombre de la capa de ajuste de Tono / Saturación según el color.

Cambiar el nombre de la capa de ajuste de Tono / Saturación según el color.

Paso 28: Seleccione y coloree más cuadrados

Repetir pasos 22-27 para seleccionar y colorear más cuadrados. Primero seleccione el Red capa en el panel Capas, luego presione y mantenga presionada la Cambio y haga clic dentro de algunos cuadrados con la herramienta Varita mágica para seleccionarlos. Clickea en el Foto capa en el panel Capas para seleccionarla, luego haga clic en el Nueva Capa de Ajuste icono y elige La saturación de color. En el panel Propiedades, marque la Colorear opción, luego elija un color con la Matiz control deslizante y un nivel de saturación con el Saturación deslizador. Cambiar el modo de mezcla de la nueva capa de ajuste para Color, luego cambie el nombre de la capa de ajuste según el color que elija.

También puede usar una capa de ajuste de Tono / Saturación para desaturar completamente algunos de los cuadrados, dejándolos en blanco y negro. Para hacer eso, seleccione algunos cuadrados, luego agregue una capa de ajuste de Tono / Saturación como lo haría normalmente, pero en lugar de elegir un color con el control deslizante de Tono, simplemente arrastre el Saturación deslizador completamente hacia la izquierda (a un valor de -100), que eliminará todo el color:

Arrastrar el control deslizante Saturación hacia la izquierda para eliminar el color de los cuadrados.

Al arrastrar el control deslizante Saturación completamente hacia la izquierda, los cuadrados seleccionados se volverán en blanco y negro.

Aquí está mi resultado después de seleccionar y colorear más cuadrados. He usado seis capas de ajuste de Tono / Saturación en total, una para rojo (tono: 0, saturación: 50), amarillo (tono: 40, saturación: 50), verde (matiz: 120, saturación: 20), azul (tono: 200, saturación: 20) y púrpura (tono: 300, saturación: 20), más uno para en blanco y negro (saturación: -100):

El efecto después de colorear más cuadrados.

El efecto después de colorear más cuadrados.

Y aquí, podemos ver las seis capas de ajuste de Tono / Saturación en el panel Capas, cada una nombrada según su color:

El efecto después de colorear más cuadrados.

El panel Capas que muestra las capas de ajuste.

Paso 29: cambie el color de las líneas de la cuadrícula a blanco

Ahora que hemos coloreado nuestros cuadrados, cambiemos la apariencia de las líneas de la cuadrícula, primero cambiando su color de negro a blanco. Clickea en el Red capa en el panel Capas para seleccionarla:

Haciendo clic en la capa Grid para seleccionarla.

Haciendo clic en la capa Grid para seleccionarla.

Luego, haga clic en el Bloquear píxeles transparentes icono justo debajo de la opción Modo de fusión en la parte superior del panel Capas:

Haciendo clic en el icono Bloquear píxeles transparentes.

Haciendo clic en el icono Bloquear píxeles transparentes.

Con la opción Bloquear píxeles transparentes habilitada, cualquier cosa que hagamos en la capa afectará solo a las líneas de la cuadrícula. No tendrá ningún efecto en las áreas transparentes de la capa. De esta manera, si llenamos la capa con, digamos, blanco (como estamos a punto de hacerlo), solo las líneas de la cuadrícula se llenarán de blanco. Las áreas transparentes permanecerán transparentes.

Sube al Editar menú y una vez más elegir Llenar. Cuando aparece el cuadro de diálogo Rellenar, Usar La opción ya debería estar configurada en blanco ya que eso es lo que lo configuramos la última vez, así que simplemente haga clic en Aceptar para cerrar el cuadro de diálogo:

Establecer la opción Usar en Blanco en el cuadro de diálogo Relleno.

Deje la opción Usar configurada en Blanco y haga clic en Aceptar.

Photoshop llena las líneas de la cuadrícula con blanco:

El efecto después de cambiar el color de las líneas de la cuadrícula a blanco.

El efecto después de cambiar el color de las líneas de la cuadrícula a blanco.

Paso 30: agregue un estilo de capa de trazo

Si desea aumentar el grosor de las líneas de la cuadrícula, haga clic en el Estilos de capa icono (el icono «fx») en la parte inferior del panel Capas:

Haciendo clic en el icono Estilos de capa en el panel Capas.

Haciendo clic en el icono de Estilos de capa.

Escoger Carrera de la lista que aparece:

Elegir un estilo de capa de Trazo.

Elegir un estilo de capa de Trazo.

Esto abre Photoshop Estilo de capa cuadro de diálogo establecido en las opciones de Trazo en la columna central. Primero, cambiemos el color del trazo a blanco. Clickea en el muestra de color a la derecha de la palabra Color:

Haciendo clic en la muestra de color en las opciones de Trazo.

Haciendo clic en la muestra de color en las opciones de Trazo.

Esto abre el Selector de color. Escoger blanco como el nuevo color para el trazo, luego haga clic en Aceptar para cerrarlo:

Elegir blanco en el Selector de color.

Elegir blanco en el Selector de color.

Con el blanco ahora como color de trazo, establezca el Posición opción a Fuera dey, a continuación, ajuste el ancho del trazo arrastrando el control deslizante Tamaño. Probablemente no quieras aumentar mucho el tamaño. Voy a poner el mío en 2 px:

Las opciones de Posición y Tamaño del Trazo.

Estableciendo Posición en Exterior y el Tamaño en 2 px.

Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo Estilo de capa. Aquí está mi efecto con las líneas de cuadrícula blancas y ligeramente más anchas:

El efecto después de aplicar el estilo de capa Trazo.

La imagen después de aplicar el estilo de capa Trazo.

Paso 31: Mueva y cambie el tamaño de la foto nuevamente si es necesario

En este punto, ahora que el diseño de la cuadrícula está completo, puede decidir que necesita cambiar el tamaño y / o reposicionar la foto. En mi caso, creo que estoy bastante contento con el aspecto de las cosas, pero si necesitas mover o cambiar el tamaño de tu foto, haz clic en el Foto capa en el panel Capas para seleccionarla:

Vuelva a seleccionar la capa Foto en el panel Capas.

Vuelve a seleccionar la capa de fotos.

Luego, simplemente use los mismos pasos que cubrimos en el Paso 16 para cambiar el tamaño y / o mover la imagen. Primero, sube al Editar menú y elegir Transformación libre (o presione Ctrl + T (Ganar) / Comando + T (Mac) en el teclado) para que aparezca el cuadro Transformación libre y los tiradores alrededor de la foto. Si no puede ver los tiradores porque su foto se extiende más allá del área visible del documento, suba a la Vista menú y elegir Encajar en la pantalla (o presione Ctrl + 0 (Ganar) / Comando + 0 (Mac) en su teclado). presione y mantenga Cambio mientras hace clic y arrastra cualquiera de los manijas de esquina para cambiar el tamaño de la foto, o mantenga presionado Mayús + Alt (Ganar) / Mayús + Opción (Mac) para cambiar el tamaño de la foto desde su centro en lugar de desde una esquina. Para mover la foto, simplemente haga clic y arrastre a cualquier lugar dentro del cuadro Transformación libre. Voy a arrastrar mi foto hacia abajo solo un poco, pero dejaré el tamaño igual que antes:

Reajustando el tamaño y la posición de la foto dentro de la cuadrícula.

Vuelva a ajustar el tamaño y la posición de la foto (si es necesario) con Transformación libre.

Tenga en cuenta que debido a que convertimos la foto en un objeto inteligente en el paso 15, podemos volver a cambiar su tamaño de manera segura sin ninguna pérdida en la calidad de la imagen. Cuando esté satisfecho con el tamaño y la posición finales de su imagen, presione Ingresar (Ganar) / Regreso (Mac) para aceptarlo y cerrar el comando Transformación libre. Luego, para volver a acercar la imagen, suba al Vista menú y elegir 100% (o presione Ctrl + 1 (Ganar) / Comando + 1 (Mac) en tu teclado):

El tamaño final y la posición de la foto.

El tamaño final y la posición de la foto.

Paso 32: Recorta la imagen (opcional)

Este último paso es opcional, pero si desea recortar parte del borde blanco alrededor de la cuadrícula, seleccione Photoshop Herramienta de recorte desde el panel Herramientas:

Seleccionando la herramienta Recortar en el panel Herramientas.

Seleccionando la herramienta Recortar.

Con la herramienta Recortar seleccionada, configure el Relación de aspecto opción a la izquierda de la barra de opciones para Proporción original:

Seleccionando la herramienta Recortar en el panel Herramientas.

Establecer la opción Relación de aspecto en Relación original.

Verá aparecer un borde de recorte alrededor de los bordes del documento, con marcas de corte en los cuatro lados y en las esquinas. Mantenga pulsado el Alt (Ganar) / Opción (Mac) en su teclado mientras hace clic y arrastra cualquiera de los cuatro marcas de corte de esquina hacia adentro para recortar parte del borde blanco:

Recortando la imagen con la herramienta Recortar.

Presionando Alt (Win) / Opción (Mac) y arrastrando una marca de recorte de esquina.

prensa Ingresar (Ganar) / Regreso (Mac) en su teclado para recortar la imagen, ¡y listo! Aquí, después de recortar parte del borde, está mi resultado final:

Una pantalla de fotos de cuadrícula coloreada creada en Photoshop.

El efecto final.


A dónde ir después …

¡Y ahí lo tenemos! ¡Así es como se muestra una foto dentro de una cuadrícula de colores con Photoshop! Para obtener tutoriales similares, consulte nuestro Efecto fotográfico de clúster de forma o nuestros tutoriales de Efecto de paneles fotográficos verticales. ¡O visite nuestra sección Efectos fotográficos para obtener más tutoriales de efectos de Photoshop!