SlideShare une entreprise Scribd logo
1  sur  7
DISEÑO DE BOTONES
Y GIF ANIMADOS
Semana 6– 27/06/2013
1. BOTONES
 Tipo especial de símbolo, se
utilizan como elementos de
navegación para una página web.
1. ESTADOS DE UN BOTÓN
ESTADOS Arriba predeterminado o aspecto "de reposo"
del botón.
Sobre Nuevo aspecto con el que aparecerá el
botón al mover el puntero sobre el mismo.
Abajo
Imagen del botón con el aspecto de estar
"presionado", representa el botón
después de hacer clic sobre el mismo.
Sobre y
Abajo
Aspecto del botón al pasar el cursor sobre
él cuando está en el estado Abajo.
3. TRABAJAR MAPAS DE BITS
 Efecto de desenfocar los bordes de
una selección de pixeles.
2. BANNERS
 Un banner (banderola) es un formato
publicitario en Internet.
 Los banners se crean con imágenes
(GIF, JPEG o PNG), o con animaciones
creadas a partir de tecnologías como
Java, Adobe Fireworks.
3. EXPORTAR UN GIF-ANIMADO
 Una animación GIF es una serie de
imágenes mostradas en secuencia.
 Las animaciones GIF suelen ser útiles para
pequeños íconos o banners gráficos, pues
están limitadas a sólo 256 colores
Actividad
 Crea una infografía de una hoja sobre
el programa Fireworks.
 La información que debe contener es:
 Nombre el programa.
 Utilidad.
 Ventana principal (partes, características)
Presentación: Próxima Semana – Sello 3

Contenu connexe

Tendances (10)

Voice thread
Voice threadVoice thread
Voice thread
 
unidad 1
unidad 1unidad 1
unidad 1
 
Tutorial picasa
Tutorial picasaTutorial picasa
Tutorial picasa
 
alexis hilario sixto
alexis hilario sixtoalexis hilario sixto
alexis hilario sixto
 
Meneses(2)
Meneses(2)Meneses(2)
Meneses(2)
 
Tutorial Picasa
Tutorial Picasa Tutorial Picasa
Tutorial Picasa
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
Cambia tu fondo de escritorio facilmente
Cambia tu fondo de escritorio facilmenteCambia tu fondo de escritorio facilmente
Cambia tu fondo de escritorio facilmente
 
Photoscape
PhotoscapePhotoscape
Photoscape
 
Cómo insertar imágenes en power point
Cómo insertar imágenes en power pointCómo insertar imágenes en power point
Cómo insertar imágenes en power point
 

En vedette

Optimizar imágenes para web con Fireworks
Optimizar imágenes para web con FireworksOptimizar imágenes para web con Fireworks
Optimizar imágenes para web con FireworksColectivo Arista
 
Cómo mejorar una imagen en adobe fireworks
Cómo mejorar una imagen en adobe fireworksCómo mejorar una imagen en adobe fireworks
Cómo mejorar una imagen en adobe fireworksMaritzol Tenemaza
 
Diseñar iconos Aqua en Fireworks
Diseñar iconos Aqua en FireworksDiseñar iconos Aqua en Fireworks
Diseñar iconos Aqua en FireworksLuis Rojas
 
Tecnología e investigación diapositivas
Tecnología e investigación  diapositivasTecnología e investigación  diapositivas
Tecnología e investigación diapositivasalemikita
 
Consejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender MásConsejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender MásAlojate.com
 
Responsive web design
Responsive web designResponsive web design
Responsive web designG2K Hosting
 
Plataformas multimedia
Plataformas multimediaPlataformas multimedia
Plataformas multimediaJorge avenda?
 
3 d studio max
3 d studio max3 d studio max
3 d studio maxxavi_ck
 
Diseño Interfaz Producto Multimedia
Diseño Interfaz Producto MultimediaDiseño Interfaz Producto Multimedia
Diseño Interfaz Producto Multimediaulises73
 
Curso 3d Materiales
Curso 3d MaterialesCurso 3d Materiales
Curso 3d Materialesricardo
 
Tutorial completo sobre manejo de poligonos en 3ds max
Tutorial completo sobre manejo de poligonos en 3ds maxTutorial completo sobre manejo de poligonos en 3ds max
Tutorial completo sobre manejo de poligonos en 3ds maxEder Noriega
 

En vedette (20)

123
123123
123
 
Optimizar imágenes para web con Fireworks
Optimizar imágenes para web con FireworksOptimizar imágenes para web con Fireworks
Optimizar imágenes para web con Fireworks
 
Cómo mejorar una imagen en adobe fireworks
Cómo mejorar una imagen en adobe fireworksCómo mejorar una imagen en adobe fireworks
Cómo mejorar una imagen en adobe fireworks
 
Diseñar iconos Aqua en Fireworks
Diseñar iconos Aqua en FireworksDiseñar iconos Aqua en Fireworks
Diseñar iconos Aqua en Fireworks
 
Cuarto_Semana5
Cuarto_Semana5Cuarto_Semana5
Cuarto_Semana5
 
Cuarto_Semana2
Cuarto_Semana2Cuarto_Semana2
Cuarto_Semana2
 
Usabilidad[1]
Usabilidad[1]Usabilidad[1]
Usabilidad[1]
 
Edición Digital: HTML
Edición Digital: HTMLEdición Digital: HTML
Edición Digital: HTML
 
Layout
LayoutLayout
Layout
 
Tecnología e investigación diapositivas
Tecnología e investigación  diapositivasTecnología e investigación  diapositivas
Tecnología e investigación diapositivas
 
Consejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender MásConsejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender Más
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
3 d max_studio
3 d max_studio3 d max_studio
3 d max_studio
 
Aplicaciones web para entornos colaborativos
Aplicaciones web  para entornos colaborativosAplicaciones web  para entornos colaborativos
Aplicaciones web para entornos colaborativos
 
Plataformas multimedia
Plataformas multimediaPlataformas multimedia
Plataformas multimedia
 
3 d studio max
3 d studio max3 d studio max
3 d studio max
 
Diseño Interfaz Producto Multimedia
Diseño Interfaz Producto MultimediaDiseño Interfaz Producto Multimedia
Diseño Interfaz Producto Multimedia
 
Curso 3d Materiales
Curso 3d MaterialesCurso 3d Materiales
Curso 3d Materiales
 
El dibujo
El dibujoEl dibujo
El dibujo
 
Tutorial completo sobre manejo de poligonos en 3ds max
Tutorial completo sobre manejo de poligonos en 3ds maxTutorial completo sobre manejo de poligonos en 3ds max
Tutorial completo sobre manejo de poligonos en 3ds max
 

Similaire à Cuarto_Semana6

Similaire à Cuarto_Semana6 (9)

Recomendaciones para la moderación
Recomendaciones para la moderaciónRecomendaciones para la moderación
Recomendaciones para la moderación
 
padreperez
padreperezpadreperez
padreperez
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativos
 
padreperez
padreperezpadreperez
padreperez
 
Austin
AustinAustin
Austin
 
Unidad4
Unidad4Unidad4
Unidad4
 
Botones en flash
Botones en flashBotones en flash
Botones en flash
 
Botones
BotonesBotones
Botones
 
Los botones
Los botonesLos botones
Los botones
 

Plus de Yicela Juana Vega Silva

Cronograma Actividades Proyecto Innovación NRC 1429
Cronograma  Actividades Proyecto Innovación NRC 1429Cronograma  Actividades Proyecto Innovación NRC 1429
Cronograma Actividades Proyecto Innovación NRC 1429Yicela Juana Vega Silva
 
Cronograma Proyecto Innovación NCR 1770
Cronograma Proyecto Innovación NCR 1770Cronograma Proyecto Innovación NCR 1770
Cronograma Proyecto Innovación NCR 1770Yicela Juana Vega Silva
 
Cronograma Proyecto Innovación NCR 1429
Cronograma Proyecto Innovación NCR 1429Cronograma Proyecto Innovación NCR 1429
Cronograma Proyecto Innovación NCR 1429Yicela Juana Vega Silva
 
Cronograma Proyecto Innovación NCR 1429
Cronograma Proyecto Innovación NCR 1429Cronograma Proyecto Innovación NCR 1429
Cronograma Proyecto Innovación NCR 1429Yicela Juana Vega Silva
 
Proyecto Innovación - Gestión de la Creatividad en innovación Versión Completa
Proyecto Innovación - Gestión de la Creatividad en innovación Versión CompletaProyecto Innovación - Gestión de la Creatividad en innovación Versión Completa
Proyecto Innovación - Gestión de la Creatividad en innovación Versión CompletaYicela Juana Vega Silva
 
Proyecto Innovación - Gestión de la Creatividad en innovación
Proyecto Innovación - Gestión de la Creatividad en innovaciónProyecto Innovación - Gestión de la Creatividad en innovación
Proyecto Innovación - Gestión de la Creatividad en innovaciónYicela Juana Vega Silva
 
Sesion11 etica profesional_trabajo_final
Sesion11 etica profesional_trabajo_finalSesion11 etica profesional_trabajo_final
Sesion11 etica profesional_trabajo_finalYicela Juana Vega Silva
 
Resumen Estrategias de Aprendizaje Parte1
Resumen Estrategias de Aprendizaje Parte1Resumen Estrategias de Aprendizaje Parte1
Resumen Estrategias de Aprendizaje Parte1Yicela Juana Vega Silva
 
Introducción a Estrategias de Aprendizaje 2015-2
Introducción a Estrategias de Aprendizaje 2015-2Introducción a Estrategias de Aprendizaje 2015-2
Introducción a Estrategias de Aprendizaje 2015-2Yicela Juana Vega Silva
 

Plus de Yicela Juana Vega Silva (20)

Cronograma Actividades Proyecto Innovación NRC 1429
Cronograma  Actividades Proyecto Innovación NRC 1429Cronograma  Actividades Proyecto Innovación NRC 1429
Cronograma Actividades Proyecto Innovación NRC 1429
 
Sesión 15 Trabajo Aplicativo 2
Sesión 15 Trabajo Aplicativo 2Sesión 15 Trabajo Aplicativo 2
Sesión 15 Trabajo Aplicativo 2
 
Sesión 15 - Trabajo Aplicativo_2
Sesión 15 - Trabajo Aplicativo_2Sesión 15 - Trabajo Aplicativo_2
Sesión 15 - Trabajo Aplicativo_2
 
Cronograma Proyecto Innovación NCR 1770
Cronograma Proyecto Innovación NCR 1770Cronograma Proyecto Innovación NCR 1770
Cronograma Proyecto Innovación NCR 1770
 
Cronograma Proyecto Innovación NCR 1429
Cronograma Proyecto Innovación NCR 1429Cronograma Proyecto Innovación NCR 1429
Cronograma Proyecto Innovación NCR 1429
 
Cronograma Proyecto Innovación NCR 1429
Cronograma Proyecto Innovación NCR 1429Cronograma Proyecto Innovación NCR 1429
Cronograma Proyecto Innovación NCR 1429
 
Proyecto Innovación - Gestión de la Creatividad en innovación Versión Completa
Proyecto Innovación - Gestión de la Creatividad en innovación Versión CompletaProyecto Innovación - Gestión de la Creatividad en innovación Versión Completa
Proyecto Innovación - Gestión de la Creatividad en innovación Versión Completa
 
Proyecto Innovación - Gestión de la Creatividad en innovación
Proyecto Innovación - Gestión de la Creatividad en innovaciónProyecto Innovación - Gestión de la Creatividad en innovación
Proyecto Innovación - Gestión de la Creatividad en innovación
 
Sesion11 etica profesional_trabajo_final
Sesion11 etica profesional_trabajo_finalSesion11 etica profesional_trabajo_final
Sesion11 etica profesional_trabajo_final
 
Etica profesional trabajo_final
Etica profesional trabajo_finalEtica profesional trabajo_final
Etica profesional trabajo_final
 
Sílabo estrategias de_aprendizaje_v1
Sílabo estrategias de_aprendizaje_v1Sílabo estrategias de_aprendizaje_v1
Sílabo estrategias de_aprendizaje_v1
 
Resumen nativos migrantes
Resumen nativos migrantesResumen nativos migrantes
Resumen nativos migrantes
 
Resumen Estrategias de Aprendizaje Parte1
Resumen Estrategias de Aprendizaje Parte1Resumen Estrategias de Aprendizaje Parte1
Resumen Estrategias de Aprendizaje Parte1
 
Introducción a Estrategias de Aprendizaje 2015-2
Introducción a Estrategias de Aprendizaje 2015-2Introducción a Estrategias de Aprendizaje 2015-2
Introducción a Estrategias de Aprendizaje 2015-2
 
silabo_eva_I_ciclo_
silabo_eva_I_ciclo_silabo_eva_I_ciclo_
silabo_eva_I_ciclo_
 
Eva sesion11 cuadernia_publicado
Eva sesion11 cuadernia_publicadoEva sesion11 cuadernia_publicado
Eva sesion11 cuadernia_publicado
 
Eva sesion11 linkedin
Eva sesion11 linkedinEva sesion11 linkedin
Eva sesion11 linkedin
 
Eva sesion10 webquest
Eva sesion10 webquestEva sesion10 webquest
Eva sesion10 webquest
 
Eva sesion09 weebly
Eva sesion09 weeblyEva sesion09 weebly
Eva sesion09 weebly
 
Eva sesion09 weebly
Eva sesion09 weeblyEva sesion09 weebly
Eva sesion09 weebly
 

Cuarto_Semana6

  • 1. DISEÑO DE BOTONES Y GIF ANIMADOS Semana 6– 27/06/2013
  • 2. 1. BOTONES  Tipo especial de símbolo, se utilizan como elementos de navegación para una página web.
  • 3. 1. ESTADOS DE UN BOTÓN ESTADOS Arriba predeterminado o aspecto "de reposo" del botón. Sobre Nuevo aspecto con el que aparecerá el botón al mover el puntero sobre el mismo. Abajo Imagen del botón con el aspecto de estar "presionado", representa el botón después de hacer clic sobre el mismo. Sobre y Abajo Aspecto del botón al pasar el cursor sobre él cuando está en el estado Abajo.
  • 4. 3. TRABAJAR MAPAS DE BITS  Efecto de desenfocar los bordes de una selección de pixeles.
  • 5. 2. BANNERS  Un banner (banderola) es un formato publicitario en Internet.  Los banners se crean con imágenes (GIF, JPEG o PNG), o con animaciones creadas a partir de tecnologías como Java, Adobe Fireworks.
  • 6. 3. EXPORTAR UN GIF-ANIMADO  Una animación GIF es una serie de imágenes mostradas en secuencia.  Las animaciones GIF suelen ser útiles para pequeños íconos o banners gráficos, pues están limitadas a sólo 256 colores
  • 7. Actividad  Crea una infografía de una hoja sobre el programa Fireworks.  La información que debe contener es:  Nombre el programa.  Utilidad.  Ventana principal (partes, características) Presentación: Próxima Semana – Sello 3