SlideShare ist ein Scribd-Unternehmen logo
1 von 18
PHOTOSHOP 12 COMO ANIMAR UNA IMAGEN
Selecionaremos la foto que quieres animar
Seleccionaremos toda la foto para pasarla a un nuevo documento que sea transparente le daremos clic en la parte de
arriba donde dice selección y daremos clic en todo para q la imagen queda selección toda la imagen
La imagen queda seleccionada de la siguiente manera mira los bordes de la imagen
Vamosa crear un nuevodocumentodándoleclicenarchivoynuevo,laimagenseleccionada le darás ctrl c para copiar la
y pegarla al documento transparente que se está creando
Cuando vallas a crear tu documento tiene que ser transparente
Y este es el documento transparente dónde vas a pegar tu imagen seleccionada
Despues de haber pegado tu imagen al archivo nuevo seleccionaremos la herramienta de selección rapida y
Y vamos a seleccionar la imagen con precisión como lo muestra la siguiente imagen
Perfeccionaremos bordes como tu preferías y mires que te quede mejor se precis@
Crearemos una nueva capa en la ventana de perfecionar bordes en la parte de abajo parce la ventana que se muestra
aquí abajo le daremos nueva capa
La imagen queda en un documento transparente
Vamosa rellenarlaimageneneste casoa desapareserlaparaque quede soloel fondo de la imagen iremos a dar clic en
edicion y luego rellenar
Te saldrá la siguiente ventana donde te darás cuenta que tenga según el contenido le darás ok
Y la imagen se desaparecera como lo muestra la siguiente imagen
Seleccionaremos otra vez la imagen para poderle dar movimiento
En la capa seleccionada daremos clic derecho y seleccionaremos convertir en objeto inteligente como lo muestra la
imagen
Para poder hacer la deformación de posición libre tenemos que tener la imagen deseleccionada
Después nos vamos a edición y seleccionamos deformación de posición libre
La imagen te aparece de la siguiente manera
Para dar movimiento ala imagen darás clic varias veces en la imagen creando diferentes puntos los cuales son los que
van a dar movimiento con la tecla alt la presionaras un momento dando clic en uno de los puntos y empezaras a dar
movimiento como tu gustes como lo muestra la siguiente imagen
Duplicaremoslacapapara poderle darmasmovientotenencuentaque son variascapaslasque tienesque duplicarle
daras clicizquierdoalaprimeracapay selecionarasduplicarcapa
Despues daras clic en deformacion de posicion libre
Despuesde que dupliques tu imagen daras clic en lo que aparese debajo de la capa que dice deformacion de pocicion
libre como lo muestra la siguiente imagen
Seleccionaremos editar filtro inteligente
Continuamente duplicar capas para que tenga la imagen diferentes posiciones a medida de que dupliques tu capa le
darás clic en izquierdo y seleccionaras editar filtro inteligente
Lo siguiente sera dar movimiento ala imagen
Te iras a ventana y selecionaras animacion como lo muestra la siguiente imagen
Despuésenlaparte de abajote apareceránun cuadritoque tendrásque duplicar en la aparte de abajohay una clase de
cuadrito que le darás clic varias veces y duplicaras tus cuadros
Después de haber duplicado los cuadros con la tecla shif los seleccionaras todos y los reproducirás con play
En las capas mostrara con un ojito lo que esta selecionado cada cudro tendra que tener un ojito como lo muestra la
siguiente imagen
La imagen se reproducirá de manera rápida te queda mejor
Vamos a guardar el archivo para que lo podamos ver por internet como se mueve lo guardaremos como para web y
dispositivos
Después de haber lo guardado te saldrá una ventana como la siguiente donde darás clic en guardar
Selecionaras donde lo quieres guardar y despues lo abres y se te movera
La imagen que e modificado y se podrá mover la encuentras en la pagina de abajo
file:///F:/photoshop%2012/Sin-t%C3%ADtulo-1.gif
Photoshop 12 como animar una imagen

Weitere ähnliche Inhalte

Was ist angesagt?

Tutorial para crear una tabla dinamica
Tutorial para crear una tabla dinamicaTutorial para crear una tabla dinamica
Tutorial para crear una tabla dinamicacrypi
 
Práctica de photoshop numero 11
Práctica de photoshop numero 11Práctica de photoshop numero 11
Práctica de photoshop numero 11Danita Viteri
 
Practica n°11
Practica n°11Practica n°11
Practica n°11JF-96
 
Practica 12 de photochop
Practica  12 de  photochopPractica  12 de  photochop
Practica 12 de photochopdcfvctsvgxfd
 
Bienvenidos 1 trabajo subido
Bienvenidos 1 trabajo subidoBienvenidos 1 trabajo subido
Bienvenidos 1 trabajo subidoconychamorro
 
2° practica de photoshop
2° practica de photoshop2° practica de photoshop
2° practica de photoshopbcdzbsf
 
Trabajo practico n 5 (1)
Trabajo practico n 5 (1)Trabajo practico n 5 (1)
Trabajo practico n 5 (1)santi1097
 
Presentacion 15(insertar imagen)
Presentacion 15(insertar imagen)Presentacion 15(insertar imagen)
Presentacion 15(insertar imagen)JacquelineRH
 

Was ist angesagt? (15)

Practica de photoshop n° 12
Practica de photoshop n° 12Practica de photoshop n° 12
Practica de photoshop n° 12
 
Tutorial para crear una tabla dinamica
Tutorial para crear una tabla dinamicaTutorial para crear una tabla dinamica
Tutorial para crear una tabla dinamica
 
Storyboard
StoryboardStoryboard
Storyboard
 
Práctica de photoshop numero 11
Práctica de photoshop numero 11Práctica de photoshop numero 11
Práctica de photoshop numero 11
 
Practica n°11
Practica n°11Practica n°11
Practica n°11
 
Practica 12 de photochop
Practica  12 de  photochopPractica  12 de  photochop
Practica 12 de photochop
 
Practica de photoshop 12
Practica de photoshop 12Practica de photoshop 12
Practica de photoshop 12
 
Photoshop 12
Photoshop 12Photoshop 12
Photoshop 12
 
Bienvenidos 1 trabajo subido
Bienvenidos 1 trabajo subidoBienvenidos 1 trabajo subido
Bienvenidos 1 trabajo subido
 
2° practica de photoshop
2° practica de photoshop2° practica de photoshop
2° practica de photoshop
 
Trabajo practico n 5 (1)
Trabajo practico n 5 (1)Trabajo practico n 5 (1)
Trabajo practico n 5 (1)
 
Photoshop 11
Photoshop 11Photoshop 11
Photoshop 11
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentacion 15(insertar imagen)
Presentacion 15(insertar imagen)Presentacion 15(insertar imagen)
Presentacion 15(insertar imagen)
 
Practica 10
Practica 10Practica 10
Practica 10
 

Ähnlich wie Photoshop 12 como animar una imagen

Trabajo de flash de peses
Trabajo de flash de pesesTrabajo de flash de peses
Trabajo de flash de pesesyurani morales
 
Taller photoshop
Taller photoshopTaller photoshop
Taller photoshoptaniamabel
 
Practica de photoshop 11
Practica de photoshop 11 Practica de photoshop 11
Practica de photoshop 11 Ruth Guerrero
 
Dibujo combinado
Dibujo combinadoDibujo combinado
Dibujo combinadonarcesy
 
practica de photoshop #5
practica de photoshop #5practica de photoshop #5
practica de photoshop #5pablo burbano
 
Practica nº 10 de photoshop
Practica nº 10 de photoshopPractica nº 10 de photoshop
Practica nº 10 de photoshopcristian guevara
 
Practica Corel Draw - Diseño de Wallpaper sencillo
Practica Corel Draw - Diseño de Wallpaper sencilloPractica Corel Draw - Diseño de Wallpaper sencillo
Practica Corel Draw - Diseño de Wallpaper sencilloErick Cruz
 
Practica 7 de photoshop1
Practica 7 de photoshop1Practica 7 de photoshop1
Practica 7 de photoshop1leyohana14
 
Luis eduardo mora osejo
Luis eduardo mora osejoLuis eduardo mora osejo
Luis eduardo mora osejochiikyziita
 
tutorial adriana multimedia
tutorial adriana multimedia tutorial adriana multimedia
tutorial adriana multimedia chiikyziita
 
Pasos photoshopCS4
Pasos photoshopCS4Pasos photoshopCS4
Pasos photoshopCS41301csmr
 
Bienvenidos 1 trabajo subido
Bienvenidos 1 trabajo subidoBienvenidos 1 trabajo subido
Bienvenidos 1 trabajo subidomaria2352chamorro
 
Practica de fotochop 7 con margen
Practica de fotochop 7 con margenPractica de fotochop 7 con margen
Practica de fotochop 7 con margendrejhgs
 
Practica de fotochop 7 con margen
Practica de fotochop 7 con margenPractica de fotochop 7 con margen
Practica de fotochop 7 con margensiodjngdf
 

Ähnlich wie Photoshop 12 como animar una imagen (20)

Photoshop 12
Photoshop 12Photoshop 12
Photoshop 12
 
Storyboard
StoryboardStoryboard
Storyboard
 
Trabajo de flash de peses
Trabajo de flash de pesesTrabajo de flash de peses
Trabajo de flash de peses
 
Photoshop 12
Photoshop 12Photoshop 12
Photoshop 12
 
Photoshop 12
Photoshop 12Photoshop 12
Photoshop 12
 
Taller photoshop
Taller photoshopTaller photoshop
Taller photoshop
 
Practica de photoshop 11
Practica de photoshop 11 Practica de photoshop 11
Practica de photoshop 11
 
Dibujo combinado
Dibujo combinadoDibujo combinado
Dibujo combinado
 
practica de photoshop #5
practica de photoshop #5practica de photoshop #5
practica de photoshop #5
 
Practica nº 10 de photoshop
Practica nº 10 de photoshopPractica nº 10 de photoshop
Practica nº 10 de photoshop
 
Practica Corel Draw - Diseño de Wallpaper sencillo
Practica Corel Draw - Diseño de Wallpaper sencilloPractica Corel Draw - Diseño de Wallpaper sencillo
Practica Corel Draw - Diseño de Wallpaper sencillo
 
Practica 12
Practica 12Practica 12
Practica 12
 
Practica 7 de photoshop1
Practica 7 de photoshop1Practica 7 de photoshop1
Practica 7 de photoshop1
 
Luis eduardo mora osejo
Luis eduardo mora osejoLuis eduardo mora osejo
Luis eduardo mora osejo
 
tutorial adriana multimedia
tutorial adriana multimedia tutorial adriana multimedia
tutorial adriana multimedia
 
Manual de practicas de dreamweaver
Manual de practicas de dreamweaverManual de practicas de dreamweaver
Manual de practicas de dreamweaver
 
Pasos photoshopCS4
Pasos photoshopCS4Pasos photoshopCS4
Pasos photoshopCS4
 
Bienvenidos 1 trabajo subido
Bienvenidos 1 trabajo subidoBienvenidos 1 trabajo subido
Bienvenidos 1 trabajo subido
 
Practica de fotochop 7 con margen
Practica de fotochop 7 con margenPractica de fotochop 7 con margen
Practica de fotochop 7 con margen
 
Practica de fotochop 7 con margen
Practica de fotochop 7 con margenPractica de fotochop 7 con margen
Practica de fotochop 7 con margen
 

Mehr von Brigitt Lopez

Mehr von Brigitt Lopez (20)

Presentación1
Presentación1Presentación1
Presentación1
 
Pagina echa en dreamwaver
Pagina echa en dreamwaverPagina echa en dreamwaver
Pagina echa en dreamwaver
 
Pagina echa en dreamwaver
Pagina echa en dreamwaverPagina echa en dreamwaver
Pagina echa en dreamwaver
 
Correccion mantenimiento
Correccion mantenimientoCorreccion mantenimiento
Correccion mantenimiento
 
Correccion mantenimiento
Correccion mantenimientoCorreccion mantenimiento
Correccion mantenimiento
 
Importaciones
ImportacionesImportaciones
Importaciones
 
Importaciones
ImportacionesImportaciones
Importaciones
 
maquetacion}
maquetacion}maquetacion}
maquetacion}
 
Sprite
SpriteSprite
Sprite
 
Como realizar graficos con action script
Como realizar graficos con action scriptComo realizar graficos con action script
Como realizar graficos con action script
 
Maquetacion de pagina web
Maquetacion de pagina webMaquetacion de pagina web
Maquetacion de pagina web
 
Degradados
DegradadosDegradados
Degradados
 
Formulario html 5
Formulario html 5Formulario html 5
Formulario html 5
 
Botones pulsantes
Botones pulsantesBotones pulsantes
Botones pulsantes
 
Condicionales en php
Condicionales en phpCondicionales en php
Condicionales en php
 
Condicionales en php
Condicionales en phpCondicionales en php
Condicionales en php
 
Puertos pc
Puertos pcPuertos pc
Puertos pc
 
Puertos pc
Puertos pcPuertos pc
Puertos pc
 
Pagina con audio y video
Pagina con audio y videoPagina con audio y video
Pagina con audio y video
 
Mi primera pagina en html
Mi primera pagina en htmlMi primera pagina en html
Mi primera pagina en html
 

Photoshop 12 como animar una imagen

  • 1. PHOTOSHOP 12 COMO ANIMAR UNA IMAGEN Selecionaremos la foto que quieres animar Seleccionaremos toda la foto para pasarla a un nuevo documento que sea transparente le daremos clic en la parte de arriba donde dice selección y daremos clic en todo para q la imagen queda selección toda la imagen
  • 2. La imagen queda seleccionada de la siguiente manera mira los bordes de la imagen Vamosa crear un nuevodocumentodándoleclicenarchivoynuevo,laimagenseleccionada le darás ctrl c para copiar la y pegarla al documento transparente que se está creando
  • 3. Cuando vallas a crear tu documento tiene que ser transparente Y este es el documento transparente dónde vas a pegar tu imagen seleccionada
  • 4. Despues de haber pegado tu imagen al archivo nuevo seleccionaremos la herramienta de selección rapida y Y vamos a seleccionar la imagen con precisión como lo muestra la siguiente imagen Perfeccionaremos bordes como tu preferías y mires que te quede mejor se precis@
  • 5. Crearemos una nueva capa en la ventana de perfecionar bordes en la parte de abajo parce la ventana que se muestra aquí abajo le daremos nueva capa La imagen queda en un documento transparente
  • 6. Vamosa rellenarlaimageneneste casoa desapareserlaparaque quede soloel fondo de la imagen iremos a dar clic en edicion y luego rellenar Te saldrá la siguiente ventana donde te darás cuenta que tenga según el contenido le darás ok
  • 7. Y la imagen se desaparecera como lo muestra la siguiente imagen
  • 8. Seleccionaremos otra vez la imagen para poderle dar movimiento En la capa seleccionada daremos clic derecho y seleccionaremos convertir en objeto inteligente como lo muestra la imagen
  • 9. Para poder hacer la deformación de posición libre tenemos que tener la imagen deseleccionada Después nos vamos a edición y seleccionamos deformación de posición libre La imagen te aparece de la siguiente manera
  • 10. Para dar movimiento ala imagen darás clic varias veces en la imagen creando diferentes puntos los cuales son los que van a dar movimiento con la tecla alt la presionaras un momento dando clic en uno de los puntos y empezaras a dar movimiento como tu gustes como lo muestra la siguiente imagen
  • 11. Duplicaremoslacapapara poderle darmasmovientotenencuentaque son variascapaslasque tienesque duplicarle daras clicizquierdoalaprimeracapay selecionarasduplicarcapa
  • 12. Despues daras clic en deformacion de posicion libre Despuesde que dupliques tu imagen daras clic en lo que aparese debajo de la capa que dice deformacion de pocicion libre como lo muestra la siguiente imagen Seleccionaremos editar filtro inteligente Continuamente duplicar capas para que tenga la imagen diferentes posiciones a medida de que dupliques tu capa le darás clic en izquierdo y seleccionaras editar filtro inteligente
  • 13. Lo siguiente sera dar movimiento ala imagen Te iras a ventana y selecionaras animacion como lo muestra la siguiente imagen Despuésenlaparte de abajote apareceránun cuadritoque tendrásque duplicar en la aparte de abajohay una clase de cuadrito que le darás clic varias veces y duplicaras tus cuadros Después de haber duplicado los cuadros con la tecla shif los seleccionaras todos y los reproducirás con play
  • 14. En las capas mostrara con un ojito lo que esta selecionado cada cudro tendra que tener un ojito como lo muestra la siguiente imagen La imagen se reproducirá de manera rápida te queda mejor
  • 15. Vamos a guardar el archivo para que lo podamos ver por internet como se mueve lo guardaremos como para web y dispositivos Después de haber lo guardado te saldrá una ventana como la siguiente donde darás clic en guardar
  • 16. Selecionaras donde lo quieres guardar y despues lo abres y se te movera
  • 17. La imagen que e modificado y se podrá mover la encuentras en la pagina de abajo file:///F:/photoshop%2012/Sin-t%C3%ADtulo-1.gif