COLEGIO AGUSTINIANO CIUDAD SALITRE

AREA DE TECNOLOGÍA E INFORMATICA

PLANEACION PERIODICA GRADO DECIMO

SEGUNDO BIMESTRE

DOCENTE: Andrés Darío Murcia

Logro general del periodo:

Reconoce el entorno general, herramientas básicas y aplicaciones que

posee el editor de gráficos vectoriales Illustrator Cs5, para la realización de

ilustraciones digitales.

Indicadores:

Conoce la funcionalidad de las herramientas y menús principales de Adobe

Illustrator cs5.

Identifica los procedimientos básicos que le permiten la creación, edición y

publicación de ilustraciones digitales.

Diseña y elabora ilustraciones digitales con alta calidad estítica haciendo

uso las herramientas vectoriales y de color que ofrece Illustrator.

Diseña piezas graficas como elementos visibles en el proceso de brandig

(construcción de marca).

Utiliza la clase de manera responsable, ética y respetuosa, cumpliendo con

las actividades y parámetros propuestos para esta.

CONTENIDOS

Identidad corporativa.

1. Nociones básicas de Illustrator

Entorno de Illustrator

Herramientas y capas

Herramientas de dibujo y objetos

Vectorización de imágenes

2. Proceso de Branding

Isotipo y logotipo

Diseño y rediseño de logos

Proporción Aurea

Marca corporativa.

GUIA DE APOYO PARA EL ESTUDIANTE

COLEGIO AGUSTINIANO CIUDAD SALITRE

Objetivo general del periodo:

Propiciar el desarrollo de habilidades en los estudiantes para el diseño,

elaboración y edición de ilustraciones digitales a través del uso de las

herramientas que tiene Adobe Illustrator.

¿Qué es Illustrator?

Illustrator es un programa de vectores. Su principal

uso es para hacer ilustraciones, caricaturas,

diagramas, gráficos y logotipos. A diferencia de las

fotografías o imágenes de mapa de bits que se

forman por pixeles, Illustrator usa ecuaciones

matemáticas para hacer cualquier forma. Esto hace

que los gráficos vectoriales sean escalables sin

pérdida de resolución.

Usos comunes para Illustrator:

Diseño de logos.

URL artículo: http://www.creativosonline.org/blog/adobe-illustrator-que-es-y-para-que-sirve.html

Articulo completo: Adobe Illustrator: Que es y para qué sirve

Ilustraciones.

Infografías.

Diseño de

empaques.

1. Nociones básicas de Illustrator

Crear un documento nuevo:

Abrir illustrator cs5

Dar clic en File > New

seleccionar parámetros

para espacio de trabajo.

Interfaz Illustrator Cs5:

Herramientas:

Ver videos de apoyo “Como usar

herramientas de illustrator:

https://www.youtube.com/watch?v=73U

Nmmfgce8

https://www.youtube.com/watch?v=qj23

Kb0wUVQ

Mapa de bits:

Las imágenes de mapa de bits, están compuestas

por puntos individuales denominados píxeles,

dispuestos y coloreados de formas diversas para

formar un patrón. Pero si aumenta el tamaño del

mapa de bits, también aumentará el número de

píxeles individuales, haciendo que las líneas y las

formas tengan un aspecto dentado, dando la

sensación de que ver los píxeles.

Gráficos Vectoriales:

Las imágenes vectoriales, también llamadas

imágenes orientadas al objeto o imágenes de dibujo,

se definen matemáticamente como una serie de

puntos unidos por líneas. Considerando que cada

objeto es una entidad completa, se puede mover, cambiar sus propiedades

una y otra vez manteniendo su claridad y nitidez originales, sin afectar a los

restantes objetos de la ilustración.

Actividad #1

Usando de las herramientas pluma (pen tool) y formas, elaborar las ilustraciones

solicitadas por el docente, las cuales deben cumplir las siguientes características:

El trabajo debe estar en formato A3

Se debe exportar a .JPG

El editable debe estar organizado por capas

Vectorizar una imagen con Illustrator

La mayor parte de los programas de dibujo vectorial permiten trabajar también con

imágenes de mapa de bits, sin embargo en muchas ocasiones nos puede

interesar pasarlas a vectores por diversos motivos. Un ejemplo muy común puede

ser que haya dibujado algo en papel y lo quiera usar, nada más fácil que

escanearlo para luego pasarlo a vectores.

Como sabemos las imágenes de mapa de bits están hechas de una serie de

puntos o píxeles y por tanto suelen ser más grandes en tamaño, mas engorrosas

para editar y lentas para manejar y las imágenes vectoriales, se crean por

formulas matemáticas, suelen ser de tamaño mucho más pequeño,

redimensionables sin perder calidad y mucho más fáciles y rápidas de manejar

Mientras la conversión de vectorial a mapa de

bits es muy sencilla, la tarea de pasar una

imagen de mapa de bits a vectorial es una tarea

compleja que necesita bastante tiempo, y

paciencia hasta conseguir el resultado que

queremos.

Pasos para vectoriza una imagen en Illustrator:

1. Crear un espacio de trabajo en Illustrator.

2. Agregar la imagen que se quiere vectorizar

3. Escalar la imagen hasta un tamaño cómodo para trabajar.

4. Crear una capa nueva y bloquear la capa en la que se encuentra la imagen

a vectorizar.

5. Seleccionando la herramienta Pen tool agregar putos de control haciendo

clic sobre el contorno de la imagen. (en las opciones de color dejar el

relleno de la forma sin color y el contorno con un color cómodo para

trabajar)

6. Haciendo clic sostenido en la herramienta Pen Tool seleccionamos la

opción Convert Anchor Point Tool (Shift + C) y hacer clic sostenido sobre

los puntos de control ubicados previamente en la imagen.

7. Mover ligeramente el mouse para ajustar la curvatura de la línea de

contorno lo mas similar posible a la imagen original.

8. Una vez ajustado el contorno de la imagen rellenar la forma resultante

usando la herramienta cuentagotas seleccionando el color de la zona en la

imagen que se acaba de vectorizar.

9. Bloquear y ocultar la capa con la forma que acaba de elaborar.

10. Crear una nueva capa y repetir los pasos 5 a 9 seleccionando una nueva

parte de la imagen.

11. Una vez vectorize todas las partes de la imagen active todas las capas de

la imagen (elimine la imagen original), guarde el archivo editable de

Illutrator y exporte la imagen al formato y tamaño que quiera.

Actividad #2:

1- Buscar y seleccionar icono de algún personaje animado, de tamaño no

superior a 300x300.

2- Elaborar vectorización del icono, escalar imagen vectorizada a formato

A3, exportar a .JPG y PDF.

3- Imprimir PDF en Opalina.

2. Proceso de Branding

1“Para entender qué es el branding, lo primero que tenemos que comprender, es

qué es una marca. La definición más habitual, la que podemos encontrar en la

mayoría de fuentes (tanto bibliográficas como de internet), es la que establece

la Asociación Americana de Marketing, y sostiene que una marca es "un nombre,

signo, símbolo o diseño, o una combinación de ellos, cuyo fin es identificar los

bienes o servicios de un vendedor o grupo de vendedores y diferenciarlos de su

competencia". Definición que hoy se ha quedado obsoleta, e incompleta pues

concibe la marca desde un punto de vista estrictamente corporativo,

desatendiendo las expectativas y percepciones que genera en sus clientes (y

todas las personas que se cruzan con ella), y olvidando que las marcas van

mucho más allá de lo meramente corporativo y comercial, y se desarrollan en

infinidad de ámbitos, desde la política, hasta el arte, pasando por las ONGs.

1 Fragmento del articulo “Las 7 dimensiones del branding: I. El concepto de marca”, autor Autor: Cesar Martin, dirección web:

http://alzado.org/articulo.php?id_art=941

Así las cosas, me gusta más definir el término marca como un catalizador de

afectos, es decir, como la suma de todas y cada una de las sensaciones,

percepciones y experiencias que una persona tiene como resultado del contacto

con una organización, sus productos y servicios.

Esta definición denota que una marca reside por encima de todo, en la mente de

las personas, que acceden a ella a través de uno o varios de sus puntos de

contacto.

El concepto de marca (Brand concept)

El concepto de marca responde a la pregunta: ¿Cómo te llamas?

El concepto de marca es la idea general que subyace bajo la creación de una

marca. Deberá ser atractivo y convincente para quien entre en contacto con la

marca, resultar relevante en el momento de su creación, y sobre todo, tener

potencial a largo plazo.

El concepto de marca, se refleja a través del nombre de la marca, su país de

origen, su historia e historias (el relato que comunica la marca, el

imprescindible storytelling, sin el que las marcas no funcionarían), su

imagen visual, su logotipo, sus colores, sus formas, su lenguaje y el

conjunto de su oferta. Las mejores marcas poseen un concepto distintivo que

claramente las diferencia de sus competidoras. Pensemos por ejemplo

en Nike y Adidas; aunque comparten características similares y su oferta es

prácticamente idéntica, su manera de entender el deporte es diametralmente

opuesta: Nike representa la competitividad extrema, la pasión por el deporte, la

superación personal y el individualismo, mientras que Adidas representa el disfrute

compartido de una afición, donde la superación personal también está presente,

pero lo importante no es ganar, sino participar.”

Isotipo y Logotipo

Un logotipo es un elemento que le

dota de identidad a una marca y

también un elemento indispensable

como estrategia below the line (BTL),

ya que está presente en el packaging

y en todos los medios BTL que

componen el plan de marketing, por

ello es importante tomar en cuenta

ciertos aspectos al momento de

realizar una acción de rebranding.

Diseño de logos:

Actividad #3:

Siguiendo las indicaciones de la infografía “¿Como se hace un logo?”, elaborar:

- Logo personal que será utilizado como marca personal el resto del año para

la entrega de trabajos.

- En photoshop elaborar muestra (mínimo 3) de posibles piezas en las cuales

publicaría usted su marca.

Exportar a .jpg marca desarrollada y muestras de publicación.

Rediseño de logos (2rebranding):

7 tips para rediseñar logos:

- Separar y resaltar las cualidades del logo actual

- Buscar en antiguos logos para obtener ideas

- Apostar por la simplicidad

- Enfocarse en los colores que realmente importan

- Tomar en cuenta las tendencias sin dejar a un lado las tradiciones clásicas

- Cuidar la legibilidad

- Usar significados escondidos para agregar interés

2 Información encontrada en el artículo alojado en la dirección http://www.informabtl.com/rebranding-7-geniales-tips-para-hacer-un-rediseno-de-logotipo/

Actividad #4:

Teniendo en cuenta los Tips para el rediseño de un logo, elaborar:

1- Rediseño del logo del colegio.

2- Rediseño del logo de su equipo favorito.

3- Elaborar una retícula en donde ubique el logo original y el rediseño

4- Exporte a .jpg y .pdf, imprima el archivo pdf en opalina.

5- Guardar archivo editable en la carpeta compartida.

Proporción Aurea

3“Diseñar retículas con base en principios tan básicos como la regla de los tercios

o la sección aurea no se traduce solamente en hacer más bonito tu diseño, sino

en incrementar legibilidad de él.”

Actividad #5:

1- Elaborar lectura siguiendo el link:

http://www.brandemia.org/la-proporcion-aurea-en-el-diseno-de-logotipos

2- Elaborar retícula de proporción aurea.

3- Elaborar composición geométrica haciendo uso de la retícula elaborada.

4- Exportar a .JPG y a PDF

5- Imprimir el PDF en opalina.

3 Escrito por Gerardo Sepúlveda, Categoría: Diseño Gráfico,Publicado el Sábado, 22 Agosto 2009 13:37,

http://www.neopixel.com.mx/articulos-neopixel/articulos-diseno-grafico/335-seccion-aurea-composicion.html

Marca Corporativa:

4“Uno de los aspectos principales sobre el concepto de marca corporativa está

relacionado con aquello que representa. Desde el punto de vista del branding

corporativo, es importante ya que expresa identidad de marca. Los valores, la

visión o la cultura corporativa son producto de la estrategia llevada a cabo con la

marca corporativa. Es decir, abarca productos, servicios y representa el valor de la

marca en sí misma.”,

Actividad #6 Bimestral Práctica:

1- Teniendo en cuenta la lectura realizada en clase :

Elaborar Manual de uso para la marca de la empresa creada (o en

creación) en la clase de Economía.

(link de apoyo: https://es.slideshare.net/carlos_bej_bel/que-es-el-manual-

de-identidad-visual-corporativa)

El manual debe estar en digital y en físico.

El archivo editable debe quedar en la carpeta compartida.

4 Articulo alojado en http://colemancbx.com/diferencias-marca-corporativa-producto-branding-corporativo/

KEYWORDS:

Mesa de trabajo: Nombre del espacio de trabajo usado en Illustrator.

Logotipo: El logotipo surge de la necesidad de respaldar a los productos

realizados en serie. Este es un mensaje abreviado de todos los valores de una

marca y el cual está compuesto de un grupo de letras, símbolos, abreviaturas,

cifras etc; para facilitar una composición tipográfica que las personas identifiquen y

asocien rápidamente con la empresa a la que le pertenece.

Isotipo: se refiere a la parte, generalmente icónica o más reconocible, de la

disposición espacial en diseño de una marca, ya sea corporativa, institucional o

personal.

Marca: (en inglés brand) es una identificación comercial primordial y/o el conjunto

de varios identificadores con los que se relaciona y ofrece un producto o servicio

en el mercado.

Branding: es un anglicismo empleado en mercadotecnia que hace referencia al

proceso de hacer y construir una marca

Proporción Aurea: Se trata de un número algebraico irracional (su representación

decimal no tiene período) que posee muchas propiedades interesantes y que fue

descubierto en la antigüedad, no como una expresión aritmética, sino como

relación o proporción entre dos segmentos de una recta, es decir, una

construcción geométrica.

Vectorizar: La vectorización consiste en convertir imágenes que están formadas

por píxeles en imágenes formadas por vectores. Esto se logra dibujando todos los

contornos y rellenos de la imagen mediante curvas Bezier.