Share
Lo que vas a crearLos filtros inteligentes de Photoshop son una de las mejores cosas de los objetos inteligentes. Cuando aplica un efecto de filtro a una capa de objeto inteligente, crea automáticamente un filtro inteligente. Puede editar el (los) filtro (s) tantas veces como desee, sin dañar los píxeles originales.
En este tutorial, aprenderá a usar dos copias del mismo objeto inteligente para crear la maqueta del producto y luego aplicar un filtro para desenfocar el fondo. Una vez que todo está configurado, puede actualizar fácilmente la imagen en el objeto inteligente para cambiar la escena.
Estoy empezando con un archivo de Photoshop en capas. Puede usar sus propias fotos o buscar imágenes de productos aislados en GraphicRiver o PhotoDune.
Como se puede ver en el Capas panel, este archivo está organizado en sus partes componentes. Puede que no necesite todas estas capas, pero más capas le dan más flexibilidad y más control sobre la salida final.
Para nuestros propósitos, es importante tener una capa como capa "pantalla". Debe ser una capa transparente, que contenga un rectángulo relleno del tamaño de la pantalla del teléfono..
Para crear esta capa, puede seleccionar cuidadosamente el área de pantalla usando la Herramienta de marquesina rectangular (M), a continuación, rellene la selección en un nuevo capa por encima de la capa de teléfono. Para refinar la selección, use Transformar selección bajo la Seleccionar menú para hacerlo bien. Puede completar la selección con cualquier color, ya que no será visible en la maqueta final.
Arrastra una foto a la maqueta de PSD. Debería ser una imagen de alta resolución, para que pueda llenar el fondo sin ampliar. Arrastre la capa a la parte inferior de la pila de capas. Opcional: renombra esta capa "Escena".
Convertir la capa de escena en un objeto inteligente. Hay tres maneras de hacer esto:
Notará que la capa ahora tiene un pequeño icono en la parte inferior derecha de su miniatura, lo que indica que se trata de una capa de objeto inteligente. Haga una copia de la capa de objetos inteligentes arrastrándola a la Nueva capa icono en la parte inferior de la Capas panel.
Arrastre la capa de objetos inteligentes al ícono Nuevo para hacer una copia..Arrastre la copia hacia arriba sobre la capa de pantalla. Utilizar Transformación Libre (Comando-T) para escalar la imagen de modo que tenga aproximadamente el tamaño de la pantalla del teléfono. Debería superponerse ligeramente.
Clip de la capa de copia de escena a la capa de pantalla. Esto ocultará la parte de la imagen que se extiende más allá de los bordes de la pantalla, pero en realidad no recortará la imagen. Primero, seleccione la capa "Copia de escena" y luego haga clic en el menú desplegable en la Capas panel y elegir Crear máscara de recorte. También puedes utilizar el atajo de teclado. Comando-Opcion-G.
Alternativamente, puede mantener presionada la tecla Opción (Alt) Clave y haga clic entre las dos capas. Verás que el cursor cambia a círculos dobles para hacerte saber que estás en el lugar correcto.
Mantenga presionada la tecla Opción / Alt y haga clic entre las capas para crear una Máscara de recorte. El cursor cambia a un icono de doble círculo..Una vez que se crea la máscara de recorte, la imagen debe llenar las dimensiones de la pantalla. También verá que la miniatura de la capa se ha desplazado ligeramente hacia la derecha y tiene una pequeña flecha hacia abajo. Esto indica que la capa de objeto inteligente de "Copia de escena" está "recortada" a la capa de abajo.
Seleccione el fondo "Escena" capa de objetos inteligentes. Ir Filtro> Blur> Gaussian Blur. Ingrese un valor para el Radio difuminado para darle al fondo una apariencia desenfocada, como se muestra en la siguiente imagen.
Cuando aplica un filtro a una capa de objetos inteligentes, se crea automáticamente un filtro inteligente debajo del objeto inteligente, con una máscara de capa incorporada.
Puede pintar en la Máscara de filtro inteligente o editarla de otra manera, para ocultar partes del efecto de filtro. En este caso, queremos poner el primer plano de la escena en un enfoque un poco más nítido, porque está más cerca del espectador.
Selecciona el Filtros inteligentes máscara en el Capas panel. Tendrá una línea doble delgada alrededor de la miniatura para indicar que está activa. Elegir la Herramienta de gradiente (G) y asegúrese de seleccionar un degradado lineal de negro a blanco en el Panel de control. Arrastre la Herramienta de degradado verticalmente a través de la imagen para que la parte negra del degradado comience en la parte inferior de la máscara. Al igual que con cualquier tipo de máscara de capa, recuerde: "el negro oculta, el blanco revela".
Arrastre un degradado de negro a blanco a través de la máscara de filtros inteligentes.Una vez aplicado el gradiente, lo verás en el Filtros inteligentes miniatura en el Capas panel:
Usted puede Opción (Alt)-haga clic en la miniatura de la máscara para ver la máscara completa en la PSD. Opción-clic nuevamente para regresar a la vista normal.
Aquí está la maqueta terminada. Puede ver que la playa y el agua en el primer plano (es decir, en la parte inferior de la imagen) están más enfocados que el puente y el cielo. La parte negra del degradado oscurece el efecto de filtro y hace la transición al desenfoque completo en la mitad superior de la imagen. Puedes seguir experimentando con la colocación del gradiente para hacerlo bien.
Lo bueno de los filtros inteligentes es que no son destructivos. Puede editarlos infinitamente sin causar daños permanentes a los píxeles de la imagen. Digamos que quieres que el efecto Desenfoque sea un poco más fuerte. Haga doble clic en el nombre del efecto debajo de Filtros inteligentes máscara en el Capas panel para que aparezca su configuración de nuevo. Ajusta el radio y haz clic. DE ACUERDO.
Si hubiera aplicado el filtro de desenfoque a una capa de píxeles normal, no podría volver más tarde y cambiar la configuración. Esta es la ventaja de usar objetos inteligentes con filtros inteligentes.
Si hace doble clic en el efecto en el panel Capas, puede ajustar el efecto tantas veces como desee, sin degradar la imagen..También puedes cambiar el Modo de fusión De un filtro inteligente, lo que lo hace aún más versátil. Hay un pequeño icono a la derecha del nombre del efecto en el Capas panel. Parece que dos deslizadores. Haga doble clic en este icono para que aparezca Opciones de mezcla
Escoge un Modo desde el menú desplegable. También puedes cambiar el Opacidad. La mayoría de los modos de mezcla no serán prácticos para una maqueta como esta, pero puede ser divertido experimentar.
Ahora que la maqueta está configurada con un objeto inteligente y un filtro inteligente, puede cambiar la imagen de la pantalla del teléfono y el fondo al mismo tiempo, editando el objeto inteligente original..
Haga doble clic en Objeto inteligente miniatura para editar. Verás el siguiente mensaje. Una vez que se haya acostumbrado a trabajar con objetos inteligentes, puede optar por desactivar este cuadro de diálogo de advertencia.
Haga doble clic en la miniatura de objeto inteligente para editar.El objeto inteligente se abre como un archivo especial, separado. La extensión del archivo es .psb.
Solo voy a arrastrar una foto de paisaje diferente sobre la existente. No es necesario aplanar la imagen, ya que los objetos inteligentes pueden tener varias capas.
Cierra y guarda el archivo .psb. Ahora el nuevo paisaje aparecerá tanto en la pantalla del teléfono como en el fondo. Este efecto funciona porque el objeto inteligente en la pantalla del teléfono es una copia del original.
Dependiendo de la imagen que utilice, es posible que desee editar el efecto de desenfoque o ajustar el gradiente en la máscara de filtros inteligentes.
Los filtros inteligentes le brindan infinitas formas de modificar el aspecto de sus capas de objetos inteligentes. La mejor parte es que puede hacerlo sin dañar los píxeles originales del objeto inteligente. Experimenta al contenido de tu corazón.!
Placeit es un generador de maquetas en línea simple y fácil de usar con más de 11,000 Plantillas Inteligentes para elegir No se necesitan habilidades de Photoshop porque todo lo que necesita hacer está en la herramienta en línea. No hay nada más rápido que esto.
Maqueta de una mujer sosteniendo un iPhone 8 Plus plateado contra un muro de concreto
Maqueta del iPhone X recostada sobre un libro mientras está cerca de una taza de café y auriculares
Accentsconagua