UNIVERSIDAD GERARDO BARRIOS

FACULTAD DE CIENCIA Y TECNOLOGÍA

GUÍA DE LABORATORIO

Carrera: Ingeniería en Sistemas y Ciclo-Año: II-2020

Redes Informáticas plan
003
Materia: Modelaje y Animación por Docente: Stefanny Panameño
Computadora
No. de guía: 2 Fecha de Semana 2
práctica:

Título de la práctica:
Objetivo General:
Objetivos Específicos:
Metas:
Competencias a desarrollar:
Contenidos relacionados de la La práctica corresponde al tema 1.5 del descriptor de
materia:
Generalidades
Creación de paquete de íconos.
Crear íconos a partir de figuras primitivas, utilizando
Adobe Illustrator.
1) Conocer sobre las figuras primitivas.
2) Utilizar las figuras primitivas en Adobe Illustrator.
1) Manejar la herramienta de Adobe Illustrator para la
creación de paquete de íconos.
2) Importar la paleta de colores, creada en la guía
práctica 1, para dar color a los íconos creados.
El estudiante aplica teoría sobre figuras primitivas,
combinándolas con una herramienta de ilustración
digital para la creación de paquetes de íconos.
la materia, titulado “Figuras primitivas”.

Introducción Teórica

También conocidas como primitiva geométrica, son formas geométricas consideradas primitivas
por su básica constitución en las partes que la conforman, se conocen también con el nombre
de primitivas geométricas cuyas formas son el círculo, el triángulo y el cuadrado, en el caso de
la ilustración bidimensional.
Si hablamos de ilustración tridimensional, podemos mencionar a los cilindros, el tubo, el torus,
la esfera y el cubo, entre otros.

Recursos

- Guía de laboratorio
- Adobe Illustrator.
- Conexión a Internet
 Procedimiento

Creando el archivo en Adobe Illustrator:

1. Ejecute el programa Adobe Illustrator

2. Seleccione la opción Archivo, del menú superior.

3. Seleccionar la opción Nuevo, para crear un nuevo archivo.

4. Al crear el archivo, para efectos de demostración, se asigna un área de recorte del tamaño
de una hoja de papel bond tamaño Carta.

5. Por defecto carga la siguiente página.

 Barra de menú
Propiedades

Panel de
herramienta Lienzo Paneles

Barra de estado

a) Barra de menú: Muestra todas aquellas opciones que el programa contiene.

b) Propiedades: Permite visualizar las propiedades o características del objeto
seleccionado.
c) Panel de herramientas: Contiene aquellas herramientas que podemos emplear para
aplicar modificaciones al objeto seleccionado.
d) Lienzo: Es el espacio en donde se colocarán todos los objetos que ilustremos.
e) Paneles: Al igual que el panel de herramientas, contiene elementos que permiten
modificar las propiedades de los objetos que se desee.
f) Barra de estado: Permite visualizar el número de lienzos, así como el porcentaje o
nivel de acercamiento del lienzo.

6. Lo primero que harán es incorporar la paleta de colores, previamente creada, para poder
elegir entre esas tonalidades. Seleccionamos el panel “Muestras”, que se encuentra en la
barra de paneles al lado derecho.
7. Seguidamente vamos a dar clic en el botón correspondiente a las bibliotecas de muestras.

8. Seleccionaos la última opción “Otra biblioteca…”, abrirá un cuadro de diálogo que permitirá
seleccionar el archivo correspondiente a la paleta de colores.
9. Elegimos el archivo correspondiente a la paleta de colores, y damos clic al botón “Abrir”
para cargar la página a la Biblioteca de Muestras.
10. Verificamos que la paleta cargara a la biblioteca. Aparecerá de la siguiente manera:

11. Para el ejemplo, crearemos un lápiz, utilizando solamente los colores de la paleta. Para
ellos necesitaremos las tres figuras primitivas, mencionadas en la teoría, un círculo, un
cuadrado y un triángulo.

12. Lo primero que haremos es agregar dos capas al proyecto, para colocar una figura por capa.
Las capas son muy útiles para ordenar de manera eficiente cada uno de los elementos que
formen parte del proyecto, además que me permite trabajar individualmente cada obketo,
sin afectar a otros elementos.

13. Para agregar una capa, selecciono el panel “Capas”, que se encuentra en la barra de
paneles, ubicado al lado derecho. Seguidamente, damos clic al ícono que aparece en la
parte inferior, simulando una hoja en blanco.
14. Realizamos ese proceso dos veces, hasta poder visualizar las 3 capas en el panel.
 Las ventajas de trabajar con capas son:

- Cada capa se identifica con un color diferente.

- Podemos activar y desactivar la visibilidad de una o varias capas, dando clic a este botón
ubicado en el extremo izquierdo.
- Permite bloquear una o varias capas para no afectarlas, al momento de realizar cambios
a objetos que se encuentran en la capa activa. Podemos bloquear una capa dando clic,
en el cuadro “vacío” que se encuentra entre el botón de visibilidad y el color que
identifica a cada capa . Al dar clic en ese botón, para
confirmar que la capa efectivamente ha sido bloqueada, debe aparecer así

15. En la capa 1, vamos a agregar el círculo. Agregaremos el círculo dando clic en el botón

del panel de herramientas. Por defecto muestra un rectángulo, para cambiar de

figura, mantenemos presionado clic izquierdo del mouse, hasta que muestra las siguientes
opciones:

Seleccionamos la opción “Herramienta Elipse”.

16. Para insertar un círculo perfecto, presionamos la tecla Shift, y luego, sin soltar la tecla,
damos clic y arrastramos el ratón hasta dibujar el círculo del tamaño deseado.
17. Para darle color al círculo, nos dirigimos a la barra de herramientas y damos clic en este
botón:

18. Ese botón permite seleccionar el color de relleno del objeto, en base a las bibliotecas de
muestra. El color de relleno del círculo, lo vamos a seleccionar a partir de la muestra que
 cargamos previamente. Para darle color, seleccionamos el círculo, y presionamos cualquiera
de las tonalidades pertenecientes a la paleta.

19. Para seleccionar el color del borde, damos clic al siguiente botón:

En este caso, dejaré todos los objetos sin borde, para hacerlo, damos clic en el botón que
se encuentra marcado (Cuadrado blanco con una línea diagonal color rojo).

20. Verificamos, el botón debe visualizarse de esta forma y el círculo debe estar sin borde:
21. Para la segunda figura, utilizaremos un rectángulo, variación del cuadrado. Seleccionamos
la Capa 2, hacemos el mismo proceso del paso 16, y esta vez seleccionamos la opción
“Herramienta Rectángulo”.

22. Para dibujar el rectángulo, basta con dar clic izquierdo y arrastrar el ratón, hasta que el
rectángulo tenga el tamaño deseado.

23. Para personalizar el objeto, repetimos los pasos del 18 al 21. Obtendremos algo así:

24. Para agregar un triángulo, seleccionamos la Capa 3, y repetimos el paso 16, seleccionando
la opción “Herramienta Polígono”. Para dibujar el triángulo, damos clic en el lienzo, y nos
aparecerá el siguiente cuadro:
 En el apartado “Lados”, vamos a escribir el número de lados del polígono, en este caso, por
ser un triángulo, definiremos 3 lados. Damo clic en OK.

25. Para cambiar la orientación del triángulo, damos clic derecho y seleccionamos la opción
“Transformar” y luego la opción “Reflejo”.

26. Seleccionamos la opción “Horizontal” y damos clic en OK.

 Visualizaremos el cambio en el objeto.

27. Para modificar el tamaño del triángulo, sin afectar sus proporciones, ubicamos el puntero
en una de las esquinas del objeto, presionamos la tecla Shift, y, sin soltar la tecla, damos
clic al botón izquierdo mientras arrastramos el ratón hasta obtener el tamaño deseado.

28. Para personalizar el objeto, realizamos los mismo pasos del 18 al 21. Obtendremos algo
así:
29. El resultado final sería el siguiente: Un lápiz, utilizando las figuras primitivas, y con
tonalidades de la paleta de colores cargada a la biblioteca.

30. Para guardar el archivo, seleccionamos la opción Archivo de la barra de menú, seguido de
la opción Guardar como…
31. Elegimos la ubicación en donde deseemos almacenar el archivo y damos clic al botón
“Guardar”.

Como demostración, le asignaré este nombre al archivo, pero se puede agregar más de un
ícono al archivo. Por defecto, el archivo tendrá la extensión propia del programa .ai.
Aparecerá el siguiente cuadro, damos clic en OK.
Si deseamos exportar el objeto como una imagen en formato .png, haremos lo siguiente:

- Presionamos el botón de la barra de herramientas.

- Lo arrastramos sobre el lienzo, para seleccionar todos los objetos previamente
ilustrados.
- Una vez seleccionados los objetos, deberá verse así:
- Seleccionamos la opción “Archivo” de la barra de menú, y seguidamente elegimos la
opción “Exportar”.
- Definimos un nombre y damos clic en el botón Exportar.

- Antes de exportar, definimos las características de la imagen, como calidad y color de

fondo, en este caso. Asignaré las siguientes características:
 - Para finalizar damos clic en el botón “OK”.

Evaluación

1. Crear 3 paquetes de 5 íconos cada uno, utilizando las figuras primitivas mencionadas
anteriormente (líneas también son permitidas, al igual que otras figuras que nos e mencionaran
en el ejemplo).
2. Cada paquete de íconos debe almacenarse en un archivo con extensión .ai y exportarlo a
una imagen .png (cada ícono).

Bibliografía

González Mendieta, J., & Cantor Jimón, I. (Febrero de 2016). Los comienzos de la geometría primitiva: Una
reflexión. Obtenido de
https://tecdigital.tec.ac.cr/revistamatematica/ARTICULOS_V16_N1_2015/RevistaDigital_Gonzalez_V16
_n1_2015/RevistaDigital_Gonzalez_V16_n1_2015.pdf

S.L., S. (2019). Sangaku Maths. Obtenido de https://www.sangakoo.com/es/temas/poliedros-figuras-basicas-y-

clasificacion