COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA...

17
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 GUÍA PARA EL DESARROLLO DE COMPETENCIAS I. PREGUNTA PROBLEMATIZADORA ¿Cómo utilizar herramientas informáticas en la representación gráfica de sistemas y artefactos, para el desarrollo de un proyecto emprendedor? II. NIVELES DE DESEMPEÑO SUPERIOR: Evalúa la acogida que obtiene las piezas diseñadas, la organización del plan de trabajo, los materiales, la seguridad que se utilizaron para el desarrollo del proyecto de emprendimiento. ALTO: Representa mediante gráficos desarrollados en ilustrador la imagen corporativa de un proyecto emprendedor. BÁSICO: Evalúa la acogida que obtiene las piezas diseñadas, la organización del plan de trabajo, los materiales, la seguridad que se utilizaron para el desarrollo del proyecto de emprendimiento. BAJO: Se le dificulta evaluar la acogida que obtiene las piezas diseñadas, la organización del plan de trabajo, los materiales, la seguridad que se utilizaron para el desarrollo del proyecto de emprendimiento. III. PLAN ESTRATÉGICO DE APRENDIZAJE TIEMPO (Semanas) PROCESO DE EVALUACIÓN (Instancias) COMPETENCIAS ESTRATEGIAS DIDÁCTICAS Y EVIDENCIAS DE APRENDIZAJE CONTENIDO CONCEPTUAL 1 Ilustro con ejemplos el significado e importancia de la calidad en la producción de artefactos tecnológicos. Identifico artefactos basados en tecnología digital y describo el sistema binario utilizado en dicha tecnología Represento en gráficas bidimensionales, objetos de tres dimensiones a través de proyecciones y diseños a mano alzada o con la ayuda de herramientas informáticas. Interpreto y represento ideas sobre diseños, innovaciones o protocolos de experimentos mediante el uso de registros, textos, diagramas, figuras, planos, maquetas, modelos y prototipos. 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. HERRAMIENTAS ÚTILES 6 QUIZ 2 7 DESARROLLO DE GUIA 8 9 SUSTENTACIÓN Elaboración de la guía integrada para afianzar sus conocimientos sobre Illustrator. MAQUETACIÓN DEL PROYECTO 10 RETROALIMENTACIÓN 11 TRIMESTRAL 12 AUTOEVALUACIÓN

Transcript of COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA...

Page 1: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

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 8°

GUÍA PARA EL DESARROLLO DE COMPETENCIAS

I. PREGUNTA PROBLEMATIZADORA ¿Cómo utilizar herramientas informáticas en la representación gráfica de sistemas y artefactos, para el desarrollo de un proyecto emprendedor?

II. NIVELES DE DESEMPEÑO SUPERIOR: Evalúa la acogida que obtiene las piezas diseñadas, la organización del plan de trabajo, los materiales, la seguridad que se utilizaron para el desarrollo del proyecto de emprendimiento.

ALTO: Representa mediante gráficos desarrollados en ilustrador la imagen corporativa de un proyecto

emprendedor.

BÁSICO: Evalúa la acogida que obtiene las piezas diseñadas, la organización del plan de trabajo, los materiales, la seguridad que se utilizaron para el desarrollo del proyecto de emprendimiento.

BAJO: Se le dificulta evaluar la acogida que obtiene las piezas diseñadas, la organización del plan de

trabajo, los materiales, la seguridad que se utilizaron para el desarrollo del proyecto de emprendimiento.

III. PLAN ESTRATÉGICO DE APRENDIZAJE

TIEMPO (Semanas)

PROCESO DE EVALUACIÓN (Instancias)

COMPETENCIAS

ESTRATEGIAS DIDÁCTICAS Y

EVIDENCIAS DE APRENDIZAJE

CONTENIDO CONCEPTUAL

1

• Ilustro con ejemplos el significado e importancia de la calidad en la producción de artefactos tecnológicos. •Identifico artefactos basados en tecnología digital y describo el sistema binario utilizado en dicha tecnología •Represento en gráficas bidimensionales, objetos de tres dimensiones a través de proyecciones y diseños a mano alzada o con la ayuda de herramientas informáticas. •Interpreto y represento ideas sobre diseños, innovaciones o protocolos de experimentos mediante el uso de registros, textos, diagramas, figuras, planos, maquetas, modelos y prototipos. •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.

HERRAMIENTAS

ÚTILES

6 QUIZ 2

7 DESARROLLO DE GUIA

8

9 SUSTENTACIÓN Elaboración de la guía integrada para afianzar sus conocimientos sobre Illustrator.

MAQUETACIÓN DEL PROYECTO

10 RETROALIMENTACIÓN

11 TRIMESTRAL

12 AUTOEVALUACIÓN

Page 2: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

2

Descripción, ejecución y aplicación de actividades propuestas en el aula especializada, con la herramienta de informática en Illustrator.

IV. DESARROLLO CONTEXTUAL

En el marco de su 30 aniversario, Adobe Illustrator se precia de ser una herramienta que revoluciono el diseño gráfico cuando abrió las puertas a la creación de las tan utilizadas ilustraciones vectoriales. El camino recorrido ha sido largo y sin duda arduo, no en vano es una de las herramientas más usadas y preferidas por

creativos y profesionales de la ilustración y el diseño gráfico.

Señala Adobe Illustrator, que actualmente más de 180 millones de gráficos se originan mensualmente mediante su uso, de hecho la presencia de su imprenta es indiscutible ya que la vemos en envases, vallas

publicitarias, paquetes, etc.

Nace en 1987, para entonces abrió el camino a una nueva época para la edición digital y para el mundo del diseño gráfico que los diseñadores tomaron sin dudar para dar rienda suelta a sus creativas ilustraciones y

dando origen a innumerables obras de arte digitales que han perdurado en el tiempo y que aún siguen surgiendo gracias a las adaptaciones y evolución de la herramienta.

Una de las bondades de Adobe Illustrator desde el principio, es que permitió la adaptación de cualquier diseño a distintos tamaños, bien si era para imprimir o para las pantallas, permitió ajustar las propiedades de radio,

de ancho o de altura en el objeto propiamente, lo cual ha sido uno de los elementos más potentes desde la

creación de la herramienta.

Responde:

En qué año nació illustrator? Cuál es la propiedad principal de illustrator? Investiga cuales son los nuevos cambios de illustrator? Por qué es tan necesario illustrator en una identidad corporativa? Que puede decir de la ilustración al comienzo de la lectura? Que significan los nombres en la cara de la figura?

Busca ejemplos de ilustraciones a partir de tipografías.

Page 3: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

3

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

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.

Page 4: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

4

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

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

Page 5: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

5

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.

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.

Page 6: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

6

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

Inicia revisando todas las opciones expuesta de la Interfaz y ve a archivo/nuevo y archivo/nuevo con plantilla. Realiza el ejercicio dado por la docente.

TRANSFERENCIA

Crea un nuevo documento con plantilla en el cual vamos a explorar una de las plantillas que encuentres. Abre el

documento nuevo de plantilla y escoge una que más elementos y páginas contenga.

Con la herramienta selector (flecha negra de la barra de herramientas) escoge cada elemento y analiza qué características tiene y con qué herramienta pudo ser realizado.

Editaremos la plantilla seleccionada en clase. La personalizaremos cambiando color, insertando textos referentes

a un tema que se le adecúe. Recuerda: este ejercicio nos ayudará a revisar las herramientas del software y a

observar con detenimiento la composición planteada. Aplicaremos la respectiva paleta de colores adecuada al concepto que se trabaje.

V. DESARROLLO CONTEXTUAL

NIKE

Nike es una empresa global de calzado. Pero también es conocido por su diseño de logotipo simple pero único. El logotipo de Nike Swoosh es un claro ejemplo de cómo una imagen visual convierte a una empresa en una marca confiable. El logotipo una vez fue considerado como un símbolo insignificante y humilde. Más tarde se convirtió en parte de la cultura deportiva

Una breve historia de Nike Logo

Nike es una corporación estadounidense con sede en el condado de Washington, Oregón. La compañía fue establecida en 1964 por Bill Bowerman y Phil Knight. Pero la compañía cambió su nombre de Blue Ribbon Sports a la actual Nike en 1978.

La compañía emplea a más de 44,000 personas en todo el mundo y tiene activos totales de alrededor de $ 15 mil millones. Hay más de 700 puntos de venta de la empresa en el mundo. La compañía vende una amplia gama de productos deportivos junto con un empaque creativo que incluye sus zapatos deportivos más populares con el símbolo Nike.

La compañía toma su nombre de la diosa griega de la victoria, Nike. La diosa fue una inspiración para los guerreros griegos. Cuando los guerreros ganaron una guerra, usaron el dicho 'Nike' entre ellos.

El logotipo de Nike fue diseñado por Carolyn Davidson en 1971. Originalmente, el logotipo se llamaba "el srtip", que luego se hizo conocido como "Swoosh".

Swoosh se refirió a las fibras que los zapatos Nike usaron esa vez. El logotipo de Nike Swoosh hizo su primera aparición pública en los zapatos en la primavera de 1972. En ese momento, el símbolo de Nike se imprimió en el vampiro de un zapato deportivo. La compañía registró el logotipo como su marca comercial en 1995. Desde entonces, el signo de Nike es la identidad de marca exclusiva de Nike Inc.

Page 7: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

7

A partir de la lectura...

1. ¿Cómo surgió la idea del logo de nike? 2. Que significa el termino swoosh. 3. ¿Cuál es el nombre de la creadora del logo y cuánto dinero le pago la empresa nike? 4. Haz una breve reseña de la vida de la creadora del logo 5. ¿Cómo se llamaba la empresa nike en su comienzo? 6. ¿Cuántas veces ha cambiado el logo de nike hasta la actualidad?

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)

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.

Page 8: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

8

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:

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.

Page 9: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

9

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.

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.

Page 10: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

10

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,

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 del logo de tu empresa.

ACTIVIDAD 2. SISTEMATIZACIÓN Y TRANSFERENCIA DEL CONOCIMIENTO.

SISTEMATIZACIÓN

Revisa todas las herramientas expuestas en el contenido conceptual y detalla la imagen donde se evidencia su forma de actuar. Este será un ejercicio visual de reconocimiento.

Realiza el ejercicio guiado por la docente TRANSFERENCIA

En un archivo nuevo realizaremos una práctica en dónde se experimente cada una de las características de las herramientas y se pueda tener la sensación práctica de cómo funcionan.

La recomendación que debes tener en cuenta es detallar muy bien el comportamiento de la herramienta, mira los cambios en los punteros, allí encontrarás información valiosa que te ayudará a

Page 11: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

11

comprender como está reaccionando la herramienta o si debes tomar alguna acción para poder lograr el objetivo.

VI. DESARROLLO CONTEXTUAL

COCACOLA

Si alguna marca se puede considerar más grande, histórica y universal que las demás, esa es CocaCola. A diferencia de casi todas las demás marcas históricas con más de un siglo de vida, el logotipo de Coca-Cola ha permanecido prácticamente idéntico (salvo excepciones en algunos países) desde su creación inicial, manteniéndose así durante generaciones y generaciones que se han sentido identificadas con esa tipografía. Recuerdo siendo niño y recreándome en las formas, curvas y ligaduras de Coca-Cola, como si de una maravillosa escritura se tratara. Y es que si ha permanecido casi intacta durante tantas décadas, es que algo tiene de especial. Ya de más adulto y con ojos de diseñador, sigo quedándome mirando en ocasiones esta marca en busca de ese secreto que la hace tan querida y aceptada por todos.

Si se analiza al detalle, son muchos los posibles motivos que la hacen grande:

Su genuino color rojo patentado en contraste con el blanco. Su tipografía de trazo variable, con distintos grosores. Las ligaduras entre las letras. El ritmo visual que tiene al estar la palabra “Coca” más alta que “Cola” y la inclinación (cursiva) de sus letras. La caligrafía utilizada tiene rasgos alegres que en cierto modo recuerdan a las caligrafías infantiles, otorgándole inocencia, gracia, con toques genuinos y distintivos que la convierten en una tipografía amigable y cercana. Aunque si bien es cierto, en esas connotaciones subjetivas influye enormemente toda la publicidad que llevamos viendo de Coca-Cola desde que somos niños, pero que de todos modos, se sustenta sobre un diseño de marca potente y único. De entre todo, la característica más genuina y que más llama la atención, es la forma en las que las “ces” se enlazan, sobre todo la “C” de Cola, como se entrelaza con la “ele”, haciendo una línea “paralela” con el otro “rabo” de la primera “C” que entra por debajo.

Tipografía utilizada

Pero esa singularidad de la tipografía no es mérito total de su creador Frank Robinson (historia detallada más abajo), sino que el logotipo de Coca-Cola se basa en el estilo de escritura Spencerian Script Historia de la marca CocaCola Evolución de la botella clásica de coco cola Coca-Cola se vendió por primera vez en 1886 en una pequeña farmacia en Atlanta. La media de ventas era de 9 bebidas al día. Desde entonces las cosas han cambiado bastante y actualmente se venden 1,3 billones de productos al día.

El nacimiento de un marca (1886 -1889)

Primer logotipo / etiqueta de coca cola 1886: Todo comenzó en la ciudad de Atlanta (Georgia) en 1886 cuando un farmacéutico llamado John S. Pemberton desarrolló la fórmula de un jarabe para una bebida deliciosa y refrescante que poco después

pasaría a ser comercializada en fuentes de soda. Su contable, Frank Robinson, fue quien ideó la marca y diseñó el logotipo.

Page 12: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

12

1891-93: En 1891 otro farmacéutico, Asa G. Candler, compró y registró la marca. En cuatro años consiguió

que Coca-Cola se bebiera poco a poco en todos los Estados Unidos y en 1897 se produjo la primera exportación del producto fuera del país. 1899: Benjamin Thomas y Joseph Whitehead, dos abogados de Tennessee,convencieron a Candler de

que les concediera los derechos de embotellado en 1899. El sistema de embotelladores que se estableció es el que continúa vigente en nuestros días y consiste en autorizar a empresas locales a fabricar, distribuir y vender el producto cuyo preparado básico es suministrado por Coca-Cola.

Un icono universal (1915-1920)

Evolución botella de coca cola 1915: En 1915 se celebró un concurso de embotelladores para crear un envase único. Lo ganóAlexander Samuelson y 75 años más tarde su “botella contorno” sigue siendo el icono comercial más ampliamente reconocido del mundo. Se ha dicho que la botella de Coca-

Cola es el diseño más familiar de la historia de los productos de consumo. Los consumidores asocian la botella a los buenos momentos y a celebraciones compartidas con la familia y amigos. 1919: Ernest Woodruff compró en 1919 todas las acciones de Coca-Cola a la

familia Candler y logró consolidar el negocio tras la I Guerra Mundial. 1923: En 1923 se establecieron las bases para The Coca-Cola Export Corporation, cuyo propósito era extender el sistema de embotelladores al resto del mundo, que terminaría constituyéndose oficialmente en 1931. De la nevera al vending

1929: La primera nevera metálica, casi automática, aparece en 1929 con el nombre de “Icy-O”. Aunque era pesada, incómoda y desperdiciaba mucho hielo, era infinitamente mejor que sus predecesoras (desde los primeros barriles de madera partidos por la mitad, pasando por cajas de madera con patas y con un forro galvanizado de hierro).

La bebida más internacional 1945: Durante la II Guerra Mundial se marcó el objetivo de suministrar el producto a los soldados en cualquier lugar del mundo. Durante esta etapa se creó un envase ideado para la guerra y que después tendría un gran impacto: la lata de Coca-Cola. La palabra Coke fue registrada como marca oficial en 1945, después de que se popularizase este nombre, que ya se utilizaba publicitariamente desde 1941. 1955: Woodruff abandonó la presidencia en 1955, tras haber convertido a Coca-Cola en una bebida universal. 1960: En 1960, la Oficina de marcas de EEUU decidió inscribir la botella contorno en el Registro Principal

con la categoría de marca registrada, un hecho totalmente extraordinario. 2000: Coca-Cola es una bebida muy popular en España. Actualmente cerca del 60% de los españoles

declaran que es su marca de refresco favorita. 2006: Se cumplen 120 años de la fórmula secreta mejor guardada. Un Momento historico. (los siguientes textos han sido extraídos de la web de Coca-Cola. Las imágenes han sido extraídas de múltiples lugares y en algunos casos posteriormente editadas. Las fuentes más detalladas están al final del post)

Responde:

1. Qué tipo de tipografía usa el logo de cocacola? 2. Como nació el logo de cocacola? 3. En qué año fue registrada la marca COKE? Y, por qué motivos se creó? 4. Como se llama el creador del logo de cocacola, y que profesión ejercía? 5. Quien invento la fórmula original de cocacola? 6. Investiga datos curiosos de esta marca

Page 13: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

13

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

PUNTOS IMPORTANTES QUE DEBERÁS TENER EN CUENTA PARA LA MAQUETACIÓN

¡Qué es la maquetación?

Maquetación, composición de una página, compaginación de diferentes elementos. Son términos diferentes, que se utilizan para hacer referencia a una misma cosa; la forma de ocupar el espacio del plano mesurable, la

página.

Todo diseñador, cuando inicia su trabajo, se encuentra con el problema de cómo disponer el conjunto de elementos de diseño impresos (texto, titulares, imágenes) dentro de un determinado espacio, de tal manera que se

consiga un equilibrio estético entre ellos.

Maquetar un diseño consiste en dar un formato a los documentos, a todo el conjunto de elementos que lo

componen, las imágenes, los textos, etc.

Definir el documento

Antes de empezar a maquetar, en primer lugar debemos definir el documento. Para definir un documento, lo

primero que debemos hacer es definir el área sobre la cual se desarrollará el trabajo (el papel).

Existen dos características muy importantes sobre el papel: la primera es el tamaño y la segunda la orientación. Este puede ser horizontal o vertical y el tamaño puede cambiar entre diversas medidas.

La retícula compositiva

La retícula compositiva, se puede definir como una plantilla, muy útil, cuando necesitamos componer un documento con muchas páginas, que tenga un orden, que sea claro y

legible.

El dilema de un diseñador editorial se encuentra en cómo encontrar el equilibrio entre el orden que impone la estructura reticular, y la necesidad de evitar la monotonía e inyectar una cierta dosis de creatividad a la maquetación.

Una retícula impone orden, uniformidad y coherencia. Una página con retícula transmite estructura y una

cierta mecánica, frente a algo desordenado, desestructurado o caótico

Page 14: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

14

Distribución texto y las imágenes

A la hora de maquetar un producto para ser impreso hay que tener en cuenta los tres elementos básicos de la publicación. Estos son los textos, las imágenes y los espacios en blanco que han de estar correctamente

distribuidos.

La distribución de estos espacios y del resto de elementos que componen el documento, es una de las tareas más importantes a la hora de maquetar.

Realiza en una hoja y con colores la maquetación de una publicidad para tu empresa.

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

Realiza el siguiente ejercicio paso a paso, observa los videos.

Configuración de tu proyecto de logotipo

Abre un documento nuevo y configura tu espacio de trabajo. Incorpora una imagen de referencia para usarla como inspiración y usa el panel Capas para trabajar con la ilustración fácilmente.

https://video.tv.adobe.com/v/14648t7/?captions=spa&learn=on

Crear documento nuevo (0:50), restablecer el espacio de trabajo (1:28), colocar una imagen de referencia

(2:00) y abrir el panel Capas (2:25).

Uso de formas básicas para la creación de ilustraciones complejas

Combina rectángulos, triángulos, círculos y formas libres para componer tus ilustraciones. Sírvete de las guías inteligentes para alinear los distintos elementos.

Page 15: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

15

https://video.tv.adobe.com/v/14649t7/?captions=spa&learn=on

Habilitar guías inteligentes (0:12), manipular una forma interactiva (1:13) y dibujar una forma libre (4:28).

Añadir color

Elige los colores que quieres usar. Explora bien la amplia colección de conjuntos de colores prediseñados en las cómodas bibliotecas de muestras. Para mantener los colores y las formas de tu logotipo a mano, solo tienes que añadirlos a una de tus bibliotecas Adobe Creative Cloud.

https://video.tv.adobe.com/v/14650t7/?captions=spa&learn=on Editar un color (0:56), guardar un color en una biblioteca (1:19), explorar las bibliotecas de colores (2:50) y aplicar un trazo (4:05). Perfeccionamiento de tu logotipo

Ahora, ajusta el tamaño de tus formas y gíralas para unir todos los ingredientes y formar la porción de pizza.

https://video.tv.adobe.com/v/14651t7/?captions=spa&learn=on Rotar forma (1:05), modificar forma (1:16) y reutilizar color de una biblioteca (3:51).

Añadir texto

Ponle la guinda al logotipo añadiendo el nombre del negocio con las potentes funciones de composición de texto de Illustrator. Los miembros de Creative Cloud pueden elegir la tipografía que deseen de la amplia biblioteca de tipos de letra de alta calidad de Adobe Typekit.

Page 16: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

16

https://video.tv.adobe.com/v/14652t7/?captions=spa&learn=on

Añadir texto (0:36), cambiar la fuente (1:08), añadir fuentes desde Typekit (1:24) y añadir espacio entre las letras (2:35).

Pre visualización y almacenamiento del logotipo

Comprueba cómo queda tu logotipo en bocetos de artículos cotidianos, como camisetas y tarjetas de visita. Y descubre lo fácil que es guardar la ilustración del logotipo para imprimirla, compartirla como PDF, subirla a una página web, y mucho más.

https://video.tv.adobe.com/v/14653t7/?captions=spa&learn=on Añadir logotipo a una biblioteca (1:03), guardar imagen como PDF (2:11), guardar imagen para la web (2:56) y ver logotipos de muestra (4:51). TRANSFERENCIA

Con los pasos anteriormente realizados, realiza el logo de tu empresa y expone tu diseño.

ACTIVIDAD 3. RETROALIMENTACION DEL CONOCIMIENTO.

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

_____________________________________________________________________________ _____________________________________________________________________________ ____________________________________________________________________________

Page 17: COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA · 2019-05-13 · 1 COLEGIO NUESTRA SEÑORA DEL ROSARIO DE FLORIDABLANCA “Verdad, Virtud y Ciencia” ASIGNATURA Tecnología

17

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 Rectángulo? _____________________________________________________________________________ _____________________________________________________________________________ _____________________________________________________________________________

4. ¿Cómo funciona se crea una máscara de recorte? _____________________________________________________________________________

_____________________________________________________________________________

VII. CONCEPTOS TÉRMINO / CONCEPTO SIGNIFICADO

ILLUSTRATOR

CREATIVIDAD

LOGO

EMPRESA

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

IX. FUENTES DE CONSULTA Páginas Web https://www.mineducacion.gov.co/1759/articles-307150_archivo_pdf_guia39.pdf https://www.gcfaprendelibre.org/tecnologia/curso/word_2016/panel_principal/2.do http://elementos-del-diseño.html http://pictoline.com/3681-ya-que-esta-de-moda-ser-emprendedor-utiles-consejos-de-jessica-livingston-para-no-fracasar/ https://illustrator-diseño/ http://tutorial-illustrator.com