APORTE

clase #4
TEMA: animacion por nmavidad.
OBJETIVO: REFORZAR EL CONOCIMINETO
TALLER:
relaizar 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 horizonta
3. escribir un mensaje navideño sobre las imagenes
4. aplicar los efectos adicionales para mejor la presentacion de la franja navideña a las imagenes y textos que hayan colocado en animacion.
5. guardar en el formato *.fla , en su carpeta con el nombre de archivo "Navidad1"
6. exportar como pelicula de formato *.avi , *.gif , en su carpeta personal.
7. publicar en el blog el clip de pelicula *.avi

clase # 5

tema: secuencias de animaciones en flash .
objtivo:utilizar movimientos secuenciales de fotogramas en adobe flash mediante un taller practico para publicarlos en su blog personal
taller
realizar una animacion o clip de pelicula de forma secuencial con un mensaje de fin de año en cada fotografia importada al escenario

carateristicas del video o clip de pelicula
1.-en propiedades del documento de la hoja activa especificar el tamaño de 900 por 300 pixeles. presione tecla derecha del mouse y opcion propiedades del documento .
2.-importar a escenario desde el menu activo 4 imagenes relacionadas por fin de año para crear la animacion en forma horizontal .
3.-escribir una frase por fin de año sobre cada fotografia importada.
4.- aplicar los efectos de transcion y efectos adicionales en cada en cada elemento de clip de pelicula de fin de año
5.-mover las fotografias vinculados al elementodel diseño hasta un lugar que permita visualizar la seceuencia del clipo de pelicula. ejercicio 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 personmal.
8.- publicar en su blog clip de pelicula *.avi

clase # 3

TEMA: herramienta de propiedades y efecto en adobe flash
OBJETIVO: utilizar propiedades del documento asi como efcto en linea de tiempo mediante unt aller practico poara crear un clip de pelicula y publicarlos en el blog

TALLER: CREAR 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 la animacion de 800 por 200 pixeles.
2. luego de esta misma opcion escoger un color de fondo.
3. importart a escenario desde menu archivo 4 iumagenes guardadas previamente deun producto comercial.
4. escribir un eslogano una frase comercial relacionada al producto.
5. a acada imagen importada y el texto aplicar efecto de linea de tiempo y de transformar/transicion.
6. guardar la animacion en formato original de adobe flash con la extencion *.fla ; asi mismo desde el menu archivo escoger la opcion exportar- pelicula y guardar en la carpeta personal con el formarto de animacion *.gif ; y tambien el formato de pelicula *.avi.
7. publicara continuacion de este contenido el clip de peliucula *.avi 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 de adobe flash mediantes talleres prácticos para crear videos o animaciones.

Flash CS3 profesional: es un programa que permite crear clips de película o animaciones de formato “Alf” pertenece a la familia ADOBE CORPORATION. es compatible con el programa del diseño de sitios Web ADOBE DREAMWEAVER

Taller #1

Aplicar aplicaciones a fotografías

1. Desde el menú archivo escoger la opción importar

2. Desde el cuadro de dialogo buscar la foto que desea aplicar animación }

3. Tecla derecha del mouse sobre la foto y escoger la opción efectos líneas de tiempo y escoger

4. Y en línea de tiempo le aparece el efecto que aplico

5. Luego ir al menú ver- clip de película

6. Guardar de varias formas para diferenciar el formato de los archivos y su compatibilidad con otros programas

clase # 5-IIQuimestre

tema :relaciones humanas en una organizacion
objetivo: analizar las caracteristicas

* 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.

clase # 4 -II quimestre

tema: herramientas de objetos de imagenes y flash en dreamweaver.
objetivo: utilizar las herramientas del menu insertar imagenes mediante 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.

II QUIMESTRE- CLASE#3

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:utilizacion del programa dreamweavewer mediantes talleres practicos para el diseño de la pagina web .

indicando con dreaweaver

*escoger crear nuevo HTML, que es el formato para las paginas web
*utilizar las herramientas de formato y propiedades de pagina
*insertar tablas e imagenes para distribuir mejor la informacion.

Clase #1 del II Quimestre
Tema: diseño de página web

Objetivo: analizar términos técnicos aplicados a las páginas web mediante lluvia de ideas para diseñar hojas en formato HTML

¿Qué es una página web?
Una página web es un documento o información electrónica adaptada para la World Wide Web y que generalmente forma parte de un sitio web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la WWW.
¿Qué componentes tiene una página web?
Hipervínculos
Cuadro de textos
Animaciones
Gráficos y textos

¿Cuáles serían los pasos para tener un sitio web en la red?
Diseños de las máscaras en la página web de mi página en un programa
ejemplo: adobe dreamweaver

2. conseguir un dominio que me permita identificar a mi sitio web ejemplo:
www.anabel velez.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 de mi 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: Brigitte paredes

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 (Ilustración como rama del Arte digital aplicado a la Ilustración técnica o el diseño gráfico, entre otros).
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.
Explore, aplique y controle variaciones de color con Color interactivo, que permite seleccionar cualquier ilustración y editar los colores de forma interactiva para ver los resultados de inmediato.
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.
La selección de puntos de anclaje más sencilla y flexible, el rendimiento de funcionamiento mejorado y La herramienta Borrador facilitan la creación de ilustraciones de un modo eficaz e intuitivo.
Pinte con facilidad cualquier área cerrada o parcialmente cerrada de su ilustración con el Bote de pintura interactiva, que detecta y corrige automáticamente espacios en blanco.
Descubra más opciones con mayor rapidez y libere espacio en la pantalla accediendo a los controles de los puntos de anclaje, máscaras de recorte, distorsiones de sobres, etc. desde el panel de control contextual.
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


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
Corel Draw
Photo-Paint
Dreamweaver
Flash

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 curvas y rectas
Objetivo: completar la explicación del uso de herramienta pluma con formas curvas rectas mediante un taller práctico para el dibujo y el diseño gráfico digital

CLASE # 9

Prueba práctica con las herramientas de adobe illustrator
Diseñar una ficha personal con las herramientas estudiadas en el programa de adobe illuatrator verificando el conocimiento tratado en el último mes.
Características del afiche
1. Nombre del documento: afiche publicitario
2. escoger una marca comercial o un lugar turístico de la provincia del oro
3. utilizar las herramientas de selección, selección directa, rectángulo, pluma y punta trazo
El diseño debe tener creatividad, colores, trazo
Al menos debe tener 12 elementos u objetos de diseño

Clase#8
Tema: aplicación práctica con las herramientas pluma y busca trazos en adobe ilustrador
Objetivo: diseñar un afiche publicitario con las herramientas estudiadas de adobe ilustrador para una empresa comercial

CLASE #7
TEMA: APLICACCION PRACTICA CON LAS HERRAMIENTAS DE ADOBE
OBJETIVO:DISEÑAR UNA CARATULA O AFICHE MEDIANTE LAS HERRAMIENTAS ESTUDIADASDE ADOBEILLUSTRATOR PARA EL DISEÑO GRAFICO DIGITAL.

Clase #6
Tema: aplicación practica con formas geométricas en adobe ilustrador
Objetivo: diseñar una caratula de una asignatura del año de estudio por medio de 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 #1
Fecha: 26 de abril del 2011
Tema: programa de diseño gráfico adobe illustrator
Objetivo: identificar las herramientas del programa adobe ilustrador CS3, mediantes talleres prácticos para el diseño gráfico digital
¿Qué características tiene el programa adobe ilustrador?
Diseña gráficos con precisión y potencia, dibuja de precisa en perspectiva, crea trazos de ancho variable, pinta con pinceles de apariencia real y todo depende de tu creatividad
Taller 1: reconociendo el área de trabajo de adobe ilustrador.
La ventana de adobe está compuesto de:
• Área de trabajo
• Ventana de colores y muestras
• Barras de menú
• Barra de propiedades
• Caja de herramientas







Tarea 2
Herramienta rectángulo y otras formas geométricas, colore, selección, selección directa
Objetivo: utilizar las herramientas básicas del adobe illustrator mediante talleres para el diseño gráfico digital