GUÍA DE DESARROLLO DE COMPETENCIAS COLROSARIO FLORIDABLANCA

Asignatura: Tecnología e informática

Curso: 8- Periodo: 2 Fecha:
Docente: IVONNE TATIANA PAREDES Estudiante:

I COMPETENCIAS A DESARROLLAR DURANTE EL PERIODO ACADÉMICO

Cognitivas Reconoce en Illustrator una herramienta dinámica y muy versátil para el momento de crear
con libertad.
Actitudinales Se esfuerza y dispone con creatividad para cada actividad
Procedimentales Utiliza el área de trabajo, barra de herramientas, comandos y menús de Adobe Illustrator
Comunicativas Expresa apoyo a sus compañeros en la solución de preguntas e inquietudes para
desarrollar la habilidad en el manejo de vectores.

II CONCEPTOS Y TEMÁTICAS PLANTEADAS

• Generalidades de Illustrator
• Herramientas útiles
• Maquetación del proyecto

Término / Concepto Significado

Vectores
Panel de control
Interfaz
Mesa de trabajo

III PLAN ESTRATÉGICO DE APRENDIZAJE

Tiempo Contenidos Estrategias Proceso de evaluación
(Sem.) Conceptuales didácticas Tareas Quiz Parcial Acumulativo
 Contextualización en clase.
1, 2, Generalidades de  Orientación y explicación QUIZ
3, 4, Illustrator por el docente. 1
 Práctica e investigación en
la sala de informática.
 Trabajo en la guía.

 Orientación y explicación
5. 6 Herramientas útiles por el docente. QUIZ
 Práctica e investigación en 2
la sala de informática.
 Trabajo en la guía.
 Proyecto
 Orientación y explicación
ACUMULATIVO
7, 8, Maquetación del por el docente.
9 y 10 proyecto  Práctica e investigación en
la sala de informática.
 Trabajo en la guía.
 Trabajo en la guía.
 Retroalimentación.
 Coevaluación –
autoevaluación.
IV DESARROLLO CONTEXTUAL
CONTENIDO CONCEPTUAL NO. 1 GENERALIDADES DE ILLUSTRATOR

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

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.
ACTIVIDAD 1. INTERIORIZACIÓN, REFLEXIÓN DEL SABER.

Lee y analiza la información anterior, para que pueda desarrollar las actividades correspondientes a la temática
tratada.
ACTIVIDAD 2. SISTEMATIZACIÓN DEL CONOCIMIENTO.

Inicia revisando todas las opciones expuesta de la Interfaz y ve a archivo/nuevo y archivo/nuevo con plantilla.

ACTIVIDAD 3. TRANSFERENCIA DEL CONOCIMIENTO.

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.

IV DESARROLLO CONTEXTUAL

CONTENIDO CONCEPTUAL No. 2 HERRAMIENTAS ÚTILES

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.

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.

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

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 y así eliminaremos ese nodo.

Continuaremos el proceso hasta terminar el

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

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

ACTIVIDAD 2. SISTEMATIZACIÓN DEL CONOCIMIENTO.

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.

ACTIVIDAD 3. TRANSFERENCIA DEL CONOCIMIENTO.

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 comprender como está
reaccionando la herramienta o si debes tomar alguna acción para poder lograr el objetivo.

IV DESARROLLO CONTEXTUAL

CONTENIDO CONCEPTUAL No. 3 MAQUETACIÓN DEL PROYECTO

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

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.

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

Lee y analiza la información anterior, para que pueda desarrollar las actividades correspondientes a la temática
tratada. Realiza la práctica de entendimiento de la herramienta.

ACTIVIDAD 2. SISTEMATIZACIÓN DEL CONOCIMIENTO.

Realizaremos un proyecto en clase que se debe seguir paso a paso.

Portada de una revista.

1. Crearemos un archivo
nuevo con las siguientes
características.

El nombre del archivo

será: código-
composicion-
nombredelestudiante.ai
Perfil: Imprimir
Mesas de trabajo: 1
Área de recorte: A4
Unidades: Milímetros
Efectos de rasterizado:
300 pp
2. Organizaremos el área de trabajo.
Activamos Ver/Reglas y Mostrar cuadrícula
Sacamos las líneas guías para las márgenes. Arrastramos desde la regla y las ubicamos.

Adicionalmente vamos a ver/cuadricula de perspectiva/mostrar cuadricula

3. Seleccionamos la herramienta polígono y dibujamos un rectángulo como muestra la figura.

Ojo que la perspectiva te la dará la cuadricula que tienes activada. Iremos de la esquina superior
izquierda hasta la esquina inferior derecha. Le aplicamos color sólido con el panel/color.

4. Dibujamos nuevamente otro rectángulo con la herramienta polígono y le damos un color

contrastante como muestra la figura. Ten en cuenta que la paleta de colores será a justada a tu
gusto al finalizar la composición.
5. Miremos el proceso con más detalle. Ten en cuenta la alineación de la perspectiva.

6. Desactivamos la cuadrícula en perspectiva en el menú ver/cuadrícula de perspectiva/ocultar

cuadrícula como muestra la figura.
7. Si utilizas zoom como en la imagen anterior nos volveremos a la vista completa dando doble clic
en la mano.

8. Con la herramienta rectángulo dibujaremos un rectángulo del ancho y alto de la mesa de trabajo.

9. Enviamos atrás este rectángulo para que quede los otros sobresalgan. Damos clic derecho como
muestra la imagen y se seleccionamos la opción organizar/enviar atrás.

10. Creamos un rectángulo en la parte superior de derecha a izquierda de borde a borde con un
tamaño de ¼ del tamaño completo de la hoja. Adicionalmente con la herramienta Segmento de
 línea dibujaremos una línea recta manteniendo pulsada la tecla Shift y la ubicaremos debajo del
rectángulo anterior como muestra la siguiente figura. Estos elementos enarcarán el nombre de la
revista.

11. Con la herramienta texto pondremos el título de la revista, puedes jugar con los tamaños y tipos de
letra.

Importamos imágenes
Desde el menú archivo/colocar podremos importar las imágenes que vamos a ubicar en este caso,
las que van a ir dentro del contenedor amarillo. Con anterioridad deben descargarse las imágenes
dentro de la respectiva carpeta del estudiante.
Sobre pondremos el rectángulo amarillo del ejemplo sobre la imagen para poder crear la máscara
de recorte. La máscara de recorte lo que hace es permitir que insertemos la imagen dentro del
contenedor amarillo y adopte la forma del elemento, ya lo entenderás a medida que avancemos.

Para hacerlo en este una opción es enviar la imagen para atrás con el clic derecho/organizar/enviar
atrá.
Después seleccionar el recuadro amarillo ojo!-manteniendo oprimida la tecla shift. Observa las
siguientes imágenes.
 Damos clic derecho y seleccionamos la opción crear máscara de recorte.

Así se verá la máscara de recorte. La imagen adopta la forma del contenedor y podemos destacar
una sección que deseemos de ella.

ACTIVIDAD 3. TRANSFERENCIA DEL CONOCIMIENTO.

Realizaremos los pasos avanzados y daremos personalidad al proyecto.

Personaliza.
Podremos continuar con la composición realizando las siguientes acciones.
1. Crear un recuadro encima de la composición y aplicar texturas de la biblioteca que las encontrarás en la
biblioteca muestras como muestra la figura.
2. Y en el panel transparencia podemos aplicar algún efecto como en el ejemplo que utilizamos la
superposición de color. Ten en cuenta que deberás enviar para adelante los elementos que quieres que
no tengan la textura.
3. En el ejemplo anterior lo aplica a todo. Vamos a dejar adelante la imagen de la cascada para que quede
sin el efecto aplicado.

4. Otra opción excelente es Insertar imágenes con fondo transparente que se relacionen con el tema y
equilibra la composición.
5. Finalmente pondremos textos complementarios con la herramienta de texto. Adiciona también tu
nombre y el grado como muestra la figura. Ten en cuenta los tamaños de letra que sean legibles
y con el color que permita la lectura.
Debes tener en cuenta las guías para no salirte de las márgenes de diagramación y podrás probar con
alineación, interlineados, etc para mejorar el resultado final.

6. Para finalizar el archivo podemos hacer una máscara de recorte de toda la composición o editar
el vector verde on herramienta selección directa. Finalmente después de guardar el archivo como
siempre lo hacemos, guardaremos una copia como pdf que será el archivo portable que
enviaremos para calificar como proyecto final.
 Mira e archivo finalizado! Espero que te haya quedo super lindo!

Ahora mira cómo se crea el pdf:

(guarda antes de hacerlo y recuerda que ya debe estar finalizado, revisado y aprobado).
 Así se verá la revista terminada en pdf!!!

ACTIVIDAD 4. ¿CUÁNTO SABES? RETROALIMENTACIÓN.

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

_____________________________________________________________________________

_____________________________________________________________________________

_____________________________________________________________________________

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

_____________________________________________________________________________

_____________________________________________________________________________

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
cumples cada uno de ellos. Lo importante no es obtener una calificación, sino reflexionar sobre lo que haces.
Analiza y responde muy sinceramente.
ÍTEMS 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.
 Mi compromiso de Mejora.

VI FUENTES DE CONSULTA
PAGINAS WEB

http://www.aulafacil.com/illustrator-cs3-tutorial-gratis/curso/Temario.htm
http://www.aulaclic.es/illustrator-cs4/index.htm
https://helpx.adobe.com/es/illustrator/using/editing-paths.html
http://www.fotonostra.com/grafico/maquetacion.htm