1

COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia”

ASIGNATURA Tecnología e Informática PERIODO SEGUNDO

DOCENTE Ivonne Tatiana Paredes FECHA

ESTUDIANTE CURSO 9°

GUÍA PARA EL DESARROLLO DE COMPETENCIAS

I. PREGUNTA PROBLEMATIZADORA ¿Cómo utilizar las tic para generar un impacto social, cultural mediante gráficos plasmados con la herramienta de illustrator?

II. NIVELES DE DESEMPEÑO SUPERIOR: Evalúa como ciudadano digital la responsabilidad y el compromiso del uso adecuado de las TIC.

ALTO: Representa mediante gráficos desarrollados en illustrator la importancia de las TIC y el uso

adecuado de ellas

BÁSICO: Reconoce diferentes artefactos y herramientas tecnológicas, en el aprendizaje de otras áreas del conocimiento artes, educación física, matemáticas, ciencias.

BAJO: Se le dificulta Reconoce diferentes artefactos y herramientas tecnológicas, en el aprendizaje de

otras áreas del conocimiento artes, educación física, matemáticas, ciencias.

I. PLAN ESTRATÉGICO DE APRENDIZAJE

TIEMPO (Semanas)

PROCESO DE EVALUACIÓN (Instancias)

COMPETENCIAS

ESTRATEGIAS DIDÁCTICAS Y

EVIDENCIAS DE APRENDIZAJE

CONTENIDO CONCEPTUAL

1

• Utilizo eficientemente la tecnología en el aprendizaje de otras disciplinas (artes, educación física, matemáticas, ciencias). • Utilizo responsable y autónomamente las Tecnologías de la Información y la Comunicación (TIC) para aprender, investigar y comunicarme con otros en el mundo. • Utilizo elementos de protección y normas de seguridad para la realización de actividades y manipulación de herramientas y equipos. • Reconozco que no hay soluciones perfectas, y que pueden existir varias soluciones a un mismo problema según los criterios utilizados y su ponderación •Analizo y explico la influencia de las tecnologías de la información y la comunicación en los cambios culturales, individuales y sociales, así como los intereses de grupos sociales en la producción e innovación tecnológica

Contextualización mediante un conversatorio de la guía de integrada para afianzar sus conocimientos sobre la suite de Adobe Master Collection CS5 y su interactividad. Se presenta los temas del periodo académico, dando inicio por medio de un conversatorio, mediado por preguntas, para saber preconceptos y destrezas Previas y consulta que permita conceptualizar los nuevos.

GENERALIDADES DE ILLUSTRATOR

2

TI 1 3

QUIZ 1 4

5 TI 2 Explicación del tema por clase magistral, desarrollando el contenido del tema a través de definiciones y los procesos correspondientes a la aplicación de las herramientas, con información técnica, recomendaciones y comentarios para su buen funcionamiento. Asignación del tema a Consultar para desarrollar la maquetación de un plegable de cuatro cuerpos con el tema anterior. Elaboración de los recursos gráficos.

HERRAMIENTAS

ÚTILES Y MAQUETACIÓN DEL

PROYECTO

6 QUIZ 2

7 DESARROLLO DE GUIA

8

2

Elaboración de material sobre las tics para afianzar sus conocimientos en Illustrator. Descripción, ejecución y aplicación de actividades propuestas en el aula especializada, con la herramienta de informática en Illustrator.

9 SUSTENTACIÓN Incorporando las diferentes herramientas se redibuja ilustración para posteriormente colorear y aplicar efectos. Finalización de trabajo de vectores. Elaboración de la guía integrada para afianzar sus conocimientos sobre Illustrator. Descripción, ejecución y aplicación de actividades propuestas en el aula especializada, con la herramienta de informática en Illustrator.

HERRAMIENTAS ÚTILES Y

MAQUETACIÓN DEL PROYECTO

10 RETROALIMENTACIÓN

11 TRIMESTRAL

12 AUTOEVALUACIÓN

II. DESARROLLO CONTEXTUAL

LA IMPORTANCIA DE LA ILUSTRACIÓN EN EL MARKETING

Dicen que una imagen vale más que mil palabras y no hay mejor manera de demostrarlo que con el marketing, ya que incluir la ilustración en el marketing como tu estrategia pueden ayudar a recordar una marca con facilidad y por ende mejora el desarrollo comercial de la empresa. Una de las mejores aplicaciones de la ilustración en el marketing es la creación de un personaje, dotándolo con características humanas y una personalidad que proyecte los valores de la empresa harán que tu marca sea recordada con mayor facilidad, pues con el simple hecho de provocar algún tipo de emoción positiva la empatía entre la empresa y el consumidor se vuelve más grande. Los personajes tienen la gran ventaja de ser atemporales ya que fácilmente se pueden ir adaptando a nuevas tendencias y en el mejor de los casos hasta podrían llegar a convertirse en un ícono de la cultura popular y ser amados por generaciones, tal cual es el ejemplo del osito Bimbo.

3

Otro de los beneficios que aporta la ilustración en el marketing es el hecho de simplificar la comunicación ya que, sin importar el idioma, los iconos y símbolos tienen el poder de ser fácilmente reconocidos. Es un hecho que la ilustración es una de las mejores maneras de comunicarnos ya que incluso una persona que no sabe leer puede captar el mensaje sin ningún problema, pero además de esto el beneficio más importante que recibe tu marca es la originalidad, ya que, adaptando un estilo, ya sea de un personaje, o del mismo branding tu marca se podrá diferenciar de las otras y de esta manera obtener gran notoriedad. Ahora ya sabes la importancia que tiene incluir ilustraciones en tu estrategia de marketing como una herramienta que te ayudará a darle carácter a tu marca y a la vez cautivar y fidelizar a nuevos consumidores de todo tipo de edad.

RESPONDE:

1. Que significa el termino Branding? Y de dónde proviene? 2. Con sus propias palabras diga porque es importante la ilustración en el marketing? 3. Que características debe tener la creación de un personaje para la imagen de una empresa? 4. Por qué cree que el autor eligió como ejemplo la ilustración de la empresa Bimbo? Justifique su

respuesta.

ACTIVIDAD 1. INTERIORIZACIÓN, REFLEXIÓN DEL SABER.

Illustrator permite la creación de gráficos altamente profesionales, basándose en vectores lo que facilita la versatilidad de los gráficos y la manipulación en los diferentes medios ya sea de impresión, web, dispositivos

móviles, etc.

Para tener más claro que es un gráfico vectorial veremos que es una imagen digital formada por segmentos, polígonos, arcos, líneas, etc. y cada uno posee atributos como forma, posición, color, etc. La ventaja de los gráficos vectoriales es que podemos modificar su tamaño las veces que queramos sin perder la

calidad de la ilustración.

Mientras que una imagen en Mapa de Bits está formada por pixeles, los cuales al modificar el tamaño de la

imagen pueden verse distorsionados y perder la calidad de la ilustración o imagen.

Al crear un nuevo documento el software nos dará varios perfiles predefinidos para crear un documento nuevo, estos perfiles tiene cada uno ciertas características ya establecidas que tienen que ver con el tamaño,

resolución, tipos de color, unidades de medida en las que se presenta, etc.

1. Documento para Imprimir: Trabajaremos con este perfil si el trabajo que hagamos queremos

imprimirlo en alta resolución. 2. Documento para la Web: nos ofrece opciones preestablecidas que son útiles para la creación de

documentos que serán publicados en la Web. 3. Documento para Dispositivos móviles: Crea archivos de tamaño pequeño para dispositivos móviles.

Es posible elegir el tipo de dispositivo desde el menú de Tamaño. 4. Documento para Vídeo o película: Proporciona varios tamaños de área de recorte de tipo vídeo y

película por defecto. 5. Documento para CMYK básico: Trabajaremos con este perfil si queremos enviar un documento a

varios tipos de soportes.

Documento RGB básico: Nos da por un tamaño prefijado para la

mesa de trabajo de 800 x 600; este perfil es ideal para los documentos que se imprimirán en impresoras de resolución media.

Otra manera de configurar el documento es accediendo a la Barra

de Menú en el Menú Archivo

4

Luego seleccionar Ajustar Documento

Y se desplegará el siguiente cuadro de dialogo, donde la primera opción es configurar el texto, en la casilla de idioma podemos cambiar el idioma en que

editaremos el documento.

Hacemos click en Siguiente y en la próxima opción que debemos configurar es Transparencia aquí decidiremos en la casilla Tamaño de Cuadrícula si vamos a trabajar con la cuadrícula pequeña, mediana o

grande.

También podemos elegir un color específico para la cuadrícula en la casilla Colores de Cuadrícula.

Y si marcamos la casilla Simular papel de color, el resultado será que el fondo de nuestro documento se

verá como papel del color que se elija la cuadrícula.

En la casilla Ajuste preestablecido, podemos modificar la resolución del documento, como valor

predeterminado viene en resolución media; si nosotros deseamos cambiar la resolución podemos hacerlo

desde aquí por baja o alta.

Luego damos click en siguiente y nos dará la opción de modificar los parámetros de Mesa de trabajo, como

son Tamaño, Unidades, Anchura, Altura, Orientación del documento.

Adicionalmente podemos marcar la casilla Mostrar imágenes en modo contorno si solamente queremos ver los dibujos o figuras sin relleno ni color.

INTERFAZ

Barra de Título

En esta barra podemos observar el nombre del programa y del documento que tenemos abierto, el porcentaje

de zoom en que estamos visualizando el documento y el tipo de colores que se están utilizando.

Barra de Menús

5

Es la barra superior desde la que se despliegan los menús como Archivo o Edición, Texto, Objeto, Filtro,

Efectos y otros que más adelante conoceremos.

Barra de Herramientas

Esta es la Barra de herramientas en la que se encuentran las herramientas como selección, varita

mágica, texto, etc. que se utilizan con más frecuencia.

Panel de Control

En esta barra, situada debajo de la Barra de menús, aparecen opciones propias del objeto que tenemos seleccionado. Por lo que estas opciones variarán según el tipo de objeto. También podemos referirnos a ella como Barra de opciones.

Área de trabajo

Es el área central normalmente aparecerá en blanco y ahí podremos delimitar el tamaño de nuestra mesa de trabajo, también podemos cambiar para que su apariencia sea la de

cuadrícula si eso nos facilita la manera de trabajar.

Zoom

En la esquina izquierda inferior del entorno de Illustrator

encontramos el Zoom para aumentar o disminuir el documento

Barras de Desplazamiento

Ubicada la primera en la parte derecha de la pantalla la que nos permite desplazarnos verticalmente y la segunda en la parte inferior de la pantalla que nos permite movernos de izquierda a

derecha y viceversa.

Barra de estado

Nos permite saber el estado del documento si está guardado, qué herramienta está siendo utilizada, fecha y hora, perfil del

documento y acciones de deshacer.

Paneles

Esta barra flotante que contiene las propiedades de nuestros trabajos. Se han usado mayormente para cambiar los colores y el ancho del trazo.

Iniciaremos utilizando la opción documento para imprimir, se desplegará un cuadro de diálogo con los parámetros

preestablecidos; sin embargo estos son modificables.

En la casilla de Nombre colocaremos el nombre que sirve para

identificar el documento, en la siguiente casilla donde dice Nuevo perfil de documento podemos cambiar el perfil

elegido en el primer cuadro de diálogo; es decir podemos cambiar de Documento para Imprimir a Documento para Web o para Dispositivos Móviles, etc.

En la casilla Área de recorte elegiremos el tamaño que necesitamos para este documento.

6

En la casilla Anchura y Altura aparecen los valores según el tamaño que seleccionamos en

área de recorte estos valores los podremos modificar según nuestro criterio y entonces cambiará en la casilla de área de recorte la descripción por "a medida".

En la casilla Unidades podemos elegir las medidas en las que vamos a trabajar entre: Puntos,

Picas, Pulgadas, Milímetros, Centímetros y Pixeles.

Lee y analiza la información anterior, para que pueda desarrollar las actividades correspondientes a la temática tratada.

Lee y analiza la información anterior, para que pueda desarrollar las actividades correspondientes a la temática tratada.

ACTIVIDAD 2. SISTEMATIZACIÓN Y TRANSFERENCIA DEL CONOCIMIENTO. SISTEMATIZACIÓN

Con la información inicial del contenido conceptual 1 revisa las opciones de archivo/nuevo y archivo/nuevo con plantilla como también las características de la interfaz que tendrás a tu disposición. Enfócate en la barra de herramientas y el menú ventana.

TRANSFERENCIA Perspectiva Isométrica.

Investiga qué es la geometría isométrica y qué otros tipos de geometría existen. Participa en la discusión en clase.

7

La rejilla la encuentras en rosariobachillerato.wordpress.com Descárgala y guárdala en tu carpeta de estudiante con el nombre isométrica.nombre del estudiante.

Con la rejilla dispuesta para trabajar la geometría isométrica crearemos los vectores del tema indicado utilizando la herramienta Pluma, el panel color y trazo para realizar la composición. Recuerde equilibrar los colores y los elementos de manera que el resultado final sea armónico y su mensaje sea claro.

A continuación dejo ejemplos sacados de internet para que resulten ideas más claras.

.

8

III. DESARROLLO CONTEXTUAL

PSICOLOGIA DE LA TIPOGRAFIA La psicología de la tipografía es algo que no podemos obviar al elegir la fuente de nuestra empresa. Al igual que los colores, las tipografías también trasmiten emociones y sensaciones. En varias ocasiones hemos hablado de las diferentes emociones que transmiten los colores y de la importancia de su elección para nuestros logos. Pero, ¿qué hay de la tipografía? ¿Existe la psicología de la tipografía? ¿Alguna vez habéis pensado que el tipo de fuente que elijamos para nuestro logotipo también puede transmitir y decir algo sobre nosotros o nuestro negocio? Pues lo hace. Se conoce como psicología de la tipografía y al igual que ocurre con los colores, las personas tenemos ciertos sentimientos, emociones y hacemos asociaciones como respuesta a los distintos tipos de letra y fuente.

Por todo esto debemos conocer y poner especial cuidado en la elección de la tipografía que vayamos a

utilizar. Y es que no podremos usar el mismo tipo de fuente si queremos reflejar que nuestro negocio es tradicional que si queremos transmitir que somos una empresa moderna. Así que conozcamos cómo se agrupan las fuentes según la psicología de la tipografía:

Serif

Las fuentes serif provienen de la época en que las letras se tallaban en bloques de piedra, donde era muy complicado que los bordes quedasen rectos. Por ese motivo se introdujeron unos remates en los extremos llamados serif o serifas.

Dentro de las serif nos encontramos con gran variedad de fuentes, como las romanas antiguas, las romanas modernas o las egipcias. Todas ellas con diferentes estilos de serifas, pero con serifas siempre.

Este tipo de letra es muy apropiado para la lectura de textos largos. Crean una línea imaginaria bajo el texto que ayuda a guiar al ojo.

Las solemos percibir como tradicionales, serias, respetables, institucionales o corporativas. Algunos ejemplos son: Book Antigua, Courier, Garamond, Times New Roman y Palatino. Sans Serif

También conocidas como etruscas, o de palo seco, aparecieron en Inglaterra en 1820 o 1830. Además de no poseer serifas, no existe apenas contraste entre sus trazos. Los vértices son rectos y dan la sensación de haber sido escritas por alguien que no ha usado una técnica manual como un pincel o lápiz. Están asociadas a la tipografía comercial ya que son buenas para la impresión de etiquetas y embalajes. Son perfectas para textos cortos pero muy grandes, carteles y titulares. Están especialmente indicadas para visualizaciones en pantallas, quedando legibles en tamaños pequeños (siempre que no sean demasiado largos) y limpias en los grandes. Según la psicología de la tipografía transmiten modernidad, seguridad, alegría y en ciertas ocasiones neutralidad o minimalismo.

Algunas de las fuentes más conocidas de esta familia: Arial, Bauhaus, Tahoma, Verdana. o Helvética .

9

Manuscritas o Script Son fuentes que parecen estar escritas en cursiva o ser caligrafía. Se suelen utilizar para títulos o firmas solamente, ya que sus trazos más finos pueden llegar a desaparecer y hacer que pierda legibilidad el texto. Como curiosidad, el primer carácter de imprenta usado en Europa fue de esta familia, la Gótica, que imita la escritura a mano de los monjes. Teniendo en cuenta la psicología de la tipografía, estas fuentes transmiten elegancia, afecto y creatividad. Algunos ejemplos son la Gótica, Brush, Vivaldi y Edwardian Script.

Decorativas o de Fantasía

Son tipografías que no se ajustan a ninguna de las clasificaciones anteriores y que casi siempre se han creado con un fin específico, donde la legibilidad no se ha tenido demasiado en cuenta. Esta familia, por la variedad de categorías que tiene, es la que más puede llegar a atraer. Y es que la forma de las letras puede sugerir una época y dentro de la psicología de la tipografía es la que más personalidad aporta. Algunas fuentes de las más conocidas son Esténcil, Art Nouveau, Pop Art o Grune.

RESPONDE

1. ¿Cuál fue la primera empresa en el mundo en usar tipografía en sus logos? 2. Investiga que otras compañías manejan tipografía en su logo 3. Realiza unas diapositivas con afiches tipográficos 4. Organiza un afiche con los nombres de las personas de tu salón y comparte con tus compañeros

ACTIVIDAD 1. INTERIORIZACIÓN, REFLEXIÓN DEL SABER.

BARRA DE HERRAMIENTAS

Haremos una pequeña descripción de las herramientas contenidas en esta barra.

La barra de herramientas está dividida en 8 secciones, cada herramienta posee un atajo de teclado (el que colocaremos entre paréntesis) y por lo general al seleccionar una herramienta el cursor del

ratón toma la forma del icono de la herramienta.

Herramientas de Selección

Selección: Permite seleccionar trazos, objetos, grupos completos y cualquier parte de ello. (V)

Selección Directa: Permite seleccionar puntos de ancla o

segmentos de un trazado. (A)

10

Si mantenemos presionado por unos segundo el clic izquierdo del ratón veremos la herramienta Selección de grupos. Nos permite

seleccionar varios puntos de ancla al mismo tiempo.

Varita Mágica: Permite seleccionar objetos del mismo color, grosor de trazo, color de trazo, opacidad. (Y)

Lazo: Permite seleccionar trazos u objetos completos arrastrando un recuadro alrededor de

cualquier parte del trazo. (Q)

Herramientas de Dibujo

Pluma: Permite generar trazos en cualquier Dirección. Se debe dar clic en el inicio del trazo, luego en la extensión del mismo. (P)

Si mantenemos unos segundos el clic izquierdo sobre

esta herramienta encontraremos las siguientes:

Herramienta Añadir punto de ancla: que nos permitirá agregar un punto de ancla en un trazado.

Herramienta Eliminar punto de ancla: nos permite quitar un punto de ancla en un trazado.

Herramienta Convertir punto de ancla: la que nos permite convertir un punto en punto de ancla.

Segmento de Línea : Permite crear líneas dando un clic al comenzar el trazo y debemos mantenerlo sostenido hasta terminar el trazo . (<)

Rectángulo: Permite crear formas básicas (Rectángulos, elipses, polígonos) (M)

Herramienta Texto: Permite insertar texto. (T)

Si mantenemos unos segundos el clic izquierdo sobre esta herramienta encontraremos las siguientes:

11

Herramienta Texto de área: nos permite insertar texto dentro de un área

determinada por ejemplo una elipse y escribir sin salirnos de la figura.

Herramienta Texto en trazado: permite colocar el texto sobre el trazado, de esta manera el texto sigue la forma

del trazado.

Herramienta Texto Vertical: el texto se inserta de manera que

podemos leerlo verticalmente de arriba hacia abajo.

Herramienta Texto en área vertical: nos permite insertar el texto dentro de una figura

específica sin salirnos pero en forma vertical.

Herramienta Texto vertical en trazado: permite que la orientación del texto sea vertical

pero siguiendo el trazado.

Herramienta Pincel: Podemos crear trazos libremente con diferentes estilos de puntos.(B)

Herramienta Lápiz: también nos permite realizar trazos libremente. (N)

Herramienta Pluma

Nos permitirá hacer trazos en cualquier dirección, haremos un ejemplo para que ver cómo funciona esta herramienta.

Es importante conocer que los segmentos de una ilustración que realicemos

con la pluma están compuestos por puntos de ancla y nodos.

Comenzaremos practicando con varias figuras, colocaremos la silueta de una

guitarra y trataremos de repetirla.

12

Luego la seleccionaremos y le bajaremos la opacidad para que se nos facilite hacer los trazados sobre la

figura.

Ya con la opacidad en un 30% la seleccionaremos nuevamente

Y buscaremos en el menú objeto, bloquear y selección; esto con el fin

que el objeto quede atrás del trazado que nosotros haremos.

Damos clic en el punto donde elegimos comenzar el dibujo y clic en el

segundo punto pero sin soltarlo comenzamos a arrastrar.

Cuando arrastramos veremos cómo se va creando la curva y continuaremos moviéndola hasta

alcanzar la figura que tenemos abajo.

Cada vez que creamos otro punto para generar curva estos son

llamados puntos de ancla,

13

1. Para anular los nodos que nos sugieren la próxima dirección del trazado debemos dar clic en el punto central es decir justo sobre el punto de ancla

Lee y analiza la información anterior, y analiza como podrías utilizar esta herramienta en el diseño de

la campaña publicitaria.

ACTIVIDAD 2. SISTEMATIZACIÓN Y TRANSFERENCIA DEL CONOCIMIENTO. SISTEMATIZACIÓN

Vectorización

Trae el logo realizado para la campaña publicitaria y vectorizalo. La guardamos en nuestra carpeta del disco D: El archivo nuevo le damos calidad de imprimir, tamaño

carta y resolución de alta 300 pp; la disposición horizontal o vertical dependerá de tu logo. TRANSFERENCIA

Con tu logo vectorizado, la retícula isométrica creada, comienza a realizar la publicidad de tu campaña sobre los diez comportamientos digitales y las tics. Recuerda que podemos crear muchas cosas llamativas y que te servirán para lograr atraer la atención de nuestro público.

ACTIVIDAD 3. RETROALIMENTACION DEL CONOCIMIENTO.

1. ¿Qué tipo de paneles encuentra en el lado derecho de la pantalla o en el menú Ventana?

_____________________________________________________________________________ _____________________________________________________________________________ ____________________________________________________________________________

2. Responde F o V

A. La paleta de herramientas contiene algunas de las herramientas necesarias para la creación y edición ( )

B. En el panel de control aparecen opciones propias del objeto que tenemos seleccionado. ( ) C. En el área de trabajo se encuentra nuestras mesas de trabajo que no son modificables. ( )

3. ¿Cómo funciona la herramienta Pluma? _____________________________________________________________________________ _____________________________________________________________________________ _____________________________________________________________________________

4. ¿Cómo duplicamos los elementos en Ilustrator?

_____________________________________________________________________________ _____________________________________________________________________________

IV. CONCEPTOS TÉRMINO / CONCEPTO SIGNIFICADO

14

ILLUSTRATOR VECTORES

TIPOGRAFIA

V. AUTOEVALUACIÓN Y MEJORA

AUTOEVALUACIÓN DEL PROCESO DE FORMACIÓN

A continuación, encontrarás una lista de ítems desarrollados durante la unidad. Debes decir si cumples o no cada uno de ellos. Lo importante no es obtener una calificación, sino reflexionar sobre lo que haces. Analiza y responde muy sinceramente.

ITEMS SI NO

1. Soy puntual en mi llegada al salón de clases.

2. Cumplo responsablemente con la presentación de tareas, talleres y trabajos de la asignatura.

3. Preparo adecuadamente, parciales, quices, exposiciones y evaluaciones acumulativas.

4. Contribuyo a la construcción de conocimiento asumiendo una actitud de escucha, respeto y reconocimiento de las opiniones de mis compañeros y profesores.

5. Cumplo con el manual de convivencia y practico los valores Rosaristas en el salón de clase.

NOTA DEFINITIVA DE LA AUTOEVALUACIÓN.

COMPROMISO DE MEJORA

VI. FUENTES DE CONSULTA Páginas Web

http://www.enlaces.cl/tp_enlaces/portales/tpe76eb4809f44/uploadImg/File/2012/Mi%20Taller%20Digital/Manual_videojuegos.pdf Ilustraciones http://caminosalexitos.blogspot.com.co/ http://www.youngincome.com/researching-and-choosing-a-career-path/ http://tipografia.es/ http://www.illustrator.com