Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. How-To

Cómo Cambiar una Foto en una Plantilla de Volante en Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Flyer Design & Templates.
10 Top Tips for Creating Awesome Event Flyers
How to Create a Stylish Office Christmas Party Flyer

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Comprar una plantilla de Envato Market es una excelente estrategia para producir materiales de alta calidad sin consumir tiempo en diseñarlos por tí mismo. Pero puede resultar como una sorpresa el darse cuenta que las fotos vistas en las previsualizaciones de la plantilla no son con frecuencia incluídas con la misma plantilla.

En éste Consejo Rápido aprenderás cómo insertar una foto en una plantilla de volante comprada en Graphic River.

1. Comprar y Descargar

Paso 1

Comienza con navegar por los archivos disponibles en Envato Market para encontrar una plantilla para comprar. En éste ejemplo, usaremos el Business Flyer Bundle.

Flyer template from Graphic RiverFlyer template from Graphic RiverFlyer template from Graphic River

Paso 2

Una vez que los archivos son adquiridos y descargados, el contenido necesita ser extraído del paquete comprimido. Ésta plantilla en particular incluye tres archivos .psd de Photoshop y un archivo Read-Me.txt.

Files contained in the zipped packageFiles contained in the zipped packageFiles contained in the zipped package

Paso 3

Siempre es una buena idea leer el archivo Read-Me antes de usar la plantilla. El autor incluirá cualquier información importante ahí. Observa que ésto incluye una nota que la imagen de previsualización no es proporcionada con la plantilla.

Look through the Read Me fileLook through the Read Me fileLook through the Read Me file

Paso 4

Abre el archivo correspondiente de la plantilla en Photoshop. Aquí utilicé el archivo Flyer-01.psd. Nota que el área para la foto es solo un cuadro gris vacío.

What the template looks like in PhotoshopWhat the template looks like in PhotoshopWhat the template looks like in Photoshop

Paso 5

Necesitaremos una foto para colocar en la plantilla. Debería ser una foto relacionada con el negocio con colores predominantemente brillantes que coincidan con la plantilla, y también necesita tener la orientación horizontal para que encaje en el espacio designado para ella. Elegí usar ésta imagen de stock de negocio de PhotoDune.

The image to use in the templateThe image to use in the templateThe image to use in the template

2. Editar la Plantilla

Paso 1

En el archivo de plantilla, observa los Grupos de Capa para encontrar la variación que más prefieras. En éste ejemplo, elegiremos el grupo azul llamado Color-01. Oculta los otros dos grupos al dar click en los íconos del ojo para alternar la visibilidad.

Select a group by hiding the othersSelect a group by hiding the othersSelect a group by hiding the others

Paso 2

Abre el directorio del grupo Color-01, luego el directorio del grupo Main-image, y posteriormente da click en la capa Shape 1 copy. Éste es el cuadro gris que es visible en la plantilla.

Find the gray square shapeFind the gray square shapeFind the gray square shape

Paso 3

Ve a Archivo > Colocar Elementos Incrustados y navega hasta la foto para colocarla en la plantilla. Photoshop inserta la foto como un Objeto Inteligente.

Use Place Embedded to insert the photoUse Place Embedded to insert the photoUse Place Embedded to insert the photo

Paso 4

Mueve la foto en el lugar y arrastra en los manejadores de las esquinas para escalarla apropiadamente. Manten presionada la tecla Mayúsculas mientras escalas para retener las mismas proporciones y evitar un estiramiento no deseado. Cuando la foto está en la posición correcta, aplica la transformación al presionar la tecla Intro.

Paso 5

Ve a Capa > Crear Máscara de Recorte (Alt-Control-G) para recortar la foto a la forma del cuadro gris. El panel Capas debería mostrar una miniatura indentada con un pequeña flecha junto a ella. Ésto asegura que la foto está solo llenando el espacio designado por el diseñador.

Clip the photo image to the shape layerClip the photo image to the shape layerClip the photo image to the shape layer

¡Y eso es todo!

¡Felicitaciones! Acabas de actualizar la foto en una plantilla de un volante diseñado profesionalmente. ¡Buen trabajo!

Final image of professionally designed flyerFinal image of professionally designed flyerFinal image of professionally designed flyer

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.