Patrones de repetición en Photoshop – Lo básico

Paso 1: Crear un nuevo documento

Empecemos por crear un único mosaico para el patrón. Para ello, necesitamos un nuevo documento en blanco, así que sube al menú Archivo en la barra de menús de la parte superior de la pantalla y elige Nuevo:

Esto abre el cuadro de diálogo Nuevo documento. Introduzca 100 píxeles para la anchura y la altura. El tamaño del documento determinará el tamaño del mosaico, que afectará a la frecuencia con la que se repite el patrón en el documento (ya que un mosaico más pequeño necesitará más repeticiones para llenar la misma cantidad de espacio que un mosaico más grande). En este caso crearemos un mosaico de 100 px x 100 px. Querrás experimentar con diferentes tamaños cuando crees tus propios patrones más adelante.

Dejaré mi valor de Resolución establecido en 72 píxeles/pulgada. Establezca el Contenido del fondo en Transparente para que nuestro nuevo documento tenga un fondo transparente:

Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo. El nuevo documento aparece en su pantalla. El patrón de tablero de ajedrez que rellena el documento es la forma en que Photoshop nos indica que el fondo es transparente. Como el documento es bastante pequeño, de sólo 100 px x 100 px, lo ampliaré manteniendo pulsada la tecla Ctrl (Win) / Comando (Mac) y pulsando el signo más ( + ) varias veces. Aquí, el documento está ampliado al 500%:

Paso 2: Añadir guías por el centro del documento

Necesitamos saber el centro exacto de nuestro documento, y podemos encontrarlo usando las guías de Photoshop. Sube al menú Ver en la parte superior de la pantalla y elige Nueva guía:

Esto abre el cuadro de diálogo Nueva guía. Seleccione Horizontal para la Orientación, luego ingrese 50% para la Posición. Haga clic en Aceptar para cerrar el cuadro de diálogo y verá que aparece una guía horizontal por el centro del documento:

Vuelve a subir al menú Ver y de nuevo elige Nueva Guía. Esta vez, en el cuadro de diálogo Nueva guía, seleccione Vertical para la Orientación y vuelva a introducir el 50% para la Posición:

Haga clic en Aceptar para cerrar el cuadro de diálogo, y ahora debería tener una guía vertical y horizontal que atraviesa el centro del documento. El punto donde se encuentran es el centro exacto. El color de la guía por defecto es cian, por lo que puede ser un poco difícil de ver en la captura de pantalla:

Cambiando el color de las guías (opcional)

Si tiene problemas para ver las guías debido a su color claro, puede cambiar su color en las Preferencias de Photoshop. En un PC, vaya al menú Editar, elija Preferencias, luego elija Guías, Rejilla & Rebanadas. En un Mac, suba al menú de Photoshop, elija Preferencias, luego elija Guías, Rejilla & Rebanadas:

Esto abre el cuadro de diálogo de Preferencias de Photoshop configurado con las opciones de Guías, Cuadrícula & Rebanadas. La primera opción en la parte superior de la lista es Color de guía. Como ya he mencionado, se establece en cian por defecto. Haga clic en la palabra Cyan y elija un color diferente de la lista. Verás una vista previa del color en la ventana del documento. Yo cambiaré el mío a Rojo Claro:

Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo de Preferencias. Las guías en la ventana del documento aparecen ahora en el nuevo color (tenga en cuenta que Photoshop seguirá mostrando las guías en este nuevo color hasta que vuelva a las Preferencias y cambie el color de nuevo a Cian o elija un color diferente):

Paso 3: Dibujar una forma en el centro del documento

Puede crear patrones muy complejos en Photoshop, o pueden ser tan simples como, por ejemplo, un punto o un círculo repetido. Vamos a dibujar un círculo en el centro del documento. En primer lugar, selecciona la herramienta Marco elíptico del panel Herramientas. Por defecto, se esconde detrás de la Herramienta Marquesina Rectangular, así que haz clic en la Herramienta Marquesina Rectangular y mantén pulsado el botón del ratón durante uno o dos segundos hasta que aparezca un menú desplegable, entonces selecciona la Herramienta Marquesina Elíptica de la lista:

Con la Herramienta Marco Elíptico seleccionada, mueva el retículo directamente sobre el punto de intersección de las guías en el centro del documento. Mantenga pulsadas las teclas Shift+Alt (Win) / Shift+Option (Mac), haga clic en el centro del documento y, con el botón del ratón aún pulsado, arrastre una selección circular. Si mantienes pulsada la tecla Shift mientras arrastras, la forma de la selección se convertirá en un círculo perfecto, mientras que la tecla Alt (Win) / Opción (Mac) le dice a Photoshop que dibuje el contorno de la selección desde el centro. Cuando hayas terminado, el contorno de tu selección debería tener un aspecto similar a este (no te preocupes por el tamaño exacto siempre que se acerque):

Paso 4: Rellenar la selección con negro

Suba al menú Edición en la parte superior de la pantalla y elija Relleno:

Esto abre el cuadro de diálogo Relleno, donde podemos elegir un color para rellenar la selección. Establece la opción Usar en la parte superior del cuadro de diálogo en Negro:

Haga clic en Aceptar para cerrar el cuadro de diálogo. Photoshop rellena la selección circular con negro. Pulse Ctrl+D (Win) / Comando+D (Mac) para eliminar rápidamente el contorno de la selección alrededor de la forma (también podría ir al menú Seleccionar en la parte superior de la pantalla y elegir Deseleccionar, pero el atajo de teclado es más rápido). Ten en cuenta que mi documento está todavía ampliado al 500%, por lo que los bordes del círculo aparecen en bloque:

Plantilla de códigos cortos, acciones y filtros: Error en el shortcode

Paso 5: Duplicar la capa

Con sólo este círculo añadido en el centro del mosaico, podríamos guardar el mosaico como un patrón, pero vamos a hacer que se vea un poco más interesante antes de hacerlo. En primer lugar, haz una copia de la capa subiendo al menú Capa en la parte superior de la pantalla, eligiendo Nueva, y luego eligiendo Capa vía Copia. O, si prefieres los atajos de teclado, pulsa Ctrl+J (Win) / Comando+J (Mac):

Todavía no ocurrirá nada en la ventana del documento, pero una copia de la capa, que Photoshop denomina «Copia de la capa 1», aparece sobre la original en el panel Capas:

Paso 6: Aplicar el filtro de desplazamiento

Cuando se diseñan mosaicos para utilizarlos como patrones de repetición, hay un filtro que utilizarás casi siempre, y es el de Desplazamiento, al que puedes acceder subiendo al menú Filtro en la parte superior de la pantalla, eligiendo Otro, y luego eligiendo Desplazamiento:

Esto abre el cuadro de diálogo del filtro Desplazamiento. El filtro Desplazamiento mueve, o desplaza, el contenido de una capa en un número especificado de píxeles, ya sea horizontalmente, verticalmente, o ambos. Al crear patrones de repetición simples como el que estamos diseñando aquí, querrá introducir la mitad de la anchura de su documento en el cuadro de entrada Horizontal y la mitad de la altura de su documento en el cuadro de entrada Vertical. En nuestro caso, estamos trabajando con un documento de 100 px x 100 px, así que establece la opción Horizontal en 50 píxeles y la opción Vertical también en 50 píxeles. En la parte inferior del cuadro de diálogo, en la sección Áreas no definidas, asegúrate de que la opción Envolver está seleccionada:

Haga clic en Aceptar para cerrar el cuadro de diálogo. En la ventana del documento, vemos que el filtro Desplazamiento ha tomado la copia del círculo que hicimos en el paso anterior y la ha dividido en cuatro partes iguales, colocándolas en las esquinas del documento. El círculo que queda en el centro es el círculo original que dibujamos en la Capa 1:

Paso 7: Definir el mosaico como patrón

Con el mosaico diseñado, vamos a guardarlo como un patrón real, un proceso al que Photoshop se refiere como «definir un patrón». Sube al menú Edición en la parte superior de la pantalla y elige Definir patrón:

Photoshop abrirá un cuadro de diálogo pidiéndote que nombres el nuevo patrón. Es una buena idea incluir las dimensiones de la baldosa en el nombre del patrón en caso de que diseñe varias baldosas similares en diferentes tamaños. En este caso, nombra la baldosa «Círculos 100×100». Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo. ¡El mosaico ya está guardado como patrón!

Paso 8: Crear un nuevo documento

Hemos diseñado nuestro mosaico y lo hemos definido como patrón, lo que significa que ahora podemos utilizarlo para rellenar una capa entera. Vamos a crear un nuevo documento para trabajar. Tal y como hicimos en el paso 1, ve al menú Archivo y elige Nuevo. Cuando aparezca el cuadro de diálogo Nuevo documento, introduzca 1.000 píxeles para la anchura y la altura. Deja la Resolución en 72 píxeles/pulgada y, esta vez, establece el Contenido de fondo en Blanco para que el fondo del nuevo documento se llene de blanco sólido. Haz clic en Aceptar cuando hayas terminado para salir del cuadro de diálogo. El nuevo documento aparecerá en su pantalla:

Paso 9: Añadir una nueva capa

Podríamos simplemente rellenar la capa de Fondo del documento con nuestro patrón, pero eso limitaría seriamente lo que podemos hacer con él. Como veremos en el próximo tutorial cuando veamos cómo añadir colores y degradados a los patrones, una forma mucho mejor de trabajar es colocar el patrón repetido en su propia capa. Haz clic en el icono de Nueva Capa en la parte inferior del panel Capas:

Aparece una nueva capa en blanco llamada «Capa 1» sobre la capa de Fondo:

Paso 10: Rellenar la nueva capa con el patrón

Con nuestra nueva capa añadida, ¡vamos a rellenarla con nuestro patrón! Sube al menú Editar y elige Relleno:

Normalmente, el comando Relleno de Photoshop se utiliza para rellenar una capa o selección con un color sólido, tal y como hicimos en el paso 4 cuando lo utilizamos para rellenar la selección circular con negro. Pero también podemos utilizar el comando Relleno para rellenar algo con un patrón, y lo hacemos ajustando primero la opción Usar en la parte superior del cuadro de diálogo a Patrón:

Con Patrón seleccionado, aparece justo debajo una segunda opción, Patrón personalizado, que es donde elegimos el patrón que queremos usar. Haz clic en la miniatura de la vista previa del patrón:

Esto abre el selector de patrones, que muestra pequeñas miniaturas de todos los patrones que tenemos actualmente para elegir. El patrón circular que acabamos de crear será la última miniatura de la lista. Si tiene activadas las sugerencias de herramientas en las Preferencias de Photoshop (están activadas por defecto), el nombre del patrón aparecerá cuando pase el cursor por encima de la miniatura. Haz doble clic sobre él para seleccionarlo y salir del selector de patrones:

Una vez que haya seleccionado el patrón, todo lo que queda por hacer es hacer clic en Aceptar para cerrar el cuadro de diálogo de Relleno. Photoshop rellena la capa en blanco del documento con el patrón de círculo, repitiendo el mosaico tantas veces como sea necesario:

A dónde ir ahora…

¡Y eso es realmente todo lo que hay que hacer! Obviamente, nuestro patrón de círculos en blanco y negro no nos hará ganar muchos premios, pero lo importante que hay que sacar de este primer tutorial son los pasos que hemos utilizado para crearlo, diseñando una sola baldosa, definiendo la baldosa como un patrón, y luego utilizando el comando Relleno de Photoshop para rellenar una capa entera con el patrón. A continuación, empezaremos a llevar las cosas más lejos aprendiendo a añadir colores y degradados a nuestros patrones. O visite nuestra sección de Fundamentos de Photoshop para aprender más sobre los fundamentos de Photoshop!