¡En este tutorial de Photoshop Effects, aprenderemos cómo crear un diseño de cuadrícula coloreada ! Utilizaremos las guías y reglas de Photoshop para configurar el espaciado inicial, luego un par de herramientas de selección raramente utilizadas para convertir las guías en una cuadrícula real. ¡Aprenderemos cómo seleccionar fácilmente cuadrados aleatorios en la cuadrícula y colorearlos con capas de ajuste y modos de fusión, y finalmente, cómo colorear y ajustar la apariencia de la cuadrícula misma!

Usaré Photoshop CS5 durante todo el tutorial, pero cualquier versión reciente funcionará.

Aquí está el efecto final en el que trabajaremos:

El diseño final de la cuadrícula de colores.

Cómo crear un diseño de cuadrícula de color

Paso 1: crear un nuevo documento de Photoshop

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

Vaya a Archivo> Nuevo.

Esto abre el cuadro de diálogo Nuevo documento de Photoshop. Voy a crear un documento de forma cuadrada ingresando 1000 píxeles para el ancho y la altura . Por supuesto, puede ingresar las dimensiones que necesite, pero el efecto tiende a funcionar mejor si se adhiere a una forma cuadrada. Para este tutorial, dejaré el valor de Resolución establecido en 72 píxeles / pulgada, lo cual está bien si está creando este efecto para la web. Si planea imprimir el resultado final, querrá crear un documento más grande y establecer su resolución en 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:

El cuadro de diálogo Nuevo documento.

Paso 2: Mostrar reglas

Vaya al menú Ver en la parte superior de la pantalla y elija Reglas, o presione Ctrl + R (Win) / Comando + R (Mac) para activar rápidamente las reglas con el atajo de teclado:

Vaya a Ver> Reglas.

Paso 3: cambie el tipo de medida de regla a porcentaje

Esto muestra las reglas de Photoshop en la parte superior e izquierda del documento. Dependiendo de qué tipo de medición estén configuradas sus reglas en las Preferencias de Photoshop, probablemente muestren píxeles o pulgadas. Mueva el cursor del mouse hacia las reglas, ya sea en la parte superior o izquierda, luego haga clic con el botón derecho (Win) / Control-clic (Mac) dentro de las reglas y elija Porcentaje de la lista. Verá que las reglas cambian a incrementos porcentuales:

Haga clic con el botón derecho (Win) / Control-clic (Mac) dentro de las reglas y seleccione Porcentaje de la lista.

Paso 4: arrastre las guías horizontales y verticales con incrementos del 10 por ciento

La razón por la que activamos las reglas fue para que pudiéramos agregar fácilmente guías equidistantes a nuestro documento, que luego se convertirán en nuestras líneas de cuadrícula. Agreguemos primero guías verticales. Haga clic dentro de la regla a la izquierda del documento y, con el botón del mouse presionado, arrastre la primera guía. Use la regla superior para colocar la guía en la marca del 10% (suelte el botón del mouse para colocar la guía):

Haga clic dentro de la regla izquierda y arrastre una guía vertical a la marca del 10%.

Haga lo mismo para agregar una guía en cada incremento del 10% (20%, 30%, 40%, etc.), hasta la marca del 90%. Su documento ahora debería aparecer dividido en 10 columnas verticales equidistantes:

Las guías dividen el documento en 10 columnas verticales.

Luego, siga los mismos pasos para agregar guías horizontales. Haga clic dentro de la regla superior y con el botón del mouse presionado, arrastre una guía horizontal. Use la regla izquierda para colocar la guía en la marca del 10%. Continúe arrastrando las guías horizontales con incrementos del 10% (20%, 30%, 40%, como antes) hasta la marca del 90%. Cuando haya terminado, debe tener el mismo número de guías horizontales y verticales que dividen el documento en una cuadrícula de cuadrados:

Las guías dividen el documento en una cuadrícula de cuadrados.

Con las guías en su lugar, presione Ctrl + R (Win) / Comando + R (Mac) en su teclado para ocultar las reglas, ya que ya no las necesitamos.

Paso 5: Agregue una nueva capa en blanco y asígnele el nombre "Cuadrícula"

Mantenga presionada la tecla Alt (Win) / Opción (Mac) y haga clic en el icono Nueva capa en la parte inferior del panel Capas:

Mantenga presionada la tecla Alt (Win) / Opción (Mac) y haga clic en el icono Nueva capa.

Normalmente, Photoshop simplemente agrega una nueva capa en blanco, pero manteniendo presionada la tecla Alt (Win) / Opción (Mac) al hacer clic en el icono Nueva capa, le decimos que primero abra el cuadro de diálogo Nueva capa, que nos da la posibilidad de nombrar la nueva capa antes de que se agregue. Nombra la capa "Cuadrícula", luego haz clic en Aceptar:

Nombre de la nueva capa "Cuadrícula".

La nueva capa en blanco aparece en el panel Capas sobre la capa de fondo:

Photoshop agrega la nueva capa y la nombra "Cuadrícula".

Paso 6: crear una selección de las guías

Hemos dividido nuestro documento en una cuadrícula utilizando las guías de Photoshop, pero las guías son solo para referencia visual. No serán de ninguna utilidad para nosotros a menos que los convirtamos de alguna manera en una cuadrícula real basada en píxeles, y podemos hacerlo fácilmente usando un par de herramientas de selección raramente utilizadas de Photoshop: las herramientas de recuadro de una sola fila y una sola columna.

Haga clic en la herramienta Marco rectangular cerca de la parte superior del panel Herramientas y mantenga presionado el botón del mouse durante un segundo o dos hasta que aparezca un pequeño menú desplegable que le muestre las otras herramientas anidadas detrás, luego elija la Herramienta Marco simple de fila la lista:

Haga clic y mantenga presionado el icono de la herramienta Marco rectangular, luego seleccione la herramienta Marco simple.

Como su nombre lo indica, la herramienta Marco de una sola fila seleccionará una sola fila horizontal de píxeles en el documento. Para usar la herramienta, solo tenemos que hacer clic en cualquier parte del documento y Photoshop seleccionará automáticamente el píxel en el que hicimos clic, además de todos los demás píxeles de esa fila de izquierda a derecha. Vamos a usar la herramienta para convertir las líneas de cuadrícula horizontales en una serie de contornos de selección. Primero, mueva el cursor directamente sobre la línea superior de la cuadrícula horizontal (la que colocó en la marca del 10%) y haga clic. Verá un contorno de selección de 1 píxel de grosor a lo largo de la guía:

Haga clic en cualquier lugar de la primera guía horizontal para agregar un esquema de selección a su alrededor.

Mantenga presionada la tecla Mayús y haga clic en la siguiente guía horizontal debajo de ella. Esto agregará un segundo esquema de selección al documento. Continúe presionando la tecla Mayús y haga clic en todas las guías horizontales hasta que aparezca un esquema de selección a lo largo de cada una de ellas. Debería ver 9 filas de esquema de selección en total. Asegúrese de mantener presionada la tecla Mayús mientras hace clic en cada nueva guía; de lo contrario, simplemente reemplazará el esquema de selección anterior por el nuevo:

Mantenga presionada la tecla Mayús y haga clic en cada guía horizontal para agregar un esquema de selección alrededor de cada una.

Necesitamos hacer lo mismo ahora con las guías verticales, lo que significa que debemos cambiar a la herramienta Marco de columna única. Haga clic en la Herramienta de recuadro de fila única en el panel Herramientas (aparecerá donde el icono de Herramienta de recuadro rectangular apareció anteriormente) y mantenga presionado el botón del mouse hasta que aparezca el menú desplegable, luego elija la Herramienta de recuadro de columna única de la lista:

Haga clic y mantenga presionado el icono de la Herramienta de recuadro de fila única, luego seleccione la Herramienta de recuadro de columna única.

Queremos que nuestros contornos de selección vertical se agreguen a los contornos de selección horizontal que ya tenemos, por lo que una vez más mantenga presionada la tecla Mayús y luego haga clic en cada una de las guías verticales del documento hasta que estén todas seleccionadas. Cuando haya terminado, debe tener contornos de selección a lo largo de cada guía, horizontal y verticalmente:

Una cuadrícula de contornos de selección horizontal y vertical.

Paso 7: llene la selección con negro

Vaya al menú Editar en la parte superior de la pantalla y elija Rellenar :

Vaya a Editar> Rellenar.

Cuando aparezca el cuadro de diálogo Relleno, configure la opción Usar en la parte superior en Negro, luego haga clic en Aceptar para cerrar el cuadro de diálogo:

Cambie la opción Usar a Negro, luego haga clic en Aceptar.

Esto llena las selecciones con negro, aunque puede ser difícil de ver con las guías y los contornos de selección en el camino, así que vaya al menú Seleccionar en la parte superior de la pantalla y elija Deseleccionar, lo que eliminará los contornos de selección:

Vaya a Seleccionar> Deseleccionar.

Luego, para desactivar las guías, vaya al menú Ver, elija Mostrar y luego elija Guías . Al principio, verá una marca de verificación a la izquierda de la palabra Guías que nos indica que las guías están actualmente visibles. Al hacer clic en Guías, se eliminará la marca de verificación y se desactivarán las guías:

Vaya a Ver> Mostrar> Guías.

Con los contornos y guías de selección eliminados, podemos ver nuestra cuadrícula negra en la capa Cuadrícula:

Ahora aparecen las líneas de la cuadrícula negra.

Paso 8: abra la foto que desea usar con el efecto

Abra la foto que usará con el efecto de cuadrícula. Aquí está mi imagen:

Abre la foto.

Si está utilizando Photoshop CS3 o anterior, la foto se abrirá automáticamente en su propia ventana de documento flotante. Si está utilizando Photoshop CS4 o CS5, dependiendo de cómo haya configurado las cosas en las Preferencias de Photoshop, la foto puede abrirse en un documento con pestañas. Si ese es el caso, para facilitar el siguiente paso, vaya al menú Ventana en la parte superior de la pantalla, elija Organizar y luego elija Flotar todo en Windows (solo CS4 y CS5):

Vaya a Ventana> Organizar> Flotar todo en Windows (solo Photoshop CS4 y CS5).

Paso 9: arrastre la foto al documento de cuadrícula

Haga clic en cualquier lugar dentro de la ventana del documento de la cuadrícula para activarla, luego haga clic en la capa Fondo en el panel Capas para seleccionarla. De esta manera, cuando arrastremos la foto al documento, como haremos en un momento, la foto aparecerá en su propia capa entre las capas Fondo y Cuadrícula:

Con la ventana de documento de la cuadrícula seleccionada, haga clic en la capa Fondo en el panel Capas.

Ahora haga clic en cualquier lugar dentro de la ventana del documento de la foto para activarla y seleccione la herramienta Mover en el panel Herramientas:

Agarra la herramienta Mover desde la parte superior del panel Herramientas.

Mantenga presionada la tecla Mayús, luego haga clic con la herramienta Mover dentro de la ventana del documento de la foto y arrastre la foto a la ventana del documento de la cuadrícula:

Con la herramienta Mover seleccionada, mantenga presionada la tecla Mayús y arrastre la foto al documento de cuadrícula.

Suelte el botón del mouse, luego suelte la tecla Mayús y la foto aparecerá centrada dentro de la ventana del documento de la cuadrícula. Puede cerrar el documento de la foto en este momento ya que ya no lo necesitamos:

Mantener presionada la tecla Mayús es lo que centra la foto dentro del documento cuando la arrastra.

Observe que la cuadrícula aparece frente a la foto. Esto se debe a que, si miramos en el panel Capas, vemos que la foto se ha colocado en su propia capa debajo de la capa Cuadrícula, tal como queríamos:

Photoshop colocó la foto en una nueva capa directamente encima de la capa que estaba activa, por lo que primero seleccionamos la capa Fondo.

Paso 10: cambie el tamaño de la foto si es necesario con la transformación libre

Si necesita cambiar el tamaño de su foto dentro del documento de cuadrícula, vaya al menú Editar en la parte superior de la pantalla y elija Transformación libre :

Vaya a Edición> Transformación libre.

Esto coloca el cuadro delimitador Transformación libre y los controles alrededor de la imagen. Si no puede ver los tiradores porque los bordes de su foto se extienden más allá del área visible en la ventana del documento, vaya al menú Ver y elija Ajustar en pantalla :

Vaya a Ver> Ajustar en pantalla.

Photoshop alejará instantáneamente la imagen lo suficiente como para que todo, incluidos los controladores de Transformación libre, quepa en la ventana del documento. Para cambiar el tamaño de la foto, mantenga presionada la tecla Mayús, luego haga clic en cualquiera de los cuatro tiradores de las esquinas 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 presionada la tecla Mayús + Alt (Win) / Mayús + Opción (Mac) mientras arrastra cualquiera de los tiradores de las esquinas. Si necesita mover la imagen dentro del documento, simplemente haga clic en cualquier lugar dentro del cuadro delimitador Transformación libre y arrástrelo a su lugar. Cuando haya terminado, presione Entrar (Win) / Volver (Mac) para aceptar el cambio y salir del comando Transformación libre:

Arrastre cualquiera de los tiradores de las esquinas para cambiar el tamaño de la imagen con Transformación libre.

Si alejó la imagen hace un momento con el comando Ajustar en pantalla y desea volver a acercarla ahora que ha terminado de cambiar el tamaño de la imagen, vuelva al menú Ver y elija Píxeles reales (consulte nuestro Zoom y panorámica en Photoshop tutorial para obtener más información sobre cómo acercar y alejar documentos):

Vaya a Ver> Píxeles reales.

Paso 11: Seleccione la capa de cuadrícula

En este punto, todo el trabajo duro inicial está hecho. Hemos creado nuestra cuadrícula, hemos arrastrado nuestra foto al documento de la cuadrícula, y hemos redimensionado y movido la foto a su posición. ¡Estamos listos para divertirnos coloreando la cuadrícula! Primero, debemos seleccionar la capa Cuadrícula, así que haga clic en ella en el panel Capas para seleccionarla:

Haga clic en la capa Cuadrícula para activarla.

Paso 12: selecciona la herramienta Varita mágica

Para colorear la cuadrícula, necesitamos una forma de seleccionar los cuadrados individuales, y podemos hacerlo usando la herramienta Magic Wand Tool de Photoshop. Selecciónelo desde el panel Herramientas. Si está utilizando Photoshop CS2 o anterior, simplemente puede hacer clic en el icono de Magic Wand. Para Photoshop CS3 y superior, haga clic en la herramienta de selección rápida, luego mantenga presionado el botón del mouse hasta que aparezca un menú desplegable y elija la varita mágica en el menú:

En Photoshop CS3 y superior, la varita mágica se esconde detrás de la herramienta de selección rápida.

Paso 13: Seleccione los cuadrados del borde exterior

Para seleccionar un cuadrado en la cuadrícula, asegúrese de tener seleccionada la capa Cuadrícula en el panel Capas, luego simplemente haga clic dentro del cuadrado con la 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 Mayús y haga clic dentro de los cuadrados que desee. Cada nuevo cuadrado en el que haga clic se seleccionará y agregará a los cuadrados seleccionados previamente. Comencemos seleccionando todos los cuadrados alrededor del borde exterior de la cuadrícula. Primero, haga clic dentro del cuadrado en la esquina superior izquierda de la cuadrícula. Aparecerá un esquema de selección a su alrededor:

Haga clic dentro del cuadrado superior izquierdo en la cuadrícula con la herramienta Varita mágica para seleccionarlo.

Mantenga presionada la tecla Mayús y continúe haciendo clic dentro de cada uno de los cuadrados alrededor de los bordes exteriores de la cuadrícula para agregarlos a la selección:

Todos los cuadrados del borde exterior ahora tienen contornos de selección alrededor de ellos.

Voy a agregar algunos cuadrados más a mi selección también manteniendo presionada la tecla Shift y haciendo clic dentro de ellos para agregarlos a los cuadrados previamente seleccionados. Para que sea más fácil ver qué cuadrados he seleccionado, los he coloreado en amarillo (esto no es parte del efecto, es solo para que sea más fácil ver los cuadrados que he seleccionado en la captura de pantalla):

Mis cuadrados inicialmente seleccionados.

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

Completaremos estos cuadrados iniciales con blanco, lo que creará un borde para el efecto. Mantenga presionada la tecla Ctrl (Win) / Comando (Mac) y haga clic en el icono Nueva capa en la parte inferior del panel Capas:

Mantenga presionada la tecla Ctrl (Win) / Comando (Mac) y haga clic en el icono Nueva capa.

Normalmente, Photoshop agrega nuevas capas directamente sobre la capa seleccionada actualmente, pero al mantener presionada la tecla Ctrl (Win) / Comando (Mac) al hacer clic en el icono Nueva capa, la capa se agrega debajo de la capa seleccionada actualmente. Podemos ver en el panel Capas que ahora tenemos una nueva capa en blanco entre la foto en la Capa 1 y la capa de Cuadrícula:

La nueva capa aparece debajo, no arriba, de la capa Grid.

Paso 15: llene los cuadrados seleccionados con blanco

Vaya al menú Editar en la parte superior de la pantalla y una vez más elija el comando Rellenar . Esta vez, cuando aparezca el cuadro de diálogo Relleno, cambie la opción Usar a Blanco . Haga clic en Aceptar cuando haya terminado:

Establezca la opción Usar en Blanco.

Photoshop llena los cuadrados seleccionados con blanco. Deseleccione los cuadrados yendo al menú Seleccionar y eligiendo Deseleccionar, o simplemente presione Ctrl + D (Win) / Comando + D (Mac) para deseleccionarlos con el atajo de teclado:

Aparece un borde de cuadrados blancos alrededor de la imagen.

Paso 16: Seleccione la capa de cuadrícula

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

Haga clic en la capa de cuadrícula para seleccionarla.

Paso 17: selecciona diferentes cuadrados

Con la capa Grid ahora activa, haga clic dentro de un cuadrado inicial para seleccionarla, luego mantenga presionada la tecla Mayús y haga clic dentro de otros cuadrados para agregarlos a los cuadrados seleccionados previamente. Si cambia de opinión y desea eliminar un cuadrado de la selección, mantenga presionada la tecla Alt (Win) / Opción (Mac) y haga clic dentro del cuadrado para anular la selección. Aquí, una vez más, he resaltado los cuadros que he seleccionado en amarillo solo para que sean más fáciles de ver en la captura de pantalla:

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

Paso 18: selecciona la capa de fotos

Haga clic en la capa de la foto (Capa 1) en el panel Capas para seleccionarla:

Seleccione la capa de la foto en el panel Capas.

Paso 19: Colorea los cuadrados con una capa de ajuste de tono / saturación

Haga clic en el icono Nueva capa de ajuste en la parte inferior del panel Capas:

Haga clic en el icono Nueva capa de ajuste.

Elija Tono / Saturación de la lista de capas de ajuste que aparece:

Elija Tono / Saturación de la lista.

Si está utilizando Photoshop CS4 o CS5, los controles y las opciones para la capa de ajuste de Tono / Saturación aparecerán dentro del Panel de ajustes . En CS3 y versiones anteriores, se abrirá un cuadro de diálogo Tono / Saturación separado. Primero, seleccione la opción Colorear haciendo clic dentro de su casilla de verificación. Luego, elija el color con el que desea colorear los cuadrados seleccionados arrastrando el control deslizante Tono . Para estos cuadrados, voy a dejar el control deslizante Hue totalmente ajustado a la izquierda (su posición predeterminada) que selecciona rojo . Por supuesto, puede elegir el color que desee. Para aumentar la saturación del color, arrastre el control deslizante Saturación hacia la derecha. Voy a establecer mi valor de Saturación en 55 . Mantenga un ojo en su documento mientras arrastra los controles deslizantes para obtener una vista previa de los resultados. Para Photoshop CS3 y usuarios anteriores, haga clic en Aceptar cuando haya terminado de cerrar el cuadro de diálogo:

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

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

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

Cambie el modo de fusión de la capa de ajuste de Tono / Saturación a Color.

Aquí está mi documento después de colorear algunos de los cuadrados rojos:

Se han agregado algunos cuadrados rojos al efecto.

Paso 21: selecciona y colorea más cuadrados

Repita los pasos 16-20 para seleccionar y colorear más cuadrados. Primero seleccione la capa de Cuadrícula en el panel Capas, luego haga clic dentro de un cuadrado para seleccionarlo con la Varita Mágica. Mantenga presionada la tecla Mayús y haga clic dentro de más cuadrados para agregarlos a la selección. Haga clic en la capa de fotos en el panel Capas para seleccionarla, luego haga clic en el icono Nueva capa de ajuste y elija Tono / Saturación . Seleccione la opción Colorear, luego elija un color con el control deslizante Tono y un nivel de saturación con el control deslizante Saturación . Haga clic en Aceptar para cerrar el cuadro de diálogo (CS3 y versiones anteriores). Finalmente, cambie el modo de fusión de la nueva capa de ajuste a Color .

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 Tono, simplemente arrastre el control deslizante de Saturación completamente hacia la izquierda, lo que eliminará todo el color (tampoco es necesario seleccionar la opción Colorear):

Elimine todo el color de algunos cuadrados arrastrando el control deslizante Saturación hasta la izquierda.

Aquí está mi efecto hasta ahora después de colorear más cuadrados con capas adicionales de ajuste de Tono / Saturación. En caso de que quiera usar los mismos colores que usé, para el azul configuré Hue a 200, Saturación a 30. Para Verde, Hue se configuró a 120, Saturación 25. Para Púrpura, Hue fue 289, Saturación 35. Y como acabo de mencionado, para los cuadrados en blanco y negro, Saturación se estableció en -100 arrastrando el control deslizante hacia la izquierda:

El efecto de cuadrícula coloreada hasta ahora.

Paso 22: Pruebe un modo de color diferente para algunas de las capas de ajuste

El único problema que tengo con mi resultado hasta ahora es que realmente no se ve tan brillante y colorido como esperaba. Una forma de cambiar eso es cambiar el modo de fusión para algunas de las capas de ajuste. Si miramos en el panel Capas, podemos ver todas las capas de ajuste que he usado para colorear los cuadrados. Hay cinco en total, incluido el que usé para el efecto blanco y negro:

Se usaron cinco capas de ajuste para el efecto.

Para agregar más interés a la imagen, intente cambiar el modo de fusión para algunas de las capas de ajuste a algo distinto de Color. Para hacer eso, simplemente haga clic en la capa de ajuste en el panel Capas para seleccionarla, luego cambie el modo de fusión en la parte superior del panel Capas. Por ejemplo, creo que el color rojo en mi imagen se ve un poco aburrido, así que haré clic en la capa superior de ajuste de Tono / Saturación en el panel Capas para seleccionarlo (ya que es el que solía agregar rojo), luego Cambiaré su modo de fusión de Color a Pantalla :

Seleccionando la capa de ajuste de Tono / Saturación roja, luego cambiando su modo de fusión a Pantalla.

El modo de mezcla de pantalla hace que las cosas sean más brillantes, pero también tiende a reducir la saturación de color, por lo que para compensar, con la capa de ajuste de Tono / Saturación roja seleccionada, volveré al Panel de ajustes y aumentaré el valor de Saturación del rojo a 70 (para Photoshop CS3 y usuarios anteriores, haga clic en la miniatura de la capa de ajuste en el panel Capas para volver a abrir el cuadro de diálogo Tono / Saturación para realizar cualquier cambio, luego haga clic en Aceptar para cerrar el cuadro de diálogo):

Cambiar un modo de fusión puede requerir ajustes en el nivel de saturación del color.

Aquí está mi imagen después de cambiar el modo de fusión de rojo a pantalla y aumentar su saturación de color. Observe que los cuadrados rojos ahora se ven más brillantes:

La pantalla es un modo de mezcla popular que se usa comúnmente para iluminar rápidamente las imágenes.

Haré lo mismo con la capa de ajuste de Tono / Saturación púrpura, primero haciendo clic en ella para seleccionarla en el panel Capas, luego cambiando su modo de fusión a Pantalla y aumentando su saturación de color a 55 en el Panel de ajustes (o cuadro de diálogo en CS3 y anteriores). Otros modos de mezcla que pueden brindarle buenos resultados incluyen Multiplicar (para un color más oscuro), así como Superposición que le brindará un mayor efecto de contraste pero también puede cambiar la apariencia del color en sí. Aquí está mi efecto ahora con los cuadrados rojos y morados configurados en el modo de mezcla de pantalla:

Los diferentes modos de mezcla te darán diferentes efectos. Screen, Multiply y Overlay son buenos para probar.

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

Como paso final para el efecto, cambiemos la apariencia de las líneas de la cuadrícula, primero cambiando su color de negro a blanco. Haga clic en la capa Cuadrícula en el panel Capas para seleccionarla, luego haga clic en el icono Bloquear píxeles transparentes justo debajo de la opción de modo de fusión (es el primero de cuatro iconos seguidos):

Haga clic en el icono Bloquear píxeles transparentes.

Paso 24: Rellene las líneas de cuadrícula con blanco

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

Vaya al menú Editar y una vez más elija Rellenar . Cuando aparece el cuadro de diálogo Relleno, la opción Usar ya debería estar configurada en Blanco ya que eso es lo que configuramos la última vez, así que simplemente haga clic en Aceptar para cerrar el cuadro de diálogo. Photoshop llenará las líneas de la cuadrícula con blanco:

Photoshop llena la capa de blanco, pero solo las líneas de la cuadrícula se ven afectadas.

Paso 25: Agregue un estilo de capa de trazo

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

Haga clic en el icono de Estilos de capa.

Elija Trazo de la lista de estilos de capa que aparece:

Seleccione Trazo de la lista.

Esto abre el cuadro de diálogo Estilo de capa de Photoshop establecido en las opciones de Trazo en la columna central. Haga clic en la muestra de color junto a la palabra Color, que abre el Selector de color . Elija blanco en el Selector de color, luego haga clic en Aceptar para cerrarlo. Con el blanco ahora como el color del trazo, deje la Posición establecida en Exterior y ajuste el ancho del trazo arrastrando el control deslizante Tamaño mientras observa el documento para juzgar el resultado. Voy a establecer el tamaño de mi trazo en 2 px (píxeles):

Cambie el color del trazo a blanco, luego ajuste su ancho con el control deslizante Tamaño.

Haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa, ¡y listo! Aquí está mi efecto final de cuadrícula de color:

El resultado final.