Panel de Apariencias.

SEMANA 2En este tutorial veremos las opciones que tenemos si utilizamos la paleta de Apariencia. Aprenderemos a utilizarla y la combinaremos con la paleta de buscatrazos y algunos efectos que aprenderemos a utilizar.

• Empecemos reconociendo la ventana de Apariencia. Para asegurarnos

presionemos “Shift + f6”. Si de esta manera no aparece alguna ventana,

vamos al menú Ventana y seleccionamos la opción “Apariencia”. Una ventana

como la que vemos a continuación debe aparecer.

Imagen 1.- ventana Apariencia.

Imagen 2.- Círculo.

Imagen 3.- Opciones.

• Veamos ahora para que sirve esta ventana de apariencias. Para aprender

crearemos una forma básica en nuestro lienzo. Por ejemplo un círculo.

• Al seleccionarlo veremos que tiene color de relleno blanco y color de trazo

negro. Esas propiedades del elemento las podemos ver en la barra de

herramientas (al final) pero también salen en la ventana de Apariencias.

Relleno (Fill): blanco, Trazo (Stroke): negro.

• En el recuadro de relleno podemos seleccionar el color que querramos para

nuestro elemento y modificar su opacidad. De igual manera sucede con el

recuadro de trazo con sus propiedades.

• Si queremos que el borde no invada el área del relleno simplemente

seleccionamos el trazo que se encuentra en la ventana de apariencias y lo

situamos por debajo del relleno.

Imagen 4.- Organizando relleno y trazo de un elemento.

Imagen 5.- Opciones para crear nuevo relleno (fill) y trazo (stroke).

• Utilizando esta ventana tenemos la posibilidad de tener más de un trazo

y relleno por elemento y modificar cada una de sus opciones como color,

opacidad, etc.

Imagen 6.- 2 rellenos y 2 trazos, cada uno con propiedades distintas.

Imagen 7.- efecto 3D.

• Ahora que tenemos dos bordes y dos rellenos, juguemos un poco con ellos

utilizando algunos efectos. Todos estos se encuentran en el menú “Efectos”

en la barra de menú principal.

• Por ejemplo seleccionemos el segundo relleno y démosle el efecto 3D - Bevel

and Extrude.

• Al momento de activar este efecto se abrirá la ventana sus las opciones.

Una ventana que tiene muchas alternativas. Activemos el cuadrado de

“Previsualizar” (Preview), para ver los cambios que realicemos en tiempo

real.

Imagen 8.- efecto 3D.

Imagen 9.- efecto 3D - biselado.

• Vemos como este relleno ha sido afectado por el efecto 3D y podemos girar la

vista modificando el ángulo del cubo que aparece en la ventana. Sin embargo

haremos otra cosa. Pongamos todos los ángulos en 0º. En el espacio que dice

Biselado (Bevel), seleccionemos el Redondeado (Rounded) y en la altura 8 pt.

Imagen 10.- Capa de efecto 3D.

• Presionemos OK. Vemos como el efecto de 3D y el Biselado se han aplicado

al relleno del elemento. Si quisiéramos hacer alguna modificación, desde

nuestro panel de Apariencias podemos ver que esta capa tiene un enlace con

el efecto y a través de este podemos hacer los cambios que querramos.

• Cambiaré el color del relleno que tiene el efecto 3D.

• Para completar le agregaremos un texto pero lo haremos en una capa distinta.

Esto nos ayudará a poder ordenar mejor nuestro trabajo y poder distribuir las

formas de una manera más ordenada.

Algo de capas, texto y más de apariencias.

• Primero crearemos otra capa pero para hacerlo debemos visualizar el panel

de capas. Presionemos F7 o vayamos el menú Ventana - Capas.

• Debemos darle click al ícono que se encuentra en la parte inferior derecha, al

lado del tacho de basura.

Imagen 11.- Ventana de capas.

Imagen 12.- A: Herramienta de Texto. B: Opciones de texto.

• Al hacerlo crearemos una nueva capa y seleccionando esta, crearemos

el texto. Activemos la herramienta de Texto en la barra de herramientas y

tipeemos cualquier palabra, yo pondré TRUQUITOS.

Imagen 13.- Cambio de tipografía.

Imagen 14.- Apariencia del texto.

Imagen 15.- Apariencia del texto modificadas.

• Le cambiaremos el tipo de letra seleccionando el texto y utilizando las opciones

del panel de control superior. Yo utilizaré el tipo de letra IMPACT.

• Activemos el panel de apariencias para ver las propiedades de este texto y

modificarlas.

• Vemos que la apariencia del texto es un poco distinta a la del elemento que

creamos antes. Debemos agregar un relleno para poder manejar el color

de nuestro texto. Creemos dos rellenos y un trazo y dispongámoslos de la

siguiente manera.

• Al segundo relleno (el blanco) le daré un efecto que hará que se expanda un

poco. Iré al menú “Efectos” - Trazo (path) - Offset path (no sé como sería en

español...). Saldrá una ventana como vemos en la imagen 17.

Imagen 16.- Efecto Offset Path.

Imagen 17.- opciones de Offset Path.

• En mi caso modifiqué el valor de “offset” de tal manera que se vea como

lo muestro en la imagen 17. Para poder ver como va quedando no olvides

activar la opción “Previsualizar” en esa ventana. Al terminar presionas OK.

• El color de relleno blanco lo cambiaremos a un degradado de negro a blanco

de abajo hacia arriba. El trazo está muy grueso así que lo modificaremos

también. La imagen debe quedar de la siguiente manera.

Imagen 18.- Texto.

Imagen 19.- Ejemplo.

• Para darle un par de efectos adicionales situaremos este texto sobre el círculo

que creamos en un inicio.

• Ya que cada uno está en una capa distinta, no habrá problema de organización

de formas. Seguramente el texto estará desproporcionado al círculo así que

ajustemos los tamaños de tal manera que funcione una composición.

• Seleccionemos el texto y vamos al menú Objeto - “Distorsión envolvente”

- “Crear con deformación”. Aparecerá una ventana en la que podemos

cambiar varias opciones que harán que nuestro elemento (texto) deje de

estar horizontal y tenga cierta ondulación.

Imagen 20.- Distorsión envolvente con deformación.

Imagen 21.- Efecto 3D - “Extrusión y Biselado” en el texto.

• Veremos que hay varias opciones de deformación. Me quedaré con

alguna de estas que me parezca más interesante. No olvidar activar la

casilla “Previsualizar” para poder ver los cambios.

• Le agregaremos también a este mismo elemento, el efecto 3D que

hace unos momentos utilizamos. Efectos - 3D - Extrsión y Biselado.

y jugaremos con los ángulos. Es este ocasión no activaré la opción de

biselado.

Imagen 22.- Sombra paralela.

Imagen 23.- Truquitos.

• A cada uno de los elementos por separado (el círculo y el texto), les daremos

el efecto “Sombra paralela” que se encuentra en el menú Efectos - Estilizar

- “Sombra Paralela”.

• De esta manera hemos conseguido un logotipo simple y rápido de hacer y

que aún podemos modificar. Si quisiéramos cambiar el texto aún podemos

meternos en el elemento y cambiarlo. Los invito a probar los demás efectos.

MEDIDAS DE LA CAJA