En este tutorial de efectos fotográficos de Photoshop, aprenderemos cómo crear efectos de borde de fotos interesantes usando los pinceles de Photoshop . Photoshop se entrega con tantos pinceles geniales que las posibilidades de diferentes efectos de borde son prácticamente infinitas, especialmente porque podemos combinar múltiples pinceladas y diferentes herramientas de pincel, como la herramienta Borrador, ¡para una mayor variedad!

En este tutorial, nos centraremos en los pinceles que Photoshop instala para nosotros, pero si también sabe cómo crear sus propios pinceles personalizados, entonces realmente no hay límite para lo que se le ocurre.

Aquí está la foto que usaré en este tutorial:

La imagen original

Aquí hay un ejemplo del tipo de efecto de borde de foto que crearemos. Dado que el propósito de este tutorial no es crear este borde exacto, sino aprender a crear sus propios diseños de borde con pinceles, sus resultados pueden ser muy diferentes:

Uno de los muchos posibles diseños de bordes de fotos.

Cómo crear bordes de fotos con pinceles en Photoshop

Paso 1: Duplicar la capa de fondo

Lo primero que debemos hacer es crear una copia de nuestra foto original. Con mi imagen recién abierta en Photoshop, mi documento actualmente contiene solo una capa, la capa de fondo, que es la capa que contiene mi imagen:

El panel Capas de Photoshop muestra la imagen en la capa Fondo.

Para hacer una copia de esta capa, vaya al menú Capa en la parte superior de la pantalla, elija Nuevo y luego elija Capa mediante Copia . O, para una forma más rápida, use el método abreviado de teclado Ctrl + J (Win) / Comando + J (Mac):

Vaya a Capa> Nueva> Capa a través de Copiar, o presione Ctrl + J (Win) / Comando + J (Mac).

Si volvemos a mirar en el panel Capas, ahora debería ver dos capas: la capa de fondo original en la parte inferior y una copia de la capa, que Photoshop ha denominado automáticamente "Capa 1", sentada encima de ella:

Photoshop coloca la copia sobre la capa de fondo y la nombra "Capa 1".

Paso 2: agregue espacio de lienzo adicional alrededor de la imagen

Antes de agregar nuestro efecto de borde de foto, agreguemos un poco de espacio extra en el lienzo alrededor de los bordes de la foto. Para hacerlo, vaya al menú Imagen en la parte superior de la pantalla y elija Tamaño del lienzo :

Vaya a Imagen> Tamaño del lienzo.

Esto abre el cuadro de diálogo Tamaño de lienzo de Photoshop. Voy a agregar media pulgada de espacio de lienzo alrededor de mi foto ingresando un valor de 0.5 pulgadas para las opciones Ancho y Altura . Asegúrese de que su tipo de medición esté configurado en pulgadas y no en píxeles o algún otro tipo. Además, asegúrese de que la opción Relativa debajo de las opciones Ancho y Altura esté marcada.

En la mitad inferior del cuadro de diálogo, asegúrese de que el cuadrado central en la cuadrícula de anclaje esté seleccionado. Esto colocará el espacio extra del lienzo alrededor de toda la imagen. Finalmente, elija Negro para el color en la parte inferior del cuadro de diálogo:

Agregue espacio adicional alrededor de la foto con el cuadro de diálogo Tamaño del lienzo.

Haga clic en Aceptar en la esquina superior derecha del cuadro de diálogo cuando haya terminado para salir de él. Si miramos en la ventana del documento, podemos ver que ahora tenemos un lienzo adicional alrededor de la imagen, y el espacio adicional está lleno de negro:

El espacio extra del lienzo ha sido agregado y lleno de negro.

Paso 3: Agregue una nueva capa en blanco sobre "Capa 1"

De vuelta en el panel Capas, debería ver "Capa 1" resaltada en azul. Esto significa que la capa está actualmente seleccionada. Si no está resaltado en azul, haga clic en él para seleccionarlo. Vamos a colocar el borde de nuestra foto en su propia capa sobre la imagen, lo que significa que debemos agregar una nueva capa en blanco. Para hacerlo, haga clic en el icono Nueva capa en la parte inferior del panel Capas. Lo encontrará directamente a la izquierda de la Papelera en el extremo derecho de la fila de iconos:

Agregue una nueva capa en blanco haciendo clic en el icono Nueva capa en el panel Capas.

Parece que no ha pasado nada en la ventana del documento ya que la nueva capa está en blanco, pero podemos ver en el panel Capas que se ha agregado una nueva capa sobre "Capa 1", que Photoshop ha llamado previsiblemente "Capa 2":

Agregue una nueva capa en blanco haciendo clic en el icono Nueva capa en el panel Capas.

Paso 4: agregue un esquema de selección alrededor de la imagen original

A continuación, debemos colocar un esquema de selección alrededor de nuestra imagen original (como en la imagen antes de agregar el espacio extra del lienzo). Nuestra foto original, sin el espacio extra del lienzo, se encuentra en "Layer 1". Para colocar rápidamente un esquema de selección a su alrededor, mantenga presionada la tecla Ctrl (Win) / Comando (Mac) y haga clic en la miniatura de vista previa para "Capa 1" en el panel Capas. No hay necesidad de seleccionar la capa primero. Simplemente mantenga presionada la tecla Ctrl / Comando y haga clic en la miniatura de vista previa:

Mantenga presionada la tecla Ctrl (Win) / Comando (Mac) y haga clic en la miniatura de vista previa de capa para "Capa 1".

Esto coloca un esquema de selección, también conocido como "hormigas marchantes", alrededor de la foto en la ventana del documento:

Aparece un esquema de selección alrededor de la imagen.

Paso 5: Convierta el esquema de selección en una ruta

Necesitamos convertir el esquema de selección en una ruta . Una vez que tengamos nuestro camino, crearemos nuestro efecto de borde de foto aplicando algunos trazos de pincel. Para convertir el esquema de selección en una ruta, cambie al panel Rutas . Lo encontrará agrupado en el panel Capas. Haga clic en la pestaña de nombre en la parte superior para cambiar del panel Capas al panel Rutas:

Cambie entre paneles agrupados, como los paneles Capas, Canales y Rutas, haciendo clic en sus pestañas de nombre.

Con el panel Rutas ahora abierto, haga clic en el icono Crear ruta de trabajo desde la selección en la parte inferior del panel Rutas (tercer icono de la derecha):

Haga clic en el icono "Crear ruta de trabajo desde la selección" para convertir la selección en una ruta.

Verá que aparece una nueva ruta llamada "Ruta de trabajo" en el panel Rutas. El término "Ruta de trabajo" simplemente significa que la ruta es temporal. Podríamos hacer que la ruta sea permanente si quisiéramos arrastrándola hacia abajo al icono Nueva ruta en la parte inferior del panel Rutas (el icono directamente a la izquierda de la Papelera), pero no hay necesidad de hacerlo para el efecto estamos creando:

Las rutas en el panel Rutas se parecen mucho a las capas en el panel Capas.

Si volvemos a mirar nuestra foto en la ventana del documento, vemos que nuestro esquema de selección ha sido reemplazado por una línea delgada. La línea es nuestro camino, y en un momento, la usaremos para crear nuestro borde de foto:

Ahora aparece una línea delgada (el camino) alrededor de la foto en lugar del contorno de selección.

Paso 6: selecciona la herramienta Pincel

Como vamos a aplicar trazos de pincel a nuestra ruta recién creada, primero tendremos que seleccionar la herramienta Pincel . Haga clic en la herramienta Pincel en el panel Herramientas para seleccionarla, o presione la letra B en su teclado para seleccionarla con el acceso directo:

Seleccione la herramienta Pincel.

Paso 7: establece el color de primer plano en blanco

Photoshop pinta con la herramienta Pincel utilizando el color de primer plano actual, así que antes de elegir un pincel, configuremos nuestro color de primer plano en blanco. Comenzaremos usando el blanco como color del borde, pero veremos cómo cambiar fácilmente el color al final del tutorial.

La forma más fácil de configurar su color de primer plano en blanco es presionar primero la letra D en su teclado. Esto restablecerá los colores predeterminados y de fondo a sus valores predeterminados, con negro como color de primer plano y blanco como color de fondo. Luego, para intercambiarlos de modo que el blanco se convierta en el color de primer plano, presione la letra X en su teclado. Encontrará las muestras de color de primer plano y fondo cerca de la parte inferior del panel Herramientas. La muestra en la parte superior izquierda (color de primer plano) ahora debería ser blanca:

La herramienta Pincel pinta con el color de primer plano actual, que ahora debería ser blanco.

Paso 8: abra el panel Pinceles

Con la herramienta Pincel ahora seleccionada y blanca como su color de primer plano, haga clic en el icono de alternar del panel Pinceles en la barra de opciones en la parte superior de la pantalla. Como su nombre lo indica, este ícono abre y cierra el panel Pinceles:

Abra y cierre el panel Pinceles con el icono de alternar en la Barra de opciones.

Paso 9: elige un pincel preestablecido

Esto abre el panel Pinceles de Photoshop, donde podemos elegir cualquiera de los pinceles preestablecidos que se instalaron con Photoshop. Asegúrese de que la opción Ajustes preestablecidos de pincel esté seleccionada en la parte superior de la columna izquierda para que podamos ver una vista previa a la derecha de todos los pinceles que están disponibles para nosotros. Para elegir cualquiera de los pinceles, simplemente haga clic en su icono de vista previa. Si tiene activada la opción Mostrar información sobre herramientas en las Preferencias de Photoshop, verá aparecer el nombre del pincel al pasar el cursor del mouse sobre cada icono.

No siempre es fácil saber cómo se verá un pincel simplemente por su pequeño ícono, pero cuando vea que un pincel parece ser interesante, haga clic en él para seleccionarlo y verá una vista previa en la parte inferior de el panel que le da una idea mucho mejor de cómo se verá el trazo del pincel. Por ejemplo, aquí he hecho clic en el pincel Dry Brush 39 px y, a juzgar por la vista previa en la parte inferior del panel, podría hacer un borde de foto interesante:

Haga clic en un pincel para seleccionarlo. Aparecerá una vista previa del trazo de pincel en la parte inferior del panel Pinceles.

Paso 10: trazar el camino con el pincel

Veamos cómo se ve este pincel como un borde de foto. Para ocultar el panel Pinceles de la vista y poder ver la ventana de su documento más fácilmente, haga clic una vez más en el icono de alternar en la Barra de opciones. O, para una forma más rápida de abrir y cerrar el panel Pinceles, presione la tecla F5 en su teclado.

Para trazar la ruta con el pincel, asegúrese de que la Ruta de trabajo esté seleccionada y resaltada en azul en el panel Rutas, ya que la ruta debe estar activa para que esto funcione, de lo contrario los iconos en la parte inferior del panel aparecerán en gris y indisponible. Luego haga clic en el icono Trazo de trazo con pincel en la parte inferior del panel Trazados (segundo icono desde la izquierda):

Haga clic en el icono "Trazo de trazo con pincel" en el panel Trazados.

Tan pronto como haga clic en el icono, Photoshop aplica el trazo de pincel alrededor del borde de la imagen a lo largo del camino. Para tener una mejor idea de cómo se ve el borde, oculte la ruta temporalmente haciendo clic en el panel Rutas en cualquier área gris en blanco debajo de la Ruta de trabajo. Así es como se ve mi primer intento de borde de foto:

El resultado con el primer pincel.

No está mal, pero veamos qué más se nos ocurre. Gran parte del proceso de creación de bordes de fotos con pinceles implica experimentar, por lo que si no está satisfecho con el resultado y desea volver a intentarlo, simplemente presione Ctrl + Z (Win) / Comando + Z (Mac) para deshacer el trazo del pincel, luego abra nuevamente el panel Pinceles haciendo clic en el icono de alternar en la Barra de opciones o presionando la tecla F5 en su teclado. Esta vez, probaré el pincel Rough Round Bristle de 100 px haciendo clic en él para seleccionarlo:

Intentando de nuevo con un pincel diferente.

Para volver a intentarlo con el nuevo pincel, primero haga clic en la Ruta de trabajo en el panel Rutas para seleccionarlo y activarlo. Luego haga clic una vez más en el icono Trazo de trazo con pincel . Haga clic en cualquier lugar en un área gris en blanco debajo de la Ruta de trabajo en el panel Rutas para ocultar temporalmente la ruta de la vista, luego juzgue los resultados en la ventana del documento. Esta vez, obtengo un borde de foto completamente diferente:

Un pincel diferente nos da un resultado completamente diferente.

Si encuentra que el trazo del pincel es demasiado grueso o demasiado estrecho, deshaga el trazo del pincel con Ctrl + Z (Win) / Comando + Z (Mac), luego cambie el tamaño del pincel con las teclas de soporte izquierda y derecha en su teclado. Presione la tecla del corchete izquierdo (() varias veces para hacer que el pincel sea más pequeño, o la tecla del corchete derecho ()) para agrandarlo, luego haga clic en el icono Trazo de trazo con pincel para volver a intentarlo. Recuerde, primero deberá hacer clic en la Ruta de trabajo en el panel Rutas para activar la ruta antes de hacer clic en el icono.

Paso 11: Cargue juegos de pinceles adicionales para obtener más variedad

Photoshop viene con muchos pinceles para que usemos, pero de forma predeterminada, solo un pequeño número de ellos está cargado y disponible. Para cargar cualquiera de los conjuntos de pinceles adicionales, haga clic en el icono del menú en la esquina superior derecha del panel Pinceles. Dependiendo de la versión de Photoshop que esté usando, su icono de menú puede aparecer como aparece en la captura de pantalla a continuación (Photoshop CS4) o puede aparecer como una pequeña flecha:

Haga clic en el icono del menú en la esquina superior derecha del panel Pinceles.

Esto abre un menú que muestra varias opciones para el panel Pinceles, así como una lista de otros conjuntos de pinceles listos y en espera de ser cargados. Para cargar un conjunto de pinceles diferente, simplemente haga clic en el nombre del conjunto en la lista. Voy a cargar el conjunto de pinceles para medios secos :

Elija un conjunto de pinceles diferente de la lista.

Photoshop abrirá un cuadro de diálogo que le preguntará si desea reemplazar el conjunto actual de pinceles con el nuevo conjunto o si desea agregar el nuevo conjunto al final del conjunto que está cargado actualmente. Haga clic en el botón Agregar :

Elija la opción Anexar para agregar los nuevos pinceles con los existentes.

Los nuevos pinceles aparecerán debajo de los originales en el panel Pinceles. Probablemente necesite desplazarse hacia abajo en la lista para verlos. Elija cualquiera de los pinceles recién agregados haciendo clic en sus iconos. Aparece una vista previa del trazo del pincel en la parte inferior del panel al igual que con los pinceles originales. Voy a hacer clic en el pincel Heavy Smear Wax Crayon 20 px del conjunto de pinceles para medios secos para seleccionarlo:

El pincel Heavy Smear Wax Crayon parece un buen borde para la foto.

Una vez más, haré clic en el icono Trazo de trazo con pincel en la parte inferior del panel Trazados, y aquí está el resultado del borde de mi foto:

Un tercer borde de foto creado simplemente eligiendo un pincel diferente.

Hay muchos pinceles geniales en los juegos de pinceles adicionales, ¡así que asegúrese de cargarlos todos y probarlos!

Paso 12: selecciona la herramienta Borrador

Uno de los aspectos más interesantes de los pinceles de Photoshop es que funcionan con cualquier herramienta de pincel, no solo con la herramienta de pincel oficial. Por ejemplo, es posible que no pienses en la Herramienta Borrador como un pincel, pero lo es, y todos los pinceles que hemos estado usando con la Herramienta Pincel se pueden usar con la Herramienta Borrador. ¡La única diferencia es que, en lugar de pintar un nuevo trazo de pincel, la herramienta Borrador se puede usar para borrar parte de un trazo existente, agregando aún más potencial creativo a los bordes de sus fotos!

Dejaré el borde de mi foto actual en su lugar y seleccionaré la herramienta Borrador en el panel Herramientas. También puede seleccionarlo presionando la letra E en su teclado:

Seleccione la herramienta Borrador.

Paso 13: Trace el camino con la herramienta Borrador para borrar parte del borde

Con la herramienta Borrador seleccionada, ahora puede elegir cualquiera de los pinceles en el panel Pinceles tal como lo hemos estado haciendo con la Herramienta Pincel. Por ejemplo, seleccionaré el mismo pincel que elegí inicialmente, el pincel Dry Brush 39 px. Esta vez, sin embargo, lo usaré con la herramienta Borrador, no con la herramienta Pincel, lo que significa que lo usaré para borrar parte del borde de mi foto existente:

Todos los pinceles de Photoshop se pueden usar con cualquier herramienta de pincel, incluida la herramienta Borrador.

Paso 14: trace el camino con la herramienta Borrador para borrar parte del borde

Voy a hacer que el pincel sea un poco más pequeño que su tamaño predeterminado presionando la tecla del corchete izquierdo en mi teclado un par de veces. Luego, trazaré la ruta con la herramienta Borrador haciendo clic en el icono Trazar ruta con pincel en la parte inferior del panel Trayectorias. Esta vez, en lugar de pintar un borde completamente nuevo, borré parte del borde existente a lo largo del camino, dándole a mi foto un aspecto completamente nuevo:

Al trazar la ruta con la herramienta Borrador, se borró parte del borde existente a lo largo de la ruta.

Puede pasar mucho tiempo jugando y experimentando con los diferentes pinceles, la Herramienta Pincel y la Herramienta Borrador, y le recomiendo que lo haga, ya que no hay límite para los bordes de las fotos que puede crear. Para terminar, veamos cómo cambiar el color del borde de nuestra foto. ¡Haremos eso después!

Paso 15: Agregue un estilo de capa de superposición de color a "Layer 2"

Para cambiar el color del borde de la foto a otro que no sea blanco, primero vuelva al panel Capas. Asegúrese de que "Capa 2" esté seleccionado y resaltado en azul, luego haga clic en el icono de Estilos de capa en la parte inferior del panel Capas y seleccione Superposición de color de la lista que aparece:

Vuelva al panel Capas, haga clic en el icono Estilos de capa y elija Superposición de color.

Esto muestra el cuadro de diálogo Estilo de capa de Photoshop establecido en las opciones de Superposición de color en la columna central. Para cambiar el color, haga clic en la muestra de color :

Haga clic en la Muestra de color para cambiar el color del borde de la foto.

Esto muestra el selector de color de Photoshop:

Cuadro de diálogo Selector de color de Photoshop.

Puede elegir un color del Selector de color, pero lo que prefiero hacer con los bordes de la foto es probar un color directamente de la foto, lo que permite que el borde se mezcle de forma más natural. Para muestrear un color de la foto, deje abierto el Selector de color y mueva el cursor del mouse sobre la imagen. Verá que el cursor cambia a un icono de cuentagotas. Haga clic en el color que desea muestrear y verá que el color del borde de la foto cambia instantáneamente a ese color. Voy a probar un color rojo grisáceo de la cerca:

Haga clic en un color en la foto para probarlo y úselo como color de borde.

Una vez que haya elegido su color, haga clic en Aceptar para salir del Selector de color, luego haga clic en Aceptar para salir del cuadro de diálogo Estilo de capa, ¡y listo! Aquí está el borde de mi foto después de trazar la ruta inicialmente con la herramienta Pincel, borrar parte de ella con la herramienta Borrador y, finalmente, cambiar el color del borde con un estilo de capa Superposición de color:

El efecto final del borde de la foto.