Manual de prácticas de photoshop

Colegio de Estudios Científicos y

Tecnológicos del Estado de México

Manual de prácticas de photoshop

Profesor: René Domínguez Escalona

Alumna: Veronica Rodríguez Vicente

Materia: software de diseño

Grupo: 303

Especialidad: Técnico en informática

Tercer semestre

Ciclo escolar: 2012-2012



Introducción

Bueno en este manual de prácticas les mostrare como se realizan paso a paso algunas prácticas espero que le sirva y les sea de su agrado



Ventana de photoshop



Herramientas de photoshop

Marco rectangular:

Una herramienta para realizar selecciones cuadradas o

rectangulares.

Marco elíptico: Herramienta para crear selecciones circulares o elípticas. Está en el mismo grupo que el marco rectangular.

Herramienta mover: Esta sirve para mover el contenido de la capa en la que estamos trabajando. La capa se mueve por completo o bien sólo el área seleccionada, si es que había una selección creada. (Más adelante hay capítulos para explicar lo que son las capas capas-de-photoshop.html)

Lazo: Esta herramienta sirve para hacer selecciones a mano alzada, haciendo clic en un área de la imagen y pintando la selección a mano. La verdad es que la herramienta no es muy utilizada en el trabajo del día a día, pero es sencilla para practicar en un primer momento.

http://www.desarrolloweb.com/articulos/herrramientas-seleccion-basicas-photoshop.html

http://www.desarrolloweb.com/articulos/herrramientas-seleccion-basicas-photoshop.html

http://www.desarrolloweb.com/articulos/herramienta-mover-photoshop.html

http://www.desarrolloweb.com/articulos/herramienta-lazo-photoshop.html



Lazo poligonal: Sirve para hacer selecciones más complejas, marcando los vértices de un polígono. También es muy útil y sencilla de manejar en tus primeros pasos.

Varita mágica: Es para hacer selecciones rápidas de áreas del mismo color. Pulsando en un lugar de la imagen nos selecciona todo el área que tiene el mismo color continuo.

Herramienta recortar: Es un tipo de selección cuadrada, editable una vez que se ha definido, que nos sirve para recortar una imagen, quedándonos sólo con el área seleccionada.

Pincel: Esta herramienta nos sirve para dibujar a mano alzada sobre la imagen. Se dispone de varios pinceles, de grosuras y formas distintas y se puede ajustar la dureza del trazo, entre otras cosas. El pincel pinta en la capa que esté activa en ese momento.

Lápiz:

http://www.desarrolloweb.com/articulos/recortar-silueta-photoshop-selecciones-poligonales.html

http://www.desarrolloweb.com/articulos/selecciones-varita-magica-photoshop.html

http://www.desarrolloweb.com/articulos/recortar-redimensionar-imagen-photoshop.html

http://www.desarrolloweb.com/articulos/pinceles-de-photoshop.html

http://www.desarrolloweb.com/articulos/herramienta-lapiz-photoshop.html



El lápiz es similar al pincel, con la diferencia que éste realiza un trazo sin suavizado en los bordes y totalmente opaco.

Herramienta borrador: Sirve para borrar partes de una imagen. Ojo, puesto que como muchas otras herramientas, sólo actúa sobre la capa que está seleccionada. Es decir, sólo borra las cosas que haya en la capa que estamos trabajando. Por eso a veces podrá ocurrirte que intentas borrar algo y no se borra, quizás porque esté en otra capa. Tiene dos modos de borrar, uno el modo lápiz, que borra todo sin suavizado y el modo pincel, que borra difuminando los bordes. Además, igual que los pinceles y el lápiz, existen varios grosores para el trazo del borrador.

Herramienta bote de pintura: Esta herramienta sirve para rellenar de color una capa entera, o bien el área seleccionada de la capa. Rellena con el color que se haya seleccionado en la barra de herramientas como color frontal.

Herramienta degradado: Con esta herramienta podemos hacer degradados de color, funciona como el bote de pintura, rellenando color en toda una capa o en el área seleccionada de una capa, con la diferencia que para hacer el degradado tenemos que hacer

http://www.desarrolloweb.com/articulos/herramienta-borrador-photoshop.html

http://www.desarrolloweb.com/articulos/herramienta-bote-pintura-photoshop.html

http://www.desarrolloweb.com/articulos/herramienta-degradado-photoshop.html



una línea, pulsando con el ratón y arrastrando, para que el degradado se haga en ese espacio marcado.

Herramienta texto horizontal: Sirve para escribir texto en una imagen. El texto puede escribirse con distintas fuentes y tamaños y tendrá el color frontal que se haya seleccionado. Asociada a esta herramienta (si hacemos clic con pulsación prolongada) veremos que hay otras herramientas de texto, entre la que podría ser útil la de texto vertical.

Herramienta pluma: Esta herramienta es muy útil, pero un tanto compleja de manejar. Sirve para hacer trazados de cualquier tipo, curvos o poligonales. Lo bueno es que nos permite editar los trazados una vez hechos y que pueden ajustarse a cualquier recorrido que necesitemos, por complejo que sea. Junto con la herramienta de Pluma tendrás que aprender a usar otras herramientas complementarias que forman parte del mismo grupo.

Rectángulo: Sirve para hacer rectángulos, que pueden estar o no rellenos de color. En el lugar donde está el rectángulo hay otra serie de herramientas para hacer otros tipos de formas, como elipses, líneas o incluso formas personalizadas.

http://www.desarrolloweb.com/articulos/herramienta-texto-photoshop.html

http://www.desarrolloweb.com/articulos/herramienta-pluma-photoshop.html

http://www.desarrolloweb.com/articulos/formas-photoshop.html



Línea: Está agrupada con la herramienta recuadro y otras formas. Sirve para dibujar líneas. A las líneas se les puede colocar una flecha, configurable, al princio y/o al final de las mismas.

Forma personalizada: Esta herramienta nos permite dibujar un buen grupo de formas ya prediseñadas, como flores, estrellas, señales, globos, etc.

Herramienta cuentagotas: Con el cuentagotas podemos seleccionar colores, de cualquier parte de la imagen, para colocarlos como color frontal.

Herramienta mano: Esta herramienta nos sirve para mover el lienzo. No mueve ni modifica ninguna parte de la imagen, sino que traslada el área que estamos viendo de la imagen, si es que el lienzo entero no cabe en la ventana que tenemos abierta, ya sea porque la imagen sea muy grande o porque hayamos hecho zoom.

http://www.desarrolloweb.com/articulos/herramienta-linea-photoshop.html

http://www.desarrolloweb.com/articulos/formas-personalizadas-photoshop.html

http://www.desarrolloweb.com/articulos/herramienta-cuentagotas-photoshop.html

http://www.desarrolloweb.com/articulos/herramienta-mano-zoom-photoshop.html



Herramienta zoom: El zoom nos sirve para ampliar la imagen o reducirla, pero sin alterar la imagen. Simplemente se hace zoom para que se vea más grande y podamos hacer retoques con más precisión, o se aleja el zoom para hacer la imagen menor y así poder verla toda en nuestra pantalla.

http://www.desarrolloweb.com/articulos/herramienta-mano-zoom-photoshop.html



Blanqueamiento de dientes

1. Abrimos nuestra fotografía o imágen con Adobe Photoshop.

2. Vamos a ampliar la zona de los dientes para trabajar mas comoda y precisamente, pero sin llegar a ampliar demasiado como para no poder distinguir perfectamente los límites de los dientes, esto lo haremos seleccionando

la Herramienta Zoom y pinchando sobre la zona a ampliar.

3. Pasamos al modo Editar en Máscara Rápida y

seleccionamos la Herramienta Pincel y elegimos un



pincel suave, más difuminado. Y pasamos a pintar los dientes completamente hasta donde lleguen sus límites sin pasarnos de los mismos.

Dentadura señalada en Modo Máscara Rápida con Pincel suave

4. Después de haber pintado los dientes por completo, pasaremos de nuevo al modo Editar en Modo

Estándar y aparecerá la selección inversa a los dientes, es decir que aparecerá todo seleccionado excepto los dientes, lo que debemos hacer ahora será invertir la selección para que sólo queden seleccionados los dientes, para ello nos vamos al menú Selección y pinchamos en la opción Invertir y la imágen quedará de la siguiente manera.



Selección de la boca

5. Ahora lo que queremos es empezar a blanquear los dientes de la persona, asi que ya que tenemos echa la selección nos vamos a ir al panel que nos muestra las capas y seleccionamos el icono de Crear Nueva Capa de Relleno o Ajuste y seleccionamos la opción Tono/Saturación, abrirá una ventana en la que seleccionaremos en Editar amarillos, ya que lo que pretendemos en este artículo más que dotar de blanco a los dientes es eliminar el color amarillo, para ello podemos bajar la saturación al máximo (importante estar editando los amarillos), y podemos subir la luminosidad



un poco. No os preocupeis del resultado de momento sólo bajar la saturación de los amarillos al máximo y subir un poco la luminosidad como a +10 o +15 y le damos a ok. Al hacer esta corrección desde el panel de capas en vez de desde el menú imágen tenemos una ventaja grandísima que después veremos ya que el ajuste de Tono/Saturación se nos ha creado como una nueva capa.

6. Lo que vamos a hacer ahora, es arrastrar esa nueva capa que se nos ha creado con el ajuste de Tono/Saturación, al icono del panel de capas llamado Crear una Capa Nueva (que está al lado de un icono con una papelera), para duplicarla, entonces tendremos la capa de la fotografía y dos capas iguales con los ajustes de Tono/Saturación y cambiaremos la propiedad de esta nueva capa creada, de Normal a Sobreexposición Lineal, lo que nos mostrará un blanco exageradísimo en la dentadura de la persona que estemos retocando.



7. Por último tan sólo nos quedará ajustar la opacidad de la capa a la que le hemos aplicado la Sobreexposición Lineal, hasta conseguir una dentadura blanca, sin manchas y de aspecto natural. Aquí os mostramos el antes y el después, y como habeis visto no es nada complicado, además la opacidad de la capa en la fotografía del después está ajustada sólo en el 32% asi que si la queremos más o menos blanca tenemos mucho margen de opacidad. Vamos a ver los resultados.



Resultados de antes y después



FOTOMONTAJE

Abrimos en el Photoshop las imagenes con las que queramos trabajar, en este caso una de Keanu Reeves y otra de la plantilla de Dr. House :

http://foro.el-hacker.com/



ahora con la Herramienta Lazo Magnetico, vamos a cortar el rostro de Keanu Reeves, para luego pegarlo en la de Dr House :



para pegar la imagen, primero la copiamos con la combinacion de teclas Ctrl + C y luego la pegamos con Ctrl +V :

http://foro.el-hacker.com/



la desplazamos, hasta centrarla en el lugar adecuado y nos vamos a Imagen , Transformacion libre para voltearla, reducirla o colocarla a nuestro gusto :



y este es el resultado :



ya solo nos queda darle el toque final , y listo :



Fusión de capas 1.-El primer paso es abrir la primera imagen, seleccionarla completamente (CTRL+A) y copiarla al Portapapeles (CTRL+C). 2.-Luego hay que abrir la segunda imagen. Es preferible que por cuestiones de facilidad, ambas imágenes sean de igual tamaño, aunque el truco funcione correctamente con imágenes de distintos tamaños, siempre fundiendo la imagen más pequeña sobre la más grande. 3.-Hacemos luego click en el botón de Máscara Rápida, o presionamos la Tecla Q. Elegimos los colores predeterminados (Tecla D) y luego tomamos la herramienta de degradado y la aplicamos de izquierda a derecha. Como estamos en el modo de máscara rápida, el color blanco se verá transparente y el color negro se verá rojo. Mientras más roja se vea la imagen, menos se verá la otra imagen a través de la primera. 4.-Volvemos al modo normal y veremos un cuadro de selección que cubre aproximadamente la mitad de la imagen. Ahora simplemente pegamos la primera imágen usando Edit / Paste Into (SHIFT+CTRL+V). Al hacer esto la primer imagen se pega sobre la primera produciendo el efecto de transición entre una y otra.





Fondo de pantalla 1.-El primer paso es abrir la primera imagen, seleccionarla completamente (CTRL+A) y copiarla al Portapapeles (CTRL+C). 2.-Luego hay que abrir la segunda imagen. Es preferible que por cuestiones de facilidad, ambas imágenes sean de igual tamaño, aunque el truco funcione correctamente con imágenes de distintos tamaños, siempre fundiendo la imagen más pequeña sobre la más grande. 3.-Hacemos luego click en el botón de Máscara Rápida, o presionamos la Tecla Q. Elegimos los colores predeterminados (Tecla D) y luego tomamos la herramienta de degradado y la aplicamos de izquierda a derecha. Como estamos en el modo de máscara rápida, el color blanco se verá transparente y el color negro se verá rojo. Mientras más roja se vea la imagen, menos se verá la otra imagen a través de la primera. 4.-Volvemos al modo normal y veremos un cuadro de selección que cubre aproximadamente la mitad de la imagen. Ahora simplemente pegamos la primera imágen usando Edit / Paste Into (SHIFT+CTRL+V). Al hacer esto la primer imagen se pega sobre la primera produciendo el efecto de transición entre una y otra.





Nombre con efecto Mediante la creación de un nuevo lienzo de 100 x 100 píxeles, a continuación, cambiar de frente a la D01111 y llenar el fondo. Luego, el cambio de frente de nuevo a F2EA70 y elegir la "Herramienta Elipse". Dibujar una forma similar a la que he llegado abajo, que será la semilla.

Ahora que tiene su semilla, ahora puede hacer clic derecho sobre la capa y seleccionar semillas, "La mezcla de opciones ...". Ahora haga clic en "Resplandor exterior". (Emplear una configuración de ababjo). Ahora puede hacer clic en Aceptar.

Ahora debes tener lo siguiente:



Ahora duplicar la capa de la semilla hasta que haya algo similar a la siguiente. Sugerencia: Utilice el "ALT" clave para duplicar. Una vez que esté satisfecho con la mirada, ve al menú principal y seleccione "Editar" y luego "Define Pattern" Ponle Un nombre.

Y ahora, puede crear un nuevo lienzo de 350 x 180, y luego elegir la herramienta de texto. Elegí "Joan", como el tipo de letra en un tamaño de 104. Ahora escriba su texto.



Ahora que tiene su texto, ahora puede hacer clic derecho sobre la capa de texto y seleccionar, "La mezcla de opciones ...". Ahora haga clic en "Drop Shadow". (Emplear una configuración de abajo). No haga clic en Aceptar aún ...

Ahora haga clic en "Inner Shadow". (Emplear una configuración de abajo). No haga clic en Aceptar aún ...



Ahora haga clic en "Inner Glow". (Emplear una configuración de abajo). No haga clic en Aceptar aún ...

Ahora haga clic en "Bisel y Emboss". (Emplear una configuración de abajo). No haga clic en Aceptar aún ...



Ahora haga clic en "Plan de superposición". (Emplear una configuración de abajo). Ya puede hacer clic en Aceptar.

Resultados Se puede decorar con algunas hojas y tallo para el principio.





NOMBRE CON EFECTO 3D Con este efecto podremos crear todo tipo de objetos 3D o textos. Empezaremos creando una imagen de 200 x 200. Colocamos un texto de color negro.

Despues vamos a Filter » Stylice » Emboss (Filtro » Estilizar » Relieve)y ponemos estos datos:

Después hacemos lo siguiente: Filter » Render » Lighting Effects (Filtro » Representar » Efectos de Luz). Colores: #C6C6C6 #9F9F9F



Ahora este truco es opcional, pulsa Ctrl + ALT + Abajo o Arriba hasta que estes contento con el resultado.



Tarjeta navideña 1.-El primer paso es abrir la primera imagen, seleccionarla completamente (CTRL+A) y copiarla al Portapapeles (CTRL+C). 2.-Luego hay que abrir la segunda imagen. Es preferible que por cuestiones de facilidad, ambas imágenes sean de igual tamaño, aunque el truco funcione correctamente con imágenes de distintos tamaños, siempre fundiendo la imagen más pequeña sobre la más grande. 3.-Hacemos luego click en el botón de Máscara Rápida, o presionamos la Tecla Q. Elegimos los colores predeterminados (Tecla D) y luego tomamos la herramienta de degradado y la aplicamos de izquierda a derecha. Como estamos en el modo de máscara rápida, el color blanco se verá transparente y el color negro se verá rojo. Mientras más roja se vea la imagen, menos se verá la otra imagen a través de la primera. 4.-Volvemos al modo normal y veremos un cuadro de selección que cubre aproximadamente la mitad de la imagen. Ahora simplemente pegamos la primera imágen usando Edit / Paste Into (SHIFT+CTRL+V). Al hacer esto la primer imagen se pega sobre la primera produciendo el efecto de transición entre una y otra.





Avatar Paso 1

Para empezar duplicaremos la capa Fondo de nuestra

fotografía. A continuación abrimos la herramienta Filtro –

> Licuar y realizamos las siguientes transformaciones:

Con la Herramienta inflar agrandamos los ojos de nuestro

personaje. Nos tendria que quedar algo parecido a la

siguiente imagen:

Recomiendo que empezéis con un tamaño de pincel mediano

para ir inflando las diferentes zonas del ojo y luego con un

tamaño de pincel mayor inflar la totalidad del ojo.

Con la Herramienta deformar hacia adelante transformamos

la forma de los ojos para que se muestre algo parecido a la

imagen que se muestra a continuación:

Utilizando la misma herramienta, ensanchamos la parte

superior de la nariz, aplicando la deformación desde dentro

hacia fuera.

http://www.pixelizar.com/wp-content/uploads/2010/12/navi-paso1.png




Con la Herramienta desinflar, desinflamos un poco la parte

inferior de la nariz y con laHerramienta deformar hacia

adelante continuamos transformando la nariz hasta conseguir

algo parecido a lo que se muestra en la imagen a

continuación:

Como paso opcional, seleccionamos la herramienta inflar e

inflamos un poco los labios y los pómulos.

Paso 2

Ahora vamos a darle a nuestro personaje navi ese color de

piel azulado tan característico, para hacerlo nos vamos

a Imagen –> Ajustes –> Tono/saturación. Seleccionamos la

opciónColorear y ponemos 225 como valor de Tono y 40

como valor de Saturación . Con laherramienta

Subexponer, Sombras a un 50% aproximadamente,

aplicamos algo de sombra a los ojos, la nariz, y a los rasgos

que queramos destacar.





Paso 3

Para hacer los ojos, creamos una nueva capa de tipo Luz

suave y con el pincel de color #fede00 pintamos dos circulos

sobre los ojos. En una nueva capa también podemos añadir

un poco de color #eee188 para darle algo de realismo. A esta

segunda capa la ponemos enSuperponer, le aplicaremos un

poco de desenfoque y le daremos un valor de opacidad de

40%.




Paso 4

Para los labios y la parte inferior de la nariz, crea una nueva

capa de tipo Color y pinta con el pincel de color #e1b4c3.

Coloca 70% al valor de opacidad de esta capa.




Paso 5

Para las rayas en el rostro utilizaremos este patrón:




Para que el patrón se adapte mejor a las formas del rostro

utilizaremos el filtro Desplazar. Seleccionamos todas las

capas y presionamos las teclas Ctrl+Mayús+Alt+E para crear

una nueva capa que combine todas. Seleccionamos esta

nueva capa y nos vamos a Imagen –>Ajustes –> Desaturar.

Guardamos como desplazar.psd. Ya hemos terminado con

esta capa, la eliminamos. Colocamos una nueva capa con la

imagen patrón, la selecionamos y nos vamos a Filtro –

> Distorisonar Desplazar…,

http://www.pixelizar.com/wp-content/uploads/2010/12/textura-zebra.png



Paso 6

Para crear los brillos del rostro y hombros, crea una nueva

capa y utiliza un pincel redondo para crear varias manchas al

gusto. Una vez hecho esto aplica los efectos de

capaResplandor exterior y Resplandor interior, los dos de

color blanco.




Paso 7

Ya solo nos queda la oreja. Puedes utilizar las que te muestro

a continuación. En este caso utilizamos la oreja de la

izquierda.




Agregamos la imagen de la oreja en una nueva capa, la

escalamos y giramos hasta que se amolde al personaje.

Borramos las partes que oculta el cabello y le damos el tono

azulado igual que hicimos con la piel en el Paso 2.

Luz neón

http://www.pixelizar.com/2010/12/15/efecto-avatar-crea-tu-personaje-navi-con-photoshop/#paso2

http://www.pixelizar.com/wp-content/uploads/2010/12/orejas-navi.png



Paso 1: abrir photoshop Paso 2: abrir la imagen Paso 3: seleccionar la imagen Paso 4: seleccionar la herramienta pluma Paso 5: poner puntos sobre la imagen Paso 6: entre punto y punto poner otro punto Paso 7: mantener presionado ctrl Paso 8: jalar el punto a donde ustedes quieran Paso 9: al terminar de hacer lo mismo en todo la imagen Paso 10: dar clic derecho en un punto Paso 11: dar clic en contornear trazado Paso 12: seleccionar pincel Paso 13: palomear simular presión Paso 14: dar clic en ok Paso 15: ir a trazados Paso 16: dar clic derecho en el trazado Paso 17: eliminar trazado Paso 18: seleccionar la herramienta goma Paso 19: borrar la línea de luz para que se vea que uno va arriba y uno abajo Paso 20: tu imagen quedara como se muestra en la figura





Violencia de género 1.-El primer paso es abrir la primera imagen, seleccionarla completamente (CTRL+A) y copiarla al Portapapeles (CTRL+C). 2.-Luego hay que abrir la segunda imagen. Es preferible que por cuestiones de facilidad, ambas imágenes sean de igual tamaño, aunque el truco funcione correctamente con imágenes de distintos tamaños, siempre fundiendo la imagen más pequeña sobre la más grande. 3.-Hacemos luego click en el botón de Máscara Rápida, o presionamos la Tecla Q. Elegimos los colores predeterminados (Tecla D) y luego tomamos la herramienta de degradado y la aplicamos de izquierda a derecha. Como estamos en el modo de máscara rápida, el color blanco se verá transparente y el color negro se verá rojo. Mientras más roja se vea la imagen, menos se verá la otra imagen a través de la primera. 4.-Volvemos al modo normal y veremos un cuadro de selección que cubre aproximadamente la mitad de la imagen. Ahora simplemente pegamos la primera imágen usando Edit / Paste Into (SHIFT+CTRL+V). Al hacer esto la primer imagen se pega sobre la primera produciendo el efecto de transición entre una y otra.





Colorear Paso 1: abrir photoshop Paso 2: abrir la imagen Paso 3: seleccionar la imagen Paso 4: seleccionar el pincel en el tamaño que mas desees Paso 5: seleccionar el color con el que vas a pintar tu imagen Paso 6: cambiar la opacidad del color Paso 7: al final tu imagen se vera asi



Restauración de fotos Abres la imagen En esta práctica vamos a utilizar fundamentalmente la herramienta tampón de clonar para arreglar los rasguños de la imagen Duplica la capa fondo y le das el nombre tampónClonar. Ocultas la capa fondo Selecionas la herramienta tampón clonar con estas características y empezamos clonando lo que es el fondo de la imagen Para un zoom del 70% he utilizado un pincel de diámetro 33 px y una dureza del 29% y un pincel de bordes suaves (difuminado). Configuración del tampón de clonar

Empezamos tomando una muestra, lo más próximo posible al área que vamos a reparar



Para las zonas más grandes he usado un pincel de diámetro mayor de 72



Vamos jugando con el diámetro de los pinceles según la zona a reparar En este momento mi imagen tiene este aspecto



Ahora voy a reparar la zona de las mangas de la camisa Duplico la capa TampónClonar y le doy el nombre, mangas Zoom del 150% y configuramos el tamón de clonar así: Diámetro del pincel 17, dureza del 29%. Tendremos que aplicar diferentes diámetros de pincel

He terminado de reparar las mangas de la camisa



Ahora reparo el chaleco Duplico la capa mangas y la llamo chaleco La misma configuración anterior para el tampón de clonar, excepto el diámetro de pincel a 12 px



Zoom del 150% Reparamos un pequeño arañazo que tiene el chaleco y algunas manchitas en la ropa y en el rostro Ahora vemos que una arruga atraviesa la camisa, vamos a repararla He duplicado la capa chaleco y le doy el nombre arruga. Con el tampón clonar empezamos a reparar, sólo hemos modificado el tamaño de pincel a 11 px



Una vez terminado mi imagen tiene este aspecto

Ahora la imagen está reparada



Vamos acoplar las capas. En este momento mi paleta capas consta de:

Las acoplamos Ahora vamos a crear una capa de ajuste, de tipo tono y saturación, y le aplicamos estos valores



Creamos una nueva capa de ajuste de tipo brillo / contraste



Combinamos estas tres capas, de tono y saturación y brillo con nuestra capa Pasmos la imagen a blanco y negro, imagen, ajustar, desaturar



Para terminar duplico la capa y le cambio el modo de fusión a superponer y bajo la opacidad de esta capa al 30%



Imagen gif Cada capa creada con Photoshop puede ser un fotograma del GIF animado, así

que podemos crear tantas capas como imágenes queramos que haya en la

animación. Luego con Image Ready podremos intercalar esas capas en el

orden que queramos y asignarles un tiempo de visualización a cada.

Una vez creada la imagen con las distintas capas con Photoshop,

podemos guardarla con extensión .psd, para que guarde toda la información de las capas. Una vez guardada podemos pasar el archivo a Image Ready, que es el programa que utilizaremos para animar las

capas en un GIF animado.

Para pasar el archivo desde Photoshop a Image Ready cómodamente,



podemos utilizar un botón que hay en la parte de abajo de la barra de herramientas. El botón se encuentra en los dos programas y podemos verlo remarcado en la imagen de la derecha.

Nota: La acción de pasar de un programa a otro será muy repetida durante

el trabajo con Photoshop e Image Ready, puesto que cada programa tiene

unas capacidades distintas y las acciones que se hacen con un programa no

tienen porque estar disponibles en otro. Por ejemplo, si queremos editar

una capa, debemos hacerlo desde Photoshop y si queremos crear

fotogramas y seleccionar las capas que se deben visualizar en cada uno,

deberemos hacerlo con Image Ready. Es aconsejable guardar el archivo

.psd antes de pasar de una aplicación a otra.

Trabajo con Image Ready

Para definir cada uno de los fotogramas de la animación y sus propiedades

tenemos una ventana llamada Animación. Si no la vemos al abrir Image Ready

podemos mostrarla en el menú de Ventana > Mostrar animación.

La ventana de animación contiene un botón para añadir fotogramas que tiene

forma de documento nuevo. En cada fotograma podemos seleccionar de

manera independiente las capas que se desean visualizar, de modo que

debemos crear los distintos fotogramas de nuestra animación e indicar qué

capas se deben visualizar en cada uno de ellos. Por cierto, las capas se pueden

hacer visibles o invisibles desde la ventana de capas con el ojo que hay al lado

de cada una de las capas. Cuando se puede ver el ojo la capa es visible y

cuando no hay ojo es que es invisible.



Para asignar el tiempo de visualización de cada uno de los fotogramas tenemos un registro de los segundos de visualización justo debajo de la miniatura del fotograma. Al pulsar sobre ese registro de segundos aparecerá una ventana

donde seleccionar cualquier duración, en segundos.

Cuando tengamos la animación tal como deseamos que aparezca en nuestra

página web seleccionamos en el menú Archivo, la opción "Guardar optimizada como..." y nos aparecerá la ventana típica para seleccionar el directorio y el nombre de archivo que queremos asignarle.



Optimizar la imagen con Image Ready Podemos modificar las propiedades de la imagen GIF, como número de colores

o el tipo de paleta para optimizar la imagen, con objeto de que ocupe el menor espacio posible en bytes y sea rápida de descargar. La optimización se debe

realizar respetando la calidad de la imagen tanto como seamos capaces. Para realizar estas acciones Image Ready dispone de una ventana llamada Optimizar, que si no aparece podremos mostrarla desde el menú Ventana >

Mostrar optimizar.

La característica más interesante para optimizar en un fichero GIF es el número de colores. Por lo general, a menor número de colores, menor tamaño del archivo. En la ventana del documento podemos encontrar unas solapas que

nos permiten seleccionar la versión de la imagen que queremos visualizar: la versión Original o la Optimizada. Las solapas 2 copias o 4 copias permiten

comparar entre la versión original y algún tipo de optimización.



Referencia: Hablamos sobre formatos gráficos y la optimización de imágenes en cada uno en un

artículoFormátos gráficos para páginas web.

Resultado obtenido

Para realizar este artículo hemos creado un GIF animado que se puede ver a

continuación. No es muy atractivo, pero será interesante ver el resultado

conseguido.

http://www.desarrolloweb.com/articulos/19.php



Foto de generación 1.-El primer paso es abrir la primera imagen, seleccionarla completamente (CTRL+A) y copiarla al Portapapeles (CTRL+C). 2.-Luego hay que abrir la segunda imagen. Es preferible que por cuestiones de facilidad, ambas imágenes sean de igual tamaño, aunque el truco funcione correctamente con imágenes de distintos tamaños, siempre fundiendo la imagen más pequeña sobre la más grande. 3.-Hacemos luego click en el botón de Máscara Rápida, o presionamos la Tecla Q. Elegimos los colores predeterminados (Tecla D) y luego tomamos la herramienta de degradado y la aplicamos de izquierda a derecha. Como estamos en el modo de máscara rápida, el color blanco se verá transparente y el color negro se verá rojo. Mientras más roja se vea la imagen, menos se verá la otra imagen a través de la primera. 4.-Volvemos al modo normal y veremos un cuadro de selección que cubre aproximadamente la mitad de la imagen. Ahora simplemente pegamos la primera imágen usando Edit / Paste Into (SHIFT+CTRL+V). Al hacer esto la primer imagen se pega sobre la primera produciendo el efecto de transición entre una y otra.





Cecytem 1.-El primer paso es abrir la primera imagen, seleccionarla completamente (CTRL+A) y copiarla al Portapapeles (CTRL+C). 2.-Luego hay que abrir la segunda imagen. Es preferible que por cuestiones de facilidad, ambas imágenes sean de igual tamaño, aunque el truco funcione correctamente con imágenes de distintos tamaños, siempre fundiendo la imagen más pequeña sobre la más grande. 3.-Hacemos luego click en el botón de Máscara Rápida, o presionamos la Tecla Q. Elegimos los colores predeterminados (Tecla D) y luego tomamos la herramienta de degradado y la aplicamos de izquierda a derecha. Como estamos en el modo de máscara rápida, el color blanco se verá transparente y el color negro se verá rojo. Mientras más roja se vea la imagen, menos se verá la otra imagen a través de la primera. 4.-Volvemos al modo normal y veremos un cuadro de selección que cubre aproximadamente la mitad de la imagen. Ahora simplemente pegamos la primera imágen usando Edit / Paste Into (SHIFT+CTRL+V). Al hacer esto la primer imagen se pega sobre la primera produciendo el efecto de transición entre una y otra.





Sexualidad 1.-El primer paso es abrir la primera imagen, seleccionarla completamente (CTRL+A) y copiarla al Portapapeles (CTRL+C). 2.-Luego hay que abrir la segunda imagen. Es preferible que por cuestiones de facilidad, ambas imágenes sean de igual tamaño, aunque el truco funcione correctamente con imágenes de distintos tamaños, siempre fundiendo la imagen más pequeña sobre la más grande. 3.-Hacemos luego click en el botón de Máscara Rápida, o presionamos la Tecla Q. Elegimos los colores predeterminados (Tecla D) y luego tomamos la herramienta de degradado y la aplicamos de izquierda a derecha. Como estamos en el modo de máscara rápida, el color blanco se verá transparente y el color negro se verá rojo. Mientras más roja se vea la imagen, menos se verá la otra imagen a través de la primera. 4.-Volvemos al modo normal y veremos un cuadro de selección que cubre aproximadamente la mitad de la imagen. Ahora simplemente pegamos la primera imágen usando Edit / Paste Into (SHIFT+CTRL+V). Al hacer esto la primer imagen se pega sobre la primera produciendo el efecto de transición entre una y otra.





Informática 1.-El primer paso es abrir la primera imagen, seleccionarla completamente (CTRL+A) y copiarla al Portapapeles (CTRL+C). 2.-Luego hay que abrir la segunda imagen. Es preferible que por cuestiones de facilidad, ambas imágenes sean de igual tamaño, aunque el truco funcione correctamente con imágenes de distintos tamaños, siempre fundiendo la imagen más pequeña sobre la más grande. 3.-Hacemos luego click en el botón de Máscara Rápida, o presionamos la Tecla Q. Elegimos los colores predeterminados (Tecla D) y luego tomamos la herramienta de degradado y la aplicamos de izquierda a derecha. Como estamos en el modo de máscara rápida, el color blanco se verá transparente y el color negro se verá rojo. Mientras más roja se vea la imagen, menos se verá la otra imagen a través de la primera. 4.-Volvemos al modo normal y veremos un cuadro de selección que cubre aproximadamente la mitad de la imagen. Ahora simplemente pegamos la primera imágen usando Edit / Paste Into (SHIFT+CTRL+V). Al hacer esto la primer imagen se pega sobre la primera produciendo el efecto de transición entre una y otra.





Buying 1.-El primer paso es abrir la primera imagen, seleccionarla completamente (CTRL+A) y copiarla al Portapapeles (CTRL+C). 2.-Luego hay que abrir la segunda imagen. Es preferible que por cuestiones de facilidad, ambas imágenes sean de igual tamaño, aunque el truco funcione correctamente con imágenes de distintos tamaños, siempre fundiendo la imagen más pequeña sobre la más grande. 3.-Hacemos luego click en el botón de Máscara Rápida, o presionamos la Tecla Q. Elegimos los colores predeterminados (Tecla D) y luego tomamos la herramienta de degradado y la aplicamos de izquierda a derecha. Como estamos en el modo de máscara rápida, el color blanco se verá transparente y el color negro se verá rojo. Mientras más roja se vea la imagen, menos se verá la otra imagen a través de la primera. 4.-Volvemos al modo normal y veremos un cuadro de selección que cubre aproximadamente la mitad de la imagen. Ahora simplemente pegamos la primera imágen usando Edit / Paste Into (SHIFT+CTRL+V). Al hacer esto la primer imagen se pega sobre la primera produciendo el efecto de transición entre una y otra.





Conclusión

Mi conclusión sobre este trabajo es que teles puede servir de

mucha ayuda ya que si tienes algunas dudas de cómo

realizar un trabajo en photoshop.

Este trabajo les servirá todas las personas pero en especial

alas que no les gusta ver videotutoriales.

Documents

Manual de prácticas de photoshop