SlideShare une entreprise Scribd logo
1  sur  21
Télécharger pour lire hors ligne
Práctica numero 12 de photoshop


Para realizar un Gif animado en photoshop empezaremos con
elegir la imagen que queremos que se convierta en un Gif
animado




Utilizare esta

Empecemos primero seleccionamos la imagen con la
herramienta selección rápida




Luego seleccionamos perfeccionar borrado
Aquí hacemos los respectivas correcciones y ya de donde dice
Enviar a le damos Nueva capa




Quedara la nueva capa seleccionamos la capa 0 nos vamos a
Edición y en ella seleccionamos la opción que dice Rellenar,
inmediatamente aparecerá una ventana donde seleccionamos
según el contenido
La capa 0 quedara de fondo blanco




Para mirar bien movemos la imagen del objeto y se mirara que
quedara una marca del lugar donde estaba la imagen
anteriormente
Para que no quede así en la capa 0 deseleccionamos la imagen




Y nos vamos ala herramienta Tampón clonar seleccionada la
Capa 0
Después de haber clonado las áreas hasta que el fondo quede
sin marcas volvemos a seleccionar la imagen




Con la Herramienta Mover devolvemos la imagen al mismo
sitio
Para eso debemos tener seleccionada la capa Fondo copia o
como le halla colocado

Ya la volvemos a deseleccionar
Luego con la capa Fondo copia seleccionada la duplicamos o
creamos una copia de esta de esta manera




Aparecerá una ventana que diráDuplicar capa se llamara
fondo copia 2 o como se le quiera colocar




Le damos ok y quedara así.
Seleccionamos la capa Fondo copia 2 y damos un clic derecho
y aparecerá esto




Le damos en la opciónConvertir en objeto inteligente
Esa capa quedara de esta forma, luego nos vamos ala
opciónEdición y en ella seleccionamosDeformación de posición
libre quedara de esta forma la capa fondo copia 2




Con cada clic que hagamos en ella aparecerá un circulo amarillo
que podría ser como un tornillo que fijara la imagen
Colocamos cuantos se necesitan, ya a lo que los este

Empezamos a deformar la imagen para que tome una posición
nueva allí se mira que hay en circulo con un punto negro en el
significa que ese punto se esta deformando lo llevamos la
dirección que elijamos
Con presionar enter quedara así la imagen deformada se ha
movido mira y la capa anterior aun esta la capa de ahora
tendrá mas opciones como se mira

Continuando esta capa la duplicamos
Volverá a decir esto




Le decimos ok y se creara otra capa en este caso se llamara
fondo copia 3
Como se había dicho anteriormente las capas tienen opciones
respectivamente la capaFondo copia 3 dice Deformación de
posición libre le damos clic derecho y aparecerá esto




En ella le daremos la opciónEditar filtro inteligente
De esta manera vuelve aparecer esto




Aquí lo deformamos para crear el nuevo movimiento
Aquí ya esta el nuevo movimiento

Hacemos el paso anterior cuantas veces queramos ósea
volvemos duplicar la capa y le damos deformación de posición
libre allí editar filtro inteligente y deformamos

Yo lo hice así unas cinco capas con diferente movimiento




Ya que se tenga los movimientos nos vamos a la opción
Ventana y elegimos Animación de esta forma
Aparecerá en la parte inferior esto cuadro con la capa Fondo
copia




Para que cada capa tenga cuadro hacemos esto
Damos clic donde dice Duplica los cuadros seleccionados

Quitamos la capa que tenia la anterior




Quedara el recuadro en blanco y en el colocamos la siguiente
capa Fondo copia 2 de esta manera




Hacemos estas repeticiones según el número de capas que
hayamos hecho
En este caso yo hice 5 capas tengo que realizar 5 recuadros

Para que quede bien el gif nos regresamos ósea creamos un
recuadro nuevo ya no con la capa que tenia sino con la anterior
a el hasta volver a quedar en la capa fondo copia

De esta manera, se empieza por la primera capa y se termina
con ella




Luego seleccionamos todos los cuadro y le vamos a colocar un
tiempo de movimiento de esta forma donde dice 0 seg en el
primer recuadro damos un clic y aparecerá los tiempos de
movimiento yo seleccionaresin retardo
Todos los recuadros tomaran el tiempo que se halla
seleccionado

Allí le damos el play y la imagen se moverá cuadro a cuadro
Para guardar el gif no vamos a Archivoy Guardar para
dispositivos
Aparecerá una venta en la cual le damos Ok




Luego aparecerá la ventana donde lo guardaremos

Contenu connexe

Tendances (18)

Photoshop movimiento de imagen y duplicacion de capas
Photoshop movimiento de imagen y duplicacion de capasPhotoshop movimiento de imagen y duplicacion de capas
Photoshop movimiento de imagen y duplicacion de capas
 
Movimiento
MovimientoMovimiento
Movimiento
 
Photoshop con movimineto
Photoshop con moviminetoPhotoshop con movimineto
Photoshop con movimineto
 
Practica 10
Practica 10Practica 10
Practica 10
 
Animacion en photoshop
Animacion en photoshopAnimacion en photoshop
Animacion en photoshop
 
Photoshop 11
Photoshop 11Photoshop 11
Photoshop 11
 
Movimiento en photo
Movimiento en photoMovimiento en photo
Movimiento en photo
 
Practica 12 de photochop
Practica  12 de  photochopPractica  12 de  photochop
Practica 12 de photochop
 
Photoshop 5
Photoshop 5Photoshop 5
Photoshop 5
 
Photoshop 5
Photoshop 5Photoshop 5
Photoshop 5
 
Movimiento
MovimientoMovimiento
Movimiento
 
Photoshop 12
Photoshop 12Photoshop 12
Photoshop 12
 
Practican 12
Practican 12Practican 12
Practican 12
 
2p 10cjm Deisyrosero Utilitarios Practica 02
2p 10cjm Deisyrosero Utilitarios Practica 022p 10cjm Deisyrosero Utilitarios Practica 02
2p 10cjm Deisyrosero Utilitarios Practica 02
 
Movimiento
MovimientoMovimiento
Movimiento
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Photoshop Taller 5
Photoshop Taller 5Photoshop Taller 5
Photoshop Taller 5
 
Presentación1
Presentación1Presentación1
Presentación1
 

En vedette

Em discussão! novembro 2013_internet (1)
Em discussão! novembro 2013_internet (1)Em discussão! novembro 2013_internet (1)
Em discussão! novembro 2013_internet (1)Rogerio Catanese
 
Em discussão! novembro 2013_internet (1)
Em discussão! novembro 2013_internet (1)Em discussão! novembro 2013_internet (1)
Em discussão! novembro 2013_internet (1)Rogerio Catanese
 
Anonimo cambio positivo
Anonimo   cambio positivoAnonimo   cambio positivo
Anonimo cambio positivoSilvia Quezada
 
Sampieri consejos practicos
Sampieri consejos practicosSampieri consejos practicos
Sampieri consejos practicosYAS Arias
 
El fortalecimiento de la Defensa Pública para un sistema adversarial -Chihuahua-
El fortalecimiento de la Defensa Pública para un sistema adversarial -Chihuahua-El fortalecimiento de la Defensa Pública para un sistema adversarial -Chihuahua-
El fortalecimiento de la Defensa Pública para un sistema adversarial -Chihuahua-STDGAT
 
Defense strategic guidance
Defense strategic guidanceDefense strategic guidance
Defense strategic guidanceLuis Landaeta
 
Obrigações h
Obrigações hObrigações h
Obrigações hDavid Lima
 
Articulo Banda Ancha Corrección
Articulo Banda Ancha Corrección Articulo Banda Ancha Corrección
Articulo Banda Ancha Corrección Fauno12
 
Ut[1].18 sistemas de informaci%f3n computarizados
Ut[1].18 sistemas de informaci%f3n computarizadosUt[1].18 sistemas de informaci%f3n computarizados
Ut[1].18 sistemas de informaci%f3n computarizadossolmaira1911
 

En vedette (20)

Planificador de proyectos
Planificador de proyectosPlanificador de proyectos
Planificador de proyectos
 
Em discussão! novembro 2013_internet (1)
Em discussão! novembro 2013_internet (1)Em discussão! novembro 2013_internet (1)
Em discussão! novembro 2013_internet (1)
 
Em discussão! novembro 2013_internet (1)
Em discussão! novembro 2013_internet (1)Em discussão! novembro 2013_internet (1)
Em discussão! novembro 2013_internet (1)
 
Anonimo cambio positivo
Anonimo   cambio positivoAnonimo   cambio positivo
Anonimo cambio positivo
 
Maltrato infantil
Maltrato infantilMaltrato infantil
Maltrato infantil
 
Guia induccion0409
Guia induccion0409Guia induccion0409
Guia induccion0409
 
Caza mayor - Isaac Asimov
Caza mayor - Isaac AsimovCaza mayor - Isaac Asimov
Caza mayor - Isaac Asimov
 
Dissertacao
DissertacaoDissertacao
Dissertacao
 
Sampieri consejos practicos
Sampieri consejos practicosSampieri consejos practicos
Sampieri consejos practicos
 
Sensores magneticos
Sensores magneticosSensores magneticos
Sensores magneticos
 
El fortalecimiento de la Defensa Pública para un sistema adversarial -Chihuahua-
El fortalecimiento de la Defensa Pública para un sistema adversarial -Chihuahua-El fortalecimiento de la Defensa Pública para un sistema adversarial -Chihuahua-
El fortalecimiento de la Defensa Pública para un sistema adversarial -Chihuahua-
 
Jit concepte carac
Jit concepte caracJit concepte carac
Jit concepte carac
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Defense strategic guidance
Defense strategic guidanceDefense strategic guidance
Defense strategic guidance
 
Pratica nº 1
Pratica nº 1Pratica nº 1
Pratica nº 1
 
Obrigações h
Obrigações hObrigações h
Obrigações h
 
Historia de la comunicación
Historia de la comunicaciónHistoria de la comunicación
Historia de la comunicación
 
Christmas
ChristmasChristmas
Christmas
 
Articulo Banda Ancha Corrección
Articulo Banda Ancha Corrección Articulo Banda Ancha Corrección
Articulo Banda Ancha Corrección
 
Ut[1].18 sistemas de informaci%f3n computarizados
Ut[1].18 sistemas de informaci%f3n computarizadosUt[1].18 sistemas de informaci%f3n computarizados
Ut[1].18 sistemas de informaci%f3n computarizados
 

Similaire à Practica 12

Practica de photoshop 11
Practica de photoshop 11 Practica de photoshop 11
Practica de photoshop 11 Ruth Guerrero
 
Practica n°11
Practica n°11Practica n°11
Practica n°11JF-96
 
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 de fotochop 7 con margen
Practica de fotochop 7 con margenPractica de fotochop 7 con margen
Practica de fotochop 7 con margensiodjngdf
 
Practica de fotochop 7 con margen
Practica de fotochop 7 con margenPractica de fotochop 7 con margen
Practica de fotochop 7 con margendrejhgs
 
Presentacion 7
Presentacion 7Presentacion 7
Presentacion 7taniamabel
 
Contenido de practicas
Contenido de practicasContenido de practicas
Contenido de practicasmakapxndx
 
actividades de photoshop.pdf
actividades de photoshop.pdfactividades de photoshop.pdf
actividades de photoshop.pdfErickMora39
 
actividades de photoshop.pdf
actividades de photoshop.pdfactividades de photoshop.pdf
actividades de photoshop.pdfErickMora39
 
Ejercicios photoshop i(1)
Ejercicios photoshop i(1)Ejercicios photoshop i(1)
Ejercicios photoshop i(1)Carlos Robayo
 
Tutorial illustrator
Tutorial illustratorTutorial illustrator
Tutorial illustratorMarli Moña
 

Similaire à Practica 12 (20)

Practica de photoshop 12
Practica de photoshop 12Practica de photoshop 12
Practica de photoshop 12
 
Photoshop 7
Photoshop 7Photoshop 7
Photoshop 7
 
Practica de photoshop 11
Practica de photoshop 11 Practica de photoshop 11
Practica de photoshop 11
 
Practica n°11
Practica n°11Practica n°11
Practica n°11
 
Práctica de photoshop numero 11
Práctica de photoshop numero 11Práctica de photoshop numero 11
Práctica de photoshop numero 11
 
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
 
Presentacion 7
Presentacion 7Presentacion 7
Presentacion 7
 
Photoshop 5
Photoshop 5Photoshop 5
Photoshop 5
 
Contenido de practicas
Contenido de practicasContenido de practicas
Contenido de practicas
 
actividades de photoshop.pdf
actividades de photoshop.pdfactividades de photoshop.pdf
actividades de photoshop.pdf
 
actividades de photoshop.pdf
actividades de photoshop.pdfactividades de photoshop.pdf
actividades de photoshop.pdf
 
Ejercicios photoshop i(1)
Ejercicios photoshop i(1)Ejercicios photoshop i(1)
Ejercicios photoshop i(1)
 
Tutoriales de _photoshop_terra
Tutoriales de _photoshop_terraTutoriales de _photoshop_terra
Tutoriales de _photoshop_terra
 
Ejercicios photoshop
Ejercicios photoshop Ejercicios photoshop
Ejercicios photoshop
 
Ejercicios photoshop i(1) copia
Ejercicios photoshop i(1)   copiaEjercicios photoshop i(1)   copia
Ejercicios photoshop i(1) copia
 
Storyboard
StoryboardStoryboard
Storyboard
 
Storyboard
StoryboardStoryboard
Storyboard
 
Tutorial illustrator
Tutorial illustratorTutorial illustrator
Tutorial illustrator
 
Tutorial illustrator
Tutorial illustratorTutorial illustrator
Tutorial illustrator
 

Plus de Danita Viteri

Paginas con Dreamweaver
Paginas con DreamweaverPaginas con Dreamweaver
Paginas con DreamweaverDanita Viteri
 
Movimiento personalizado con photoshop y flash
Movimiento personalizado con photoshop y flashMovimiento personalizado con photoshop y flash
Movimiento personalizado con photoshop y flashDanita Viteri
 
Exportacion de graficos desde photoshop
Exportacion de graficos desde photoshopExportacion de graficos desde photoshop
Exportacion de graficos desde photoshopDanita Viteri
 
Mantenimiento del computador
Mantenimiento del computadorMantenimiento del computador
Mantenimiento del computadorDanita Viteri
 
Estructura de una página web con estilo y heard
Estructura de una página web con estilo y heardEstructura de una página web con estilo y heard
Estructura de una página web con estilo y heardDanita Viteri
 
Formas y Degradados en Flash
Formas y Degradados en FlashFormas y Degradados en Flash
Formas y Degradados en FlashDanita Viteri
 
Objetos geometrico en flash
Objetos geometrico en flashObjetos geometrico en flash
Objetos geometrico en flashDanita Viteri
 
Como crear objetos visuales en la pantalla
Como crear objetos visuales en la pantallaComo crear objetos visuales en la pantalla
Como crear objetos visuales en la pantallaDanita Viteri
 
programación en flash codigos
programación en flash codigosprogramación en flash codigos
programación en flash codigosDanita Viteri
 
programación en flash codigos
programación en flash codigosprogramación en flash codigos
programación en flash codigosDanita Viteri
 
Condicionales en php
Condicionales en phpCondicionales en php
Condicionales en phpDanita Viteri
 
Entorno de trabajo en flash
Entorno de trabajo en flashEntorno de trabajo en flash
Entorno de trabajo en flashDanita Viteri
 

Plus de Danita Viteri (20)

Paginas con Dreamweaver
Paginas con DreamweaverPaginas con Dreamweaver
Paginas con Dreamweaver
 
Movimiento personalizado con photoshop y flash
Movimiento personalizado con photoshop y flashMovimiento personalizado con photoshop y flash
Movimiento personalizado con photoshop y flash
 
Exportacion de graficos desde photoshop
Exportacion de graficos desde photoshopExportacion de graficos desde photoshop
Exportacion de graficos desde photoshop
 
Puertos de un pc
Puertos de un pcPuertos de un pc
Puertos de un pc
 
Mantenimiento del computador
Mantenimiento del computadorMantenimiento del computador
Mantenimiento del computador
 
Estructura de una página web con estilo y heard
Estructura de una página web con estilo y heardEstructura de una página web con estilo y heard
Estructura de una página web con estilo y heard
 
Formas y Degradados
Formas y DegradadosFormas y Degradados
Formas y Degradados
 
Formas y Degradados en Flash
Formas y Degradados en FlashFormas y Degradados en Flash
Formas y Degradados en Flash
 
Degradados
DegradadosDegradados
Degradados
 
Objetos geometrico en flash
Objetos geometrico en flashObjetos geometrico en flash
Objetos geometrico en flash
 
Códigos en flash 2
Códigos en flash 2Códigos en flash 2
Códigos en flash 2
 
Como crear objetos visuales en la pantalla
Como crear objetos visuales en la pantallaComo crear objetos visuales en la pantalla
Como crear objetos visuales en la pantalla
 
Formularios html5
Formularios html5Formularios html5
Formularios html5
 
Códigos en flash 2
Códigos en flash 2Códigos en flash 2
Códigos en flash 2
 
programación en flash codigos
programación en flash codigosprogramación en flash codigos
programación en flash codigos
 
programación en flash codigos
programación en flash codigosprogramación en flash codigos
programación en flash codigos
 
paisaje nocturno
paisaje nocturnopaisaje nocturno
paisaje nocturno
 
Condicionales en php
Condicionales en phpCondicionales en php
Condicionales en php
 
Puertos de un pc
Puertos de un pcPuertos de un pc
Puertos de un pc
 
Entorno de trabajo en flash
Entorno de trabajo en flashEntorno de trabajo en flash
Entorno de trabajo en flash
 

Practica 12

  • 1. Práctica numero 12 de photoshop Para realizar un Gif animado en photoshop empezaremos con elegir la imagen que queremos que se convierta en un Gif animado Utilizare esta Empecemos primero seleccionamos la imagen con la herramienta selección rápida Luego seleccionamos perfeccionar borrado
  • 2. Aquí hacemos los respectivas correcciones y ya de donde dice Enviar a le damos Nueva capa Quedara la nueva capa seleccionamos la capa 0 nos vamos a Edición y en ella seleccionamos la opción que dice Rellenar, inmediatamente aparecerá una ventana donde seleccionamos según el contenido
  • 3. La capa 0 quedara de fondo blanco Para mirar bien movemos la imagen del objeto y se mirara que quedara una marca del lugar donde estaba la imagen anteriormente
  • 4. Para que no quede así en la capa 0 deseleccionamos la imagen Y nos vamos ala herramienta Tampón clonar seleccionada la Capa 0
  • 5. Después de haber clonado las áreas hasta que el fondo quede sin marcas volvemos a seleccionar la imagen Con la Herramienta Mover devolvemos la imagen al mismo sitio
  • 6. Para eso debemos tener seleccionada la capa Fondo copia o como le halla colocado Ya la volvemos a deseleccionar
  • 7. Luego con la capa Fondo copia seleccionada la duplicamos o creamos una copia de esta de esta manera Aparecerá una ventana que diráDuplicar capa se llamara fondo copia 2 o como se le quiera colocar Le damos ok y quedara así.
  • 8. Seleccionamos la capa Fondo copia 2 y damos un clic derecho y aparecerá esto Le damos en la opciónConvertir en objeto inteligente
  • 9. Esa capa quedara de esta forma, luego nos vamos ala opciónEdición y en ella seleccionamosDeformación de posición libre quedara de esta forma la capa fondo copia 2 Con cada clic que hagamos en ella aparecerá un circulo amarillo que podría ser como un tornillo que fijara la imagen
  • 10. Colocamos cuantos se necesitan, ya a lo que los este Empezamos a deformar la imagen para que tome una posición nueva allí se mira que hay en circulo con un punto negro en el significa que ese punto se esta deformando lo llevamos la dirección que elijamos
  • 11. Con presionar enter quedara así la imagen deformada se ha movido mira y la capa anterior aun esta la capa de ahora tendrá mas opciones como se mira Continuando esta capa la duplicamos
  • 12. Volverá a decir esto Le decimos ok y se creara otra capa en este caso se llamara fondo copia 3
  • 13. Como se había dicho anteriormente las capas tienen opciones respectivamente la capaFondo copia 3 dice Deformación de posición libre le damos clic derecho y aparecerá esto En ella le daremos la opciónEditar filtro inteligente
  • 14. De esta manera vuelve aparecer esto Aquí lo deformamos para crear el nuevo movimiento
  • 15. Aquí ya esta el nuevo movimiento Hacemos el paso anterior cuantas veces queramos ósea volvemos duplicar la capa y le damos deformación de posición libre allí editar filtro inteligente y deformamos Yo lo hice así unas cinco capas con diferente movimiento Ya que se tenga los movimientos nos vamos a la opción Ventana y elegimos Animación de esta forma
  • 16. Aparecerá en la parte inferior esto cuadro con la capa Fondo copia Para que cada capa tenga cuadro hacemos esto
  • 17. Damos clic donde dice Duplica los cuadros seleccionados Quitamos la capa que tenia la anterior Quedara el recuadro en blanco y en el colocamos la siguiente capa Fondo copia 2 de esta manera Hacemos estas repeticiones según el número de capas que hayamos hecho
  • 18. En este caso yo hice 5 capas tengo que realizar 5 recuadros Para que quede bien el gif nos regresamos ósea creamos un recuadro nuevo ya no con la capa que tenia sino con la anterior a el hasta volver a quedar en la capa fondo copia De esta manera, se empieza por la primera capa y se termina con ella Luego seleccionamos todos los cuadro y le vamos a colocar un tiempo de movimiento de esta forma donde dice 0 seg en el primer recuadro damos un clic y aparecerá los tiempos de movimiento yo seleccionaresin retardo
  • 19. Todos los recuadros tomaran el tiempo que se halla seleccionado Allí le damos el play y la imagen se moverá cuadro a cuadro
  • 20. Para guardar el gif no vamos a Archivoy Guardar para dispositivos
  • 21. Aparecerá una venta en la cual le damos Ok Luego aparecerá la ventana donde lo guardaremos