TALLER #4

CLASE#5

TEMA: Secuencia de animaciones en flash.

OBJETIVO: Utilizar movimientos secuenciales de fotogramas en adobe flah mediante un taller practico para publicar en su blog perosnal.

TALLER:
Realizar una animacion o clip de pelicula de forma secuencial con un mensjae de fin de año en cada fotografia importada al escenario.

CARACTERISTICAS DEL VIDEO CLIP DE PELICULA:
1. En propiedades del documento de la hoja activa especificar el tamaño de 900*300 pixeles. Presione tecla derecha del mouse y opcion propiedad del documento
2. Importar escenario desde el menu archivo 5 imagenes relacionadas por fin de año para crear animacion en forma horizontal.
3. Escribir una frase por fin de año sobre cada fotografia importada.
4. Aplicar los efectos de transicion y efectos adicionales en cada elemento de clip de pelicula de fin de año.
5. Mover los fotogramas vinculados al elemento del diseño hasta un lugar que permita visualizar la secuencia del clip de pelicula. Ejercicico nuevo, se explicara el procedimiento.
6. Guardar desde el menu archivo su animacion con la extension predeterminada*.fla.
7. Exportar como pelicula en el formato*.avi y *.gif en su carpeta personal.
8. Publicar en su blog de clip de pelicula *.avi.

Clase#4-IV HEMIQUIMESTRE

TEMA: Animacion por navidad
OBJETIVO: Reforzar el conopcimiento de las herramientas de flash .

TALLER:
Realizar una animacion o clip de pelicula con varias fotografias de navidad.

1. En propiedades del documento especificar el tamaño de 900 por 300 pixeles.
2. Colocar varias imagenes de navidad (6) para crear la animacion en forma horizontal.
3. Escribir una frase/s o mensaje navideño sobre el diseño
4. Aplicar los efectos de transicion y efectos adicionales para mejorar la presentacion de la franja navideña a las imagenes y textos que haya colocado en la animacion.
5. Guardar en elñ formato *.fla, en su carpeta con el nombre de archivo NAVIDAD1
6. Exportar como pelicula en el formato *.avi, y *.gif en su carpeta personal.
7. Publicar en su blog el clip de pelicula *.avi

CLASE#3- IV HEMIQUIMESTRE

TEMA: Herramienta de propiedades y efectos en Adobe Flash.

OBJETIVO: Utilizar propiedades del documento asi como efectos en linea de tiempo mediante un taller practico para crear un clip de pelicula y publicarlos en el blog.

TALLER:Creas un banner animado de la publicidad de un producto

1. En la hoja de trabajo activa de flash presionar tecla derecha del mouse y escoger la opcion propiedades del documento, y establecer una medida de 800 por 200 pixeles.

2. Luego de esta misma opcion coger un color de fondpo.

3. Importar a escenario desde menu archivo cuatro imagenes guardadas previamente de un producto comercial.

4. Escribir un eslogan o una frase comercial relacionada al producto.

5.A cada imagen importaday el texto aplicar efectos de linea de tiempo y de trasformar/transicion.

6. Guardar la animacion en el formato original de adobe flash con la extension *.fla; asi mismo desde el menu archivo escoger la opcion exportar - exportar pelicula y guardar en la carpeta personal con el formato de animacion*.gif; y tambien en el formato de pelicula *.avi.

7. Publicar a continuacion de este contenido el clip de pelicula*.avi en su blog personal.

CLASE #2- IV HEMIQUIMESTRE

TEMA: Efectos linea de tiempo en Adobe Flash.

OBJETIVO: Utilizar las herramientas de Adobe Flash Efectos Linea de Tiempo en varias fotografias para crear un clip de pelicula.

TALLER- EJERCICIO

1. Desde el menú Archivo ir a la opcion importar, importar a escenario, 4 fotografias.
2. A todas las fotografias le aplicamos efectos linea de tiempo opcion TRANSICION, 4 DIRECCIONES: Una para cada foto.
3. Guardar el clip de pelicula en tres formatos en el formato fuente*.fla; el formato animacion *.gif; el formato pelicula *.avi
4. Publicar a continuacion de este contenido el clip de pelicula en su blog personal.

CLASE #1-IV HEMIQUIMESTRE

FECHA: 22 de Noviembre del 2011.

TEMA: Las herramientas del programa Adobe Flash.

OBJETIVO: Utilizar las herramientas del programa Adobe Flash mediante talleres practicos para crear videos o animaciones.

FLASH CS3 PROFESIONAL.- Es u programa que permite crear clips de pelicula o animaciones de formato *gif, pertenece a la familia ADOBE CORPORATION. Es compatible con el programa del diseño de sitio web ADOBE DREAMWEAVER.

TALLER #1
APLICAR ANIMACIONES A FOTOGRAFIAS
1. DESDE EL MENU ARCHIVO ESCOGER LA OPCION IMPORTAR.
2. DESDE EL CUADRO DE DIALOGO BUSCAR LA FOTO QUE DESEA APLICARLE ANIMACION.
3. TECLA DERECHA DEL MOUSE SOBRE LA FOTO Y ESCOGER LA OPCION EFECTOS LINEAS DE TIEMPO Y DAR CLIP EN LA OPCION MAS ADECUADA.
4. Y EN LINEA DE TIERMPO LE APARECERA EL EFECTO QUE APLICO.
5. LUEGO IR AL MENU CONTROL- PROBAR PELICULA.
6. GUARDAR DE VARIAS FORMAS PARA DIFERENCIAR EL FORMATO DE LOS ARCHIVOS Y SU COMPATIBILIDAD CON OTROS PROGRAMAS.

Clase#4

TEMA: HERRAMIENTAS DE OBJETOS DE IMAGENES Y FLASH EN DREAMWEAVER.

OBJETIVO: utilizar las herramientas menu insetar e imagenes mediantes un taller practico para una mejor presentacion de nuestra pagina web.

Animaciones.- Imagenes con movimiento flash, se las puede crear o descargar de la pagina www.gifanimados.com

Imagen de sustitucion.- Al pasar el mouse sobre una imagen cambia por otra imagen

Texto flash.- Al pasar sobre una frase o texto cambia de color o formato.

clase # 5 RELACIONES HUMANAS

Tema: Relaciones Humanas en una organizacion.

Objetivo: Analizar las caracteristicas de las buenas relaciones humanas.

Tarea. Resumen del Video.

• Es importante para el trabajo y la vida cotidiana.
• Comportamiento, actitud y el caracter.
• La Comunicacion: canales de recepcion, elementos, formas y medios
• Relaciones interpersonales.
• Consejos Utiles
• Manejo de conflictos

Relaciones q mantenemps respetando costumbres creencia, mejor desarrollo A pesar de las diferentes formas de pensar exista un esfuerzo en la atmosfera de comprension
Respeto, comprension, cooperacion, comunicacion, cortesia, honestidad, flexibilidad.

Una actitud permite un buen nivel, exito y calidad de vida. son:
Aceptacion, Rechazo, descalificacion.

Principios de las relaciones humanas,: Imagen , hable con claridad, sonria a la gente, llame a las personas por su nombre, demuestre interes, sea generoso, tres puntos de vista(el suyo, el otro, y el correcto).

Proceso mediante el cual transmitimos ides, interaccion social. Verbal 7%, no verbal 55%, mimica 38%. Transmisor, mensaje y receptor, canal medio. depende de la actitud al comunicarse. Es importante saber escucha. Aprender a tener empatia.

La conversacion: al escuchar, hable con claridad, pregunte, chismes, palabras amables.

El rumor, forma de comunicacion de bocas en boca; clases(Optimista, Pesimista y Maliciosos); motivar un rumor, evita el rumor.

Inteligencia emocional dirigir y equilibrar las emociones.

Personalidad, caracter y temperamento.

Actitudes, repuesta , serenas, sinceras y calidas.

La percepción, sentidos perciben el mundo que nos rodea. FACTORES DE LA SITUACIÓN, FACTORES INTERNOS.

Consejos Utiles, relajese y respire, haga lo que piense, aprenda a ver, evite comparaciones, viva el presente, olvidese, mueva el cuerpo, verse bien, prestar atención, duerma placidamente.

II QUIMESTRE- CLASE#3

TEMA: Botones e Hipervinculos en Dreamweaver.

OBJETIVO: Utilizar botones e hipervinculos en la pagina web personal, Mediante la herramienta insertar del programa Dreamweaver para enlazar mas hojhas en formato en HTML. (lenguaje de marcas de Hipertexto).

BOTON FLASH.- Es un componente de las paginas web que tienen color, forma, animacion, texto y propiedades que permiten crear vinculos hacia otras hojas web.

HIPERVINCULO.- Es la accion de insertar o crear un vinculo o enlace hacia otras hojas o paginas web.

TALLER: Continuar con la pagina de la clase anterior , e insertar botones e hipervinculos.

II QUIMESTRE- CLASE #2

TEMA: Utilización del programa Dreamweaver.

OBJETIVO: Analizar las herramientas básicas del programa Dreamweaver mediante talleres prácticos para el diseño de páginas web.

INICIANDO CON DREAMWEAVER

· Escoger crear nuevo HTML, que es el formato para las paginas web.

· Utilizar las herramientas de formato y propiedades de página.

- Insertar tablas e imágenes para distribuir mejor la información.

CLASE #1 DEL II QUIMESTRE

TEMA: Diseño de paginas web.

OBJETIVO: Analizar terminos tecnicos aplicados a las paginas web mediante lluvia de ideas para diseñar hojas en formato html (Lenguaje de marcas de hipertexto ) en el programa Adobe Dreamweaver.

¿Qué es una página web?

Una página web es un documento o información electrónica adaptada para la World Wide Web ( amplia telaraña mundial )y que generalmente forma parte de un sitio web. Su principal característica son los hipervinculos de una página, siendo esto el fundamento de la WWW.

¿Qué compónentes tiene una página web?
-Hipervinculos
-Cuadros de texto
-Animaciones
-Gráficos y texto

¿Cuales serian los pasos para tener un sitio Web en la Red ?
1. Diseño de las mascaras de mi pagina en un programa, ejemplo: Adobe Dreamweaver.

2. Conseguir un dominio que me permita identificar a mi sitio web, ejemplo: www.debbieplaza.com
www.inmaculadamachala.edu.ec
www.educacion.gob.ec
www.facebook.com
www.hotmail.com

3. Conseguir un espacio para alojar el contenido de mi sitio web. es decir computador o servidor LOCAL a un equipo de un proveedor de HOSTING o servidor REMOTO.

TALLER EN EL AULA

FECHA: Martes, 16 de Agosto del 2011.
ASIGNATURA: Computación.
PROFESOR: Lic. Joffre Armijos Moran.
AÑO DE ESTUDIO: Tercero Quibio C.
CONOCIMIENTO: El blog y las herramientas de Adobe Illustrator CS3.
NOMBRE DE ESTUDIANTES: Debbie Plaza, Cristina Quinde.

ITEMS PREGUNTAS SIMPLES
1.Escriba una síntesis de las ventajas del programa de Adobe Illustrator aplicado al diseño gráfico digital. Comentarios Personales:

Facilita la elaboración de diseños gracias a sus herramientas.

El manejo avanzado de tipografía, y la consistencia de los colores a la hora de imprimir los trabajos.

Creación artística de dibujo y pintura para Ilustración .

Facilitan la creación de extraordinarios gráficos para diseños de impresión, imágenes web e interactivas, y gráficos animados y para móviles.

Convierta con rapidez y precisión fotografías, elementos escaneados u otras imágenes de mapa de bits en trazados vectoriales ampliables y editables con la función Calco interactivo.

Cree archivos PDF de Adobe, incluidos los archivos PDF multipágina, de forma que los clientes y otras personas puedan revisar las ilustraciones.

Realice creaciones para la web y dispositivos móviles de forma fácil mediante herramientas de secciones basadas en vectores, una potente integración con Flash, nuevos perfiles de documento para diseños web y móviles, la capacidad de previsualizar el contenido de los móviles en Adobe Device Central, etc.

Aumento de la productividad

sirve para crear dibujos y pinturas con ilustraciones

Sirve para la creación artística, y de fácil y rápido uso.

nos permite realizar gráficos profesionales para imprenta, la web y otros medios editoriales.

facilita la elaboración de graficos gracias a la utilización de sus debidas herramientas

2. Escriba el nombre de las áreas o ciencias que aplicaría el diseño gráfico digital:

Publicidad

ingeniería civil,

*arquitectura

*DISEÑO PARA INFORMACIÓN.- Está representado por el armado de láminas educativas, gráficos, informes, esquemas, ilustraciones, manuales de instrucciones, agendas, tapas de video, de cassette, de CD, tarjetería, etc.

*DISEÑO PARA EDITORIAL.- Conforma una serie de actividades para el armado y compaginación de originales de libros, folletos, revistas y diarios.

* DISEÑO PARA PERSUASIÓN.- Está destinado a influir en la conducta del público, abarcativas de tres áreas: la publicidad en sus dos aspectos: comercial y no comercial; la propaganda, tanto política como ideológica; las comunicaciones de interés social: salud, campañas de prevención, etc.

* DISEÑO PARA CARTELERÍA.- Se encuentran relacionados con las área de diseño informativo y publicitario, pero se circunscribe al ámbito gráfico para el armado y compaginación de carteles, afiches, volantes, señalética, etc.

*DISEÑO PARA SERIGRAFÍA.- Constituye una especialización en un área abarcativa de elementos para la preparación de originales de banderines, stikers, llaveros, ceniceros, etc., que luego se imprimirán con la técnica de planografia.

*DISEÑO PARA ADMINISTRACIÓN.- Comprende una serie especial, que permite desarrollar modelos exclusivos en lo que se refiere al ámbito comercial: recibos, facturas, remitos, etc.

*DISEÑO PARA IMAGEN CORPORATIVA.- Esta especialidad permite organizar actividades desde el programa de identidad visual: papelería empresarial y formularios, logos, publicidad, promoción directa y en puntos de venta, arquitectura comercial, diseño interior, identificación de edificios, señalética y envases.

3.- Escriba el nombre de unas 4 herramientas que se ha utilizado en el programa de Adobe Illustrator y explique su uso en el programa (es decir breve descripción de cómo funciona cada herramienta):

Herramienta pluma.- dibuja líneas rectas y curvas para crear objetos.
Herramienta Rectángulo (M) dibuja cuadrados y rectángulos.
Herramienta Polígono dibuja formas regulares de varios lados
La herramienta Elipse (L) dibuja círculos y elipses.

4.- Consulte en internet el nombre de unos 5 programas que sirven para el diseño gráfico, y escriba unas características básicas de cada uno:

*ADOBE PHOTOSHOP>>> Edición de imágenes raster, es decir, no vectoriales como bitmaps (jpg, tif, bmp, tga, gif etc...)

ADOBE ILLUSTRATOR>>> Edición de graficos vectoriales, todos los graficos basados en trazos formados por algoritmos matemáticos y no por imagenes en bitmap, este programa tiene su propio formato que es ".ai" y actualmente es compatible con otros programas de vectores como COREL DRAW

COREL DRAW>>> De la familia del paquete COREL SUITE es un programa para edición de gráficos vectoriales, muy parecido al ILLUSTRATOR solo que de diferente fabricante e por ende una interfaz de trabajo también algo diferente. Este programa también tiene su propio formato de archivo y es ".cdr" también compatible con algunos de los programas profesionales para edición de vectores como el ADOBE ILLUSTRATOR

QUARK EXPRESS>>> Es un software para armado editorial, y te permite con su interfaz hacer de manera mas practica y profesional ensambles de trabajos editoriales como revistas, periódicos, libros etc... Este software tiene la cualidad de proveer hacia la fase final de impresión un material prácticamente resuelto en el aspecto de códigos de color, medidas, margenes etc...

ADOBE INDESIGN>>> Es un software que te permite de manera relativamente fácil crear tus diseños de layout para propuestas gráficas, cuenta con herramientas muy poderosas para potenciar tu creatividad al máximo y obtener como resultado un trabajo de diseño ya sea para alguna propuesta o como producto final de calidad excelente.

5.- ESCRIBA UNA SINTESIS DE LAS VENTAJAS Y CARACTERISTICAS DE UN BLOG EN INTERNET:

Nos ayuda a recopilar cronológicamente textos o artículos.

El blog puede ser personal, temático o empresarial, fotoblog, audioblog.

Es un cuaderno de trabajo que ha sido utilizado como un diario de campo.

En tu blog puedes tener “Enlaces” hacia sitios que tengan o no relación con la temática de tu blog,

Puedes tener publicidad y generar Ingresos con las diferentes herramientas que existen actualmente en Internet.

Una de las mejores características de un blog, es que no necesitas tener conocimientos avanzados o técnicos en cuestión de Internet, programación o computación.

Te permite expresarte y dar información de ayuda a la comunidad.

CLASE#11

TEMA: Taller

Utilizando la herramIenta pluma realice un diseño personal para publicarlo en el blog; sea creativa y utilice colores, si es necesario utilice otras herramientas

OBJETIVO: Diseñar una caricatura con la herramienta pluma utilizando colores y otras herramientas para publicarlo en el blog.

CLASE#10

TEMA: Herramienta Pluma y la combinación de formas. crurvas y rectas.

OBJETIVO: Completar la explicacion del uso de herramienta pluma con formas curvas y rectas medianet un taller practico para el dibujo y el diseño grafico digital.

CLASE #9

PRUEBA PRÁCTICA CON LAS HERRAMIENTAS DE ADOBE ILLUSTRATOR

Objetivo: Diseñar un afiche personal con las herramientas estudiadas en el programa de adobe Illustrator, verificando el conocimiento tratado en el último mes.

CARACTERISTICAS DEL AFICHE

1. NOMBRES DEL DOCUMENTO AFICHE PUBLICITARIO
2. ESCOGER UNA MARCA COMERCIAL O UN LUGAR TURISTICO DE LA PROVINCIA DE EL ORO
3. UTILIZAR LAS HERRAMIENTAS SELECCIÓN, SELECCIÓN DIRECTA, RECTANGULO, PLUMA, Y BUSCATRAZOS.
4. EL DISEÑO DEBE TENER CREATIVIDAD COLORES, TRAZOS.
5. AL MENOS DEBE TENER 12 ELEMENTOS U OBJETOS EN EL DISEÑO.

CLASE#8

TEMA: Aplicación práctica con las herramientas: pluma y busca trazo en Adobe Illustrator.

OBJETIVO: Diseñar un afiche publicitario con las herramientas estudiadas de Adobe Illustrator para una empresa comercial.

CLASE #7

TEMA: Aplicacion practica con las herramientas de adobe.

OBJETIVO: Diseñar una caratula o afiche mediante las herramientas estudiadas de Adobe Illustrator para aplicarlo en el mercado publicitario.

CLASE #6

Tema: aplicación practica con formas geométricas en adobe illustrator
Objetivo: Diseñar una caratula de una asignatura del año de estudio por medio de las herramientas estudiadas en adobe para una mejor presentación de nuestros recursos didácticos.
Herramientas nuevas para este diseño:
• Selección directa
• Pluma
• Texto

CLASE #2

TEMA: Herramienta rectángulo y otras formas geométricas, colores, selección, selección directa.

OBJETIVO: Utilizar las herramientas básicas de adobe illustrator mediante talleres para el diseño gráfico digital.

CLASE #1

Fecha: 26 de abril de 2011

Tema: programa de diseño gráfico adobe illustrator.

Objetivo: identificar las herramientas del programa de diseño adobe illustrator cs3 mediante talleres prácticos para el diseño gráfico digital.


1.- Que características tiene el programa adobe illustrator?

Diseña gráficos vectoriales con precisión y potencia con el software Adobe Illustrator CS5. Dibuje de forma precisa en perspectiva, cree trazos de ancho variable, pinte con pinceles de apariencia real y toso depende de tu creatividad.

TAREA 1: RECONOCIENDO EL AEREA DE TRABAJO DE ADOBE ILLUSTRATOR

La ventana de adobe está compuesta esta:

Área de trabajo

Ventana de colores y muestras

Barra de menús

Barra de propiedades

Caja de Herramientas

TAREA 2: Herramientas rectángulo y otras formas geométricas, colores, selección, selección directa.

Lecciòn practica de Adobe Photoshop

OBJETIVO: realizar una evaluación final del cuarto hemiquimestre

Diseñar una tarjeta de navidad y fin de año con las siguientes características:

1.- la hoja en blanco debe tener 20x20 cm

2.- crear un tampón motivo con estrellas de navidad y pasarlo en el fondo del diseño

3.- colocar tres imágenes relacionadas a la navidad y fin de año

4.- escribir un mensaje de unas 4 líneas por navidad y el prospero año 2011 en la parte media de la tarjeta

5.- colocar una forma geométrica personalizada en algún lado del diseño

6.- publicar en el blog la tarjeta en formato JPG para ser evaluada