58
www.originalesinvitaciones.com Página 1 de 58 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

Tutorial Para Hacer Invitaciones en Photoshop

Embed Size (px)

Citation preview

Page 1: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 1 de 58

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

Page 2: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 2 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

Page 3: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 3 de 58

Colocamos los fondos por defecto: presiona el pequeño recuadro negro que se encuentra

abajo en la ventana de Herramientas

Page 4: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 4 de 58

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

Page 5: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 5 de 58

Aparecen las nuevas ventanas a la derecha

Page 6: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 6 de 58

Abrimos la imagen con la que trabajaremos

Page 7: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 7 de 58

Elegimos la flor

Page 8: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 8 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

Page 9: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 9 de 58

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

Page 10: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 10 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

Page 11: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 11 de 58

Guardamos el archivo creado en formato psd. para futuras ediciones

Page 12: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 12 de 58

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

Page 13: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 13 de 58

Elegimos la Herramienta Mover

Page 14: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 14 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.

Page 15: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 15 de 58

Cerramos la imagen de la flor

Page 16: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 16 de 58

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

Page 17: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 17 de 58

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

Page 18: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 18 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.

Page 19: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 19 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

Page 20: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 20 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á.

Page 21: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 21 de 58

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

Page 22: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 22 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

Page 23: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 23 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.

Page 24: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 24 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

Page 25: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 25 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.

Page 26: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 26 de 58

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

Page 27: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 27 de 58

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

Page 28: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 28 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.

Page 29: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 29 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

Page 30: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 30 de 58

Puedes borrar el resto con la Herramienta Borrador

Page 31: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 31 de 58

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

Page 32: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 32 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

Page 33: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 33 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

Page 34: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 34 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)

Page 35: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 35 de 58

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

Page 36: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 36 de 58

Page 37: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 37 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

Page 38: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 38 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)

Page 39: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 39 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)

Page 40: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 40 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

Page 41: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 41 de 58

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

Page 42: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 42 de 58

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

Page 43: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 43 de 58

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

Page 44: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 44 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

Page 45: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 45 de 58

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

Page 46: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 46 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

Page 47: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 47 de 58

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

Page 48: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 48 de 58

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

Page 49: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 49 de 58

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

Page 50: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 50 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

Page 51: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 51 de 58

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

Page 52: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 52 de 58

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

Page 53: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 53 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

Page 54: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 54 de 58

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

Page 55: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 55 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)

Page 56: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 56 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

Page 57: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 57 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.

Page 58: Tutorial Para Hacer Invitaciones en Photoshop

www.originalesinvitaciones.com Página 58 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