Transcripciones
1. Introducción al dibujo isométrico en Illustrator, una clase de Graphic Design for Lunch™: Hola y bienvenidos a este curso sobre los fundamentos del dibujo isométrico en Illustrator. Me llamo Helen Bradley, y soy una maestra superior de Skillshare. Tengo más de 250 cursos aquí en Skillshare y más de 102 mil inscripciones de estudiantes. En este video, te mostraré cómo empezar con el dibujo isométrico en Illustrator, y lo vamos a hacer todo sin usar una cuadrícula. Empezaremos con una explicación rápida de lo que hace que el dibujo isométrico sea tan especial y luego veremos un método rápido y fácil para hacer arte isométrico boxy básico. Después veremos formas como techos angulados y cilindros,
y luego a medida que avanzamos hacia formas más complejas aún, aprenderás un segundo método que hace que esas proyecciones sean más fáciles de hacer. Al final de la clase, tendrás una buena base para dibujar arte
isométrico que podrás usar para dibujos, crear logotipos, y también elementos infográficos. Suficiente de mí si estás listo, empecemos a crear arte isométrico en Illustrator.
2. Parte 1. ¿Qué es el dibujo isométrico?: Antes de empezar con esta clase, echemos un vistazo y digamos para qué se suelen utilizar los dibujos isométricos. Por aquí hay un conjunto de elementos infográficos. Todos están dibujados como formas isométricas. Otro uso popular para el dibujo isométrico es en edificios. Este es otro del sitio de valores de vector EC. También las puedes utilizar para construir interiores. Es una forma realmente bonita de dibujar interiores de edificios. Otras personas las usan para maquetas, para elementos de sitio web y todas las cosas. Esto es lo que vamos a estar creando en esta clase. Pero echemos un vistazo y veamos cómo se diferencia el arte isométrico del arte perspectiva. Tengo aquí un cubo que ha sido dibujado en perspectiva. Cuando encienda estas líneas aquí que he creado, que he dibujado a través de los bordes de estos planos, verá que se unen y se unen en un punto de fuga. Ahora, las líneas que atraviesan estos aviones también se unirían, pero sólo un largo camino de distancia. En el dibujo de perspectiva, si fuéramos a medir esta línea aquí, sería más larga que esta línea aquí. Porque esta línea se haría entonces más pequeña cuanto más se dibujó hacia el punto de fuga. Ahora bien, el arte isométrico es realmente muy diferente a esto. En el arte isométrico, cuando dibujas las líneas a través de estos planos ninguno de ellos se cruza, simplemente siguieron yendo hasta el infinito y así la longitud de esta línea aquí y la longitud de esta línea aquí son idénticas y así también lo es la longitud de esta línea y esta línea y esta línea. Cuando dibujas una proyección isométrica, todo es un poco más, incluso por dentro, es un poco quizás más caricatura. Pero este es el estilo de dibujo que vamos a estar creando en esta clase.
3. Parte 2. Crea un conjunto de acciones: La primera tarea que tenemos para el dibujo isométrico es
crear tres acciones que nos van a acelerar enormemente las cosas. Pero antes de empezar estas acciones hay algo que quiero mostrarles, y ese es el escalado correcto. Si estás investigando dibujo isométrico en Internet
encontrarás que la gente está mencionando dos porcentajes de escala, y estos son los dos porcentajes. El que estamos usando es correcto. Cuando creo una forma isométrica usando esta escala todo une píxel perfectamente. Este no se está uniendo también. Déjame mostrarte seleccionando “Ver esquema”. Aquí verás que estas dos formas no se intersectan bien, mientras que estas tres se cruzan perfectamente. El escalado de proyección isométrica que vamos a utilizar es 86.602. Vamos a ser precisos a tres decimales porque a pesar de que
parece que Illustrator no es preciso a tres decimales, lo es. No vamos a estar usando este escalado porque no es correcto. Yo sólo pensé que lo aclaramos antes de empezar. Ahora tengo un documento listo para salir. Acabo de crear un documento de 500 por 500 píxeles, el tuyo puede ser de cualquier tamaño que te guste. Tengo un verde seleccionado. Voy a dibujar una plaza y va a ser 100 por 100. Realmente no importa lo grande
que sea tu plaza, solo va a necesitar obviamente caber en tu documento. Voy a Alt u Opción-Arrastra un duplicado lejos, y luego también Opción-Arrastra otro lejos, y voy a recolorear esto. Ya tengo algunos colores globales configurados aquí. Yo sí tengo una clase sobre la creación esquemas de color
globales que te gustaría ver si tienes curiosidad sobre cómo hacer esto, pero básicamente en este momento podrías usar cualquier color que te guste. Lo importante ahora es que vamos a crear las acciones que van a convertir estos cuadrados en las formas proyectadas correctas. Para esto necesitamos ser muertos precisos, así que vamos a hacer estos de uno a la vez. Voy a seleccionar aquí la primera plaza, y para ello vamos a hacer la proyección izquierda. Esta va a ser la parte superior, esta va a ser la derecha. Con esto seleccionado, voy a mi diálogo Acciones o a mi paleta Acciones eligiendo Ventana y luego Acciones. Ya he despejado todo de aquí para hoy excepto por las acciones predeterminadas, pero vamos a crear un nuevo set y estos van a ser isométricos y voy a hacer clic en “Ok”. Después vamos a crear nuestras primeras acciones, así que haremos clic en “Crear nueva acción”, y esto va a ser isometricLeft. Puedes usar espacios en estos nombres, eso está bien. No me voy a molestar. También puedes establecer un golpe de tecla de función. Yo tampoco voy a hacer eso. Simplemente le voy a asignar un color, voy a dar clic en “Grabar”. Tenemos que hacer tres cosas con cada una de estas formas: necesitamos hacer una escala, necesitamos hacer una cizalla, y necesitamos hacer una rotación y las vamos a hacer en orden. El primero es nuestra escala. Con nuestras formas seleccionadas escogeremos Objeto, Transformar, y luego Escala. La báscula va a ser no uniforme. Vamos a ajustar la horizontal al 100 por ciento y la escala vertical va a ser del 86.602, ese número del que hablamos antes. Por lo que 100 por ciento en horizontal, 86.602 en vertical asegúrese de que no uniforme esté seleccionado, y haga clic en “Ok”. Después terminarás con un rectángulo ligeramente destrozado, tu cuadrado ahora se ha convertido en un rectángulo. Lo siguiente que tenemos que hacer es cortar con Object,
Transform, y luego Cizallar. Vamos a cizallar en una dirección de menos 30 grados. Aquí hay dos ángulos, es el ángulo de cizallamiento que quieres. Escribe un signo negativo y luego 30 y verás que se cizará en esta dirección, haz clic en “Ok”. A continuación, lo vamos a rotar. Por lo que con ella seleccionada seleccionaremos Objeto, Transformar, y luego Girar. Vamos a rotar a través de un 30 negativo. Nuevamente, menos y luego 30 y deberías terminar con algo que se vea así. Si no terminas con algo que se ve así, necesitas volver atrás y empezar de nuevo. Voy a dar clic en “Ok”. Ya hemos terminado esto, así que voy a dar clic aquí para dejar de reproducir o grabar. Si lo deseas por el bien de la pulcritud puedes en este punto ir y elegir Objeto, Transformar Reset Bounding Box, y eso solo pone el cuadro de límite cuadrado sobre tu forma. Vamos a crear nuestra proyección superior. Vamos a seleccionar el medio de nuestros objetos. Vamos a hacer clic en el icono Crear nueva acción, y vamos a llamar a este Top Isométrico. De nuevo, le daremos un color. Este va a ser verde, voy a dar clic en “Grabar”. Para la vista superior vamos a hacer la misma escala, por lo que con nuestra forma seleccionada, Objeto,
Transformar, y luego Escala. El ajuste de escala desde la última vez sigue seleccionado, por lo que todo lo que necesitamos hacer es hacer clic en “Ok”. A continuación, vamos a hacer un cizallamiento, Objeto, Transformar Shear, y para ello vamos a hacer un ángulo de corte de 30 grados. Va a ser un 30 positivo no un 30 negativo esta vez. Deberías tener algo que se vea así, haz clic en “Ok”. Entonces vamos a hacer nuestra rotación con Object, Transform, y luego Girar. Vamos a rotar menos 30, ya está configurado en menos 30. Deberías tener una forma que se parezca a esta forma de diamante aquí, haz clic en “Ok”. De nuevo, puedes restablecer tu caja de límite en caso de que así lo desees. Esto en realidad no se graba en la acción, y solo haremos clic en “Stop Play Recording”. Ahora tenemos dos de nuestras formas y ahora necesitamos crear esta proyección de mano derecha. Selecciona la última de tus plazas, click en la Crear Nueva Acción, esto va a ser isométrica derecha. Nuevamente, le voy a asignar un color y hacer violeta esta vez, haga clic en “Grabar”. De nuevo, vamos a hacer exactamente esa misma escala. Todos estos objetos se van a escalar exactamente la misma cantidad, Objeto, Escala de
transformación. Nuevamente, no uniforme. Horizontal 100 por ciento, vertical 86.602, haga clic en “Ok”. Haremos nuestra esquilación, así Object, Transform, y luego Shear. Esto se va a esquilar 30 grados. Esto ya está configurado desde la última vez que lo compartimos, así que solo haremos clic en “Ok”. Después hacemos nuestra rotación Objeto, Transformar, y luego Girar, y esto se va a girar 30 grados. Se puede ver que esta forma que ahora hemos creado va a encajar perfectamente ahí, así que voy a dar clic en “Ok”. Voy a elegir Object, Transformar, Reset Bounding Box solo para neatarlo, y voy a dejar de grabar mi acción. Ahora tengo tres acciones, y lo que hacen las acciones es que van a crear estas proyecciones para nosotros. Cualquier forma en la que levantemos y ejecutemos la acción se va a
convertir en una proyección isométrica en esa dirección particular,
ya sea a la izquierda, o a la derecha, o a una parte superior. En realidad no hemos creado una acción que haga de estas formas particulares, va a convertir cualquier forma en una proyección isométrica. Bueno, casi más formas de todos modos. Te voy a dar un documento que tiene todas esas rotaciones en él,
en el área de Recursos de Clase si tienes curiosidad. En este punto debes tener creadas tus acciones isométricas de la parte superior izquierda y derecha. Al igual que en la diapositiva la razón por la que lo estamos haciendo de esta manera y no estamos usando los efectos 3D aunque los vamos a usar un poco más adelante en este curso, es que esta es una forma realmente sencilla de crear formas. Si utilizas las proyecciones 3D entonces tenemos que descodificar muchos elementos diferentes para volver a armar todo de nuevo, y para las formas simples esta es, con mucho, la forma más fácil de hacerlas. Una vez que tienes tus acciones, tienes todo lo necesario para crear algunas ilustraciones básicas.
4. Parte 3. Crea un edificio básico: Ahora es el momento de construir un edificio básico y también de poner a prueba nuestras nuevas acciones. Voy a eliminar mi cubo y lo voy a volver a crear, probando las acciones a medida que lo haga. Estoy empezando con un cubo de 100 por 100 píxeles, y voy a asociar uno de los colores con él. Voy a alterar opción arrastrar dos copias y voy a volver a colorear cada una de esas. Ahora puedes colorear el tuyo de la forma que quieras. No tienes que usar colores globales ni adolescentes ni nada por el estilo, no importa. Vayamos a la paleta de acciones. Ahora un par de cosas aquí. Estas acciones son persistentes, por lo que estarán disponibles en el siguiente documento que cree. Pero si quieres estar un 100 por ciento seguro de que puedes respaldarlos, selecciona el grupo, haz clic en el menú de inercia y elige guardar acciones, ve y guárdalas en algún lugar que tenga sentido para ti. Acabo de tirar la mía en mi escritorio por ahora. Se trata de un archivo aia que es un archivo de acción. Ahora que estamos listos para usar nuestras acciones, realidad
estamos entrando en Modo Botón. Pulsa el menú flyout y ve y elige Modo Botón porque hace que tus acciones sean un poco más fáciles, no solo para encontrar, sino también para correr porque no tienes que hacer clic en un botón de reproducción, cuanto haces clic en el botón aquí la acción se va a ejecutar. Seleccionemos la primera de nuestras plazas y vamos a hacer esta isométrico-izquierda, así que solo voy a dar click en eso. Esto va a ser superior isométrico-top y esto va a estar bien, isométrico-derecha. Todas las acciones están funcionando a la perfección. Seleccionaré sobre todos estos. Quiero restablecer las casillas de límite en cada una de ellas, así que solo haré clic en “Restablecer caja de límite”. Ahora iré a volver a armar mi cubo. Solo busco los indicadores de intersección aquí. Para volver a comprobar que el cubo es correcto, escogeremos vista y luego contornearemos. Ahora no es correcto, está un poco apagado en este momento. Lo que haré es volver a mi vista previa. Voy a seleccionar el ritmo máximo y eso no se va a mover, vamos a fijar para que no se mueva en sólo un minuto. Voy a desplazar click de este lado. Cuando vaya al último panel, dirás que tengo dos de los tres elementos seleccionados. Iré al panel de alineación, asegurarme de que estas alineadas a opciones sean visibles, y puedes hacerlo haciendo clic en este pequeño indicador aquí que las enciende y apaga. Necesito alinearme con un objeto clave. Voy a hacer clic en este top one, para que sea el objeto clave y luego podemos establecer alineado al objeto clave. Lo que queremos hacer es alinear ambos a la derecha. Haremos clic aquí en “Alinear horizontal a la derecha”. Ahora probablemente quieras hacer clic en él un par de veces si
acaso eso no funciona la primera vez. Ahora vamos a hacer lo mismo aquí. Haga clic en la parte superior, haga clic en el lado izquierdo, haga clic derecho en la parte superior para que sea el objeto clave, no se va a mover. Ya lo alineamos con este, así que no queremos que se mueva porque es nuestro punto de vista ancla. Volveremos atrás, asegurarnos de que esté
seleccionado alineado al objeto clave esta vez elegimos Alinear horizontal a la izquierda. Ahora cuando volvemos a nuestro esquema de vista, se
puede decir que aquí no hay líneas dobles, todo está alineado perfectamente. Para la prueba de que la escala 86.602 está funcionando a la perfección. Vamos a elegir vista previa. Ahora quiero hacer mi edificio mucho más alto de lo que es, no
quiero que sea un cubo. Yo sólo voy a arrastrarlo aquí abajo y vamos a ir a lo [inaudible]. Ahora con el [inaudible], voy a arrastrar especie de círculo para que me reúna y seleccione todos los puntos de anclaje en la parte superior de esta forma. Voy a ir a la herramienta de selección directa que es realmente importante y luego solo empezar a arrastrar hacia arriba. Se puede decir que sólo estoy trayendo estos cuatro puntos de anclaje conmigo y la base del edificio está anclada como debería ser. Si sostengo la tecla Mayús, sólo
puedo arrastrar en una dirección perfectamente vertical, por lo que mi edificio va a ser recto. Habiendo hecho esto, es prudente agrupar estos objetos para que no se muevan, elegimos objeto y luego agrupamos. Lo siguiente que haremos es construir algunas ventanas en este edificio. Para eso, voy a la herramienta de selección de grupos. Voy a dar clic aquí en este panel y elegir editar copiar, editar pegar. Cuando elijas editar copiar, editar pegar, encontrarás que el objeto pegado salta del grupo que decide que está teniendo que sacarlo de ahí en un minuto. Déjame moverlo por aquí. Ahora vamos a crear nuestras ventanas a partir de esta forma porque está en la proyección correcta. Es solo una forma sencilla de hacerlo sin tener que hacer ninguna matemática de fantasía. Voy a seleccionar mi forma y voltear esto para que tenga un contorno o un trazo pero sin relleno. Entonces voy a la herramienta de selección directa, llegué a hacer click lejos de todo. Lo que quería hacer es seleccionar sólo estos dos lados. Cuando arrastro sobre él y selecciono eso, en realidad
tengo seleccionada esta línea y esta línea, pero no esta y no esta. Voy a elegir Editar Copiar y luego Editar Pegar. Si bien aún tengo estos seleccionados, sólo los
voy a arrastrar a algún lugar donde pueda encontrarlos. Déjame simplemente agrandar un poco mi tablero de arte. Aquí se está poniendo un poco corto de espacio. Tengo estas líneas y estas líneas. Voy a crear dos mezclas a partir de ellas, pero vamos a encontrar un problema cuando creemos nuestras mezclas. Echemos un vistazo a eso. Voy a seleccionar ambos objetos y luego elegir “Objeto”,
“ Blend” y luego “Make”. Aquí está el problema. Incluso si no lo ves de inmediato, si haces doble clic en la herramienta de mezcla y la configuras en pasos especificados, y haces clic en vista previa y comienzas a aumentar tus pasos, vas a decir que hay un problema con esta mezcla. Yo solo voy a dar click bien por un minuto. El problema es que esta línea va en esta dirección y esta línea va en esta dirección porque formaban parte de una plaza. Originalmente se dibujó con una dirección y las líneas han mantenido esa dirección. Por eso estamos consiguiendo el giro. Voy a elegir “Objeto”, luego “Blend” y “Release” porque eso nos va a llevar de vuelta a donde íbamos a empezar. Lo que tenemos que hacer es revertir una de estas líneas para
que vaya en la dirección opuesta y entonces esa mezcla será perfecta. Voy a seleccionar este y elegir la trayectoria del objeto y luego revertir la dirección del camino. Ahora nada ha cambiado visiblemente excepto que todo ha cambiado en la línea subyacente, porque ahora cuando creemos nuestra mezcla, va a funcionar perfectamente. Ahora es una muy buena idea saber y entender que eso va a pasar y cuando veas que eso sucede, sabes arreglarlo porque sucederá en otras circunstancias. No sólo es peculiar de este proyecto en particular, me ha pasado en varias ocasiones. Cuando ves que algo inesperado sucede, ahora
sabes cómo arreglarlo y sabes cuál fue la causa de ello. Ahora voy a trabajar más o menos lo grande que quiero que sean mis ventanas. Mis ventanas van a caber entre estas dos líneas. Si quieres ventanas grandes, haz menos líneas, si quieres ventanas pequeñas, haz más líneas. Creo que esto es perfecto, voy a dar click en “Ok”. Entonces elegiré “Objeto”, “Blend”, “Expandir”, y eso sólo expande mi mezcla en las líneas individuales. Ahora vamos a hacer una mezcla con estas dos líneas y por supuesto vamos a tener exactamente el mismo problema. Porque sabemos que vamos a tener un problema, vamos a revertir esta dirección de línea, “Ruta de objeto”, y luego “Dirección de ruta inversa”. Ahora seleccionaremos sobre ambos y escogeremos “Objeto”, “Mezclar”, y luego “Hacer”. Ahora ilustrador se ha ido claro por la borda aquí en la creación de esta mezcla. Pero no importa lo que veas ahí, solo
vas a hacer doble clic en la herramienta de mezcla, ir a los pasos especificados, activar la vista previa y luego ajustarte a la medida. Nuevamente, estamos mirando una cuadrícula que va a crear nuestras ventanas. Yo quiero que mis ventanas sean bastante estrechas. Simplemente haz clic en “Ok” y voy a elegir “Objeto”, “Blend” y luego “Expandir”. Ahora tenemos una serie de líneas verticales y una serie de líneas horizontales. Voy a traerlos de vuelta y ponerlos juntos en una grilla. Cada una de estas es un grupo de líneas y eso nos va a ayudar porque lo que quiero hacer es asegurarme de que estén alineando perfectamente. Yo los voy a centrar y también voy a ajustar sus tops. Eso significa que están perfectamente alineados entre sí. Vamos a seleccionar sobre estas líneas, vamos al pathfinder. Si no lo ves, elige “Ventana” y luego “Pathfinder”, y vamos a elegir divide. Ahora en este punto todo se apaga, eso está bien. Si quieres ver tus líneas, puedes entrar y aplicarles un color. Pero estas no son las ventanas reales, lo que tenemos que hacer ahora es crear las ventanas y lo que vamos a hacer es hacer un offset para que realmente estemos recogiendo una forma que está dentro de cada una de estas cajas. Entonces “Objeto”, “Ruta”, y vamos a elegir “Ruta de desplazamiento”. Ahora encontrarás que esa ruta de desplazamiento probablemente esté configurada en algo así como 10 en tu computadora. Iba a dar click en “Vista previa”, probablemente va a verse algo así. Necesitas un valor negativo. Entonces vamos a empezar con decir uno negativo, y luego sólo revisar y ver qué tenemos. Bueno, estas serían ventanas bastante grandes. Voy a bajar el mío un poco más, así que voy a elegir dos negativos. Estas serían las ventanas de mi edificio, pero está en el medio, no las líneas del exterior. Yo sólo voy a dar click en “Ok”. Ahora no hagas nada con tu ratón en este punto porque necesitas esta seleccionada. Porque lo que vas a hacer es elegir “Editar” y luego “Cortar”. Entonces vas a cortar todas esas pequeñas formas que
acabas de crear y luego elegirás “Editar”, “Pegar”. Estas son las ventanas de tu edificio y esta es tu cuadrícula, por lo que ya no necesitas tu rejilla, así que la voy a seleccionar y eliminarla. Pero estas son las ventanas de mi edificio. Si quiero haber llenado lo sabemos
más que contornos entonces puedo voltear el trazo y el relleno. Pero claro, ya que esto vino de esta cara de edificio aquí, va a ser exactamente del mismo color, así que no va a aparecer. Sólo vamos a conseguir un color un poco más claro para nuestras ventanas y voy a moverlas a posición. Ahí están las ventanas a un lado del edificio. Ahora la mala noticia sobre esto es que cada una de esas ventanas es un objeto individual. Lo que voy a hacer es simplemente elegir “Editar”, “Deshacer”, “Mover”. Cuando lo hago, me devuelven al último movimiento que hice, pero también se seleccionan todas estas ventanas. Lo que estoy gong para hacer en este punto es elegir “Objeto” y luego “Grupo”, y luego fingir su posición. Ponerlos en un grupo solo significa que son más fáciles de manejar en la paleta de capas. También me va a sacar ventaja porque lo que quiero hacer es usar estas ventanas para poblar este lado del edificio. Cuando están en un grupo, puedo simplemente reflejarlos, “Objeto”, “Transformar”, “Reflejar”. Voy a reflexionar sobre la vertical. Se puede decir que esto ahora es una proyección. Va a funcionar perfectamente de este lado del edificio. Pero queremos las que teníamos más la nueva, así que haré clic en “Copiar”. Entonces porque ya están seleccionados, solo
voy a mover mis ventanas a la posición de este lado del edificio. Puedo seleccionar ambos grupos de objetos y basta con hacer clic en la parte superior alineada vertical para asegurarme de que estén perfectamente alineados.
5. Parte 4. Agrega algunos detalles sutiles: Ahora que tenemos nuestro edificio, es hora de soportarlo en algo, así que vamos a darle un terreno. Eso va a ser un rectángulo redondeado. Simplemente iré a la herramienta de rectángulo redondeado y
arrastraremos una especie de cuadrado con esquinas redondeadas. Sólo estoy sosteniendo la tecla Mayús mientras hago eso. Ahora voy a cambiar de color. Sólo déjame ir y conseguir un color claro para ello. Ahora para que esta forma funcione con nuestro edificio, vamos a necesitar proyectarlo también, pero necesitamos averiguar qué proyección usar. La proyección que utilizamos va a ser la cima. Piensa en términos de tu espectador, un pájaro sentado sobre la parte superior de este edificio. Estarás viendo la parte superior del edificio y luego estarías viendo la superficie del edificio está sentada. Eso les diría que esto también tiene que proyectarse con una proyección superior. Así que selecciona la forma y ve a tus Acciones y ejecuta tu acción de proyección superior sobre ella. Escogeré “Objeto”, y luego “Transformar”, “Reset Bounding box” y luego lo voy a mover a su posición. Pero claro, lo dibujé últimos pensamientos yendo por encima de la parte superior del edificio. De vuelta en la última tarima, sólo
voy a arrastrarla debajo de todo. Si necesito centrarlo, puedo seleccionar la base y el edificio básico, pero no selecciones las ventanas porque no quieres centrar esas. Entonces asegúrate de que el edificio sea el objeto, esos son los objetos clave. Haga clic en él una segunda vez. Eso significa que la base va a mover el edificio no lo hará. No quieres que el edificio se mueva porque si el edificio se mueve, las ventanas van a estar fuera. Yo sólo voy al Centro esto. Ahora, sólo lo bajaré un poco por la ilustración, por lo que se ve un poco más cuadrada en el documento. El otro cosa que me gustaría hacer es agregar inbuilt aquí para que tengamos una pequeña cantidad del edificio que está insertado del resto. Entonces pondremos una pieza en la parte superior de su inicio. Está de vuelta a este mismo tamaño. Esto nos dará alguna práctica en escalar estos objetos. Lo que necesito son un par de copias de mi edificio. Seleccionaré mi capa de construcción, y también la opción Arrastrar una copia. Yo voy a hacer eso por un segundo ejemplar. Ahora la segunda copia sólo voy a esconderme por ahora, cerrar y esconderme y nos vamos a centrar en este. Volveremos a nuestra herramienta Lasso. Voy a Lasso sobre los elementos superiores de este dibujo, voy a la herramienta Selección directa, y manteniendo pulsada la tecla Mayús, solo tienes que arrastrar todo el camino hacia abajo para crear aquí un elemento muy pequeño. Ahora queremos que esto sea insertado, así que voy a escalarlo. Sostendré Alt y Shift en un PC que es opción Shift en un Mac y simplemente escalarlo en un poco. Después iremos a seleccionar el objeto y lo moveremos aquí arriba en la parte superior del edificio. Iremos y desbloquearemos y haremos visible una segunda copia del edificio. Nuevamente volvemos a la herramienta Lasso otra vez Lasso solo estos elementos top. Vuelve a la herramienta de selección directa y arrástrelos hacia abajo manteniendo presionada la tecla Mayús mientras lo hacemos para que esté limitado. Esta pieza va a ser un poco más grande. Ahora necesitamos la totalidad de esta pasta por lo que la moveremos de nuevo arriba en la parte superior del edificio. Ahora está en el orden equivocado. En la última tarima se debe estar encima del ritmo de inserción. Por lo que sólo lo moveremos en la parte superior para que ahora cuando movamos las cosas en posición estemos diciendo todo lo que deberíamos estar diciendo. Ahora no creo que estas piezas estén alineadas correctamente. Entonces lo que voy a hacer es seleccionar todos
los tres objetos para construir y los dos pasos insertados. Asegúrese de que el edificio esté configurado para ser los objetos clave. No queremos que todo lo demás se mueva y haga clic en el icono Centro. Una vez que tengo esto en posición, solo
puedo golpear la mayúscula flecha superior si quiero moverla un poco hacia arriba. Ahora, creo que eso funcionaría mejor si este medio estuviera un poco coloreado, así que voy a localizarlo. Este es este ritmo aquí. Voy a seleccionarlo y voy a la herramienta Recolor Artwork, porque eso me permitirá volver a colorear un poco este camino. Déjame elegir “Editar”. Simplemente voy a ajustar el brillo de esto. Creo que si lo hago un poco más brillante, va a ser un poco más visible, tal vez un poco menos saturado. Entonces tengo una especie de cambio de color ocurriendo aquí que está haciendo que este ritmo de inserción sea un poco más obvio. Entonces haré clic en “Aceptar”.
6. Parte 5. Haz un techo en punta: Ahora que tenemos un mango en la creación de formas básicas, echemos un vistazo a un enfoque diferente. Voy a sacar el techo de este edificio, así que sólo voy a borrar esa pieza. En esta pieza, voy a poner top angulado. Ahora para la parte superior angulada, vamos a necesitar un triángulo así que voy aquí a la Herramienta Polígono. Voy a dar click una vez en el documento y establecer el número de lados en tres. Porque no sé cómo tiene que ser esto, sólo
voy a ponerlo a decir,
algo así como 200, y voy a dar clic en “Ok”. Ahora esto me da un bonito triángulo equilátero. Tenemos que dividir esto en dos, así que antes que nada, permítanme cerrar el edificio para que nada ahí se vea afectado por lo que estamos a punto de hacer. Voy a conseguir la Herramienta Segmento de Línea, y voy a dibujar una línea a través de la mitad de mi triángulo. Estoy sosteniendo la tecla “Shift” como lo hago, así que es una línea perfectamente vertical. Ahora mi línea no tiene color de trazo, así que déjenme ocuparme de eso. Vamos a seleccionar la línea y el triángulo y sólo asegurarnos de que estén centrados. Necesitan estar centrados perfectamente. Después regresaremos y solo seleccionaremos la línea,
no el triángulo solo la línea, y escogeremos “Objeto”, “Ruta”, y “Dividir objetos por debajo”. Eso sólo divide el triángulo en dos piezas, así que tenemos un lado izquierdo y un lado derecho. Vamos a cambiar el color en uno de estos lados, así que es un poco más fácil ver con qué estamos trabajando. Ahora vamos a hacer nuestras proyecciones en estos dos triángulos. Esta va a ser una proyección de izquierda; ésta va a ser una proyección de derecha. Selecciona el triángulo más a la izquierda, ve a “Ventana” y luego “Acciones”, y luego ejecuta tu isométrica izquierda en ese triángulo. Selecciona el segundo y ejecuta tu isométrico derecho sobre él. Verás que obtendrías dos formas que van a manchar perfectamente juntas y que van a formar el techo de nuestro edificio. Antes de hacer eso, sólo vamos a convertir nuestra Caja de delimitación en una Caja de delimitación cuadrada. Ahora que tenemos eso, podemos alinear perfectamente estos dos seleccionando sobre ambos. Vaya al panel Alinear. Asegúrate de que solo tienes uno seleccionado de nuevo como objeto clave, y luego harás clic aquí,
en el área “Distribuir espaciado”. Se desea reducir a cero el espaciado entre estos dos objetos, por lo que tenemos cero seleccionado. Voy a dar clic en “Horizontal Distribuir espacio”. También puedo ajustar la alineación vertical superior solo para asegurarme de que estén perfectamente alineadas entre sí. Seleccionaré sobre ambos y voy a elegir “Objeto”, “Grupo” por lo que van a viajar juntos. Ahora puedes decir que es demasiado grande para mi edificio, así que solo voy a sostener “Alt” y “Shift”, eso es “Option”, “Shift” en un Mac, y simplemente reducirlo. Ahora en este punto, puedo fingir su tamaño un poco más con precisión. Lo que voy a hacer es seleccionar esta pieza superior del edificio, así que esa es esta pieza de aquí. Cuando lo hago, puedo leer su ancho, por lo que su ancho es un 144.337. Agarré a este grupo y voy a ajustar su ancho a 144.337. Debido a que este icono está seleccionado, el ancho y el alto van a ser constreñidos por lo que cuando tabule, tanto el ancho como el alto de esta forma se van a ajustar juntos. Ahora se va a sentar perfectamente en la forma que ya habíamos creado. Como miro ahora, no está bien centrado, así que déjame desbloquear el edificio por un minuto. Voy a seleccionar mi parte superior, y voy a “Shift” haga clic en mi edificio, luego volver a seleccionar mi edificio así que es el objeto clave. Después iré al panel “Alinear”. Voy a dar click en “Horizontal Align Center”, y eso sólo se asegura de que el techo del edificio esté perfectamente centrado en la parte superior del edificio.
7. Parte 6. Objetos apilados de dos maneras: Veamos ahora cómo crearíamos objetos como este. Aquí tenemos un conjunto de objetos apilados y hay
algo de transparencia pasando entre ellos. Aquí tenemos una serie de objetos que se están volviendo
más pequeños a medida que se están apilando uno encima del otro. El método que usaremos para crear estos objetos es más o menos lo que hemos estado haciendo hasta ahora. Este método es muy diferente. Empezaremos con un documento totalmente nuevo. Van a ser de 500 píxeles por 500 píxeles de tamaño y estoy usando el modo de color RGB. Regresaremos y crearemos nuestro cuadrado de 100 por 100 píxeles. Va a tener un relleno pero sin trazo. Voy a darle un color de relleno que es una especie de azul turquesa. Haré dos copias más de esto sosteniendo todo a todos opción mientras arrastro duplicados lejos. Cada uno de estos va a ser coloreado de un color diferente, o al menos un tono diferente del color base. Después regresaremos y accederemos a nuestras acciones isométricas, que está en Ventana y luego Acciones. Me aseguraré de que tengo el modo Botón seleccionado y seleccionaré éste. Será isométrica izquierda, parte superior
isométrica, y luego derecha isométrica. Ya no necesitamos nuestras acciones. Voy a poner estos en posición y luego voy a volver a comprobarlo de la manera que lo hicimos cuando lo creamos por primera vez. Esto va a ser bastante importante porque en realidad vamos a salvar a éste para poder usarlo una y otra vez. De nuevo, voy a mi panel de apariencia. Voy a usar esta configuración de objeto clave y voy
a asegurarme de que todo esto esté bien alineado. Voy a volver a comprobar eligiendo Ver y luego delinear y asegurarme de que no tengo líneas dobles que no tengo. Vamos a guardar esto para que podamos usarlo una y otra vez. Lo seleccionaré e iré a la paleta de símbolos. Si no ves tu paleta de símbolos elige Ventana y luego símbolos. Haga clic en el icono “Nuevo símbolo”. Puedes darle un nombre a tu símbolo y luego solo tienes que hacer clic en “Ok”. No necesitas ninguna otra configuración. Ahora si querías guardar esto para poder reutilizarlo, te vas a deshacer de todo el otro símbolo. Haga clic en el primer turno, haga clic en el último y simplemente elimine esos. Entonces el único símbolo es este cubo isométrico va al menú flyout. Guardar símbolo Biblioteca, y luego darle un nombre. Se puede decir que he estado guardando esto, así que sólo voy a llamar a esto cubo esta vez. Voy a dar click en “Guardar”. Ahora, en el futuro, en cualquier documento de Illustrator, puedes acceder a tu símbolo yendo al menú del icono flotante, elegir Abrir biblioteca de símbolos y luego ir a definido por el usuario. Ahora mismo el único al que puedo obtener acceso es al cubo porque no he cerrado y reabierto ilustrador desde que creé esos otros dos archivos de símbolo. Pero tan pronto como cierres Illustrator y lo vuelvas a abrir, todos, los archivos de símbolos que hayas creado en esa ubicación, que es especial para Illustrator, aparecerán en esa lista. Veamos cómo podríamos crear ese conjunto básico de cubos apilados usando este cubo como base para ello. Pero hagámoslo con el símbolo para que podamos ver cómo trabajaríamos con símbolos. Abrirás tu documento de símbolos, arrastrarás tu cubo a tu documento. Ahora, ahora mismo esto es un símbolo, tiene un pequeño marcador de símbolo en él. Harás clic aquí en enlace de ruptura al símbolo. Se pueden realizar cambios a este cubo sin afectar a éste. Si vas a la última tarima, verás que aquí tenemos un grupo. De hecho, es un grupo dentro de un grupo. Es un poco molesto que los símbolos funcionen esta manera porque ni siquiera agrupamos ese objeto, pero terminamos con grupos dentro de grupos como resultado. Lo que tenemos que hacer es romper estos en este punto, desagrupar
objetos y desagrupar objetos. Porque quiero acceso a estas formas individuales en este momento. Iré a la Herramienta Lasso y la voy a acosar con la parte superior de este objeto para que podamos tener acceso a estos puntos de anclaje que están controlando la altura del objeto. Vaya a la herramienta de selección directa, la herramienta de flecha blanca, comience a arrastrar hacia abajo y agregue la tecla “Mayús” como lo hace. Ahora esto va a marcar lo grande que va a ser el área rellenada de esta ilustración. Puedes tener tamaños iguales para las piezas rellenadas o podrías tener una pieza más grande que esté rellenada y una pieza más pequeña que sea transparente. Depende de ti. Vas a seleccionar cualquiera de estos y reagruparlos. Ahora haremos un duplicado de este grupo, Alt u Opción arrastrar un duplicado. Simplemente lo voy a colocar en posición. Se puede decir que no lo estamos viendo muy bien porque es totalmente opaco, por lo que en este punto podríamos hacer este semitransparente. Iré a la opacidad aquí arriba con mi forma seleccionada, y solo reduciré la opacidad. Ahora podemos ver algo así a través de esto. Estoy pensando que el 50 por ciento de opacidad se va a quedar bastante bien. Seleccionaremos sobre ambos de estos Alt u Opción arrastrar un duplicado. Si mantienes presionada la tecla “Shift” como lo haces, te vas a mover en una dirección perfectamente vertical. Vayamos a hacer eso otra vez. Tan solo asegúrate de que cuando hagamos eso solo estamos copiando las dos primeras formas. Presione la tecla “Alt” u “Opción” y mantenga presionada la tecla “Shift” para que quede limitado a una dirección perfectamente vertical. En realidad no queremos el transparente en la parte superior, así que sólo voy a quitar eso. Me quedan tres capas de objetos opacos y dos capas que son semitransparentes. Como sugerí, podrías hacer de estos semitransparentes una altura diferente. Simplemente habrías creado un segundo a partir
del símbolo original Cubo que tenía una altura diferente. Voy a agrupar estos para que no se muevan. Simplemente elijo objeto y luego agruparé. Hagamos la sombra de yeso para esto. Ahora sabemos que esta forma básica era de 100 por 100 porque así la creamos. Cuando lo arrastramos fuera de la paleta de símbolos, no
cambiamos su tamaño. 100 por 100 va a ser perfecto para nuestra sombra de reparto. Ahora queremos que nuestra sombra aparezca por aquí. Va a tener la forma de la parte superior de esta ilustración. Es exactamente lo mismo que la parte superior. Si lo ponemos aquí, va a ser una sombra perfecta. Vamos a necesitar hacer una transformación superior isométrica. Ventana y luego Acciones. Seleccionaré mi objeto y seleccionaré top isométrico y eso va a encajar perfectamente al lado del borde de nuestro mini edificio, si quieres, pero aún no se ve como una sombra. Con su seleccionado, seleccionaré un gradiente para su relleno. Trabajaremos en cómo necesitamos rotar este gradiente, por lo que va a quedar bien y algo así como 120 probablemente va a ser mejor. Por lo que 120 está funcionando realmente bien. Está oscuro a lo largo de este borde, claro a lo largo de este borde. Reseleccionaremos la forma que va a ser nuestro gradiente y vamos a cambiar el color. Haré doble clic aquí en el deslizador de gradiente, y quiero muestrear un color del objeto mismo. Bajaré al cuentagotas y seleccionemos esto como mi color. Yo quiero que el final de la sombra aquí sea transparente. Voy a dar click aquí en la parada blanca y voy a poner su opacidad a cero. Eso significa que es transparente. Se ve blanco porque está sobre un fondo blanco. Pero si fuera en un color diferente, sería totalmente transparente en este punto, en este borde, y estaría disminuyendo en transparencia, aumentando en opacidad. Cuanto más cerca se acercara
al edificio real podría manipular tu gradiente para obtener el efecto que deseas. Incluso se podría disminuir la opacidad de la parada inicial del gradiente para decir algo así como 75. No es totalmente opaco. Haz lo que quieras. Yo sin embargo, me aseguraría de poner el camino que es el gradiente dentro del grupo que tiene el objeto en él porque vas a querer que esos dos viajen juntos
para que cuando muevas el edificio, su sombra vaya con él. Antes de hacer nuestro conjunto de objetos apilados, echemos un vistazo y aumentemos algo de contraste en este objeto. Seleccionaré sobre él y haré clic en la herramienta “Recolor Artwork”. Sólo hay tres colores en este objeto en el gradiente y en todas las caras, algunos de ellos son transparentes o parcialmente transparentes, otros son opacos, pero sólo hay básicamente tres colores. Voy a hacer doble clic en éste porque es el más oscuro y lo voy a hacer más oscuro, así que elegiré un color más oscuro para ello. Tengo la ilustración de recolor seleccionada para que podamos ver el resultado en la imagen misma. Vamos a oscurecer también estos colores, y tal vez aligeremos un poco este. Esta es una mejor representación para nuestra ilustración pero si quisieras, por ejemplo, que
este lado sea más claro y este lado sea más oscuro, sería fácil de hacer también. Podrías simplemente cambiar los colores, pero también podrías arrastrarlos hacia abajo y hacia arriba para que estés revirtiendo el color. Puedes arrastrar cualquiera de estas largas barras a diferentes posiciones y eso va a cambiar los colores que se aplican a esa parte de la imagen. Echemos un vistazo a nuestros objetos apilados para esto, vamos a usar una serie de rectángulos, pero van a ser rectángulos llenos sólidos. Vayamos a escoger un color apilable para usar aquí. Voy a dar click en el documento, la
altura de nuestro rectángulo va a ser de 25 y nuestro ancho va a ser de 150. El siguiente rectángulo va a ser más corto, así que voy a hacer ese 125, pero la altura va a seguir siendo la misma. Entonces, el siguiente será un 100 y el siguiente será 75. Simplemente están disminuyendo de tamaño a medida que suben. Seleccionaré sobre los cuatro y los voy a alinear que sus centros estén alineados horizontalmente. Entonces los vamos a espaciar para que estén todos metidos el uno contra el otro. Eso lo hacemos desde el panel Alinear. Seleccionaremos un objeto para que sea el objeto clave porque a menos que tenga seleccionado un objeto clave, no se obtiene acceso para distribuir espaciado y lo que queremos es un valor de espaciado distribuido de cero y le daremos click aquí “Vertical Distribuir Espacio”. Eso sólo estalla las cuatro formas una al lado de la otra para que no haya espacios entre ellas. El rasgo que usaremos para crear ese conjunto de
objetos de pila con éxito es que vamos a tomar cada uno de estos objetos y los vamos a convertir en objetos 3D usando Illustrator 3D. Ahora no podemos hacer eso con los cuatro a la vez, tenemos que hacerlos individualmente, pero es bastante rápido. Seleccionaré la parte inferior más una y escogeré “Efecto”, “3D” y luego “Extrusión y bisel”. Encenderemos la vista previa para que podamos ver qué estamos haciendo, y voy a seleccionar una proyección isométrica. Esto usaré derecha isométrica pero podría ser izquierda isométrica. Ahora mismo, verás que los lados no son iguales y queremos que sean iguales. Queremos que este lado sea igual a lo que sea este. Sabemos cuál era la longitud de esta forma porque la dibujamos nosotros mismos, era un 150. Vamos a hacer nuestra extrusión de profundidad 150, y cuando tabule se convierte en esta bonita forma pareja. Eso es todo lo que necesito hacer. Voy a dar click en “Ok”. Después iremos a la siguiente forma, sin mover nada escogeremos “Efecto”, “3D”, “Extrusión y Biselado” e iremos y haremos exactamente lo mismo. Escogeremos “Derecho isométrico” y para ello, necesitamos hacer su profundidad de extrusión, sea cual sea la longitud de este lado. Ese lado era un 125, así que vamos a hacer la profundidad de extrusión 125 y hacer clic en “Ok”. Pasaremos al siguiente, “Efecto”, “3D”, “Extrusión y bisel”, lo
pondremos en “Isometric Right”, activaremos la vista previa, su longitud de este lado era un 100, así que vamos a establecer su profundidad de extrusión a 100. Tab de distancia, comprueba dos veces que todo se vea bien, haz clic en “Ok” y luego haz eso para el último, “Efecto”, “3D”, “Extrusión y bisel”, enciéndalo a la derecha isométrica, enciende la vista previa y esto fue una longitud de 75 píxeles de este lado por lo que vamos a extruirla 75 píxeles, haga clic en “Ok”. El principio básico para crear este conjunto particular de formas es asegurarte de que tengas una longitud conocida en las formas antes de hacerlo y obviamente querrás dar un paso arriba en una serie agradable par si quieres este resultado de ellos. Ahora, tenemos algunos temas que tenemos que tratar antes de dejar esto,
porque esto no es en realidad una forma multilateral. Si echamos un vistazo en el panel Apariencia y seleccionamos la forma, en realidad
es solo un rectángulo lleno que tiene una Extrusión 3D y Bisel en él. Lo que tenemos que hacer con todos estos es expandir su apariencia, por lo que seleccionaremos sobre todos ellos y escogeremos “Objeto”, “Ampliar Apariencia”. Con ellos todavía seleccionados, vamos a elegir “Objeto”, Desagrupar”, y vamos a seguir haciéndolo hasta que saquemos todo de sus grupos. Por lo que este conjunto de objetos apilados es ahora sólo una serie de formas. En este punto podemos elegir “Objeto” y luego “Grupo” para que sean sólo un solo conjunto de objetos. Nuevamente, si no te gusta el contraste en esto, selecciona sobre el objeto, ve a la herramienta “Recolor Artwork” y aquí solo cambiaremos el color, así que tomaremos el color más claro, doble clic sobre él y lo hacemos más ligero aún. También puedes seleccionar “Editar” aquí en la herramienta recolorear ilustraciones. Aquí está el candado para estos colores así que si quieres bloquear todo hacia abajo, solo tienes que hacer clic en él y mover todo a un color diferente, por lo que todo el sombreado vendrá contigo. Si quieres dividirlos y cambiar los colores, entonces desbloquea todo y puedes cambiar la ligereza y la oscuridad de los colores, pero también puedes cambiar los colores por sí mismos para que
pudieras hacer una forma que era en realidad multicolores. Al crear esto como un conjunto de objetos que se apilan uno
encima del otro y luego haciendo una extrusión 3D sobre él, hemos sido capaces de obtener muy fácilmente un bonito conjunto
de pila espaciado uniformemente de objetos que sería mucho más difícil hacerlo de cualquier otra forma en Illustrator.
8. Parte 7. Haz un edificio circular: Otra forma en la que quizá quieras trabajar como edificio o quizás también como elemento infográfico es un cilindro. Vamos a ver cómo crear eso isométricamente. Voy a seleccionar la herramienta Elipse. Esta vez, voy a dar click en el “Documento”, voy a hacer una elipse que es de 100 píxeles por un píxel de 100. Simplemente hago clic en “Ok”. Por supuesto que eso es un círculo. No tiene trazo, pero sí tiene relleno. Voy a moverlo un poco más arriba en el documento. Esto lo distorsionaremos para que podamos crear un cilindro a partir de él. Esta va a ser la parte superior de las formas, así que le vamos a aplicar una predicción superior asimétrica, así que la seleccionaré y haré clic en la parte superior isométrica. Voy a simplemente rotarlo de la forma en que necesita ser. Vamos a echar un vistazo y ver qué tan ancho es esto porque es un 122.474. Voy a bloquear el ancho y la altura, sólo
voy a hacer de esto un valor parejo. Simplemente va a hacer la vida un poco más fácil. Haré que sea de 125 píxeles de ancho. No me preocupa la altura, me preocupa el ancho. Va a hacer las cosas más fáciles. Voy a venir ahora a crear un rectángulo y el rectángulo va a tener un 125 píxeles porque ese es el ancho de nuestro círculo o lo que ahora es un óvalo, pero era un círculo. Necesito hacer la altura de mi objeto, así que voy a hacer de esto unos 200. Puedes hacerlo de cualquier tamaño que quieras. Vamos a alinear esto con los bordes de este óvalo, pero vamos a darle un color diferente antes de hacerlo, porque queremos poder ver qué es círculo y qué era rectángulo. Vamos a moverlo aquí arriba y deberíamos conseguir una indicación cuando está en posición, las guías inteligentes me están diciendo que el rectángulo ahora
está inmediatamente sobre la parte superior del óvalo. Ahora, quiero otra copia del óvalo, ahora que tengo mi rectángulo en su lugar, voy a traer mi otra copia del óvalo aquí abajo, pero este es un momento donde si no le gustó la longitud de tu cilindro, qué es va a ser, podrías ajustarlo. Seleccionaré sobre los dos nodos inferiores aquí, y solo arrastraré hacia abajo manteniendo presionada la tecla Mayús como lo hago. Esta va a ser la altura de mi edificio. Sólo necesito una curva para el fondo de la misma, y la curva para el fondo de la misma es la curva desde arriba. Sostendré la tecla Alt u Opción mientras arrastro hacia abajo, estoy agregando la tecla Mayús, así que estoy arrastrando en una dirección perfectamente vertical. Busco esas guías inteligentes que me digan cuándo estoy en la posición correcta. Podemos volver a comprobar esto, creo que está un poco afuera, así que solo voy a seleccionar sobre todas estas formas. Yo sólo voy a alinear sus bordes izquierdos. Entonces si hago clic en eso,
eso debería asegurarse de que sus bordes izquierdos estén alineados. Estaban bien alineados verticalmente, pero creo que estaban un poco fuera. Ahora, vamos a crear nuestro cilindro. Para esto vamos a seleccionar cualquiera de
estos objetos y vamos a la herramienta constructor de formas. Es solo la herramienta más fácil para este trabajo, así que haré clic en la herramienta constructor de formas. Lo que quiero hacer es unir estas dos piezas juntas, así que vuelvo a recuperar mi círculo. Pero voy a unir estos bits por completo, así que voy a dar clic y arrastrar sólo apuntando a las áreas que quiero unir y así que eso se une a esas en esta forma. Simplemente daré clic y arrastraré sobre estos, y eso se creó la parte superior de mi cilindro. Ahora, tengo un cilindro, acabamos de perder esa coloración, es un poco difícil decir cómo se ve todo. Ahora, una vez que tengamos un cilindro, podemos hacer todo tipo de cosas y solo usaremos las mismas habilidades que hemos estado usando todo el tiempo. Podríamos agregar un cilindro más pequeño en la parte superior. Voy a agarrar este cilindro, voy Alt u Option, arrastra un duplicado del mismo. Voy a seleccionar sobre el punto de anclaje superior, así que utilizaré la herramienta Lasso para
asegurarme de que solo tengo seleccionados estos puntos de anclaje superior. Arrastraré hacia abajo manteniendo presionada la tecla Mayús como
lo hago para constreñir esto a una dirección perfectamente vertical. Seleccionaré sobre todas las formas, las voy a hacer un poco más pequeñas. Para esto, sostendré Shift y Alt, eso sería Shift y Option en un Mac para que se escalen perfectamente. Agruparé esto con objeto y luego agruparé, y luego los pondré encima de mi edificio. Para agregar ventanas, vamos a usar exactamente el mismo proceso que usamos para crear ventanas en el edificio rectangular. Usaré la herramienta de selección, seleccionaré sobre esta forma y Alt u Opción arrastrará un duplicado. Voy a bloquear,
agruparemos y bloquearemos este objeto sólo porque va a ser más fácil hacer eso. Sólo lo esconderé por ahora. Ahora, parece que tengo una, dos copias de esto, así que permítanme borrar una. No lo necesito. Ahora, tenemos que dividir esto, así que para esto voy a darle la vuelta para que tenga un derrame cerebral y siento que será un poco más fácil decir lo que estamos haciendo aquí. Iremos a la herramienta de selección directa, voy a seleccionar sobre esta línea aquí, Shift y arrastre sobre esta línea. Entonces elegiré “Editar corte”. Deberíamos ver esto como el resultado, debes quedarte solo con los dos semióvalos, luego elige “Editar”, “Pegar”. Antes de dejarlo ir, solo presiona la letra V para la herramienta de selección para que puedas sacarla del camino. Ahora bien, si vamos a crear una mezcla a partir de estos, ya
sabemos que van en la dirección equivocada, bueno uno de ellos va en la dirección equivocada. Tenemos que revertir este camino, Objeto,
Trayectoria, y luego Revertir la dirección de la trayectoria. Ahora podemos crear una mezcla a partir de esto con mezcla de objetos y luego Make. Haga doble clic en la herramienta de mezcla, configúrela en pasos especificados. Haz clic en “Vista previa” para que veas lo que estás haciendo y empieces a reducir los números, para que puedas decidir qué tan grandes quieres que sean tus ventanas. Ahora, quiero ventanas bastante largas y
quiero que sean sobre ese número sería bastante bueno, tal vez un poco menos. Ampliaré esto con objeto y luego mezclaré y luego ampliaré. Estos están todos listos para ir, excepto que porque esto vino de este lado y de este lado, estas líneas no van a caber todo el camino sobre estas formas. Antes de dejar ir nada, sólo
voy a arrastrar hacia abajo sobre esos para hacer mis líneas un poco más largas. Necesitan ser más largos para trabajar con nuestra forma cilíndrica. Eso no es un problema que tuvimos cuando lo estábamos haciendo con un rectángulo. Nuevamente, uno de estos caminos va a estar yendo por el camino equivocado. Objeto, Trayectoria, Dirección de trayectoria inversa. Seleccionaremos ambas formas y escogeremos Mezcla de objetos y luego Make. Nuestras mezclas se ven realmente bien, haga doble clic en él y elija Pasos
especificados y Vista previa y luego ajuste la altura de sus ventanas. Ahora, quiero que las ventanas sean altas y delgadas. Creo que esa es bastante buena configuración, así que elegiré Objeto y luego Mezclar y expandir. Voy a mover estas líneas por encima de este objeto, así que vamos a moverlo a su posición. Mirando aquí en la última tarima, tengo un grupo para las líneas y un grupo para las líneas bendy. Podemos seleccionar sobre ambos conjuntos de objetos y simplemente enviarlos, por lo que todo está bien arreglado. Seleccionaré sobre todo y vamos a usar nuevo
la paleta pathfinder y usar divide. Eso por supuesto pierde todas nuestras líneas, pero podemos volver a poner nuestras líneas seleccionando el trazo y simplemente haciendo clic en el color. Por supuesto que estas no son ventanas, esto es sólo una cuadrícula para nuestras ventanas. Nuestras ventanas van a aparecer dentro de estas áreas, así que elegiré Objeto y luego Trayectoria y escogeré Offset Path. Queremos un valor de desplazamiento que sea un número negativo, así que elegiré menos uno y solo diré cómo se ve eso. Bueno, es perfecto para mí. Me está dando ventanas bastante grandes, así que solo daré clic en “Ok”. Entonces con mi selección todavía en su lugar, voy a elegir Editar y luego Cortar. Eso sólo corta las ventanas de mi cuadrícula temporal. Escogeré Editar y luego Pegar y estas son mis ventanas. Por supuesto, las ventanas son formas individuales para que si quieres que se agrupen, hazlo ahora antes de perderlas. Escogeré Objeto y luego Grupo. Quiero que mis ventanas sean formas llenas, no formas huecas. Voy a dar click aquí para voltear el trazo y el relleno. Estas son mis ventanas y esta es mi cuadrícula. No necesito mi grilla, solo la eliminaré. Volvamos a traer el edificio de nuevo, así que sólo lo traeré de vuelta y mis ventanas están arriba. Pero claro que son del mismo color que el edificio, así que no van a ser fáciles de ver. Voy a hacer doble clic en el color, voy a hacerlos más claros. Ahora sólo puedo moverlos a posición en mi edificio. Ahora, debido a que están en un grupo, también
podemos seleccionar sobre las ventanas y solo
asegurarnos de que estén alineados horizontalmente en el centro. Sabemos que las ventanas están en posición justo sobre la parte superior del edificio. En este punto, lo que me gusta hacer es ir a la herramienta de selección de grupos y solo seleccionar algunas ventanas aleatorias. Ahora, hay un script llamado selección aleatoria que
podrías usar para seleccionar aleatoriamente algunos de estos objetos. Después pincharemos en el Color de relleno y lo vamos a ajustar un poco. Y esto nos va a dar un poco de variación en este edificio, para que puedas ir y hacer eso a algunas ventanas adicionales solo para conseguir un poco más de interés visual. Como dije, esta es una manera realmente buena de hacer formas que puedes usar para edificios circulares. Pero por supuesto, también podrías usarlo para un elemento infográfico.
9. Parte 8. Dibuja un negocio isométrico, parte 1: Antes de terminar, vamos a dibujar una ilustración sencilla de tienda, y lo que vamos a estar haciendo como estamos haciendo eso es tratar con algunas cosas que aún no hemos cubierto. Vamos a ver la situación en la que estamos usando algunas formas inusuales. Nos fijaremos en agregar texto, veremos qué sucede cuando tus formas no tengan el tamaño adecuado, cómo puedes escalarlas, cómo trabajar con superficies curvas, cosas como carreteras y grupos,
y 3D, así que déjame sólo apague mis notas para mí y empecemos. Vamos a empezar con el cubo que creamos antes. Vamos a ir a abrir nuestra biblioteca de símbolos, abajo en definidos por el usuario son cubos. Voy a agarrar mi cubo de hielo, y simplemente arrastrarlo al documento. Ahora bien, este es un símbolo y está unido al símbolo, así que para desadjuntarlo, solo
rompamos el enlace. Solo para recordarte, creamos esto a partir de un cuadrado de 100 pesos de 100 píxeles y no lo hemos escalado, así que esto es algo que se dibuja usando nuestro cuadrado de 100 por 100 píxeles se ve cuando se convierte a una forma isométrica usando las acciones que creamos. Sólo ten claro eso porque las cosas se van a encabezar muy rápidamente. Solo voy a seleccionar sobre estos nodos superiores con la Herramienta Lazo,
ir a la Herramienta de Selección Directa, mantener pulsada la tecla Mayús hacia abajo para que estemos constreñidos al movimiento vertical, y va a mover un poco la parte superior hacia abajo, por lo que se ve un poco menos como un cubo. Vamos a subirlo aquí por el momento. Esta es la forma básica para mi edificio, pero lo que quiero hacer es poner una especie de borde alrededor de la parte superior aquí, así que para eso vamos a necesitar algo que esté hueco. Vamos a empezar con el rectángulo de 100 por 100 píxeles, porque eso debería caber en la parte superior. No va a hacerlo, pero debería. Te voy a explicar por qué no lo hace. Entonces voy a crear el efecto de borde, y para ello, voy a crear un rectángulo que sea más pequeño que éste. Ahora, quiero un borde que sea de unos cuatro píxeles, así que el doble que porque va por todos lados, lo que eso significa que una forma que sea ocho píxeles más pequeña me va a dejar cuatro píxeles por todas partes. Déjame solo crear esa forma, llenémosla con un color diferente, y pongámosla encima de ésta. Ahora si centrar todo bien usando nuestras herramientas de alineación. Este borde alrededor de la forma todavía va a tener cuatro píxeles de ancho, se va a quedar bien en la parte superior del edificio. Pero necesito hacer esto hueco porque queremos un techo plano en el edificio, pero queremos especie de borde alrededor de la parte superior, así que necesito quitar el medio. La forma más sencilla de hacerlo, para que
puedas hacerlo con la herramienta de constructor de formas, es probablemente ir a tu pathfinder y simplemente hacer clic en menos frente. Eso quita la pieza frontal, que es la pieza más pequeña de la pieza trasera, que es la pieza más grande. Voy a colorear esto igual que mi edificio para tener una oportunidad de lucha por los colores trabajando juntos. Porque esto necesita ir alrededor de la parte superior del edificio, y debido a que necesita tener alguna dimensión en él, vamos a necesitar usar las herramientas 3D, así que voy a seleccionar esta forma. Voy a efecto y luego 3D y elegir, Extrusión y Biselado. Vamos a encender la vista previa y luego nos vamos a preguntar, ¿qué proyección queremos? Bueno, porque va alrededor de la parte superior del edificio, tiene
que ser la misma proyección que la parte superior del edificio,
que sería la parte superior isométrica, así que vamos a ir a hacer una parte superior asimétrica. Extruyen profundidad aquí es demasiado grande, se
puede ver profundidad extra 10 a 15 y esa es esta profundidad aquí. Bueno, no lo queremos en ningún lugar cerca de eso, estoy pensando que algo así como alrededor de 10 sería bastante bueno. Se podría decir que mis colores están fuera y poco, probablemente
pueda hacer un mejor partido para el edificio en tan solo un minuto. Voy a dar clic en “Ok”, pero hay otro problema con esto, y eso es demasiado pequeño, entonces ¿qué ha pasado? ¿ Por qué un rectángulo de 100 por 100 píxeles se ve así cuando usamos nuestras acciones, pero así en cuanto a tamaño cuando usamos la proyección 3D a través de las herramientas 3D? Bueno, la razón es el factor de escalado. Las herramientas 3D aquí en illustrator tienen un factor de escala reducido, no se
escalan de la misma manera que lo hicimos cuando compartimos y rotamos y escalamos días. Pero está bien porque podemos dimensionar esto para que coincida con éste. En primer lugar, vamos a volver a colorear esto y expandirnos. Ahora mismo es solo una forma que tiene un efecto 3D aplicado a ella, por lo que podemos tratar de aclarar un poco esto. Ahora voy a expandir esto con objeto Expandir Apariencia, y luego objeto Desagrupar hasta desagrupar ya no es una opción, y eso es solo sacar todas esas pequeñas piezas que hacen que la parte superior del edificio salga de sus sucesivos grupos, por lo que son solo objetos simples, y elegimos grupos de objetos para que lo estemos volviendo a juntar para que viaje como un solo objeto. Ahora, el tema es que es demasiado pequeño. Vamos a la herramienta de selección de grupos porque esta forma aquí es un grupo, por lo que necesitamos seleccionar la parte superior del edificio para que podamos ver qué tan grande es, que podamos escalar este hasta que coincida. Podrías elegir el ancho o la altura, no importa. Voy a hacer mi ajuste en base al ancho, así que estoy leyendo el ancho aquí de esta forma en particular, y es 173.205. Si quieres configurar estas herramientas de Transformar en tu barra de herramientas, ve a Ventana y luego Transformar, y puedes cancelarlas en este diálogo aquí. Ahora voy a mi forma agrupada aquí, y necesito que sea del mismo ancho que esta pieza de aquí. Pero también necesito ajustar la altura al mismo tiempo así necesitamos asegurarnos de que este icono aquí esté seleccionado, lo contrario, lo vas a distorsionar y no va a encajar correctamente. Tenemos que hacer que su ancho sea el mismo ancho que esta forma de aquí, que es 173.205. Cuando tajo de distancia está de tamaño, ahora podemos juntar esas dos piezas, y van a encajar perfectamente, así que ahí está la frontera, si quieres, alrededor de la parte superior de nuestro edificio, y estamos viendo abajo a través de ella, hasta el techo plano del edificio. Pongamos una base en nuestro edificio, así que vamos a tenerlo sentado en algo. Voy a la herramienta de rectángulo, voy a hacer esto 150 píxeles por 150 píxeles. Recuerda que el edificio era de 100 por 100 o basado en un cuadrado de 100 por 100 píxeles, lo que esto debería ser bastante bueno para la base del edificio. Pregúntate qué proyección isométrica vas a necesitar hacer. Bueno, va a ser un top porque si fuéramos un pájaro volando sobre esto, diríamos la parte superior del edificio y luego veríamos el suelo debajo de él, así que vamos a usar la misma proyección para el suelo que hicimos al parte superior del edificio, o ve a nuestra paleta de acciones con ventana y luego acciones, es solo asegurarte de que todo funcione en modo botón, y solo voy a seleccionar mis ojos top simétrico. Si puedes usar tus propias acciones, vas a encontrar que son más rápidas y fáciles que tratar de
expandir todo desde tener que usar el efecto 3D, pero querrás usar el efecto 3D si quieres alguna dimensión, si quieres usar esa profundidad de extrusión, por ejemplo, vamos a la paleta de permisos, y dejemos eso abierto por ahora, y solo vamos a arrastrar esta base debajo del edificio. En cuanto a hablar de formas inusuales, vamos a poner un camino por el frente de este edificio. Ahora sabemos que la longitud proyectada de esto era de 150, por lo que vamos a necesitar un rectángulo que tenga al menos un ancho de 150 píxeles. Bueno, voy a hacer que sea un 150 porque quiero que funcione y alinee exactamente aquí pero necesito pensar en cuanto a mi altura, y quiero que mi camino sea sobre una especie de esta grande. En cuanto a cuánto de este tamaño necesito,
necesito alrededor de una cuarta parte de ella. Aproximadamente una cuarta parte de esto es de unos 45, es un poco menos, pero 45 va a estar bien. Simplemente daré clic en “Ok”, así que este va a ser mi camino de carretera. Yo lo voy a hacer gris. Voy a ponerle unos guiones a lo largo, así que vamos a acercarlo para que podamos añadir nuestros guiones. Para esto voy a la Herramienta Rectángulo. Yo sólo voy a arrastrar aquí un rectángulo estrecho. Voy a llenarlo de blanco, y luego usaré una transformada en esto. Escogeré “Efecto”, “Distorsionar y Transformar” y luego transformarme. Se activará “Vista previa” para que podamos ver qué estamos haciendo. Voy a añadir probablemente cuatro copias extra de esto y luego empezar a moverlo en dirección horizontal. Ahora, sobre este punto, estoy pensando que ese es un espaciado realmente agradable. En lugar de aumentar el espaciado, vamos a añadir otra copia. Voy a dar click en “Ok”. Ahora esto es sólo un guión que tiene un efecto de transformación aplicado a él, por lo que vamos a elegir objeto y ampliar apariencia para hornear en que la transformación afecta. Ahora tenemos un grupo que tiene grupos y grupos y grupos dentro de él, así que elijamos “Object Ungroup”. Queremos sacar esto a caminos individuales y luego vamos a unir los caminos y
la vía vial en un solo grupo. Estos van a ser manipulados como un solo grupo. Volvamos a salir con “Control” o “Comando cero”. Tenemos que preguntarnos qué proyección necesitamos usar para la carretera. Bueno la carretera va a tener exactamente los mismos temas que la parte superior
del edificio y el suelo por lo que vamos a necesitar usar una proyección superior sobre él. Si pensaras que porque iba por el frente del edificio aquí sería derecho isométrico, eso no es correcto y echemos un vistazo por qué. Simplemente voy a aplicar derecho isométrico a esto, y cuando lo muevo a posición, se puede decir
que está formando este look 3D al edificio. No es una carretera, es como una fase frontal. Simplemente deshagamos eso y volvamos atrás y seleccionemos top isométrico. Esto es mucho mejor, se alinearía perfectamente a lo largo exactamente del lado equivocado del edificio. Tenemos el tipo correcto de proyección, pero no está en el lugar correcto. Lo que tenemos que hacer es simplemente darle la vuelta a esto. Con el selecto elegiré “Objeto” y luego “Transformar” y “Reflejar”. Vamos a reflejar esto a través de la horizontal. Se puede ver aquí que esa línea ahora se va a alinear perfectamente con esta fase del suelo, así que sólo voy a dar clic en “Ok” y moverla a su posición. Eso puede ser un poco complicado pero si piensas en términos de
ser un pájaro volando sobre la parte superior del edificio, entonces será más fácil decir que esta es una proyección superior que necesitas usar. Ahora no estoy realmente contento con el color de mi camino, así que déjame ir y agarrar mi camino y solo hazlo un poco más oscuro. De las cosas que queríamos ver en este video, texto es otra cosa, así que vamos a darle un nombre a nuestro edificio. Voy a llamar a este Soul Cafe. Voy a dar clic aquí y solo teclear la palabra Soul Cafe, y puedes seguir adelante y encontrar una fuente realmente bonita para esto. A mí me preocupa menos eso, me preocupa más cómo vamos a ponerlo al frente del edificio. Permítanme simplemente reducir esto un poco para que sea un poco más pequeño y elijamos un mejor color para ello. Antes de ponerlo en nuestro edificio, tenemos que preguntarnos ¿queremos un poco de dimensiones? ¿ Quieres que estas cartas parezcan atrapadas en el edificio en lugar de ser pintadas para que tengan un poco de dimensión? A mí me gustaría alguna dimensión, perdón por eso, vamos a elegir los efectos 3D, elegirá “Efecto 3D”. Entonces por supuesto, necesitamos usar “Extrusión y Bisel” porque queremos un bisel en esto. Ahora el bisel es enorme, obviamente demasiado grande, y no tenemos la proyección correcta. Porque esto va por el frente del edificio por aquí, tiene
que ser isométrico derecho. Vamos a seleccionar “Derecha isométrica”. Eso es justo coincidir con la proyección isométrica para el frente del edificio y para la profundidad de extrusión, probablemente sería suficiente algo así como dos o tres, tal vez bombeará eso hasta tres puntos. Voy a dar click en “Ok”. Ahora este es texto totalmente editable, y puedes hacerlo usando texto
totalmente editable para que no tengas que convertir tu texto en, por ejemplo, contornos para poder hacer esto. Yo solo voy a posicionar esto más o menos en posición, si quieres cambiar el color, puedes en este punto. Por ejemplo, podríamos hacerla más ligera va a
destacar un poco mejor en nuestro edificio. También puedes ajustar la luz. Imaginemos que no estamos 100 por ciento contentos con esto, volvamos con el texto seleccionado al panel de apariencia. Demos click en la ventana “Extrusión y bisel” para activar la vista previa porque hemos perdido eso. En este punto podrías agregar algunas luces. Sólo estoy dando clic aquí en el “Nuevo Icono” y eso me va a permitir añadir algo de iluminación para llamar un poco mejor la atención sobre este texto. sólo ajustar estas luces encendidas, podríamos agregar más podemos tener una tercera luz si queremos. Creo que eso probablemente ha furioso exceso casi. Se pueden agregar estas luces y sólo encender estos elementos para que se pueda ver con mayor claridad. Sólo vamos a decir cómo se ve eso en esta etapa, se ve bastante bien. Ahora hemos tratado el texto, vamos a añadir un par de ventanas a nuestro edificio, y cuando lo hayamos hecho, vamos a añadir algunos toldos sobre la parte superior de las ventanas. Ahora esta longitud es de 100 píxeles así que si queremos una ventana y luego longitud potencialmente para una puerta y luego otra ventana, estas ventanas necesitan ser bastante pequeñas. Estoy pensando en unos 30 píxeles de ancho serían suficientes. Haremos un rectángulo de unos 30 píxeles de ancho, pero podemos hacerlo unos 45 de alto, por lo que va a tener algo de altura en él. Vayamos a poner esto aquí mientras lo construimos. Este va a ser el marco exterior de mi ventana, así que lo voy a seleccionar y convertirlo en un color más oscuro. Voy a poner una pieza interior de vidrio, así que voy a la Herramienta Rectángulo. Simplemente voy a hacer un globo ocular esto y solo crear una forma en el interior que sea un poco más pequeña, y voy a llenar eso con un azul más claro para que pueda ser de color cristal. Voy a seleccionar sobre estos y alinearlos para que estén bien centrados. En esta etapa, voy a bloquear mi marco de ventana porque no quiero poder seleccionar eso. Yo quiero todo lo que estoy a punto de hacer para afectar el interior de la ventana sólo el cristal. No estoy realmente contento con la altura ahora mismo, así que déjame hacerlo un poco más grande. Nos vamos a la “Herramienta Pluma”. Esto es realmente simple. Puedes hacerlo aunque odies la Herramienta Pluma. Lo que vas a hacer es crear un par de elementos que van a ser reflejos en el cristal. Voy a dar clic aquí, dar clic aquí, clic aquí, y volver a dar clic sobre esto y hacer esto lleno de blanco. El blanco va a estar arriba en la esquina superior aquí. Tenemos una forma blanca aquí. Voy a alterar opción arrastrar un segundo uno de estos hacia abajo, y estos van a hornear el reflejo en el vaso. Voy a seleccionar sobre todo y necesito quitar estos bits externos. La herramienta más simple para hacer eso si tienes acceso a ella, es la herramienta constructor de formas. Haga clic en la “Herramienta Constructora de Formas”, mantenga presionada la “Clave de Opción Alter” y simplemente recorra estas piezas que no desea. Eso deja atrás las piezas que sí quieres, pero tenías que haberlas bloqueado marco de ventana hacia abajo cuando lo hiciste porque no querías tener seleccionado el marco de ventana. Desbloqueemos el marco de la ventana, agrupemos todo esto juntos porque queremos que viaje y se comporte como grupo. Entonces le vamos a aplicar una transformación. Ahora si va por el frente del edificio, tiene
que ser un derecho isométrico. Para esto si no queremos que tenga alguna dimensión, si lo queremos solo para sentarse plano contra el edificio, podemos usar nuestras propias acciones. Voy a elegir derecha isométrica y tirar de nuestra ventana hacia abajo en posición. Alter opción, arrastra un duplicado y tengo una ventana para la otra parte del edificio. Acerquemos aquí y solo digamos cómo se están alineando las cosas. Ahora si te metes en problemas al intentar alinear las cosas con precisión, posible que quieras desactivar esta opción aquí, que es “Alinear el arte a la cuadrícula de píxeles”. Si tienes eso encendido, a veces es difícil hacer que las cosas se alineen perfectamente y sin él, a veces se alinean mucho mejor. Solo ten en cuenta que podría tener que desactivar esa opción. Voy a llamar buenos a estos por ahora podrías ser un poco más preciso. A mí me preocupa mostrarles cómo crearían cosas como ventanas, y ahora cómo podemos crear un toldo que sobrepase la parte superior de estas ventanas.
10. Parte 9: acabado del negocio, parte 2: Para nuestro toldo, va a ser un toldo curvo. Yo quiero un cuadrado y quiero un círculo. Yo quiero una plaza muy pequeña, estoy pensando que algo así como de 30 por 30 será lo suficientemente grande para mi plaza. Simplemente daré clic en “Ok” para crear eso. Vamos a llenarlo con un color que podamos trabajar. Acerquemos esta área para que podamos construir esto, para que podamos usarlo. Ahora lo que quiero para este toldo es una curva aquí que efectivamente es un cuarto de círculo. Vamos a la herramienta Ellipse y vamos crear un círculo que sea dos veces más grande que este cuadrado. El cuadrado con 30 por 30, hagamos esto 60 por 60. Con este círculo, podemos tallar cosas para hacer un cuarto de círculo. Lo que vamos a hacer para eso es arrastrar un rectángulo sobre la parte del círculo que no queremos. No quiero este lado del círculo. Ahora que tengo el rectángulo que lo va a tallar y el círculo debajo, vayamos aquí y seleccionemos sobre ambos objetos. Aquí en el Pathfinder, voy a dar click en “Menos Frente”. Porque eso quita el área que estaba tapada por ese rectángulo. Vamos a conseguir un segundo rectángulo. Esta vez, pongámoslo sobre la parte inferior del círculo aquí. Dejemos claro lo que estás viendo, aquí
tienes dos formas. De nuevo, vamos a usar Minus Front, porque eso nos va a dejar sólo con la parte que queremos. Podrías, por supuesto, hacer esto con el Constructor de Formas si quisieras. Vamos a poner esto en posición aquí arriba. Yo quiero que estas dos formas se conecten. Voy a unirme a ellos con Unite. Si Unite no funciona y puede que no, siempre
puedes usar el Constructor de formas. Parece ser un poco más indulgente. Si crees que esto va a ser demasiado grande en esta etapa, puedes ir con la herramienta de selección directa, solo tienes que seleccionar sobre este borde, y simplemente moverlo en un poquito. Yo quiero la curva, definitivamente quiero la curva para mis toldos de ventana. Podemos ajustar su tamaño en un minuto si es demasiado grande, pero hagamos un efecto 3D sobre esto. Con ella seleccionada, queremos que tenga algo de profundidad. Vamos a utilizar nuestra Extrusión 3D y Bisel. Efecto 3D Extrusión y Bisel. La lógica probablemente te está diciendo porque va por la ventana por aquí, que tiene que ser isométrica derecha. Nada podría estar más lejos de la
verdad, no tiene por qué ser Isométrico derecho. De hecho, eso necesita ser Izquierda isométrica, pero va a ser uno de los verdaderos. Si te equivocas, no te
preocupes, solo haz el correcto. Ahora voy a hacer la profundidad unos 30 puntos. Porque creo que eso va a cubrir bastante bien mi ventana, pero podemos ajustarlo en un minuto si no. Voy a dar clic en “Ok” y vamos a probarlo en posición. Se ve bastante bien en posición, excepto que es demasiado grande para el edificio en sí. Pero podemos resolver eso, porque tenemos la proyección, o lo que no tenemos es el tamaño correcto. Con ella seleccionada, voy al panel de apariencia. Por ahora voy a apagar la Extrusión y Bisel porque eso me lleva de vuelta a mi forma original. Asegúrate de tener seleccionada la herramienta de selección. Simplemente voy a escalar esto hacia abajo, sostendré Shift y Alt a medida que lo escala hacia abajo para hacerlo considerablemente más pequeño. Enciende mi Extrusión y Bisel para que podamos comprobar y decir cómo se ve. Sigo pensando que probablemente salga demasiado lejos, así que vamos a ir y hacer algunos ajustes al costado de la misma. En cuanto lo tenga redimensionado, puedo intentarlo de nuevo con mi Extrusión y Bisel. Simplemente aplíquelo de nuevo en la forma, y vamos a ponerlo en posición. Ahora podemos copiar esto para hacer los toldos para esta ventana por aquí. Pero, ¿qué pasaría si nuestros toldos fueran rayados en lugar de simplemente llanos? Vayamos a hacer eso. Para esto, vamos a necesitar unas rayas para usar. Voy a arrastrar hacia fuera una franja azul muy estrecha. Voy a copiar esto con la herramienta de selección, solo Alt u Opción Drag, a un duplicado de distancia. Voy a colorear esto con un color diferente. Voy a usar un azul realmente claro, va a ser un poco más fácil para ti ver esto. Ahora voy a seleccionar sobre ambos y Alt u Opción Arrastra un duplicado y alinearlo, y volver a hacerlo. Ahora tengo seis rayas, lo voy a hacer una vez más. Tengo ocho rayas, pero no quiero terminar en una ligera. Voy a seleccionar el final y eliminarlo. Estas van a ser las rayas que van en este toldo. Ir a seleccionar sobre todo y vamos a añadirlo al paladar símbolos. Es importante añadirlo a la paleta de símbolos. No tienes que darle nombre, no tienes que hacer ninguna selección aquí en absoluto. Solo tienes que hacer clic en “Ok”. El motivo por el que estamos haciendo esto es por el efecto 3D que hemos utilizado aquí puede usar un símbolo para mapear sobre la superficie. Eso es exactamente lo que vamos a hacer aquí. Voy a hacer mi profundidad de extrusión y un poco más grande para que se estire sobre la ventana mientras estoy aquí. Tengo que volver atrás y acceder a la Extrusión y Bisel a través del panel de apariencia. No puedes volver a aplicarlo, o vas a terminar con formas realmente extrañas y cosas tontas que suceden. Tienes que hacer una edición a la que ya tienes en su lugar. Demos click en esto, encienda la vista previa. Mi profundidad de extrusión, creo que porque dimensioné mi forma hacia abajo se ha reducido. Creo que 30 es mejor. Ahora vamos a ir a mapear este arte, así que vamos a dar click en “Mapa Arte”. Tenemos siete superficies aquí, se
puede ver que dice una de siete. Cualquier cosa que sea luz es una superficie que podemos ver ahora mismo. Ahora mismo estamos viendo esta superficie aquí que no es visible porque está oscura. Esto es visible porque es ligero, esto no es visible porque es oscuro. Es muy fácil ver a qué superficies puedes aplicar tu Map Art. Ahora esto no va a funcionar, y les voy a mostrar por qué. Voy a dar click aquí porque este es un símbolo que
vamos a aplicar y añadir nuevo símbolo. El problema es que el símbolo aquí va por el camino equivocado a través del toldo. No quiero que se vea así en el toldo, quiero que sea una raya al revés. Vamos a dar la vuelta a nuestro símbolo. Esta es la forma más sencilla de hacerlo, en realidad
es dar la vuelta a tu símbolo y recrear tu símbolo. Después vuelve a tu forma, vuelve a tu extrusión. Vuelve al Arte del Mapa, vuelve a la superficie en la que estás trabajando, que es esta superficie de aquí. Vamos a dar clic en “Borrar” porque eso va a quitar el símbolo de esa superficie. Vamos a conseguir un nuevo símbolo, que es el que parece que va en la dirección equivocada, pero en realidad, ahí termina yendo en la dirección correcta. Tenemos esa parte de ello. Tenemos un ritmo por aquí atrás, que si queremos, también podemos aplicar el patrón. Esta es la pieza que va por atrás, vamos a buscar nuestro símbolo. Ahí tenemos nuestra propiedad,
y sólo podemos hacer un duplicado de la misma. Simplemente arrástrelo sosteniendo la tecla Alt u Opción, y luego posiciónelo en cualquiera de las dos ventanas. Ahora puedes hacer una puerta exactamente de la misma manera que hicimos la ventana. Te voy a dejar que hagas eso. Pero lo que sí quiero hacer, es crear un letrero que va a salir por el frente del edificio. Para esto vamos a ver cómo agrupar objetos en 3D. Mi señal va a ser realmente, realmente simple. Va a ser una cajita y, voy a hacer morada. Se va a tener un par de piernas. De nuevo, iremos a la herramienta Rectángulo, y sólo voy a arrastrar una pierna y voy a hacer un duplicado de eso, y sólo alinearlo por aquí. Ahora va a ser más fácil para mí en este momento solo
poner las piernas en el borde mismo de la forma, puedes ser realmente un poco más creativo y hacer que tu signo luzca como quieras que se vea. Yo voy a hacer un pequeño círculo en la parte superior de ella sin embargo. Voy a arrastrar una elipse, y sólo arrastrarla hasta aquí. A mi letrero se le metió un poco de interés visual. Voy a unirme a todos esos juntos. Hago eso usando la opción Unite aquí en el Pathfinder, pero también podrías usar la herramienta Shape Builder. Ahora tengo un elemento que quiero poner en el frente de esto. Fui y conseguí un icono de café de Vector Easy, Vector Easy es un sitio realmente bueno para vectores descargables. Agarré un conjunto de iconos, acabo de quitar todo lo que no necesito. Este es el ícono que voy a usar. Voy a presionar “Control” o “Comando C”, volver a mi documento, “Control” o “Comando V.” Se puede ver que es absolutamente enorme, pero eso es solucionable porque sólo voy a reducirlo. Lo voy a colocar encima de mi letrero. Vamos a acercarnos, para que podamos ver cómo se ven las cosas. Creo que mi letrero podría ser un poco más ligero. Creo que va a ser un poco más fácil ver qué está
a punto de pasar si tenemos un letrero más ligero. Echemos un vistazo en el último palé, porque este punto es crucial. Tengo un grupo, ese es mi icono de taza de café. Tengo un elemento que es el signo. Si quiero que la taza de café parezca que está pintada en el cartel, necesito agrupar estos dos objetos juntos. Pero si quiero una taza de café que parezca que tiene alguna dimensión encima de un letrero, eso también tiene dimensión, para que la taza de café salga aún más allá, no
voy a agrupar estos dos objetos. No voy a hacer eso. Vamos a ver qué pasa cuando no agrupamos objetos, y aplicamos una extrusión 3D. Estoy seleccionando tanto la taza de café como el letrero, no están agrupados. Efecto 3D, Extrusión y Biselado. Yo quiero que esto sea una proyección ISOMETRICLeft para que sea un letrero al frente del edificio. Hagámoslo solo isometricLeft. Bajemos la profundidad de extrusión a alrededor de cuatro. Ahora se puede ver de qué estaba hablando antes. El letrero tiene alguna dimensión, pero el icono de la taza de café también tiene dimensión, y se coloca sobre el cartel, por lo que su dimensión comienza en la superficie del cartel y sale hacia adelante. Es sólo un resultado diferente. Voy a añadir algo de iluminación extra aquí porque creo que mi letrero es demasiado oscuro. Estoy pensando que la taza de café no está en una posición perfecta, pero podemos ajustarla en un minuto,
una vez que sepamos cómo va a ser nuestro signo en realidad. Si estoy contento con eso, solo daré clic en “Ok”. Pero lo que voy a hacer en este punto es, volver a mi taza de café, selecciónela y simplemente empujar mejor sobre el cartel. Si bien estaba bastante bien posicionado en el letrero cuando el letrero era plano en la versión girada, necesitaba colocarse un poco mejor. Ahora que tengo estos en la proyección isométrica correcta, puedo agruparlos, y debería agruparlos porque quiero que viajen juntos. Pero sólo ten en cuenta que la Extrusión y Bisel se ha aplicado por separado a cada uno de ellos. Eso es realmente importante porque nos da esta mirada diferente, si quieres, Vamos a ponerlo en posición. Ahora antes de terminar con esta imagen, hay una cosa más que sólo quiero mostrarles, y quiero añadir un poco de textura a este muro de aquí. Lo voy a hacer con la herramienta Rectángulo. Simplemente voy a arrastrar hacia fuera y crear un rectángulo muy pequeño. No va a tener ningún contorno, ningún trazo, pero va a ser un color bastante similar al propio edificio. Déjame ir a coger este verde y tal vez hacerlo un poco más oscuro. Voy a seleccionar este Alt u Opción Arrastra un duplicado. Voy a hacer algunos de estos. Yo quiero que esto se vea al azar. Podrías incluso hacer algunos de esos un poco más cortos si quisieras, así que podrías arrastrarlos para hacerlos más cortos, voy a dejarlos todos en el mismo tamaño. Voy a seleccionar sobre ellos, voy a elegir objeto y luego grupo. Voy a aplicar una proyección isométrica a
esto para que tenga exactamente lo mismo que este lado del edificio, que por supuesto es isometricLeft. Voy a dar click en ISOMETRICLeft. Ahora puedo mover estos a posición sobre la parte superior del edificio. Sólo voy a escalarlos un poco,
manteniendo presionada la tecla Shift y Alt para que se escalen en proporción. Creo que el color no es lo suficientemente oscuro, así que hagámoslo un poco más oscuro, para que podamos ver que estos son como ladrillos en la pared. Si Alt u Option Arrastre algunas copias de esto, o si lo hubiera hecho más grande, o si hubiera hecho dos o tres conjuntos de estos, estos añadirían alguna dimensión al edificio. Por supuesto, este último ha sido estratificada encima del signo lo cual es incorrecto. Vamos a Ventana y luego Capas. Solo quiero seleccionar y arrastrar todos estos debajo del letrero, que la textura en el muro del edificio esté en realidad unida al muro
del edificio y no sobre la parte superior del cartel. Existen una serie de herramientas adicionales que
ahora tienes en cuanto a tu kit de herramientas isométricas. Se pueden crear cosas como toldos, se
puede agregar texto a un objeto. Conoces la diferencia entre agrupar objetos y no agrupar objetos y el efecto que produce, cuando usas tu Extrusión 3D y Bisel. También conoces un truco para hacer que tu carretera vaya en la dirección correcta cuando
parece que la proyección que estás a punto de usar va a fallar.
11. Proyecto y cierre: Ya terminamos el contenido de video para este curso y sé que hay muchas cosas que aquí hemos cubierto. Espero que realmente lo haya disfrutado. Tu proyecto para esta clase será por supuesto, para crear un edificio isométrico o dos, o incluso un objeto que pudiera ser utilizado como elemento infográfico. Publica una imagen de tu arte isométrico terminado como tu proyecto de clase. Ahora como estás viendo estos videos, habrás visto un prompt preguntando si recomendarías esta clase a otros. Por favor si disfrutaste la clase y aprendiste de ella, ¿
harías dos cosas por mí? En primer lugar, contesta sí, que recomiendes la clase y en segundo lugar, escribe incluso en pocas palabras por qué disfrutaste 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 ves el enlace de seguimiento en la pantalla, eso es porque aún no me estás siguiendo. Haga clic en él para mantenerse al día con mis nuevas clases a medida que se liberan. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Hasta la próxima vez, muchas gracias por
acompañarme en este episodio de Illustrator for Almuerzo, y espero verte pronto en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
