Diseño de cuadrícula de color en Photoshop

Diseño de cuadrícula de color en Photoshop

Diseño de cuadrícula de color en Photoshop

En esto Tutorial de efectos de Photoshop, aprenderemos a crear un diseño de cuadrícula coloreada! Usaremos las guías y reglas de Photoshop para configurar el espaciado inicial, luego un par de herramientas de selección que rara vez se usan 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 en sí!

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

Este es el efecto final en el que trabajaremos:

Efecto de diseño de cuadrícula coloreada de Photoshop.

El diseño de cuadrícula de color final.

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

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:

Archivo de Photoshop><noscript><img alt= Nuevo.» width=»291″ height=»129″ src=»https://lovingfotografia.com/wp-content/uploads/Diseno-de-cuadricula-de-color-en-Photoshop.gif»>

Esto abre Photoshop Nuevo documento caja de diálogo. Voy a crear un documento de forma cuadrada ingresando 1000 píxeles tanto para el Ancho y 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 Resolución valor 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 mas alto. 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 en Photoshop.

El cuadro de diálogo Nuevo documento.

Paso 2: mostrar reglas

Sube al Vista en la parte superior de la pantalla y elija Gobernantes, o presione Ctrl + R (Ganar) / Comando + R (Mac) para activar rápidamente las reglas con el atajo de teclado:

Activando las reglas de Photoshop.

Vaya a Ver> Reglas.

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

Esto muestra las reglas de Photoshop en la parte superior e izquierda del documento. Dependiendo del tipo de medida en el que estén configuradas las reglas en las Preferencias de Photoshop, es probable que muestren píxeles o pulgadas. Mueva el cursor del mouse hacia las reglas, ya sea a lo largo de la parte superior o la izquierda, luego Botón derecho del ratón (Ganar) / Control-clic (Mac) dentro de las reglas y elija Por ciento de la lista. Verá que las reglas cambian a incrementos porcentuales:

Cambiar el tipo de medida de las reglas de Photoshop a Porcentaje.

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 en incrementos del 10 por ciento

La razón por la que activamos las reglas fue para poder agregar fácilmente guías igualmente espaciadas a nuestro documento, que luego se convertirán en nuestras líneas de cuadrícula. Primero agreguemos 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):

Colocación de una guía vertical en el documento de Photoshop.

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

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

Las guías verticales se han colocado en el documento de Photoshop.

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

A continuación, 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. Utilice la regla izquierda para colocar la guía en la marca del 10%. Continúe arrastrando las guías horizontales en incrementos del 10% (20%, 30%, 40%, como antes) hasta la marca del 90%. Cuando haya terminado, debería tener la misma cantidad de guías horizontales y verticales que dividen el documento en una cuadrícula de cuadrados:

Se agregaron guías de Photoshop horizontales y verticales.

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

Con las guías en su lugar, presione Ctrl + R (Ganar) / 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 su Alt (Ganar) / Opción (Mac) y haga clic en la Nueva capa en la parte inferior del panel Capas:

Icono de nueva capa de Photoshop.

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

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

Cuadro de diálogo Nueva capa de Photoshop.

Nombra la nueva capa «Cuadrícula».

La nueva capa en blanco aparece en el panel Capas encima de la capa Fondo:

La nueva capa llamada Cuadrícula aparece en el panel Capas en Photoshop.

Photoshop agrega la nueva capa y la nombra «Cuadrícula».

Paso 6: cree una selección a partir de las guías

Hemos dividido nuestro documento en una cuadrícula usando 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 convierta 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 de Photoshop que rara vez se usan: las herramientas de marco de una sola fila y una sola columna.

Clickea en el Herramienta Marco Rectangular cerca de la parte superior del panel Herramientas y mantenga presionado el botón del mouse durante uno o dos segundos hasta que aparezca un pequeño menú desplegable que le muestre las otras herramientas anidadas detrás de adentro, luego elija el Herramienta de marco de una sola fila de la lista:

Herramienta de marco de una sola fila de Photoshop.

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

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, 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 la línea de cuadrícula horizontal superior (la que colocó en la marca del 10%) y haga clic. Verá aparecer un esquema de selección de 1 píxel de grosor a lo largo de la guía:

Seleccionar una guía horizontal con la herramienta Marco de una sola fila en Photoshop.

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

Mantenga presionada su Cambio 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 Shift y haciendo 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 selección delinear filas en total. Asegúrese de mantener presionada la tecla Shift mientras hace clic en cada nueva guía; de lo contrario, simplemente reemplazará el esquema de selección anterior con el nuevo:

Se han seleccionado todas las guías horizontales.

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.

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

Herramienta de marco de una sola columna de Photoshop.

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

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

Una cuadrícula de contornos de selección en Photoshop.

Una cuadrícula de contornos de selección horizontales y verticales.

Paso 7: rellene la selección con negro

Sube al Editar en la parte superior de la pantalla y elija Llenar:

Seleccionando el comando Relleno en Photoshop.

Vaya a Editar> Rellenar.

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

Cuadro de diálogo Relleno de Photoshop.

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 suba a la Seleccione en la parte superior de la pantalla y elija Deseleccionar, que eliminará los contornos de selección:

Comando Deseleccionar de Photoshop.

Vaya a Seleccionar> Deseleccionar.

Luego, para apagar las guías, suba a la Vista menú, elija Showy luego elige 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 visibles actualmente. Al hacer clic en Guías, se eliminará la marca de verificación y se apagarán las guías:

Desactivación de las guías de Photoshop.

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 Grid:

Una cuadrícula creada en Photoshop.

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

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

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

Una foto de una mujer sonriendo.

Abre la foto.

Si está utilizando Photoshop CS3 o una versión 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, suba al Ventana menú en la parte superior de la pantalla, elija Arreglary luego elige Flotar todo en Windows (Solo CS4 y CS5):

Photoshop CS4 CS5 Float All en el comando de Windows.

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 el Capa de fondo en el panel Capas para seleccionarlo. De esta forma, 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:

La capa Fondo en el panel Capas en Photoshop.

Con la ventana del 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 el Herramienta de movimiento desde el panel Herramientas:

Herramienta de movimiento de Photoshop.

Coge la herramienta Mover de la parte superior del panel Herramientas.

Mantenga presionada su Cambio , 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:

Arrastrar una foto entre dos documentos de Photoshop.

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 Shift y la foto aparecerá centrada dentro de la ventana del documento de la cuadrícula. Puede cerrar el documento de la foto en este punto, ya que ya no lo necesitamos:

La foto aparece dentro del documento de cuadrícula en Photoshop.

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

Observe que la cuadrícula aparece delante de la foto. Eso es porque, 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:

El panel Capas en Photoshop CS5.

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 Free Transform

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

Seleccionando el comando Transformación libre en Photoshop.

Vaya 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 los tiradores porque los bordes de la foto se extienden más allá del área visible en la ventana del documento, suba a la Vista menú y elegir Encajar en la pantalla:

Comando Ajustar en pantalla de Photoshop.

Vaya 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 de la ventana del documento. Para cambiar el tamaño de la foto, mantenga presionada la Cambio , luego haga clic en cualquiera de los cuatro controles 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 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, simplemente 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 el cambio y salir del comando Transformación libre:

Cambiar el tamaño de la foto con Free Transform en Photoshop.

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 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 Píxeles reales (consulte nuestro tutorial Zoom y panorámica en Photoshop para obtener más información sobre cómo acercar y alejar documentos):

Vista de Photoshop><noscript><img alt= Comando Píxeles reales.» width=»250″ height=»122″ src=»https://lovingfotografia.com/wp-content/uploads/1631283487_244_Diseno-de-cuadricula-de-color-en-Photoshop.gif»>

Paso 11: seleccione la capa de cuadrícula

En este punto, todo el trabajo duro inicial está hecho. Creamos nuestra cuadrícula, arrastramos nuestra foto al 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, necesitamos seleccionar la capa Grid, así que haga clic en ella en el panel Capas para seleccionarla:

Seleccionando la capa Grid en el panel Capas.

Haga clic en la capa Grid para activarla.

Paso 12: seleccione la herramienta Varita mágica

Para colorear la cuadrícula, necesitamos una forma de seleccionar los cuadrados individuales, y podemos hacerlo usando Photoshop Varita mágica. Selecciónelo en el panel Herramientas. Si está utilizando Photoshop CS2 o una versión anterior, simplemente haga clic en el icono de la Varita mágica. Para Photoshop CS3 y superior, haga clic en el 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ú:

Herramienta Varita mágica de Photoshop CS5.

En Photoshop CS3 y versiones posteriores, 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 la capa de la cuadrícula seleccionada 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 Cambio y haga clic dentro de los cuadrados que desee. Cada nuevo cuadrado dentro del cual haga clic se seleccionará y 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 la esquina superior izquierda de la cuadrícula. Aparecerá un esquema de selección a su alrededor:

Seleccionando el cuadrado superior izquierdo en la cuadrícula.

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

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

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

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

También voy a agregar algunos cuadrados más a mi selección manteniendo presionada la tecla Shift nuevamente 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 coloreé 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):

Los cuadrados seleccionados se resaltan en amarillo.

Mis casillas inicialmente seleccionadas.

Paso 14: 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. Mantenga presionada su control (Ganar) / Mando (Mac) y haga clic en la Nueva capa en la parte inferior del panel Capas:

El icono Nueva capa en el panel Capas en Photoshop CS5.

Mantenga presionada la tecla Ctrl (Win) / Command (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 ícono Nueva capa, se agrega la capa. debajo 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 Grid:

Se agrega una nueva capa debajo de la capa Grid.

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

Paso 15: rellene los cuadrados seleccionados 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. Haga clic en Aceptar cuando haya terminado:

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

Establezca la opción Usar en Blanco.

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

Los cuadrados seleccionados se han rellenado de blanco.

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 el Capa de cuadrícula activo en el panel Capas, así que haga clic en él para seleccionarlo. Recuerde, siempre debe seleccionar la capa Grid antes de poder seleccionar cualquier cuadrado:

Seleccionando la capa Grid en el panel Capas.

Haga clic en la capa Grid para seleccionarla.

Paso 17: seleccione diferentes cuadrados

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

Se ha seleccionado un segundo conjunto de cuadrados.

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

Paso 18: seleccione la capa de fotos

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

Seleccionando la capa de la foto en el panel Capas en Photoshop.

Seleccione la capa de la foto en el panel Capas.

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

Clickea en el Nueva Capa de Ajuste en la parte inferior del panel Capas:

Icono de nueva capa de ajuste de Photoshop.

Haga clic en el icono Nueva capa de ajuste.

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

Seleccionar una capa de ajuste de Tono / Saturación en Photoshop.

Elija Tono / Saturación de la lista.

Si está utilizando Photoshop CS4 o CS5, los controles y opciones para la capa de ajuste de Tono / Saturación aparecerán dentro de la Panel de ajustes. En CS3 y versiones anteriores, se abrirá un cuadro de diálogo de Tono / Saturación por separado. 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, dejaré el control deslizante de Tono configurado completamente hacia la izquierda (su posición predeterminada) que selecciona rojo. Por supuesto, puedes elegir el color que más te guste. Para aumentar la saturación del color, arrastre el Saturación deslizador hacia la derecha. Voy a establecer mi valor de saturación en 55. Vigile 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 para cerrar el cuadro de diálogo:

Ajuste de matiz / saturación de Photoshop.

Haga clic en la opción Colorear, luego elija un color con los controles deslizantes de 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 la capa de ajuste directamente encima de la capa de la 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 asegura que solo cambiemos los colores de la imagen, no los valores de brillo:

Cambiando el modo de fusión de capas a Color.

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 de rojo:

Algunos de los cuadrados han sido rojo coloreado.

Se han añadido algunos cuadrados rojos al efecto.

Paso 21: Seleccione y coloree más cuadrados

Repita los pasos 16-20 para seleccionar y colorear más cuadrados. Primero seleccione el Capa de cuadrícula en el panel Capas, luego haga clic dentro de un cuadrado para seleccionarlo con la Varita Mágica. Sostener Cambio y haga clic dentro de más cuadrados para agregarlos a la selección. Clickea en el capa de fotos en el panel Capas para seleccionarlo, luego haga clic en el Nueva Capa de Ajuste icono y elige La saturación de color. Selecciona el Colorear opción, luego elija un color con la Matiz control deslizante y un nivel de saturación con el Saturación deslizador. Haga clic en Aceptar para cerrar el cuadro de diálogo (CS3 y versiones anteriores). Finalmente, cambie el modo de mezcla de la nueva capa de ajuste para Color.

También puede usar una capa de ajuste de Tono / Saturación para desaturar 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 control deslizante completamente hacia la izquierda, que eliminará todo el color (tampoco es necesario seleccionar la opción Colorear):

Desaturar el color con el control deslizante Saturación.

Elimine todo el color de algunos cuadrados arrastrando el control deslizante Saturación completamente hacia 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 quieras usar los mismos colores que yo, para el azul configuré el tono en 200, la saturación en 30. Para el verde, el tono se estableció en 120, la saturación en 25. Para el púrpura, el tono fue 289, la saturación en 35. Y como acabo de mencionado, para los cuadrados en blanco y negro, la saturación se estableció en -100 arrastrando el control deslizante completamente hacia la izquierda:

El efecto de cuadrícula coloreada hasta ahora.

El efecto de cuadrícula coloreada hasta ahora.

Paso 22: pruebe con 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 de 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:

Panel de capas de Photoshop que muestra las capas de ajuste.

Se utilizaron cinco capas de ajuste para el efecto.

Para agregar más interés a la imagen, intente cambiar el modo de fusión de algunas de las capas de ajuste a algo que no sea 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 opaco, 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 usé para agregar rojo), luego Cambiaré su modo de fusión de Color a Pantalla:

Cambiar el modo de fusión de una capa de ajuste a Pantalla.

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

El modo de fusión de pantalla hace que las cosas sean más brillantes, pero también tiende a reducir la saturación del 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 Saturación valor de 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):

Aumentando el nivel de saturación del rojo a 70.

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 imagen con la capa de ajuste roja establecida en Pantalla.

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

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 fusión que pueden brindarle buenos resultados incluyen Multiplicar (para un color más oscuro), así como Superposición, que le brindará un efecto de mayor contraste, pero también puede cambiar la apariencia del color en sí. Aquí está mi efecto ahora con los cuadrados rojos y púrpuras configurados en el modo de fusión de pantalla:

Las capas de ajuste rojo y morado se han configurado en el modo de fusión de pantalla.

Los diferentes modos de mezcla te darán diferentes efectos. Pantalla, Multiplicar y Superponer son buenas opciones para probar.

Paso 23: cambie el color de las líneas de la 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 Grid en el panel Capas para seleccionarla, luego haga clic en el Bloquear píxeles transparentes icono justo debajo de la opción de modo de fusión (es el primero de cuatro iconos seguidos):

El icono Bloquear transparencia en el panel Capas en Photoshop.

Haga clic en el icono Bloquear píxeles transparentes.

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

Con la opción Bloquear píxeles transparentes seleccionada en la capa Cuadrícula, cualquier cosa que hagamos en la capa afectará solo a los píxeles. No tendrá ningún efecto sobre las áreas transparentes. 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 de la capa 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. Photoshop llenará las líneas de la cuadrícula con blanco:

Las líneas de cuadrícula de la capa ahora son blancas.

Photoshop llena la capa con 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 Estilos de capa en la parte inferior del panel Capas:

Icono de estilos de capa de Photoshop.

Haga clic en el icono de Estilos de capa.

Escoger Carrera de la lista de estilos de capa que aparece:

Estilo de capa de trazo de Photoshop.

Seleccione Trazo de la lista.

Esto abre Photoshop Estilo de capa cuadro de diálogo establecido en las opciones de Trazo en la columna central. Clickea en el muestra de color al lado de 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 color de trazo, deje el Posición ajustado a Fuera de y ajuste el ancho del trazo arrastrando el Tamaño control deslizante mientras vigila el documento para juzgar el resultado. Voy a establecer el tamaño de mi trazo en 2 px (píxeles):

Opciones de estilo de capa de Photoshop Stroke.

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 de cuadrícula de color final:

Efecto de diseño de cuadrícula coloreada de Photoshop.

El resultado final.