En este tutorial de Photoshop Effects, aprenderemos cómo crear un divertido y sencillo borde de foto de patrón de medios tonos usando un par de filtros de Photoshop, una herramienta de selección básica, una máscara de capa y un modo de mezcla de capas. Usaremos filtros inteligentes para crear el efecto, lo que nos permitirá realizar cambios fácilmente en el borde de la foto después de haberlo creado sin tener que deshacer o rehacer ningún paso. Los filtros inteligentes se introdujeron por primera vez en Photoshop CS3, lo que significa que necesitará al menos Photoshop CS3 si desea los beneficios adicionales que ofrecen los filtros inteligentes (usaré Photoshop CS4), pero este efecto se puede crear con cualquier versión de Photoshop, incluidos Photoshop Elements, así que no pierdas la esperanza solo porque no tienes CS3 o CS4.

Si está utilizando Photoshop CS2 o anterior, o Photoshop Elements, simplemente ignore los pocos pasos que se ocupan específicamente de los filtros inteligentes y aplique filtros regulares a la capa como lo haría normalmente. Lo único que se perderá es la mayor flexibilidad y capacidad de edición que nos brindan los filtros inteligentes.

Aquí está el borde de la foto del patrón de medios tonos que crearemos:

El borde final de la foto del patrón de medios tonos.

Cómo crear un borde de foto de patrón de medios tonos

Paso 1: agregue una nueva capa en blanco

Con nuestra foto recién abierta en Photoshop, podemos ver en nuestra paleta Capas que actualmente tenemos una capa llamada Fondo . Esta es la capa que contiene nuestra imagen. Vamos a crear nuestro borde de foto en una capa separada sobre la imagen, lo que significa que debemos agregar una nueva capa a nuestro documento de Photoshop. Para agregar una nueva capa, haga clic en el icono Nueva capa en la parte inferior de la paleta Capas:

Haga clic en el icono Nueva capa para agregar una nueva capa en blanco sobre la capa Fondo.

Aparece una nueva capa en blanco en la paleta Capas directamente encima de la capa Fondo. Photoshop nombra automáticamente la nueva capa "Capa 1". Si miramos la miniatura de vista previa a la izquierda del nombre de la capa, podemos ver un patrón cuadrado gris y blanco. Así es como Photoshop representa la transparencia, haciéndonos saber que nuestra nueva capa es actualmente transparente. En otras palabras, no hay nada en este momento:

La miniatura de vista previa a la izquierda del nombre de una capa nos muestra lo que hay actualmente en la capa. Un patrón gris y blanco significa que la capa está en blanco.

Paso 2: llene la nueva capa con blanco

Vamos a utilizar el blanco como color para el borde de nuestra foto, por lo que necesitaremos llenar nuestra nueva capa con blanco. Vaya al menú Editar en la parte superior de la pantalla y elija Rellenar :

Vaya a Editar> Rellenar.

Esto abre el cuadro de diálogo Relleno de Photoshop. Elija Blanco de la lista a la derecha de la palabra Usar en la mitad superior del cuadro de diálogo. Además, asegúrese de que la opción Modo en la mitad inferior del cuadro de diálogo esté establecida en Normal y la Opacidad esté establecida en 100% . Estas son las configuraciones predeterminadas para estas opciones, por lo que probablemente no tendrá que preocuparse por ellas a menos que haya realizado cambios en ellas anteriormente:

El comando Rellenar es una forma de rellenar una capa o selección con un color en Photoshop.

Haga clic en Aceptar para salir del cuadro de diálogo. Photoshop llenará la nueva capa con blanco, bloqueando temporalmente la foto en la capa de fondo de la vista:

Dado que "Capa 1" está encima de la capa de Fondo, el color de relleno blanco sólido bloquea temporalmente la vista de la foto debajo.

Paso 3: selecciona la herramienta Marco rectangular

Necesitamos definir los bordes de nuestro borde de foto, y para eso, usaremos la herramienta de marco rectangular de Photoshop que nos permite dibujar fácilmente selecciones de forma rectangular. Haga clic en la herramienta Marco rectangular en la paleta Herramientas para seleccionarla, o presione la letra M en su teclado para seleccionarla rápidamente con el acceso directo:

La herramienta Marco rectangular es una de las herramientas de selección básicas de Photoshop.

Luego, con la herramienta Marco rectangular seleccionada, haga clic en la esquina superior izquierda del documento y arrastre un contorno de selección para definir los bordes del borde de la foto. El área fuera de la selección (entre el contorno de la selección y los bordes del documento) se convertirá en el borde de la foto, mientras que el área dentro de la selección será donde la foto sea visible. Si necesita reposicionar la selección mientras la dibuja, mantenga presionada la barra espaciadora y arrastre el mouse para mover la selección según sea necesario, luego suelte la barra espaciadora y continúe dibujando la selección. Cuando haya terminado, debe tener una selección rectangular que describa los cuatro bordes del borde de la foto:

Intente dejar la misma cantidad de espacio alrededor de cada borde para el borde de la foto.

Paso 4: Rellene el área seleccionada con negro

Necesitamos llenar el área seleccionada con negro, y podemos usar el mismo comando de Relleno que usamos antes cuando llenamos toda la capa con blanco. Regrese al menú Editar en la parte superior de la pantalla y elija Rellenar una vez más. Esta vez, cuando aparezca el cuadro de diálogo Relleno, elija Negro de la lista a la derecha de la palabra Usar :

Elija Negro esta vez como color de relleno.

Haga clic en Aceptar para salir una vez más del cuadro de diálogo Relleno. La última vez que usamos el comando Relleno, Photoshop llenó toda la capa con nuestro color elegido. Esta vez, dado que tenemos una selección activa en nuestro documento, solo se llena el área dentro de la selección. Presione Ctrl + D (Win) / Comando + D (Mac) para anular la selección de la selección y eliminar el esquema de selección:

Si una selección está actualmente activa, el comando Rellenar solo llenará el área dentro de la selección.

Paso 5: Convierta "Capa 1" en un objeto inteligente

Si está utilizando Photoshop CS2 o anterior, o Photoshop Elements, puede omitir este paso ya que solo se aplica a Photoshop CS3 y superior. Vamos a aplicar un par de filtros inteligentes a la "Capa 1", lo que nos permitirá regresar y cambiar la configuración del filtro en cualquier momento que queramos después de haber creado el borde inicial de la foto para ajustar el efecto . Sin embargo, antes de que podamos usar los filtros inteligentes, primero debemos convertir nuestra capa en un objeto inteligente . La aplicación de uno de los filtros estándar de Photoshop a un objeto inteligente convierte automáticamente el filtro en un filtro inteligente.

Para convertir la capa en un objeto inteligente, vaya al menú Filtro en la parte superior de la pantalla y seleccione Convertir para filtros inteligentes . También puede ir al menú Capa, elegir Objetos inteligentes y luego Convertir a objeto inteligente . Estas son solo dos formas diferentes de decir lo mismo. En cualquier caso, simplemente estamos convirtiendo la capa en un objeto inteligente:

Smart Objects apareció por primera vez en Photoshop CS2, seguido de Smart Filters en Photoshop CS3.

De hecho, para que sea más obvio que todo lo que estamos haciendo es convertir la capa en un Objeto inteligente, si selecciona "Convertir para filtros inteligentes" en el menú Filtro, Photoshop abrirá un cuadro de diálogo advirtiendo que la capa está a punto para convertirse en un objeto inteligente. Haga clic en Aceptar para salir de ella:

La conversión de una capa para filtros inteligentes simplemente convierte la capa en un objeto inteligente.

Parece que nada ha cambiado en la ventana del documento, pero si miramos en la esquina inferior derecha de la miniatura de vista previa para "Capa 1" en la paleta Capas, aparece un pequeño icono de Objeto inteligente, que nos permite saber que la capa ahora está un objeto inteligente:

El icono en la esquina inferior derecha de la miniatura de vista previa nos dice que la capa es un Objeto inteligente.

Paso 6: aplique el filtro de desenfoque gaussiano

Si omitió el paso anterior porque no está utilizando Photoshop CS3 o CS4, ¡bienvenido de nuevo! Ahora vamos a crear nuestro efecto de patrón de medios tonos, y estos próximos pasos son los mismos sin importar qué versión de Photoshop esté usando. Primero, necesitamos suavizar los bordes del borde de la foto. Vaya al menú Filtro, elija Desenfocar y luego elija Desenfoque gaussiano :

Vaya a Filtro> Desenfocar> Desenfoque gaussiano.

Esto abre el cuadro de diálogo del filtro Gaussian Blur. Suaviza los bordes del borde de la foto arrastrando el control deslizante Radio en la parte inferior del cuadro de diálogo. Cuanto más arrastre el control deslizante hacia la derecha, más borroso se aplicará a la capa, lo que dará como resultado un área de transición más amplia entre la parte negra en el centro y el borde blanco de la foto alrededor de los bordes. No hay un valor de radio específico para usar, ya que dependerá del tamaño de la foto en la que esté trabajando, con fotos más grandes que requieren valores de radio más grandes, así que vigile su imagen en la ventana del documento mientras arrastra el control deslizante para juzgar el resultados. Tenga en cuenta que el ancho del patrón de medios tonos que agregaremos en el siguiente paso estará determinado por el ancho del área de transición que establezcamos aquí. Es por eso que los filtros inteligentes hacen la vida mucho más fácil, ya que podemos volver fácilmente y probar diferentes configuraciones de filtro en cualquier momento que queramos.

Voy a establecer mi valor de radio en algún lugar alrededor de 16 píxeles. Nuevamente, el valor que usa puede ser diferente:

Suaviza los bordes entre las áreas blancas y negras de la capa ajustando el valor del Radio.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo y aplicar el desenfoque a la capa. Los bordes donde se encuentran las áreas en blanco y negro de la capa ahora son mucho más suaves:

Ahora aparece un área de transición suave entre las áreas en blanco y negro.

Paso 7: aplique el filtro de medios tonos de color

Regrese al menú Filtro y esta vez, elija Pixelate, luego elija Color Halftone :

Vaya a Filtro> Pixelar> Semitono de color.

Esto muestra el cuadro de diálogo Color Halftone de Photoshop. El filtro Color Halftone fue diseñado para simular el aspecto de una imprenta offset tradicional de cuatro colores, convirtiendo la imagen en una serie de puntos de colores superpuestos en varios tamaños. Si ese fuera el efecto al que apuntamos aquí (que no lo es), primero tendríamos que convertir nuestra imagen del modo de color RGB al modo de color CMYK, ya que el filtro requiere cuatro canales de color (Cian, Magenta, Amarillo y Negro) para que funcione correctamente y el modo de color RGB usa solo tres canales (Rojo, Verde y Azul). Sin embargo, simplemente estamos usando el filtro para crear un patrón repetitivo de círculos, por lo que no hay necesidad de preocuparse por el modo de color en el que estamos trabajando. Lo más probable es que esté trabajando en el modo de color RGB y está bien para este efecto .

Primero, configure cada una de las cuatro opciones de Canales a 45 grados. Esto nos dará un patrón limpio y uniforme de círculos. La opción Radio máximo en la parte superior del cuadro de diálogo establece el tamaño de los círculos más grandes en el patrón. Al igual que el filtro Gaussian Blur que aplicamos anteriormente, no hay un valor específico para usar aquí, ya que depende completamente del efecto que desea crear y del tamaño de la foto con la que está trabajando. Nuevamente, aquí es donde los filtros inteligentes facilitan las cosas, ya que podemos volver y probar diferentes configuraciones sin tener que deshacer ningún paso. Como ya he aplicado este efecto varias veces al preparar este tutorial, sé que un valor de 12 píxeles funciona bien con mi imagen. Lo más probable es que necesites experimentar algunas veces para encontrar el tamaño que mejor funcione para tu foto:

Configure cada canal a 45 grados, luego configure el tamaño de los círculos más grandes en el patrón con la opción Radio máximo.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo Color Halftone y aplicar el filtro a la capa (u Objeto inteligente). Ahora debería ver una serie de círculos repetidos en varios tamaños alrededor del borde de su foto. El tamaño de los círculos más grandes en el patrón se estableció con el valor de Radio máximo hace un momento:

Aparece el patrón de medios tonos.

Si está utilizando Photoshop CS3 o CS4 y no está satisfecho con el tamaño de los puntos en el patrón, continúe por ahora ya que veremos cómo editar la configuración del Filtro inteligente al final del tutorial. Si está utilizando una versión anterior de Photoshop y desea probar un valor de Radio máximo diferente para cambiar el tamaño de los puntos, presione Ctrl + Z (Win) / Comando + Z (Mac) para deshacer el último paso, luego repita Paso 7 nuevamente usando un valor diferente. Puede deshacer el paso y volver a intentar el filtro con un valor diferente tantas veces como sea necesario.

Paso 8: cambie el modo de fusión de "Capa 1" a la pantalla

Finalmente, para ocultar el color negro sólido en "Capa 1" y permitir que la foto en la capa de Fondo debajo se muestre, vaya a la opción Modo de fusión en la parte superior de la paleta Capas y cambie el modo de fusión de la capa de Normal a Pantalla :

Cambia el modo de mezcla de "Capa 1" a Pantalla.

El modo de mezcla de pantalla, que cubro con mucho más detalle en nuestro tutorial de Cinco modos de fusión esenciales para la edición de fotos, oculta las áreas de la capa que están llenas de negro mientras que las áreas llenas de blanco permanecen intactas, y si miramos en la ventana de nuestro documento después de cambiar el modo de fusión, podemos ver que nuestro borde de patrón de medios tonos blanco permanece visible mientras que el negro se ha ocultado por completo de la vista, permitiendo que la imagen en la capa Fondo se muestre y complete nuestro efecto de borde de foto:

El borde final de la foto del patrón de medios tonos.

Paso 9: cambie la configuración del filtro inteligente para editar el efecto (opcional)

Si está utilizando Photoshop CS3 o CS4 y está trabajando con filtros inteligentes, verá los dos filtros que ha agregado a "Capa 1" en la paleta Capas, con el filtro agregado más recientemente en parte superior de la lista Puede probar diferentes configuraciones de filtro para cambiar el aspecto del borde de la foto en cualquier momento simplemente haciendo doble clic directamente en el nombre del filtro. Por ejemplo, volveré a abrir el cuadro de diálogo Color Halftone haciendo doble clic en el nombre del filtro en la paleta Capas:

Haga doble clic en el nombre de un Filtro inteligente en la paleta Capas para editar la configuración del filtro.

Ahora puedo probar un valor diferente para la opción Radio máximo sin necesidad de deshacer ningún paso. Esta vez probaré un valor de 20 píxeles, lo que debería hacer que los círculos en el patrón sean un poco más grandes:

Pruebe con un valor de Radio máximo diferente para ajustar el tamaño de los círculos en el patrón.

Haga clic en Aceptar para cerrar el cuadro de diálogo y Photoshop actualiza la imagen en la ventana del documento con la nueva configuración. Como se esperaba, los círculos en el patrón de medios tonos ahora son más grandes. Puede volver y probar diferentes configuraciones con la frecuencia que desee con los filtros inteligentes:

Los filtros inteligentes facilitan la experimentación con diferentes configuraciones de filtro al crear efectos.

También puede retroceder y ajustar el ancho del patrón de medios tonos cambiando el valor del Radio que usamos para el filtro Gaussian Blur. Simplemente haga doble clic en el nombre del filtro Gaussian Blur en la paleta Capas para volver a abrir su cuadro de diálogo. Sin embargo, cuando lo haga, aparecerá un pequeño cuadro de advertencia:

Una advertencia de filtros inteligentes.

A menos que seleccione la opción No volver a mostrar en la esquina inferior izquierda, verá este cuadro de advertencia cada vez que vaya a volver a editar un Filtro inteligente que tenga otros Filtros inteligentes enumerados arriba (en este caso, el Tono medio de color el filtro aparece en la lista encima), y puede hacer clic con seguridad en Aceptar para salir de él, momento en el que aparecerá el cuadro de diálogo del filtro. La advertencia simplemente nos dice que Photoshop no podrá mostrarnos una vista previa de cómo los cambios que estamos haciendo están afectando a los otros filtros encima de él hasta que haga clic en Aceptar y aceptemos los cambios. No es nada de qué preocuparse, ya que siempre podemos volver y cambiar la configuración del filtro nuevamente si no nos gustan los resultados. No voy a molestarme en editar la configuración de mi filtro Gaussian Blur, ya que estoy contento con la apariencia de mi borde de fotos, pero asegúrese de jugar por su cuenta para ver lo increíblemente fácil que es experimentar con diferentes configuraciones de filtro gracias a Los filtros inteligentes de Photoshop.