Transcripciones
1. Diseño de paneles de colores de la aparición: Hola, soy Helen Bradley. Bienvenido a este episodio de Diseño gráfico para el almuerzo, 20 consejos de panel de apariencia de Adobe Illustrator en 20 minutos. Diseño Gráfico para Almuerzo es una serie de clases, cada una de las cuales imparte una pequeña gama de consejos y técnicas. Ahora hoy estamos viendo el panel de aparición en Illustrator. Verás cómo usarlo para dar formato a formas y también para dar formato al texto, que funciona un poco diferente a las formas. Aprenderás técnicas para capas rellenos y trazos y para crear un efecto reutilizable personalizado con el panel de apariencia. Dominar el panel de apariencia es una habilidad clave para cualquier usuario de Illustrator. Al final de este curso, debiste haber agregado una gama de técnicas y conocimientos a tu conjunto de habilidades Illustrator. Conforme estás viendo estos videos, verás un prompt que pregunta si recomendarías esta clase a otros. Por favor, si estás disfrutando de la clase, ¿
harías dos cosas por mí? En primer lugar, contesta sí que recomendarías esta clase y en segundo lugar, escribe solo unas palabras sobre por qué lo estás disfrutando. Estas recomendaciones ayudan a otros alumnos a decir que esta es una clase de la que ellos también pueden disfrutar y aprender. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Voy a leer y responder a todos sus comentarios y preguntas, y miraré y responderé a todos sus proyectos de clase. Si ya estás listo, empecemos con nuestros 20 consejos de panel de apariencia en 20 minutos o menos.
2. Consejos de paneles de aspecto: Cómo mostrar el panel de apariencia. Cuando estás trabajando en Illustrator, hay algunas formas en que puedes mostrar el panel de apariencia. Puedes hacerlo ya sea aquí haciendo clic en el icono, que es un círculo lleno con muchos pequeños puntos a su alrededor. Puedes elegir Ventana y luego Apariencia, y que mostrará el diálogo. También hay un atajo de teclado, Mayús y tecla de función F6. Antes de poder utilizar el panel Apariencia, necesitarás seleccionar un objeto que sea un poco desconcertante porque mientras el objeto no está seleccionado, aún
ves esa pequeña miniatura, pero también verás No Selección diciéndote que no tienes nada seleccionado. Ahora, que he seleccionado esta forma, verás que tengo Path, que me está diciendo
que todo lo que haga en el panel Apariencia ahora afectará a la forma seleccionada. Establece el relleno y trazo a través del panel de apariencia. Seleccionaré esta forma y presionaré Mayús F6 para mostrar el panel de apariencia. Aquí puedo ajustar el trazo y rellenar la forma. Si hago clic aquí en el color del trazo, todo
el panel de trazos se vuelve accesible para mí. Puedo elegir otro color para mi trazo, puedo ajustar el peso del trazo, luego puedo ajustar otras cosas que hacer con el trazo
simplemente haciendo clic aquí para abrir el panel de trazos. Para el relleno, puedo hacer lo mismo. Da clic aquí en la muestra de color y puedo elegir un color diferente para mi relleno. Trabajando con múltiples rellenos y trazos. Cómo agregar un nuevo relleno o un nuevo trazo. Seleccionaré sobre mi forma y puedo agregar un segundo relleno o un segundo trazo a esta forma. Puedo hacer esto de una de varias maneras. Podría hacer clic aquí en estos iconos, Añadir nuevo trazo y Añadir nuevo relleno. Añadamos un segundo trazo de esa manera. Voy a quitar eso y echemos un vistazo a otro método del menú flyout. Aquí puedes elegir Añadir nuevo relleno o Añadir nuevo trazo. Esta vez, voy a añadir un nuevo relleno. Ahí está el segundo relleno, se ha colocado encima del trazo y relleno existente. También puede agregar un nuevo relleno o trazo seleccionando ya sea el trazo o el relleno y haga clic en el nuevo icono que duplicará ese elemento seleccionado. Eso es más o menos lo mismo que seleccionarlo y dejarlo caer sobre el nuevo icono. Trazos en capas para efectos de varios tiempos. Voy a seleccionar sobre esta forma aquí. En la punta anterior, le agregamos un segundo trazo. Cambiemos el color de este trazo más alto. Este trazo está encima del verde porque es más alto en el panel de apariencia. Si fuéramos a reducir el ancho del trazo, entonces podremos ver el trazo verde debajo. Ahora, el trazo rosa tiene cinco píxeles de ancho, el trazo verde tiene 18 píxeles de ancho. Ambos trazos se colocan dentro de la forma. Si quieres cambiar el posicionamiento, vas a cambiar el efecto terminado. Voy a poner este trazo al centro de la forma, y haré lo mismo por el trazo verde. Esta vez se puede ver que debido a que los trazos están centrados, el rosado está sobre la parte superior del verde. Variar la posición del trazo así
como la estratificación te dará diferentes efectos. Bordes rápidos usando un efecto de trazo inverso y relleno. Echemos un vistazo a cómo he ensamblado esta forma. Tiene un relleno verde, y el trazo es una línea discontinua de 30 píxeles. Se crea usando una gorra redondeada. El peso de la línea, 30 píxeles es exactamente el mismo peso que el hueco aquí, y el guión es 0, y por supuesto, tenemos la línea discontinua seleccionada. Todos esos van juntos para crear un trazo de puntos para nuestra forma. Pero los puntos están encima del relleno, razón por la
cual estamos viendo un punto completo aquí. Lo que quiero es un efecto más de borde festonado. Para lograrlo, lo que necesito hacer es poner el trazo debajo del relleno porque los efectos en el panel de apariencia están apilados, el trazo rosa está encima. Si lo muevo debajo del relleno, obtengo una mirada muy diferente a mi objeto, el que quería crear.
3. Consejos de paneles de aspecto: Desplazar un relleno o un trazo. Esta forma tiene una línea discontinua alrededor y eso se está creando con un trazo discontinua, solo
tiene un gorro de buck regular, es una línea discontinua. El blanco de la línea es de seis píxeles, el guión es de 20, y el hueco es de cinco. Por el momento este trazo está sentado alrededor del borde de la forma, pero no tiene que ser así. Seleccionaré el trazo y escogeré “Efecto”, “Trayectoria”, “Trayectoria de desplazamiento”. Si hago clic en “Vista previa”, verás que el ajuste predeterminado es de 10 píxeles de desplazamiento, lo que empuja el golpe fuera de la forma. También es posible llevarlo dentro de la forma mediante el uso de un desplazamiento negativo. Voy a dar click en “Ok”. De manera similar, puede desfasar un relleno de un trazo. Tengo otra forma aquí. En este caso, si echamos un vistazo a esto en el panel de apariencia, verás que el desplazamiento se ha aplicado al relleno en este caso, lugar del trazo. Crear reflexiones automáticas. Para esta forma de estrella, tiene un relleno pero sin trazo. En el panel de apariencia, quiero crear un reflejo para ello. Voy a apuntar el relleno y añadir un segundo relleno. Voy a apuntar al más de abajo y quiero reflejar este relleno. Con ella seleccionada, elegiré “Efecto”, “Distorsionar y Transformar”, y luego “Transformar”. El ajuste que usaré es activar la vista previa y seleccionar el medio inferior de estas nueve cajas, y así ese va a ser el punto de reflexión. Daré clic en “Reflect Y” y pincharé en “Ok”. Esta estrella es la misma intensidad que la de arriba. Se vería mucho mejor si se le aplicara un relleno de gradiente simple. Voy a dar click en este relleno y usar una muestra de gradiente por lo que he preparado previamente. Solo necesito ajustar marginalmente el gradiente. Voy a rotarlo menos 90, así que va en dirección opuesta, haré que el final del gradiente sea totalmente transparente estableciendo la opacidad en 0, y solo voy a ajustar el punto de transición para el gradiente para que salga un poco antes. Ahí está nuestro reflejo generado automáticamente para una estrella. Ajustes de opacidad de relleno, trazo y forma. Es importante tener en cuenta que en el panel de apariencia cada uno de los trazos que crea y el relleno cada uno tiene su propio ajuste de opacidad. Voy a apuntar a este trazo azul, y voy a ajustar su opacidad para que podamos ver a través de él, y cuando lo hagamos, estamos viendo a través de él hasta el trazo y la forma debajo. Los rellenos también tienen su propio ajuste de opacidad. Tendrás que abrir el relleno usando el triángulo, hacer clic en el botón “Opacidad” y luego ajustar la opacidad a que se adapte. Eso hace que la forma sea parcialmente transparente. Ahora volvamos todas las opacidades hasta el 100 por ciento porque hay otro ajuste de opacidad, y ese es éste de aquí abajo, y controla la opacidad de toda la forma, los trazos así como el relleno. Vamos a bajarlo y ya verás que ya podemos ver a través de todo en esta forma. Cuando estés buscando crear efectos complejos, ten en cuenta que cada elemento del panel de apariencia tendrá su propio ajuste de opacidad así como toda la forma teniendo su propio ajuste. Mezclando rellenos y trazos y formas. Tengo un solo círculo aquí que tiene dos rellenos adicionales; un azul un naranja, y un rosa. Estos rellenos se han transformado, por lo que se han movido usando el diálogo Transformar Effect. Yo quiero mezclar estos juntos así que voy al más alto, y a través del panel de transparencia aquí, puedo cambiar el modo de mezcla para multiplicar. Este relleno va a interactuar ahora con los rellenos a continuación. Voy a hacer lo mismo con este relleno aquí, ir al panel de transparencia y cambiar su modo de mezcla para multiplicarse. Estamos consiguiendo un look diferente a nuestra forma. Ahora también puedes mezclar toda la conformación con objetos debajo. Eso lo haces a través de este panel de transparencia, el que pertenece a toda la forma. Vamos a configurar eso para multiplicar el modo de mezcla. Ahora no hay nada debajo de la forma ahora mismo para ver con, pero sí tengo un rectángulo colocado aquí. Yo sólo voy a encender eso, y ahora se puede ver que toda la forma está interactuando con el cuadrado coloreado de abajo. Limitar las mezclas a una forma. Aquí tengo dos formas idénticas, y dentro de las formas, los dos primeros rellenos tienen mezclas multiplicadas sobre ellas. Se están mezclando los colores dentro de la forma, pero echemos un vistazo y veamos qué pasa cuando pongo un relleno de color detrás de una de estas formas. Se puede ver que los colores ahora son diferentes porque esta forma está interactuando con el fondo sólido detrás de ella. Si no quieres que ese sea el caso, lo que puedes hacer es decirle a Illustrator que limite cualquiera de estas mezclas para que solo opere dentro de la forma, y no opere como entre la forma, y nada detrás de ella. Para ello, apuntarás a la forma, y aquí en el panel Apariencia, abrirás la transparencia, y haz clic aquí en “Aislar mezcla”. Ahora los colores de esta forma son exactamente los mismos que serían si la forma no tuviera nada detrás de ella.
4. Consejos de paneles de aspecto: Agrega una segunda forma a una forma. Es posible crear formas dentro de una forma usando el panel de apariencia. Voy a añadir otro relleno a esta forma aquí, y voy a volver a colorearla. Ahora voy a hacer de esto un círculo que puedo hacer seleccionando estos relleno y elegir efecto para luego convertir a forma. Voy a convertir esto en una elipse. Voy a asegurarme de que la vista previa esté activada y voy a establecer un tamaño absoluto. Voy a hacer de mi elipse un círculo, así que voy a ponerla en un 100 por 100 píxeles. Ahora tenemos un círculo en medio de nuestra forma y todo
está hecho dentro del panel de apariencia. Hacer un agujero en forma. En el último consejo creamos este círculo dentro de esta forma. Desde entonces he añadido una forma coloreada detrás de esta forma para que en un minuto cuando metamos un agujero a través de esta forma usando este círculo, debamos poder ver esta forma rellena azul detrás de ella. Entonces con esta forma seleccionada, voy al relleno que controla el círculo. Voy a dar clic en la configuración de opacidad para abrir el panel de transparencia, y pondremos a cero estas formas la opacidad. Eso es realmente importante porque cualquier relleno que tenga su opacidad establecida en cero se puede usar como knockout para la forma. Eso lo haces desde el ajuste de opacidad para toda la forma, y harás clic aquí en grupo knockout hasta que obtienes una marca de verificación en él. Ahora puedes ver que hemos creado un agujero dentro de esta forma. Crea bordes ajustados utilizando un gradiente y un efecto de gradiente inverso. Tengo una forma aquí que se llena con un gradiente lineal simple. Podemos crear un borde interesante a partir de esta forma agregando un trazo, y vamos a añadir el mismo gradiente que un trazo. Voy a aumentar el peso del derrame cerebral. Entonces vamos al panel de gradiente y vamos a revertir este gradiente. Entonces en lugar de cero por ciento, vamos a ponerlo en menos 180. El impacto de usar un gradiente en una dirección para el relleno y el gradiente en otra dirección para el trazo te da un efecto de borde interesante. Entender y aplicar ingeniería inversa a los estilos gráficos. Cuando tienes una forma en Illustrator y le aplicas un estilo gráfico,
si estás interesado en entender qué fue para hacer ese estilo gráfico, abre el panel de apariencia con esa forma seleccionada. Podrás ver todos los rellenos y trazos que se han aplicado a esta forma para crear este estilo en particular. Podrás experimentar con encender y apagar las cosas,
y también ajustar los ajustes quizás para crear tu propio estilo gráfico. Pero sin duda es una forma práctica de aprender más sobre cómo se pueden formatear las formas. Hacer agujeros en un trazo de puntos. En un consejo anterior, vimos cómo podríamos hacer un agujero en una forma usando un grupo knockout. Ahora podemos hacer el mismo tipo con un trazo. Echemos un vistazo a esta forma. Tiene dos trazos de puntos en él. Una de las cuales está configurada con un espacio de 50 píxeles y un peso de 50 píxeles. El segundo está configurado con exactamente el mismo espacio, pero el ancho es mucho más pequeño. Entonces tenemos círculos más pequeños dentro de los más grandes. Para crear esto como nocaut hará exactamente lo que hacíamos antes. Iremos a la opacidad de la que queremos usar como nocaut o la que haga los agujeros y lo enrolle de nuevo a cero. Entonces con la forma aún seleccionada, vamos a seleccionar grupo knockout, y eso golpea agujeros en este trazo esta vez para que podamos ver a través de él hasta estas formas a continuación.
5. Consejos de paneles de aspecto: Texto como caso especial usando apariencias de personajes. Tengo un trozo de texto escrito aquí que ahora he seleccionado. Verás que el panel Apariencia se ve un poco diferente cuando estás trabajando con texto a cuando estás trabajando con forma. Porque se trata de un objeto tipo, pero los propios personajes son los que tienen el color adherido a ellos. Voy a la herramienta Texto, voy a seleccionar un solo carácter, y cambiar el color de ese personaje. Con la herramienta Tipo, puedo seleccionar sobre cualquier carácter de este texto y simplemente cambiar su color. Pero necesito hacer eso a través del área de Personajes. Texto de arco iris sombra usando caracteres y apariencias de texto. En el consejo anterior, vimos cómo podríamos seleccionar caracteres individuales y colorearlos a través del panel Personajes para crear algo así como este texto multicolor. Sin embargo, no es posible para nosotros agregar una sombra de gota a este texto de esta manera. Porque si elijo “Efecto” y luego “Estilizar”, la herramienta Sombra suelta no está disponible. Para ello, necesitamos estar en el área Tipo Sin Apariencia. Voy a seleccionarlo. Ahora puedo agregar una sombra de gota a mi tipo; Efecto, Estilizar, Sombra de gota. Si alguna vez encuentras que algún efecto no está disponible a través del área de caracteres de este diálogo, haz clic en “Tipo” y es posible que encuentres que puedes agregarlo a un objeto tipo entero en lugar de caracteres individuales. Creación de texto relleno de gradiente. Tengo un trozo de texto escrito aquí y es texto en vivo. Yo quiero llenarlo con un gradiente, así que voy a tratar de hacerlo a través del panel Personajes. Lo abriré y cambiaré de un color relleno a un gradiente. Si bien parece que esto ha funcionado, cuando hago clic lejos del texto, realidad no ha funcionado en absoluto. El gradiente no se ha aplicado al texto. En cambio, necesitamos seleccionar sobre el texto y aplicar el gradiente a través del área Tipo. Agregaremos un nuevo relleno y nos aseguraremos de que ese relleno sea el gradiente. Ahora es posible que veas algunas líneas negras alrededor del exterior del texto, y eso se debe a que el área de caracteres aquí del Tipo tiene un relleno en él y en realidad es un relleno negro, pesar de que parece un gradiente, es realmente confuso. Lo que quieres hacer es entrar aquí y quitar ese relleno. Vuelve al área Tipo. Ahora tenemos nuestro texto lleno de gradiente y no tenemos feas líneas negras a su alrededor. Crear un efecto de texto de la galería utilizando transparencia cuando se necesitan contornos. Vamos a crear este look de plantilla ahora. Desafortunadamente, no podemos hacerlo con Live Type, así que primero tendremos que convertir nuestro Tipo a contornos. Seleccione el elija “Tipo” y, a continuación, Crear contornos y, a continuación, Objeto, Desagrupar. Vamos a sumar nuestro Resplandor Exterior. Seleccionaremos en el “Camino compuesto” para que se aplique a toda la forma. Efecto, Estilizar, Resplandor Exterior. Estoy usando un modo de mezcla de multiplicación de color rojo, un 75 por ciento de opacidad, y un desenfoque de 30 píxeles. Ajusta estos para que se adapten a tu texto. Voy a dar click en “Ok”. Ahora para crear nuestro knockout, estableceremos la opacidad del relleno en cero. El relleno puede ser de cualquier color. La opacidad sólo tiene que ser puesta en cero. Después volveremos a ir a nuestra configuración
del panel Transparencia y haga doble clic aquí en “Knockout”. Guardar apariencias complejas utilizando estilos gráficos. Siempre que tengas una apariencia compleja creada para una forma, puedes guardarla para poder reutilizarla más adelante como estilo gráfico. Abre el panel Estilos gráficos y haz clic en “Nuevo estilo gráfico”. Ahora se agregará como un estilo gráfico. Si vacía el panel Estilo gráfico excepto este estilo, seleccione el menú desplegable y elija “Guardar biblioteca de estilos gráficos”. Puedes guardar tu biblioteca de estilos gráficos para que
puedas abrirla y utilizarla de nuevo en cualquier otro documento en el futuro. Después podrás seguir adelante y crear una forma y aplicarle ese estilo gráfico en un solo clic.
6. Consejo de exceso: Para nuestra propina de bonificación, vamos a crear este efecto como apariencia. Entonces voy a tomar el número 2 y trabajar con él para lograr el mismo resultado. Con ella seleccionada, voy
al área de personajes porque quiero apagar este trazo negro. No quiero que el texto sea negro en absoluto. Voy a teclear y voy a hacerlo blanco. Por lo que agregaré un nuevo relleno para mi texto. Yo lo voy a hacer blanco eventualmente, pero por ahora, vamos a hacer que sea un color meñalí para que realmente podamos ver lo que estamos haciendo. Vamos a añadir otro relleno con el que vamos a hacer este círculo rosa. Daré click aquí para añadir un nuevo relleno. Está detrás del tipo 1 en este momento. Voy a hacer este rico color rosa, y luego voy a poner esto para que sea un círculo. Por lo que con ella seleccionada, elegiré “Efecto” y luego “Convertir a Forma” y “Elipse”. Encenderé la vista previa. Yo también encenderé absoluto, y necesito que este punto sea mucho más grande. Estoy pensando que probablemente alrededor de 500 para el ancho y la altura serán perfectos. Eso se ve bastante bien. Simplemente está en el lugar equivocado. Entonces voy a dar clic en “Ok”. Ahora necesito moverlo, y para mover el círculo, voy a usar la herramienta transformada. Efecto, Distorsionar, y Transformar, y luego Transformar. Encenderé la vista previa para poder ver qué estoy haciendo, y solo quiero ajustar el ajuste vertical para esto. Entonces lo estoy configurando en menos 90, que funciona con esta fuente en particular y el tamaño de fuente con el que estoy trabajando. Tendrás que ajustarlo a lo que sea que vaya a funcionar para tu fuente en particular. Ahora quiero una línea punteada alrededor de mi forma, así que, vamos a dar un trazo. Vamos a ajustar el trazo al color que queremos usar, y luego vamos a hacer un trazo punteado, entonces, voy a ajustar el peso del trazo a 50, voy a dar click en Trazos y voy a hacer un gorro redondo y una línea discontinua, 0 píxeles para el guión y 50 píxeles para el hueco. Ahora lo que quiero hacer, es hacer lo exacto al trazo que le hice a este relleno, entonces, voy a abrir este panel de relleno. Yo quiero duplicar de esta configuración de elipse, entonces, voy a hacer clic en él y luego hacer clic en duplicar elemento seleccionado, y eso se duplicó la elipse, entonces, voy a moverlo hacia arriba, entonces, es con el trazo. Tengo una elipse en el trazo y otra en el relleno, y se puede ver que estamos recibiendo el trazo que estamos buscando. Ahora, solo unas cabezas aquí arriba, si usas esta opción aquí, obtienes un look totalmente diferente. No estoy muy seguro de por qué funciona así, pero así es como funciona. Por lo que puede que tengas que ajustar cuál de estas opciones
usas para realmente mantener tus puntos cuando haces justo lo que acabo de hacer entonces. Ahora, también necesitamos mover esta transformación. Tenemos que hacer la misma transformación para el trazo aquí como lo hicimos para la elipse, entonces, vamos a dar click en la transformación y duplicarla, y vamos a tomar una de estas y simplemente dejarla caer en la elipse. En este punto, sólo podemos seguir adelante y volver a colorear nuestros textos porque voy a ponerlo en blanco. Para terminar, necesitamos poner el trazo detrás del relleno, y eso en realidad va a romper un poco esto, entonces, veamos qué va a pasar. Vamos al trazo y arrastrémoslo detrás del relleno. Se puede ver que está ligeramente apagado, entonces, lo que tenemos que hacer, es simplemente ajustar nuestra transformación, entonces,
voy a dar clic en Transformar, encender la vista previa, y voy a empezar a reducir este valor. Yo sólo voy a globalizar el resultado que me queda bastante bien. Entonces ese es nuestro efecto para nuestros números. Ahora, podemos guardarlo como estilo gráfico yendo al panel
de estilo gráfico y haciendo clic para agregarlo. Ahora se puede aplicar a cualquiera de estos objetos de texto. Seleccionaremos el número 3 y solo pincharemos para formatear el número 3 exactamente de la misma manera que hemos formateado el número 2 aquí. Hagamos eso para el número 4. Por supuesto que funcionaría para esta fuente y tamaño de fuente en particular, incluso para letras del alfabeto.
7. Proyecto y wrapup: Espero que hayas disfrutado de este conjunto de 20 consejos de panel de apariencia en 20 minutos o menos. Tu proyecto para esta clase es publicar una imagen de uno o más de los consejos que he mostrado aquí que particularmente te hablan. Ahora, como estás trabajando a través de esta clase, habrás visto una pronta preguntando si recomendarías esta clase a otros. Por favor, si disfrutaran de la clase y aprendieran algo de ella, ¿
harían dos cosas por mí? En primer lugar, contesta sí que sí recomiendas la clase, y en segundo lugar, escribe incluso en pocas palabras por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es una clase de la que ellos también podrían disfrutar y aprender. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos sus comentarios y preguntas. Yo miro y respondo a todos sus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de Diseño Gráfico para Almuerzo. Espero verte pronto en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
