Tutorial Como Hacer Invitaciones Con Photoshop

Tutorial Cómo hacer invitaciones paso a paso con Photoshop Con este tutorial aprenderás los pasos necesarios para hacer una sencilla invitación para una fiesta de 15 años desde el inicio hasta la impresión, utilizando solamente el programa de edición Adobe Photoshop (este tutorial utiliza la versión Adobe Photoshop CS2, en español). La idea es que aprendas los conceptos y el manejo de las herramientas básicas que te permitirán diseñar cualquier tipo de invitación: para bodas, cumpleaños, bautizo, comunión, etc. Elige la imagen, foto, o dibujo que te guste, recórtala eliminando su fondo y utilizala en tus propios diseños. Puedes imprimir este documento o trabajar con esta ventana abierta junto con la de Photoshop. Si en cualquier momento te has equivocado en algo mientras sigues este tutorial con el programa de edición, retrocede al anterior paso presionando CTRL + Z y para volver mas atrás ALT + CTRL + Z, repetidas veces.

Este tutorial en pdf y el video tutorial se encuentran originalmente en la página de diseño de invitaciones de donde los podrás descargar. www.originalesinvitaciones.com

www.originalesinvitaciones.com

Página 1 de 58

Esta es la pantalla de Adobe Photoshop CS2 (v9.0) al abrirlo. Dependiendo si ya has trabajado antes con este programa, cuando lo abras puede presentar otras ventanas

www.originalesinvitaciones.com

Página 2 de 58

Colocamos los fondos por defecto: presiona el pequeño recuadro negro que se encuentra abajo en la ventana de Herramientas

www.originalesinvitaciones.com

Página 3 de 58

Vamos a abrir las ventanas con las que trabajaremos: Capas y Carácter

www.originalesinvitaciones.com

Página 4 de 58

Aparecen las nuevas ventanas a la derecha

www.originalesinvitaciones.com

Página 5 de 58

Abrimos la imagen con la que trabajaremos

www.originalesinvitaciones.com

Página 6 de 58

Elegimos la flor

www.originalesinvitaciones.com

Página 7 de 58

Cuando abres cualquier imagen, encima de ella aparecen los datos del nombre del archivo el porcentaje de visualización y el tipo de color

www.originalesinvitaciones.com

Página 8 de 58

Creamos un nuevo documento que será el de la invitación

www.originalesinvitaciones.com

Página 9 de 58

Elegimos las opciones del tamaño que tendrá la invitación (22 cm x 15 cm), la resolución para la impresión (300 ppp, utilizado para impresiones en imprenta offset) y el modo de color (CMYK, utilizado en impresiones). Termina dándole OK

www.originalesinvitaciones.com

Página 10 de 58

Guardamos el archivo creado en formato psd. para futuras ediciones

www.originalesinvitaciones.com

Página 11 de 58

Colocamos el nombre: invitacion15años.psd, clic en Guardar

www.originalesinvitaciones.com

Página 12 de 58

Elegimos la Herramienta Mover

www.originalesinvitaciones.com

Página 13 de 58

Con esta herramienta seleccionada, hacemos clic en la imagen de la flor y mientras mantenemos el Mouse presionado, arrastramos la imagen hacia el nuevo documento creado. Como ves en la ventana de la derecha Capas, se ha creado la Capa 1. El concepto de capas es básico en el manejo de Photoshop. Una capa es como una hoja de papel en la que escribes o dibujas, puedes tener varias hojas de papel una encima de la otra.

www.originalesinvitaciones.com

Página 14 de 58

Cerramos la imagen de la flor

www.originalesinvitaciones.com

Página 15 de 58

Elegimos la Herramienta Zoom para agrandar la imagen. Mientras presionas el Mouse, encuadra la imagen con esta herramienta

www.originalesinvitaciones.com

Página 16 de 58

La imagen ya se ve más grande, para poder editarla

www.originalesinvitaciones.com

Página 17 de 58

Ahora aprenderás a quitar el fondo de esta imagen. Hay varias formas, primero aprenderás con la Herramienta Lazo Poligonal. Elígela.

www.originalesinvitaciones.com

Página 18 de 58

Una vez elegida, comienza a quitar el fondo, empezando a seleccionar el área que eliminarás segmento a segmento. Comienza en el tallo de la imagen de la siguiente manera: has clic al inicio y avanza siguiendo la silueta del tallo y de la flor, cada pequeño segmento vuelve a hacer clic. Mientras más segmentos hagas más suavizada será la eliminación del fondo

www.originalesinvitaciones.com

Página 19 de 58

En este ejemplo de utilización de la Herramienta Lazo Poligonal, solo elegimos una pequeña área del fondo para eliminar. Como ves en la imagen de abajo, segmento a segmento se ha seleccionado un polígono indicado por la línea punteada. Para cerrar el área que deseas eliminar presiona la tecla ENTER y automáticamente la cerrará.

www.originalesinvitaciones.com

Página 20 de 58

Una vez seleccionada esta área, presiona la tecla Borrar (SUPR o DEL) para eliminar ese fondo

www.originalesinvitaciones.com

Página 21 de 58

Ahora quita la selección del área punteada haciendo clic derecho con el Mouse sobre esa área y eligiendo la opción Deseleccionar

www.originalesinvitaciones.com

Página 22 de 58

Ahora vas a aprender otra forma de quitar el fondo de una imagen. Elige la Herramienta Varita Mágica. Lo que hace esta herramienta es seleccionar colores similares al color donde se hizo clic con la herramienta. Es muy útil cuando existen imágenes con fondos de colores muy diferentes a los de la imagen principal. Por ejemplo, en esta imagen contrastan bastante los colores del fondo (azul) y de la flor (amarillo). Es una imagen en donde puede utilizarse muy bien la Herramienta Varita Mágica.

www.originalesinvitaciones.com

Página 23 de 58

Una vez que has elegido esta herramienta, en el menú de arriba aparecen unas opciones que pertenecen a esta Varita Mágica. Cada que eliges alguna Herramienta de la ventana de la izquierda se activan siempre opciones arriba. Como en este caso la imagen contrasta en colores, vamos a elegir la tolerancia más alta, esto significa, que cuando hagamos clic en un punto cercano a la flor (sobre el fondo, en el cielo azul) se elegirán todos los tonos similares a ese punto, básicamente todo el fondo azul

www.originalesinvitaciones.com

Página 24 de 58

Como ves, una vez que hacemos clic con la Varita Mágica, en cualquier punto, al lado de la flor, se selecciona todo el fondo azul. No se selecciona ni el fondo en verde ni la flor amarilla.

www.originalesinvitaciones.com

Página 25 de 58

Una vez seleccionada el área, presiona Borrar (SUPR o DEL) para eliminar el fondo

www.originalesinvitaciones.com

Página 26 de 58

Deselecciona el área punteada haciendo clic derecho con el Mouse y eligiendo la opción Deseleccionar

www.originalesinvitaciones.com

Página 27 de 58

Una vez que el fondo contiguo a la imagen deseada (la flor) ha sido eliminado, puedes borrar el resto del fondo de varias maneras: con el Lazo Poligonal, con la Varita Mágica o con el Borrador, no interesa. Lo más importante al trabajar las imágenes y quitarles el fondo es eliminar este fondo contiguo a la imagen deseada, ya que muchas veces puede suceder que una imagen tiene algún contorno con tonos de colores similares al fondo, de tal manera que si utilizas la Varita Mágica, puedes borrar también parte de la imagen principal.

www.originalesinvitaciones.com

Página 28 de 58

Una vez que has elegido borrar con el Lazo Poligonal, rodeando el fondo y cerrando el área presionando ENTER, y luego DEL, deselecciona esta área dándole clic derecho con el Mouse y eligiendo la opción Deseleccionar

www.originalesinvitaciones.com

Página 29 de 58

Puedes borrar el resto con la Herramienta Borrador

www.originalesinvitaciones.com

Página 30 de 58

Una vez que la seleccionas, en el menú de arriba puedes elegir el tamaño del borrador

www.originalesinvitaciones.com

Página 31 de 58

Una vez que has borrado, ahora necesitamos ver como quedó todo el trabajo. Para eso debemos ver toda la ventana siguiendo los pasos que muestra la imagen de abajo: Vista – Encajar en pantalla

www.originalesinvitaciones.com

Página 32 de 58

Todo este tiempo hemos estado trabajando en la Capa 1, que es donde está la flor. Sabemos qué capa esta activada al ver en la ventana Capas la elección sombreada, en este caso en azul. Vamos a elegir la flor para que podamos agrandar o achicarla según lo que queramos. Sigue los pasos que muestra la imagen de abajo: Edición – Transformación libre

www.originalesinvitaciones.com

Página 33 de 58

Una vez que eliges Transformación libre, la imagen aparece dentro de un recuadro con pequeños cuadritos en las esquinas y a los centros. Esto quiere decir, que puedes estirar la imagen a voluntad por cualquiera de esos cuadritos. Si deseas agrandarla o achicarla de manera proporcional, arrástrala de una esquina hacia arriba o abajo, presionando a la vez la tecla Mayúsculas (SHIFT)

www.originalesinvitaciones.com

Página 34 de 58

Una vez que has agrandado o achicado la flor, selecciona la herramienta Mover y llévala hacia la esquina inferior izquierda

www.originalesinvitaciones.com

Página 35 de 58

www.originalesinvitaciones.com

Página 36 de 58

Ahora vamos a crear una copia de esta flor copiando su capa. Arrastra con el Mouse la capa seleccionada de la ventana derecha Capas hasta la pequeña carpeta abajo, en la misma ventana, al lado del Basurero

www.originalesinvitaciones.com

Página 37 de 58

Como ves, ahora hay una copia de esta capa, por lo tanto de la flor. No se ve la otra flor por que está exactamente encima de la flor original (ya que su capa está encima)

www.originalesinvitaciones.com

Página 38 de 58

Con la Herramienta Mover elegida, movemos la flor hasta la otra esquina. Si deseas moverla exactamente a la misma altura de la flor original, mientras arrastras la flor con el Mouse mantén presionada le tecla Mayúsculas (SHIFT)

www.originalesinvitaciones.com

Página 39 de 58

Vamos a girar la flor copiada 180 grados. Selecciónala con la Herramienta Transformación Libre, siguiendo los pasos de la imagen: Edición – Transformación Libre

www.originalesinvitaciones.com

Página 40 de 58

Has clic derecho con el Mouse y selecciona la opción Voltear Horizontal

www.originalesinvitaciones.com

Página 41 de 58

Ahora vamos a colocar un borde y un relleno a esta invitación. Elige la Herramienta Rectángulo Redondeado

www.originalesinvitaciones.com

Página 42 de 58

Arriba aparecen opciones que corresponden a esta Herramienta. Escogeremos un estilo para el relleno

www.originalesinvitaciones.com

Página 43 de 58

Has clic en la pequeña flecha negra, se abre una ventana con cuadritos en colores (son algunos estilos) luego has clic en la pequeña flecha negra a la derecha de esta ventana y elige la opción Efectos de texto 2

www.originalesinvitaciones.com

Página 44 de 58

Elige el cuadrado pequeño color mostaza para esta invitación

www.originalesinvitaciones.com

Página 45 de 58

Hacemos un rectángulo que cubra toda la invitación. Como ves las flores han desaparecido, esto sucede por que la capa del relleno está encima de todas las demás. Para que aparezcan las flores arrastra esta capa de la ventana Capas encima de la capa Fondo

www.originalesinvitaciones.com

Página 46 de 58

Como ves en la imagen, una vez que la capa está abajo, las flores aparecen

www.originalesinvitaciones.com

Página 47 de 58

Colocaremos el texto de la invitación. Elige la Herramienta Texto Horizontal

www.originalesinvitaciones.com

Página 48 de 58

En el menú de arriba, elige el tipo de letra, el tamaño y el color

www.originalesinvitaciones.com

Página 49 de 58

Escribe el texto. Abajo a la derecha tenemos abierta la ventana Carácter, lo hicimos al inicio del tutorial. En esa ventana tienen varias opciones de manejo de texto. Puedes colocar las letras en negrillas, centrarlas, etc. Una vez que termines de colocar tus textos, con la Herramienta Mover muévelo donde quieras

www.originalesinvitaciones.com

Página 50 de 58

Guardamos el trabajo. Hazlo cada cambio que hagas (CTRL + S)

www.originalesinvitaciones.com

Página 51 de 58

Para terminar, vamos a imprimir esta invitación. Elige en Archivo Imprimir con vista previa

www.originalesinvitaciones.com

Página 52 de 58

Se abre la ventana de impresión. Como recuerdas elegimos que nuestra invitación tenga un tamaño de 22 cm de ancho x 15 cm de alto. En esta ventana elige la opción Ajustar Pagina, en las opciones de arriba a la derecha

www.originalesinvitaciones.com

Página 53 de 58

Selecciona el tamaño de papel: Carta, la Orientación: Horizontal. Luego dale Aceptar

www.originalesinvitaciones.com

Página 54 de 58

Vuelves a la ventana anterior y ya puedes imprimir en tu impresora a color. Como ves, la invitación se ajusta de manera Horizontal en el papel tamaño carta. Cuando haces impresiones a color, nunca tendrás en la hoja exactamente los mismos colores que los de la pantalla. Lo que ves en tu monitor es de muy alta calidad y resolución. Una sugerencia cuando hagas invitaciones caseras es que evites utilizar mucho color de relleno por que el gasto en tinta será muy alto. Lo que puedes hacer mejor es comprar hojas de colores, de diversas texturas e imprimir solo el borde, las letras y tus imágenes recortadas, sin relleno (es decir relleno blanco)

www.originalesinvitaciones.com

Página 55 de 58

Por último, si deseas llevar este archivo a una imprenta offset, debes guardarlo en un formato adecuado. Puedes hacerlo en el formato TIFF, que te generará un archivo de alta calidad y tamaño. Entra a Archivo y Guardar Como y en Tipo elige el formato TIFF

www.originalesinvitaciones.com

Página 56 de 58

Una vez que das Guardar se abre otra ventana. Elige las opciones de la imagen de abajo y le das OK. Ya tienes tu archivo TIFF listo para llevar a imprenta.

www.originalesinvitaciones.com

Página 57 de 58

Como viste, el manejo de Adobe Photoshop no es tan complicado. Recuerda lo siguiente: -

Estos programas de edición trabajan sobre el concepto de manejo de capas: es decir que cada que creas algo nuevo en tu documento, se crea una capa. Es como tener hojas de papel una encima de la otra., puedes moverlas una encima de la otra, apagarlas, eliminarlas, bloquearlas

-

Estos programas de edición manejan muchas opciones de ventanas con las que puedes hacer muchas cosas. Como viste al principio, abrimos solo 2 ventanas de trabajo en la opción Ventana. Has la prueba de abrir las demás y ver qué es lo que hacen. Para aprender debes experimentar

-

Cada que utilizas una herramienta, siempre aparecen opciones en el menú de arriba, para que ajustes según tus necesidades

Puedes visitar y descargar el video tutorial en: www.originalesinvitaciones.com/hacerinvitaciones.html

www.originalesinvitaciones.com

Página 58 de 58