All Articles Photoshop
Diseñar un Tríptico en InDesign y Photoshop, Parte 1
Martin Perhiniak on Mon, May 27th 1 comments
Become an InDesign and Photoshop ninja with this 3-part tutorial by Martin Perhiniak that shows you how to create a beautiful trifold brochure. Watch out for Part 2 tomorrow.

En este tutorial de tres partes, vamos a diseñar un tríptico para una agencia de viajes especializada en viajes de ficción a la hermosa isla de Bali. En la primera parte del tutorial vamos a centrarnos en el diseño del título, que se creó en Photoshop usando una de mis fotos que tomé de un monasterio de Bali. En la segunda parte, vamos a incorporar este diseño del título en nuestro diseño de folleto en InDesign, y en la tercera parte vamos a crear un 3d mirando maqueta de Photoshop que se verá así:

Bali brochure


Lo primero es lo primero, hay que centrarse en el diseño del título, que se verá así:

Bali title


Paso 1 - Abrir la foto en Photoshop

Puedes descargar mi foto de abajo para seguir a lo largo del tutorial:

Bali


Una vez descargado, sería conveniente la creación de una carpeta de proyecto y crear una carpeta dentro de ella llamó Links. Esto será útil cuando empezamos a trabajar con InDesign como tendremos que vincular a las imágenes y es importante mantenerlos organizados.

Una vez que tenga todo en su lugar se puede abrir la foto en Photoshop, donde vamos a crear el diseño del título de la misma.


Paso 2 - Añadir el texto para el diseño del título

En primer lugar tenemos que añadir el texto para el diseño de nuestro título. Seleccione la herramienta Texto y haga clic en cualquier parte de la foto. Esto creará automáticamente una nueva capa de texto por encima de la capa de fotos. Puede escribir bali con todos los caracteres en mayúsculas y luego seleccione la palabra completa y pulse Control / Comando + Mayúsculas + K para convertirlos en todas las capitales. Esta es la mejor manera de utilizar todo en mayúsculas, ya que con la misma combinación de teclas usted siempre puede volver a minúsculas y sin reescribirlo. He utilizado la fuente de impacto para el texto y el negro como color de primer plano mientras se escribe.

Pic 1


Paso 3 - Colocar y cambiar el tamaño del texto

Siempre se puede cambiar el tamaño del texto fácilmente con la herramienta Transformación libre (Comando / Control-T) y la posición con la herramienta Mover. Usted tendrá que mover más o menos en el centro de la imagen, el ajuste de la parte superior del texto a los techos altos del monasterio. Usted puede utilizar el kerning para ajustar horizontalmente los caracteres (Alt / Opción + flechas izquierda / derecha mientras el cursor está activo entre dos caracteres). Así es como hice mi texto y también Recolored a blanco por lo que es fácil ver en la imagen (el color no será visible en el extremo, lo que no es necesario cambiarlo):

Pic 2


Paso 4 - Recorte la imagen sobre el texto

Para poder utilizar el texto como un contenedor para la imagen que necesita para crear una máscara de recorte. Es necesario duplicar la capa de la foto (selecciónelo y pulse Comando / Control-J) y colocarlo en la parte superior de la capa de texto y, a continuación, mientras que tiene la capa de la foto en la tapa de la prensa seleccionada Comando / Control + Opción / Alt-G. Esto recortará la foto en la parte superior para el texto, lo que significa que la imagen sólo será visible en el interior del texto. Para poder ver este efecto, se tiene que eliminar la otra versión de la capa en la parte inferior de la estructura de capas. Esto es lo que debería ver:

Pic 3


Paso 5 - Crear un fondo blanco

Para poder ver nuestro diseño le permite crear correctamente una capa de fondo blanco. Para esto usted tiene que asegurarse de que ninguna de las capas se fija para ser una capa de fondo. Porque hemos borrado la capa de la foto original en el paso anterior debe tener dos capas normales y ver la transparencia en el fondo. Puede crear rápidamente una capa de fondo blanco seleccionando la capa inferior y mantenga pulsada la tecla Comando / Control mientras hace clic en el icono de nueva capa en la parte inferior del panel Capas. Una vez que la nueva capa se ha creado, puede seleccionarlo y pulse D para establecer primero las muestras de nuevo a defecto (Negro y Blanco) y luego pulse Comando / Control-Retroceso para rellenar la capa seleccionada con el blanco (Rellenar con el fondo de color de la muestra) .

Pic 4


Paso 6 - Agregar los tejados al texto

Para este paso, vamos a necesitar otro duplicado de la capa de la foto (selecciónelo y pulse Comando / Control-J). Hacer que el duplicado se mostrará de nuevo toda la imagen. Ahora podemos usar la herramienta de selección rápida (W es el atajo de teclado para ello y la flecha roja muestra en la barra de herramientas en la imagen de abajo) y dibujar en el cielo hasta que se seleccione todo el cielo azul. Trate de seleccionar también los árboles verdes entre las torres, así:

Pic 5


La manera en que podía mostrar las partes no seleccionadas en rojo es utilizando el modo Máscara rápida. Para activarlo, puede pulsar Q y pulse Q de nuevo va a volver a la vista normal de selección. También puede hacer clic en el icono rodeado en la parte inferior de la barra de herramientas. Cuando su selección esté lista, puede hacer clic en el icono de la máscara en la parte inferior del panel Capas para activar su selección en una máscara de capa. En primer lugar, él no ve bien porque tenemos que invertir la máscara para mostrar los edificios y no en el cielo. Para ello lo único que tienes que hacer es pulsar la tecla Comando / Control-I (Invertir ajuste de colores, que invertir los colores de la máscara). Usted debe ser capaz de ver el siguiente resultado:

Pic 6


Aún no estamos listos, porque aunque nosotros sólo queremos ver los tejados por encima del texto. Para deshacerse de las partes que no necesita hacer una selección rectangular como esto:

Pic 7


Asegúrese de que tiene la capa con la máscara seleccionada y pulse Comando / Control-G para crear un grupo de capas de la misma y haga clic en el icono de la máscara en la parte inferior del panel Capas para crear una segunda máscara afecta a la misma capa de la foto.

Pic 8


Paso 7 - Finalización de la máscara

Para deshacerse de todas las piezas restantes innecesarios alrededor de los techos, puede utilizar la herramienta Pincel y establecer el color de primer plano a Negro. Asegúrese de tener una de las máscaras seleccionadas en el panel Capas y luego empezar a dibujar sobre las partes no deseadas con un pequeño tamaño del pincel. Puede ser muy preciso si tienes una tableta digital, pero se pueden obtener buenos resultados con el mouse también. Esto es lo que debe llegar a:

Bali title


Vamos a seguir a partir de este paso la próxima vez, pero hasta entonces vamos a echar un vistazo en el diseño final del folleto:

Final brochure


Continuará ...

Related Videos
Comments (1)

You must be logged in to comment.

  • Paul
    cant seem to be able to download picture
    • 7 years ago
    • By: Paul
    Reply
Putting It All Together
InDesign CC & CS6 106
Dream It. Do It.
Do you want to learn Putting It All Together?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: