Cree plantillas de Photoshop para efectos fotográficos

En este tutorial de Photoshop, aprenderemos cómo crear y luego reutilizar un efecto fotográfico como un Plantilla de Photoshop utilizando objetos inteligentes y filtros inteligentes. Los objetos inteligentes se introdujeron por primera vez en Photoshop CS2 y Photoshop CS3 los lleva aún más lejos con los filtros inteligentes. Ambas adiciones recientes a Photoshop tienen el potencial de cambiar completamente la forma en que trabaja dentro del programa, ya que le brindan un nivel asombroso de flexibilidad que simplemente no existe sin ellas.


Para aprovechar al máximo este tutorial, necesitará tener Photoshop CS3, ya que es la única versión de Photoshop (hasta ahora de todos modos) que viene con filtros inteligentes, aunque todavía puede hacer bastante simplemente con Photoshop CS2 y objetos inteligentes. . Por supuesto, aún puede leer el tutorial incluso si tiene una versión anterior de Photoshop, aunque solo sea para ver qué tipo de funciones obtendrá si decide actualizar.

¿Qué son los objetos inteligentes y los filtros inteligentes?

Si alguna vez ha utilizado un programa de diseño de página, estará familiarizado con el funcionamiento de los objetos inteligentes. Cuando convierte una imagen en un objeto inteligente en Photoshop, ya no está trabajando en la imagen en sí, aunque todavía parezca que lo está. En cambio, estás trabajando en un referencia a la imagen, con la imagen real almacenada de forma segura en un archivo separado que crea Photoshop. El objeto inteligente es básicamente un contenedor que muestra la referencia a la imagen real. Esto es lo que nos permite crear plantillas a partir de documentos de Photoshop que usan Objetos Inteligentes, ya que cuando terminamos de crear nuestro efecto con la imagen original, podemos decirle a Photoshop que simplemente reemplace la imagen dentro del contenedor de Objetos Inteligentes con una imagen diferente, o más precisamente, le decimos a Photoshop que referencia una imagen diferente, y así, Photoshop intercambia una imagen con otra y todo el efecto se recrea instantáneamente usando la nueva imagen, ¡sin tener que rehacer nada del trabajo!

Entonces, ¿qué son los filtros inteligentes? Esencialmente, son los mismos que los filtros regulares de Photoshop que encontramos en el menú Filtro en la barra de opciones. De hecho, son exactamente lo mismo. La única diferencia, como veremos, es que cuando aplica un filtro a un objeto inteligente, Photoshop lo convierte en una versión «inteligente» del filtro, con la diferencia de que los filtros inteligentes permanecen completamente, ¡100% editables! Normalmente, cuando aplica uno de los filtros de Photoshop a una imagen, la imagen en sí es alterada físicamente por el filtro, y si desea cambiar la configuración del filtro, tendrá que deshacer sus pasos hasta justo antes de aplicar. el filtro (asumiendo que no se han agotado los estados de Historial) y luego aplíquelo nuevamente con la nueva configuración. ¡No es así con los filtros inteligentes! Con un filtro inteligente, puede volver atrás en cualquier momento, cambiar la configuración en el cuadro de diálogo del filtro y hacer que la nueva configuración se aplique a la imagen al instante sin dañar o incluso tocar la imagen de ninguna manera. Si está familiarizado con el funcionamiento de las capas de ajuste en Photoshop, los filtros inteligentes funcionan básicamente de la misma manera.

Como mencioné, idealmente tendrá Photoshop CS3 para este tutorial, pero todavía hay muchas cosas que puede hacer al crear una foto.
plantillas simplemente con Photoshop CS2 y Smart Objects. De hecho, lo único que no puede hacer con Photoshop CS2 es aplicar un filtro a un objeto inteligente, al menos no si aún desea poder usar el efecto como una plantilla de foto.

Un par de cosas para señalar antes de comenzar. Primero, aunque crearemos un efecto fotográfico simple aquí, uno que funciona muy bien con la fotografía de bodas, el efecto en sí no es el foco de este tutorial, aunque ciertamente puede recrear el mismo efecto si lo desea. El propósito de este tutorial de Photoshop es mostrarle cómo crear un efecto utilizando objetos inteligentes y filtros inteligentes para que luego pueda aplicar el conocimiento a sus propias creaciones de plantillas de fotos. En segundo lugar, para utilizar una foto diferente con la plantilla, es importante que la nueva foto coincida con la original en términos de tamaño, orientación y resolución de la imagen. Si la foto original utilizada era un retrato de 8 x 10 a una resolución de 300 ppp, cualquier foto con la que la reemplace también debe ser un retrato de 8 x 10 a una resolución de 300 ppp; de lo contrario, obtendrá resultados inesperados.

Si simplemente está usando fotos que tomó usted mismo con la misma cámara digital y no las ha redimensionado ni recortado, entonces todo lo que necesita para asegurarse de no intentar reemplazar una foto en orientación vertical (más alta que ancho) con uno en orientación horizontal (más ancho que alto). Si necesita más información sobre la resolución de imágenes y los tamaños de los documentos, asegúrese de visitar nuestro Esenciales de fotografía digital sección del sitio web.


Este tutorial es de nuestra serie Photo Effects. ¡Empecemos!

Paso 1: Abra la primera imagen que desee utilizar

Antes de que podamos usar nuestra foto
efecto como plantilla, primero necesitamos crear el efecto, así que abra la primera foto que desee usar con él. Aquí está la foto con la que comenzaré:

Una foto de una joven novia sonriendo.

La imagen original.

Con mi imagen ahora abierta en Photoshop, si miro en mi paleta Capas, todo parece normal. Tengo una capa, la Fondo capa, que contiene mi imagen:

La paleta de capas de Photoshop que muestra la imagen original en la capa de fondo.

La paleta Capas de Photoshop que muestra la imagen original en la Fondo capa.

¡Vamos a convertir la imagen en un objeto inteligente a continuación!

Paso 2: Convierta la imagen en un objeto inteligente

Aquí es donde las cosas se ponen un poco diferentes a si simplemente estuviéramos creando este efecto una vez sin intención de usarlo nuevamente con otras imágenes. Para poder usar este documento de Photoshop como plantilla, necesitamos convertir nuestra imagen en un Objeto Inteligente, lo cual, como mencioné en la página anterior, significará que ya no estaremos trabajando en la imagen en sí. En cambio, trabajaremos en una referencia a la imagen. La imagen real se almacenará de forma segura en un archivo separado, intacta y ilesa por las locuras que hagamos a continuación.

Para convertir la imagen en un objeto inteligente, suba a la Capa menú en la parte superior de la pantalla, elija Objetos inteligentesy luego, en Photoshop CS3, elija Convertir en objeto inteligente, o si está usando Photoshop CS2, elija Agrupar en un nuevo objeto inteligente. No parecerá que le ha pasado nada a su imagen, pero si volvemos a mirar en la paleta Capas, podemos ver algunos cambios con el Fondo capa. Por un lado, ya no se llama «Fondo». Photoshop lo ha rebautizado como «Capa 0». Sin embargo, lo que es más importante, si miramos de cerca la miniatura de vista previa de la capa, podemos ver que ahora tiene un cuadro resaltado blanco a su alrededor, junto con un icono en su esquina inferior derecha. Ese icono nos dice que la imagen ahora se ha convertido en un objeto inteligente:

La paleta de capas de Photoshop que muestra la imagen en la capa de fondo ahora convertida en un objeto inteligente.

La paleta de capas de Photoshop que muestra la imagen en la capa de fondo ahora convertida en un objeto inteligente.

Paso 3: Duplica la capa

Ahora que nuestra imagen se ha convertido en un objeto inteligente, vamos a duplicarla. Duplicar un objeto inteligente no es diferente de duplicar una capa normal, y la forma más fácil de hacerlo es con el atajo de teclado Ctrl + J (Ganar) / Comando + J (Mac). Si miramos nuevamente en la paleta Capas, podemos ver que ahora tenemos dos capas, la «Capa 0» original en la parte inferior y la nueva «Copia de la Capa 0» arriba, las cuales contienen una copia del Objeto Inteligente:

La paleta Capas de Photoshop que muestra la copia recién creada de la capa de Objetos Inteligentes sobre el original.

Presione «Ctrl + J» (Win) / «Comando + J» (Mac) para duplicar el Capa de objeto inteligente.

Es importante señalar aquí que, aunque hemos duplicado el objeto inteligente, en realidad no tenemos dos objetos inteligentes separados. Ambos hacen referencia a la misma foto exacta, lo que significa que cuando reemplazamos la imagen original con una imagen diferente, como haremos al final del tutorial, ambas capas mostrarán la misma foto nueva. Si tuviéramos que crear 3, o 5, o 10 o más copias del Objeto Inteligente y luego reemplazar la imagen, ya que todas son copias del mismo Objeto Inteligente exacto, ¡todas mostrarían la nueva foto!

Paso 4: Cambiar el tamaño y reposicionar la imagen en la nueva capa con Transformación libre

Movamos y cambiemos el tamaño de la imagen en nuestra capa de copia recién creada. Nuevamente, no hay diferencia entre mover y cambiar el tamaño de un objeto inteligente y una capa normal. prensa Ctrl + T (Ganar) / Comando + T (Mac) para abrir Photoshop Transformación libre cuadro y tiradores alrededor de la imagen en la nueva capa. Entonces mantén presionado Mayús + Alt (Ganar) / Mayús + Opción (Mac) y arrastre cualquiera de los cuatro controles de las esquinas hacia adentro para cambiar el tamaño de la imagen hasta que tenga aproximadamente el 60% de su tamaño original. Mantener presionada la tecla «Mayús» restringe las proporciones de ancho y alto de la imagen a medida que cambiamos el tamaño para no distorsionar accidentalmente su forma, y ​​presionar «Alt» (Win) / «Opción» (Mac) le dice a Photoshop que cambie el tamaño de la imagen desde su centrar:

Cambiar el tamaño de la imagen con los controladores de Transformación libre en Photoshop.

Cambie el tamaño de la imagen a aproximadamente el 60% de su tamaño original con Free Transform.

También voy a mover la imagen un poco hacia abajo haciendo clic en cualquier lugar dentro del cuadro Transformación libre (excepto en el pequeño icono de destino en el centro) y simplemente arrastrando la imagen hacia abajo con el mouse. Mientras arrastro, voy a sostener Cambio lo que obligará a la imagen a moverse hacia abajo en línea recta, evitando que la mueva accidentalmente hacia la izquierda o hacia la derecha:

Arrastrando un poco la imagen hacia abajo con Free Transform.

Arrastre la imagen un poco hacia abajo manteniendo presionada la tecla «Mayús» y arrastrándola hacia abajo con el mouse.

prensa Ingresar (Ganar) / Regreso (Mac) cuando haya terminado para aceptar la transformación y salir de Transformación libre.

Paso 5: Agregar un trazo a la imagen redimensionada

Como hemos visto hasta ahora, trabajar con objetos inteligentes no es muy diferente de trabajar con capas normales, y lo mismo ocurre incluso cuando se agregan estilos de capa. Clickea en el Estilos de capa en la parte inferior de la paleta Capas (en Photoshop CS2 parece un círculo con una «f» adentro, y en Photoshop CS3 son simplemente las letras «fx») y seleccione Carrera desde la parte inferior de la lista:

Haga clic en el icono 'Estilos de capa' en la parte inferior de la paleta Capas y seleccione 'Trazo' de la lista.

Haga clic en el icono «Estilos de capa» y seleccione «Trazo» de la lista.

Esto trae a Photoshop Estilo de capa cuadro de diálogo establecido en el Carrera opciones en la columna del medio. Cambiar el Tamaño del golpe a 1 px y el Posición para Dentro, luego haga clic en el muestra de color rojo a la derecha de la palabra «Color», que mostrará los Selector de color, y elige blanco como el color del trazo:

Cambie las opciones de trazo encerradas en un círculo rojo.

Cambie las opciones de trazo encerradas en un círculo rojo arriba.

Haga clic en Aceptar para salir del Selector de color, pero no salga del cuadro de diálogo Estilo de capa todavía. Tenemos un par de estilos de capa más para agregar primero, lo que haremos a continuación.

Paso 6: Agregar una sombra paralela

Haga clic directamente en las palabras Sombra paralela a la izquierda del cuadro de diálogo Estilo de capa:

Al hacer clic en las palabras 'Sombra paralela' a la izquierda del cuadro de diálogo Estilo de capa de Photoshop.

Haga clic directamente en las palabras «Sombra paralela».

Esto cambia las opciones en la columna central del cuadro de diálogo Estilo de capa a las opciones de Sombra paralela. Bajar el Opacidad de la sombra paralela a alrededor 40% entonces no es tan intenso. Selecciona el Distancia para 0px, deja el Propagar ajustado a 0%, luego aumente el Tamaño alrededor 40px, aunque es posible que desee experimentar con un valor más alto si utiliza una imagen de alta resolución:

Opciones de estilo de capa de Sombra paralela de Photoshop.

Cambie las opciones de Sombra paralela encerradas en un círculo rojo arriba.

Paso 7: Añade un resplandor interior

Haga clic directamente en las palabras Brillo interior a la izquierda del cuadro de diálogo Estilo de capa:

Al hacer clic en las palabras 'Resplandor interior' a la izquierda del cuadro de diálogo Estilo de capa de Photoshop.

Haga clic directamente en las palabras «Inner Glow».

Esto cambia las opciones en la columna central del cuadro de diálogo Estilo de capa a las opciones de Resplandor interno. Bajar el Opacidad del Resplandor Interior a su alrededor 40%, de nuevo para que no sea tan intenso. Clickea en el muestra de color amarillo directamente debajo de la palabra «Ruido», que muestra el Selector de color de Photoshop, y seleccione blanco como el color del resplandor. Haga clic en Aceptar para salir del Selector de color, luego configure el Tamaño del resplandor a su alrededor 40px. Nuevamente, es posible que desee experimentar con un valor de Tamaño más alto si está utilizando una imagen de alta resolución:

Opciones de estilo de capa de Resplandor interior de Photoshop.

Cambie las opciones de Resplandor interior encerradas en un círculo rojo arriba.

Cuando haya terminado, haga clic en Aceptar en la esquina superior derecha del cuadro de diálogo Estilo de capa para salir de él. Aquí está mi imagen después de aplicar los tres estilos de capa:

La imagen después de aplicar los estilos de tres capas en Photoshop.

La imagen después de aplicar los estilos de capa.

Hasta ahora, todo lo que hemos hecho con nuestra imagen se puede completar en Photoshop CS2 o Photoshop CS3. Lo que vamos a hacer a continuación es una exclusiva de Photoshop CS3, al menos hasta que salga Photoshop CS4.

Paso 8: Agregue un filtro inteligente de desenfoque gaussiano a la capa inferior

Aquí está la parte del tutorial para la que necesita usar Photoshop CS3 (no se preocupe si está usando Photoshop CS2, nos comunicaremos con usted en un momento). Vamos a aplicar un filtro inteligente a nuestro objeto inteligente. Ahora debo aclarar algo antes de continuar. usted pueden aplique filtros a los objetos inteligentes en Photoshop CS2, tal como los aplicaría a una capa normal. La diferencia es que en Photoshop CS2, cuando intenta aplicar cualquier filtro a un objeto inteligente, Photoshop mostrará un mensaje de advertencia que le indica que el objeto inteligente debe ser rasterizado antes de que se pueda aplicar el filtro.

Lo que eso significa es que el objeto inteligente se convertirá nuevamente en una capa normal una vez más, lo que significa que ya no será un objeto inteligente, lo que significa que ya no podrá simplemente reemplazar una foto con otra dentro de ella. Lo que básicamente significa que pierde la capacidad de usar el documento de Photoshop como plantilla. Entonces, en otras palabras, si su objetivo es crear un documento que pueda usarse como plantilla y está usando Photoshop CS2, no use filtros. Todavía hay muchas otras cosas que puede hacer con sus objetos inteligentes en CS2, pero el uso de filtros no es una de ellas. De todos modos, no si está haciendo una plantilla reutilizable.

Habiendo dicho eso, si tu están usando Photoshop CS3, haga clic en «Capa 0» (la capa inferior) en la paleta Capas para seleccionarla. Entonces sube al Filtrar menú en la parte superior de la pantalla, elija Difuminary luego elige Desenfoque gaussiano. Esto abre el cuadro de diálogo Desenfoque gaussiano. Voy a configurar mi Radio valor en la parte inferior del cuadro de diálogo a alrededor 9 píxeles. Si está utilizando una imagen de alta resolución, pruebe con 12-14 píxeles:

Aplicar el filtro Desenfoque gaussiano a la capa inferior en Photoshop.

Aplica el filtro Desenfoque gaussiano a la capa inferior.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo. Aquí está mi imagen después de aplicar el filtro. Observe cómo la imagen del fondo ahora está muy borrosa:

La imagen después de aplicar el filtro Desenfoque gaussiano en Photoshop.

El fondo ahora está borroso después de aplicar el filtro Desenfoque gaussiano.

Nada de lo que hicimos aquí fue fuera de lo común. Seleccionamos y aplicamos el filtro Desenfoque gaussiano a la copia del Objeto inteligente en la capa inferior exactamente de la misma manera que lo hubiéramos aplicado a una capa normal. Pero si miramos en nuestra paleta Capas, podemos ver que algo fuera de lo común definitivamente sucedió:

La paleta Capas de Photoshop que muestra que el filtro Desenfoque gaussiano aplicado al Objeto inteligente en la 'Capa 0' se ha convertido en un Filtro inteligente.

La paleta Capas que muestra que el filtro Desenfoque gaussiano aplicado a la «Capa 0» se ha convertido en un Filtro inteligente.

Al aplicar el filtro a un objeto inteligente, el filtro se ha convertido en un filtro inteligente. Si miramos debajo de «Capa 0», podemos ver que ahora dice «Filtros inteligentes», y debajo hay una lista de todos los filtros que hemos aplicado al objeto inteligente. En este caso, solo hemos aplicado un filtro, el filtro Desenfoque gaussiano, y podemos verlo en la lista. Si hubiéramos aplicado varios otros filtros al objeto inteligente en esa capa, cada uno de ellos se enumeraría bajo las palabras «Filtros inteligentes». Ahora hemos aplicado con éxito un filtro al objeto inteligente sin tener que convertirlo nuevamente en una capa normal. Además, como veremos cuando vayamos a reemplazar la foto con una nueva foto, ¡el filtro Desenfoque gaussiano ahora se aplicará automáticamente a cualquier foto que usemos con nuestra plantilla!

Los filtros inteligentes tienen numerosas ventajas, y solo hemos arañado la superficie con ellos aquí con nuestra discusión sobre cómo usarlos al crear plantillas. Veremos más de las increíbles posibilidades que ofrecen en otros tutoriales.

¡Veremos cómo reemplazar nuestra foto por otra próxima!

Paso 9: Reemplazar la foto con una nueva foto

En este punto, nuestro efecto fotográfico básico está completo. Puede guardar el documento ahora si lo desea. ¡Ahora veremos lo increíblemente fácil que es usar nuestro documento de Photoshop como plantilla reemplazando nuestra foto existente con una nueva foto! Esto funciona tanto con Photoshop CS2 como con Photoshop CS3 (¡bienvenidos, usuarios de Photoshop CS2!).

Tenga en cuenta lo que mencioné al principio. Al reemplazar una foto con otra dentro de un objeto inteligente, debe asegurarse de que ambas fotos tengan las mismas dimensiones de ancho y alto, la misma orientación (vertical u horizontal) y la misma resolución; de lo contrario, las cosas no saldrán bien. tu esperas. Si intenta reemplazar una foto por otra y, de repente, la nueva foto es demasiado grande o demasiado pequeña dentro del documento, algo fue diferente entre ellas y deberá corregir eso antes de volver a intentarlo. Encontrará mucha información sobre el tamaño y la resolución de la imagen en nuestro Esenciales de fotografía digital sección del sitio web.

Suponiendo que la siguiente foto que desea usar con su plantilla usa las mismas dimensiones, orientación y resolución de imagen que la original, ¡cambiémoslas! Seleccione «Layer 0» o «Layer 0 copy» en la paleta Capas. No importa cuál seleccione ya que, como mencioné anteriormente, ambos son copias entre sí y ambos hacen referencia a la misma foto exacta, por lo que reemplazar la imagen dentro de uno de ellos reemplazará automáticamente la imagen en ambos. Luego, con cualquiera de ellos seleccionado, suba al Capa menú en la parte superior de la pantalla una vez más, elija Objetos inteligentes, y esta vez, elige Reemplazar contenido:

Seleccionando 'Reemplazar contenido' en el menú Objetos inteligentes dentro de Photoshop.

Vaya a Capa> Objetos inteligentes> Reemplazar contenido.

Aparecerá un cuadro de diálogo que le permitirá navegar a la nueva foto en su computadora. Una vez que lo haya localizado, haga doble clic en él para seleccionarlo e instantáneamente, ¡la foto original se reemplaza con la nueva foto dentro del documento! Todos los estilos de capa que aplicamos a la capa superior se han aplicado a la nueva imagen, y si está utilizando Photoshop CS3, la imagen de fondo en la capa inferior incluso tiene aplicado el filtro Desenfoque gaussiano, todo sin rehacer nada de la obra:

La nueva foto ha reemplazado al original en el documento.

La foto original se reemplaza instantáneamente con la nueva foto dentro del documento.


A dónde ir después …

¡Y ahí lo tenemos! Gracias a los objetos inteligentes en Photoshop CS2 y los nuevos filtros inteligentes en Photoshop CS3, es fácil crear efectos fotográficos que se pueden reutilizar como plantillas en cualquier momento que los necesite. Visite nuestra sección Efectos fotográficos para obtener más tutoriales de efectos de Photoshop.

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!