Transcripciones
1. Hacer patrones orgánicos personalizados en Illustrator - introducción: un diseño gráfico para la clase de de la de Lunch™: Hola, soy Helen Bradley. Bienvenido a este diseño gráfico para clase de almuerzo, patrones orgánicos
personalizados en Adobe Illustrator. diseño gráfico para el almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. Hoy estamos haciendo patrones de estilo orgánico del tipo que el nuevo patrón hace herramienta en Illustrator no es particularmente bueno para hacer. Vamos a hacer un patrón de líneas desiguales y vamos a hacer un patrón de skyline. Ahora, ambos requieren una preparación cuidadosa pero no particularmente difícil para asegurarse de que se repitan correctamente. Conforme estás trabajando a través de estos videos, puedes decir un prompt que te permita recomendar esta clase a otros, por favor, si estás disfrutando de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar arriba y en segundo lugar, escribe solo dos o tres palabras para explicar por qué estás disfrutando de la clase. Estas recomendaciones me ayudan a conseguir mis clases frente más personas que al igual que tú quieren aprender más sobre Illustrator. Y si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Si ya estás listo, empecemos a hacer patrones de estilo orgánico en Illustrator.
2. Hacer patrones orgánicos personalizados parte 1: Antes de empezar, echemos un vistazo rápidamente a los dos patrones que vamos a hacer. Esta primera es una línea orgánica. Aquí, la dificultad está en asegurarse de que las líneas se van a alinear en el patrón. Entonces lo que vamos a hacer es este patrón de skyline. Lo que tenemos que hacer aquí es asegurarnos de que los edificios se alineen a ambos lados del ritmo de patrón. Por lo que ahí los retos con los que nos enfrentamos, estos no se resolverán con la herramienta de creación de patrones en ilustrador. Vamos a necesitar volver a los primeros principios y diseñar los patrones desde cero. Pero es realmente bastante fácil una vez que entiendes cómo hacerlo. Entonces ahora tengo ilustrador abierto, así que empecemos. Vamos a empezar con un nuevo documento y va a tener 250 píxeles de ancho y sólo vamos a hacerlo de 400 píxeles de altura. Este va a ser del tamaño de la muestra de mi patrón. Entonces necesito una dimensión aquí que conozco porque la voy a necesitar en un minuto. Modo de color RGB y desactive Alinear Nuevos Objetos Pixel Rejilla, basta con hacer clic en Ok. Entonces este es nuestro documento de 250 por 400 píxeles. Vamos a dibujar nuestras líneas con la herramienta lápiz. Voy a la herramienta lápiz, voy a apagar el relleno, así que sólo tengo el trazo aquí. Voy a hacer doble clic en la herramienta lápiz. En esta etapa, voy a apagar todas mis marcas de verificación. Quiero poner mi fidelidad a un valor bajo porque quiero líneas wiggly. Por lo que en versiones anteriores del ilustrador, si estás mirando las opciones para tu herramienta lápiz, elige algo que esté hacia la precisión y alejado de suave. Voy a dar click Ok. Ahora, sólo voy a dibujar algunas líneas entrecortadas por el documento. Se van a suavizar un poco con la herramienta de lápiz, pero eso está bien. Queremos wiggles, pero no realmente grandes wiggles. Entonces si encuentras que el tuyo es demasiado voluminoso o no lo suficiente, solo haz ajustes a la configuración de la herramienta de lápiz. Si haces una línea que no te gusta, presiona el control Z o el comando Z en el Mac para deshacerla. Si las líneas no están espaciadas de la forma en que quieres que estén espaciadas, está bien. Podemos arreglarlo en un minuto. Creo que tengo suficientes líneas, pero hay un par de cosas que necesito atender aquí. En primer lugar, sólo voy a ajustar el espaciado. De lo que me preocupa aquí es esta distancia y esta distancia porque esta va a ser la envoltura alrededor. Por lo que quiero que estas líneas estén espaciadas uniformemente. Estoy mirando el espacio aquí y tratando de que este espacio sea aproximadamente igual a él. Es una forma orgánica, así que no importa si no es exactamente igual, solo
necesita ser razonablemente así porque lo que estamos buscando es un look de patrón desigual. Preocupado también por lo que pasó
aquí abajo y sólo voy a ir a la herramienta de tijeras y
sólo voy a cortar el extremo de esta forma porque se dobló redondo, bastante poco atractivo. Control o comando 0 solo para alejar el zoom. Si tienes baches en tus líneas que no te gustan, ve a la herramienta de selección, haz clic en la línea con los baches que no te gustan y ve a la herramienta lisa. Con la herramienta lisa, solo
puedes dibujar sobre los baches que no te gustan y simplemente suavizarlos. Una vez que tienes líneas que te gustan y están espaciadas a lo largo del documento, estás listo para ir al siguiente paso. En el siguiente paso, sólo vamos a trazar una línea a través de la mitad del documento. Ahora, voy a apuntar a la mitad. No tiene que ser el medio. Tengo presionada la tecla Mayús mientras la arrastra a través porque quiero que sea una línea horizontal. No tiene relleno, tiene un strike, es solo un trazo de un píxel. Esta línea no va a ser parte del patrón, sólo lo
estamos tomando prestado en este momento. Vamos a la paleta de capas. Voy a sacar esto porque
nos ayudará a poder ver lo que está pasando aquí. El renglón es lo último que dibujé así que está en la parte superior de la capa aquí. Entonces lo voy a bloquear. No quiero que le pase nada a la línea. No quiero poder tocar la línea. Yo solo quiero usarlo como guía de corte. Entonces voy a la herramienta de zoom. Voy a acercarme a la mitad del documento aquí, sostenga la barra espaciadora mientras simplemente muevo la imagen a través. Ahora, voy a volver a la herramienta de tijeras. La herramienta de tijeras es realmente buena para cortar cosas. Voy a colocar el puntero del ratón sobre la intersección entre la línea horizontal y vertical y hacer clic una vez. Lo que eso hace es que corta la línea en dos. Si tienes tus guías inteligentes encendidas, en realidad
vas a ver un pequeño cruce aparecería cuando hagas esto, dejando muy claro que estás en la posición correcta. Vamos a acercarnos un poco más a este último para que puedan ver lo que estoy haciendo. Aparece la palabra intersectar click una vez y solo estoy cortando estas líneas verticales en dos. No se puede tocar la línea horizontal porque está bloqueada. Control o comando 0 para alejar el zoom. Ya no necesito esta línea, así que la voy a desbloquear y a estropearla. Lo que ha pasado ahora es que cada una de estas líneas ha sido cortada en pedazos. El beneficio de cortarlo en pedazos es que
sabemos que estas dos líneas se unen perfectamente, porque lo podemos ver en la pantalla, hay juntas perfectas. Entonces vamos a usar esa unión perfecta como parte de nuestro patrón. Entonces voy a seleccionar sobre la parte superior, que es la mitad superior de cada una de estas líneas. Voy a la paleta de alineación. Si no lo ves, elige Ventana y Alinear. De la alineación a la lista desplegable Necesito asegurarme de que se
seleccione alinear a tablero de arte porque lo que vamos a hacer es soltar todos estos al fondo del tablero de arte. Lo vamos a hacer con un solo clic, este de aquí, alinear vertical abajo. Van a disparar al fondo de la pizarra de arte. Ahora, esta fue cada segundo una de las formas. A veces podría encontrar que en realidad se puede seleccionar fácilmente el segundo conjunto de formas. A veces no se puede hacer fácilmente, pero sabemos que si empezamos seleccionando el segundo aquí y seleccionamos cada segundo, vamos a tener razón. Estoy presionando la tecla Control mientras selecciono cada segunda forma. Esto es crítico. Necesitas asegurarte de que obtienes la otra mitad de las líneas. Ahora, sólo vamos a dar click en este para alinear vertical arriba. El resultado es que estas dos líneas se van a unir perfectamente cuando se conviertan en una muestra de patrón. Es el medio ahora lo que nos está causando el problema. Bueno, no por mucho tiempo. Así que pongamos la herramienta de zoom y acerquemos aquí, use la barra espaciadora para salir. Ahora, voy a volver a la herramienta lápiz y voy a hacer doble clic sobre ella. Voy a dar clic en Editar rutas seleccionadas y dar clic en Ok. Ahora, voy a la herramienta de selección. Yo sólo voy a seleccionar sobre estos dos caminos, que son una línea a la que ahora queremos sumarnos. Podemos usar la herramienta lápiz para unirnos a ellos. Al pasar el cursor sobre el final de esta línea superior, verás que la herramienta lápiz tiene una pequeña barra diagonal hacia delante a su lado. Eso te está diciendo que el ilustrador está recogiendo esa línea. Simplemente lo vas a bajar hasta el punto de partida de la línea de fondo y se va a sumar. Nuevamente, selección, herramienta lápiz, dibuja la línea intermedia. Vas a continuar eso todo el camino a través, momento en el que realmente ayudaría aprender dos trazos clave. La letra V para la herramienta de selección y la letra N para la herramienta lápiz. V y seleccione N para el lápiz. Únete a estas dos líneas. No me preocupa que algunas de estas parezcan un poco incómodas en esta etapa, porque sabemos que tenemos la herramienta lisa en un minuto, que los suavizará a todos. Si cometes un error, no te gusta lo que has hecho, solo presiona control o comando Z para deshacerlo, controla 0 para alejar el zoom. Ir a seleccionar sobre esta forma. Voy esta vez a la herramienta lisa que va a suavizar la mitad de la línea aquí. Puedes suavizar cualquier parte de estas líneas, simplemente no toques los extremos. Se han creado los extremos superior e inferior para que sean una transición sin fisuras. Estas líneas se van a unir perfectamente, así que quieres mantenerte bien alejado de ellas cuando estés haciendo tu alisado. Eso es parte de la razón por la que elegí hacer un documento que era tan largo. El documento tiene 400 píxeles de largo, mientras que tenemos mucho espacio en el medio para trabajar estas juntas y para que esta unión se vea bien sin impactar lo que está pasando en la parte superior o inferior de estas líneas porque eso es el área crítica para asegurarse de que esta cosa realmente va a funcionar como patrón. Por lo que solo estoy eliminando efectivamente algunos de los píxeles excedentes aquí usando la herramienta suave. En cualquier lugar que veas muchos píxeles, muchos puntos de anclaje, solo los
estamos quitando y simplemente suavizando las líneas. Entonces una vez que estoy contento con eso, estoy listo para ir al siguiente paso para crear el patrón. Básicamente estamos bastante cerca de ahí.
3. Hacer patrones orgánicos personalizados parte 2: En este siguiente paso, vamos a seleccionar cualquiera de
las líneas y en realidad vamos a elegir algunos colores para nuestro patrón. Yo quiero colorear las líneas de un color marrón, así que acabo de hacer eso. También quiero asegurarme de que el trazo en estas líneas esté configurado de la forma en que necesito que se configure. Voy a seleccionar todas las líneas, voy a abrir el panel de trazos. Lo que quiero hacer es asegurarme de que tenga habilitada la tapa de proyección. Eso significa que el tope de estas líneas se está extendiendo un poco más allá de la parte superior de este tablero de arte. Es sólo un poquito en esta etapa, pero esto nos va a ayudar cuando creemos un patrón a partir de estas líneas. Quieres asegurarte de que tus gorras, se estén extendiendo más allá del tablero de arte. Voy a seleccionar cualquiera de las líneas y quiero hacer un duplicado de ellas. Voy a elegir editar copiar y luego editar pegar en su lugar. En otras palabras, este conjunto duplicado está justo encima del conjunto original. haber hecho eso, los duplicados ahora están en la cima y todos siguen seleccionados, por lo que es más fácil trabajar con ellos en este momento. Voy a elegir un color con el que trabajar. Voy a hacer esto con una naranja pálida y voy a aumentar el trazo. En un minuto, lo que va a pasar es, voy a poner el pequeño trazo marrón en la parte superior. Este es el patrón que estamos viendo de manera efectiva. Lo que quiero tener mucho cuidado que no hago es extenderme más allá del tablero de arte aquí. Necesito ser realmente protector de esta línea aquí, que no la hago demasiado grande y esto también por aquí, no
quiero extenderme más allá del borde del tablero de arte, lo contrario el patrón no va a funcionar. Pero tengo una línea de 13 puntos y digo aquí esta vez, es muy fácil ver la superposición sobre el borde del tablero de arte exactamente lo que queremos decir. Ahora, tenemos que poner las formas detrás de la otra. Voy a dar clic en H a su vez sosteniendo el caso Shift son todos seleccionados y ahora sólo tienes que arrastrarlos hacia abajo y ponerlos detrás de los trazos marrones. Ahí está nuestra muestra de patrones. Sólo necesitamos hacer una muestra de patrón fuera de ella. Para ello, necesitamos un rectangular de tamaño de las tablas de arte. Estoy dando click en la Herramienta Rectángulo, luego haga clic una vez en el documento, nuestro tablero de arte era de 250 píxeles por 400 píxeles, así que ese es el tamaño de mi rectángulo. No quiero que tenga ningún relleno ni ningún trazo. Ya hemos establecido las opciones de realinear, por lo que están configuradas para alinearse con el tablero de arte. Yo quiero centrar esto en el tablero de arte. Voy a hacer clic en estos dos iconos, horizontal y vertical alineado centro. Mi rectángulo ahora mismo está en la parte superior de todo, necesita estar en la parte inferior. Simplemente lo voy a arrastrar por debajo de todos los demás caminos, y voy a seleccionar todo en esta capa, porque todo en esta capa es mi patrón. ir a la herramienta de selección, tengo mi paleta de muestras abierta. Si tienes una paleta de muestras que se ve así, mía en realidad sólo tiene muestras de color, no muestras de patrón, así que necesito dejarla aquí arriba. Si tienes algunas muestra de patrones visibles en tu paleta, entonces puedes dejarla caer junto a los patrones. Tan solo ten en cuenta que no va a entrar en algunos lugares de la paleta. Al sostener el botón izquierdo del ratón con la herramienta de selección, solo
voy a arrastrar y soltar esto hacia arriba en la paleta de muestras. Hago clic lejos de la forma, y vamos a probarla. Va a agregar otro tablero de arte. Haré esto un poco más grande. Este ahora va a tener 500 píxeles de ancho, 400 píxeles de alto. Voy a añadir un rectángulo para que esta tabla de arte lo llene, 500 de ancho, 400 de alto. Esto puede ser cualquier valor. No importa, solo te estoy avisando cuando estoy usando. Voy a centrar esto en este tablero de arte. Ahora tengo un rectángulo que es del tamaño exacto de este tablero de arte. Voy a llenarlo con mi patrón. Voy a llevar relleno al primer plano y luego abrir mi panel de muestras, click en mi patrón. Ahora tengo un patrón repetitivo sin fisuras que le tiene un aspecto orgánico. Vamos a cambiar el tamaño de la escala de transformación del objeto patrón. Voy a encender la vista previa. No quiero transformar el objeto, que es este rectángulo, solo
quiero transformar el patrón. Yo sólo lo voy a disminuir. Ahora de vez en cuando verás líneas de fractura a través de tus patrones en ilustrador, es un poco difícil confiar en ilustrador, si sí ves líneas de fractura, te
sugiero que ajustes tu escala en uno o dos por ciento para tratar de conseguir deshacerse de ellos. Si puedes deshacerte de ellos, esa es una posibilidad razonable de que no aparezcan en tu producto final. Tengo una línea de fractura por aquí en este momento puedo ver solo una línea blanca a través de mi patrón. Voy a aumentar el tamaño hasta que esa línea de fractura desaparezca y luego revisar visualmente para asegurarme de que no haya otras. Si tus líneas de fractura se mueven, eso te dice que la culpa del ilustrador, no la tuya. Si una línea de fractura se mantiene en su lugar, entonces probablemente sea su problema, no el de ilustrador, así que solo tenga en cuenta eso, luego haga clic en Ok, porque no creé un fondo de color a mi patrón cuando creé mi patrón, ahora podemos agregar un color detrás de él. Tengo mi rectángulo todavía seleccionado, voy al panel de apariencia. Tengo un relleno que es mi patrón. Voy a añadir un segundo relleno, por lo que haces clic en Agregar nuevo relleno. Ahora tengo dos rellenos, el patrón en la parte superior y el patrón debajo. Bueno, voy a la de abajo y voy a elegir un color diferente para poder poner detrás de ella, relleno sólido. Voy a elegir un verde blanquecino. Bueno, tal vez no. Vamos por un color crema. Una de las razones por las que con bastante frecuencia
crearé un patrón que tenga transparencia detrás
es porque eso me permite agregar otro patrón detrás de él o un color sólido o algo así. Simplemente me da más kilometraje fuera de un patrón. Pero aquí tenemos el patrón que sería muy difícil de hacer con la herramienta de maquetación en ilustrado bastante considerablemente más difícil de lo que es hacer a
mano de esta manera es un patrón de estilo orgánico. A continuación, vamos a crear un patrón que sea un patrón de skyline usando una técnica similar.
4. Hacer patrones orgánicos personalizados parte 3: Para nuestro segundo patrón, vamos a conseguir un poco de ayuda de arranque. Podrías dibujar tus propios skylines, pero va a ser más fácil porque en lo que realmente nos estamos centrando aquí es cómo
hacer los patrones si conseguimos un poco de ayuda con algunos skylines que podemos usar. Ahora te voy a dar el enlace de descarga para este conjunto dentro del archivo zip. Tres o cuatro archivos, hay un archivo AI, por lo que solo querrá hacer doble clic en el archivo AI para abrirlo. Ya he abierto el documento de Skylines urbanos, y sólo voy a escoger las piezas que quiero usar. Yo sólo voy por algunas formas de skylines que deberían funcionar bastante bien juntas. Yo solo quiero unos sencillos, así que voy a seleccionar sobre todos estos. Voy a copiarlos, editar, copiar. Voy a crear un nuevo documento y van a ser de 250 píxeles por 300 píxeles de tamaño, modo de color
RGB, y tengo alinear nuevos objetos a cuadrícula de píxeles desactivados, así que voy a dar clic en Ok. Sólo voy a pegar estos en, editar, pegar. Vamos a sacarlos del camino por ahora para que
podamos trabajar en ellos de uno a la vez. Empecemos con este de aquí. Vas a necesitar abrir tu último panel, eso va a ser crítico. Probablemente lo quieras visible. Ahora, los caminos compuestos no se cortarán, por lo que debes tener mucho cuidado al romper estas formas fuera del camino compuesto. Ve al objeto, camino compuesto, suelta, y luego se cortará en un minuto. Redimensionar este para que sea un poco más pequeño que la mesa de trabajo. Porque nos gustaría que las bases que van a ser un poco más largas, realidad
voy a seleccionar sobre la base y mantener pulsada la tecla Shift ya que acabo de arrastrar hacia abajo para hacer una línea de base más larga para esto. Eso ayudará a llenar los vacíos un poco más adelante. No demasiado preocupado por los lados torneados en este punto, pero lo que necesito es una línea de corte. Voy a arrastrar hacia fuera una línea, asegurarme de que tenga un trazo pero sin relleno, y la vamos a bloquear porque sólo la estamos usando como línea de corte. Aquí voy a acercarme a mi forma, y voy a conseguir mis tijeras que está aquí, y tú puedes presionar la letra C para conseguir tus tijeras. Simplemente voy a cortar los puntos en los que esta forma se cruzan con la línea que he creado. Deberías ver como resultado que obtienes dos partes. Tan solo vuelve a comprobar antes de terminar. Si no lo haces, solo deshazlo, asegúrate de no tener un camino compuesto que solo intentas cortar por la mitad e inténtalo de nuevo. Selecciona este lado. Voy a las herramientas de alineación solo para asegurarme de que
tengo alineado a mesa de trabajo seleccionada, cosa que sí. Eso va a ser crítico. Estoy seleccionando el lado derecho de esta forma, y voy a dar click aquí para alinearla horizontalmente a la izquierda. Por la forma en que lo corté, que te voy a mostrar de nuevo en tan solo un minuto, realidad lo
voy a empujar a través de un par de píxeles extra. Ahora voy a seleccionar la segunda forma, y la voy a alinear horizontalmente bien, y también la voy a empujar a través de un par de píxeles solo por seguridad. Ahora vamos a acercarnos al centro aquí, y sólo vamos a unir estas dos piezas juntas. Lo que tenemos que hacer para hacer algunas formas que sólo van a tener sentido en el horizonte. Solo voy a arrastrar, crear la forma, seleccionar todas estas formas aquí y unir todo usando Unite in the Pathfinder. Ahora voy a alejar el zoom con Control o Comando 0. Esta es la primera de las formas que necesito para mi skyline, así que voy a bloquearlo y apagarlo. Averigüemos dónde está en el último palé, bloquearlo, apáguelo. Ahora voy a seguir con las otras formas. Voy a agilizar la grabación. Yo sólo voy a ralentizarlo cuando haya algo que es importante decirte. Con esta forma aquí, tenemos un camino compuesto que tiene pequeñas ventanas en ella. Cuando elijo objeto, ruta compuesta, liberación; verás que soltamos también una serie de formas incluyendo las formas de ventana. Bueno, en lugar de simplemente eliminar todas las formas de las ventanas, en realidad
es más fácil unirlas en un solo camino. Yo voy a hacer eso, asegurarme de que estoy trabajando con un camino y luego continuar. Porque estos son skylines, nadie va a saber cómo se supone que deben ser. Se pueden estirar de formas inusuales. Este va a causar un poco de problema más adelante porque aquí tenemos algunas goteras profundas. En realidad voy a crear un par de rectángulos que van a llenar estas áreas problemáticas. Voy a seleccionar sobre todo y sólo unirlos en este punto antes de cortarlos. La otra cosa que me preocupa un poco es que la línea de corte aquí está sobre algo que no es recto, así que voy a seleccionar estos puntos en la parte superior de esta forma, y los voy a alinear para que sean todos horizontales con objeto, trayectoria, promedio y elegir horizontal para
hacerlos todos en una sola línea horizontal, y haga clic en Aceptar. Vamos a llevar esto a un lado, golpearlo sobre un par de píxeles, y luego ir a buscar la segunda pieza, llevarla al lado opuesto y golpearla sobre un par de píxeles con solo empujarla. Esta tiene una base muy desigual, por lo que será un poco útil y mucho menos
distrayente si solo limpiamos la base de la misma. La forma más fácil de limpiar la base de esto es simplemente agregar un rectángulo sobre ella. Yo sólo voy a hacer que sea del mismo tamaño más o menos que el skyline, y sólo voy a unir estas formas juntas. Eso resuelve parte del problema con la forma. Quieres asegurarte de que cuando estás cortando las formas que no cortes a través de una pieza en ángulo o algo que va a ser un poco difícil porque
vas a derribarla un par de píxeles extra. Vas a perder un par de píxeles de esta articulación, así que quieres asegurarte de que lo estás cortando en un lugar donde puedes permitirte perder un par de píxeles de espacio. Revisado, tengo dos formas. Asegúrate de que lo tengo seleccionado, alinearlo a la izquierda, y golpearlo sobre un par de píxeles extra, y luego toma el otro, alinearlo a la derecha, golpearlo sobre un par de píxeles, para luego sumarse a la brecha. Puedes ser tan creativo como quieras cuando estás construyendo en estas pequeñas piezas extra del skyline. Ahora he completado todas las formas, y todas han sido noqueadas un par de píxeles sobre el borde solo por seguridad. Ya no necesito la línea, así que sólo la voy a borrar. Cuando estoy moviendo estas formas alrededor, quiero tener mucho cuidado de que no las mueva fuera de alineación. Tengo presionada la tecla Mayús mientras los arrastra hacia abajo. También voy a recolorearlos a medida que voy porque quiero
crear colores azul-verde en mis formas. Simplemente voy a empezar a moverlos hacia abajo, manteniendo presionada la tecla Mayús, y simplemente arreglarlos en capas, asegurándome de que cuando sea posible, estoy llenando esos huecos porque tuve bastante cuidado con asegurándose de que las formas fueran bastante largas. Probablemente no tendré demasiado en el camino de problemas con esto. Ahora tengo todas las piezas que necesito para mi patrón y todas se han extendido ligeramente sobre la mesa de trabajo. Necesito redimensionar mi mesa de trabajo, así que voy a la herramienta de mesa de trabajo. Voy a arrastrar la parte superior de la mesa de trabajo así está detrás estas formas para que no tenga aquí ningún área blanca. Yo quiero estar lopping fuera de la parte superior de algunas de las formas. Ahora es lopping off la parte superior de dos formas, así que eso es simplemente perfecto. El fondo aquí, sólo voy a subirlo para que se
alinee a la base de la forma frontal. Entonces sólo voy a revisar mis dimensiones. Bueno, eso son 250 píxeles por 146. Sería más fácil si fuera 250 por 150, eso es más fácil de recordar. Voy a hacerlo solo un smidgen más grande, y luego volver a hacer clic en la herramienta de selección. Ahora voy a esta pieza frontal, que es esta pieza de aquí abajo, que no es lo suficientemente larga y o puedo moverla o simplemente puedo ir y conseguir la herramienta de selección directa seleccionar sobre la base de la forma y sosteniendo Shift, solo tira hacia abajo para que esté bien sobre la base aquí. A continuación, vamos a tener que duplicar dos formas. Vamos a tener que llevar un duplicado de esto hacia abajo y un duplicado de esto porque se superponen a la parte superior de la mesa de trabajo. Solo estamos mirando lo que hay fuera de la parte superior de la mesa de trabajo y son las formas que tenemos que duplicar. Seleccionemos primero el de atrás, objetemos, transformemos, moveos, yendo a cero estos ajustes porque es un poco difícil enfocar cuando tus piezas te despegan. Simplemente quieres cero todo, y luego pensar en lo que estás haciendo. Lo que tenemos que hacer es hacer una copia de esto y necesitamos moverla hasta el final de la mesa de trabajo. Acabamos de hacer la mesa de trabajo, y tenía 150 píxeles de altura, por lo que necesitamos mover estos 150 píxeles en dirección vertical. Pero no queremos perder esta copia, sólo
queremos una copia adicional, así que vamos a dar clic en copiar. Ahí está nuestra segunda versión, y está en la parte inferior aquí de la última pila, bueno es segundo a abajo así que sólo vamos a
moverla de nuevo hacia arriba así que está en la parte superior de esta última, eso está frente a todo. Entonces vamos a esta segunda pieza aquí, selecciónela, objeto, transforme, mueva. Si tienes suerte, tus ajustes seguirán estando en su lugar
porque son exactamente los mismos ajustes que necesitas usar. Muévete a 150 píxeles, pero haz un duplicado de la misma. Después ve y encuéntrala en la última pila donde apareció y arrástrala y ponla delante de todo lo demás. Ahora tenemos las piezas que necesitamos para nuestro patrón. Si necesitas mover algo, aquí
hay tres formas que podrías mover y son las tres formas que no duplicamos. Es éste, éste, y éste; los tres en medio. Podrías mover esos por ahí un poco si quieres. Pero no puedes mover a los demás porque son parte
del patrón y vas a romper las piezas de patrón si lo haces. Si necesitas mover ya sea las piezas que acabamos de duplicar, lo que tendrás que hacer es deshacerte de las piezas que acabas de hacer, mover estas alrededor, y luego recuperarlas porque de lo contrario, el patrón no va a funcionar. Ahora tenemos el patrón listo para ir, así que voy a añadir mi cuadro delimitador de patrón que es un rectángulo, así que vamos a hacer clic en la herramienta de rectángulo, hacer un rectangular del tamaño de la mesa de trabajo, que es de 250 por 150 píxeles de tamaño. Es no tener trazo ni relleno, y sólo lo vamos a centrar en la mesa de trabajo. Vamos a mover el rectángulo detrás todo porque así se hacen los patrones. Selecciona todo en esta capa con la herramienta de selección, solo tienes que arrastrar y soltar en la parte superior
del panel de muestras y hemos hecho nuestra pieza de patrón. En el siguiente video, regresaremos y aplicaremos nuestra pieza de patrón a una forma y solo echaremos un vistazo y veremos cómo funciona.
5. Hacer patrones orgánicos parte 4 4: Ya estamos listos para probar nuestra nueva muestra de patrones. Voy a crear una nueva mesa de trabajo con sólo hacer clic en la herramienta Mesa de trabajo. Eso va a arrastrar hacia fuera una mesa de trabajo de tamaño razonable aquí. Voy a ponerlo a un tamaño conocido porque eso me haría más fácil llenarlo con un rectángulo en breve. Lo estoy haciendo 330 píxeles por 250, eso es un tamaño arbitrario. Voy a dar clic en la herramienta Rectángulo y añadir un rectángulo, el tamaño de la mesa de trabajo, mis 330 por 250 píxeles de tamaño. Yo quiero que ahora mismo no tenga relleno ni trazo pero voy a llevar relleno al primer plano. Yo lo voy a alinear con la mesa de trabajo. Habiendo hecho eso, voy al panel Muestres y solo voy a dar click en nuestra muestra de patrones. Ahora la muestra de patrón está llenando el rectángulo y podemos dimensionarlo. Voy a elegir “Objeto”, “Transformar”, “Escala”. Nuevamente, voy a deshabilitar los objetos de transformación. Voy a dar click en “Vista previa”, y sólo voy a disminuir el tamaño para que podamos ver el patrón. Al hacer eso, puede que veas líneas de fractura apareciendo en tu patrón y he visto algunas líneas de fractura en éste, y no son pegajosas. Simplemente vienen y van bastante. A pesar de que es realmente bastante evidente aquí que hay una línea de fractura, si voy y guardo eso como imagen JPEG, no
estoy encontrando las líneas de fractura en ella. En realidad no está en la muestra de patrón, es sólo en la forma en que Illustrator lo está mostrando. No debes tener problemas cuando vayas y eliges “Archivo” y luego “Exportar”, “Guardar para Web Legacy”, ve y guarda esto como una imagen JPEG e incluso escalarlo hasta un tamaño bastante grande, no
tendrás líneas de fractura en ella. Yo sólo voy a elegir el ajuste en pantalla. Aquí se puede ver que las líneas de fractura simplemente no están apareciendo en esta versión exportada. Es realmente molesto, esas líneas de fractura en Illustrator, pero hay muy poco que podamos hacer al respecto excepto que solo estar realmente al tanto de ellas y solo asegúrate de que no estén en el ritmo de patrón y si no están en el ritmo del patrón, ve y guárdalo para asegurarte de que tu versión guardada o tu versión exportada no tenga esas líneas de fractura en ella. Yo sólo voy a cancelar fuera de aquí ahora mismo. Una de las razones por las que empujamos las formas por encima del borde de la mesa de trabajo sólo por un par de píxeles. Yo quería mirar la situación en la que tal vez quieras poner una línea alrededor de estas formas. Yo sólo voy a bloquear y apagar este rectángulo por aquí para que lo que está disponible aquí sean las formas de esta mesa de trabajo. También voy a bloquear y apagar el rectángulo de borde que está creando el camino. Las únicas cosas que aquí son seleccionables son las formas que van a conformar este patrón. Para cada una de esas formas, no es de extrañar, no
tenemos trazo porque nunca les agregamos un trazo, por lo que esta vez vamos a añadir un trazo y puedes hacer tu trazo del color que quieras. En realidad voy a añadir un trazo blanco a esto. Por el momento es de un píxel, sólo
voy a bajarlo un poco a 0.75 de un píxel. Pero lo que es crítico es que te
asegures de que el trazo esté en el exterior de la forma. Voy al panel Stroke aquí. Voy a hacer clic en esta opción, “Alinear trazo al exterior”. Lo que eso hace es que va a forzar el trazo fuera de las formas. Al hacerlo, se va a asegurar que los trazos estén fuera de la mesa de trabajo. Esto va a ser crítico. Esta es la línea de mesa de trabajo aquí. Vamos a ir y dar click en la herramienta Mesa de trabajo. Esta es la línea de la mesa de trabajo aquí, y este es el borde de una forma y estos son los trazos. Queremos que todo esto esté fuera de la mesa de trabajo. De lo contrario, vamos a tener problemas en que vamos
a estar construyendo un derrame cerebral en nuestro patrón. No queremos acariciar por un lado, sólo lo queremos a través de las formas. Las cosas están bastante bien aquí ahora, así que vamos a alejarnos. Con Control o Comando 0, voy a seleccionar todo. Pero antes de hacer eso, necesito hacer visible mi rectángulo y necesito seleccionarlo también. Ese es el sin trazo, sin rectángulo de relleno, ese es el tamaño de la mesa de trabajo que está detrás absolutamente todo. Simplemente vamos a arrastrar y soltar este lote en el panel Muestres. Volvamos a nuestra segunda mesa de trabajo. Voy a desbloquear y leer la forma aquí. Voy a seleccionar la forma. Voy a llevar el relleno al primer plano y
voy a añadir mi segunda muestra de patrón. Esto sólo nos está dando un aspecto diferente a nuestra obra de arte. De nuevo, tenemos esta fracturación
realmente, realmente desagradable a través de la imagen. Pero si elijo “Archivo”, “Exportar”, “Guardar para Web”, vaya a JPEG,
colóquelo en la pantalla. Bueno, en realidad hagámoslo mucho más grande así que tenemos una versión de mayor calidad de nuestra imagen. Ya verás que aquí no tenemos líneas de fractura para nada. Esas líneas de fractura sólo se mostraban en el documento Illustrator, no
están mostrando en la versión exportada. De nuevo, solo voy a dar clic en “Cancelar”. Tu proyecto para esta clase va a ser ir y crear uno o ambos de los patrones que te he mostrado cómo crear aquí. Encontrarás el enlace de descarga de los skylines en el área del proyecto de clase, por lo que eres libre de usar esos skylines o puedes hacer el tuyo propio. Publica una imagen de tu patrón terminado en el área del proyecto de clase. Espero que hayas disfrutado de esta clase y que hayas aprendido algo sobre crear patrones en Illustrator que realmente no puedes crear de la misma manera en la herramienta de creación de patrones y que realmente necesitan construirse a mano. Si disfrutabas de esta clase, puedo pedirte que hagas dos cosas por mí? En primer lugar, cuando se te pida recomendar esta clase a otros, dale un pulgar arriba y luego escribe solo unas palabras sobre por qué disfrutas de la clase. Estas recomendaciones ayudan a otras personas a encontrar mis clases. Indica que es una clase que ellos también podrían disfrutar. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y a todas tus preguntas y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.
6. Unir de línea alternativa para Illustrator CS5 y antes: parte 5: Este es un add on video para esta clase y va a ser particularmente relevante para cualquiera que esté usando Illustrator CS5 y anteriores. Porque la herramienta lápiz no funciona de la misma manera en esa aplicación. Lo que tengo para ti es una forma mucho más fácil de unir estas líneas una vez que llegues a este punto en el video. Lo que vas a hacer es ir y conseguir la herramienta de selección y arrastrar sobre las dos líneas que quieres unir y luego dar click aquí en la herramienta de lápiz. Es realmente importante que haga clic en la herramienta de lápiz en este punto porque ahora vas a elegir objeto, camino, unirse. Lo que Illustrator va a hacer es simplemente crear una unión en línea recta entre estos dos puntos. Ahora, puedes ir a la herramienta lisa porque la línea
sigue seleccionada y solo puedes seguir adelante y suavizar esto. Esto no va a afectar el punto más abajo del documento. De nuevo, ve a la herramienta de selección y solo selecciona sobre las dos líneas a las que quieres unir. Haga clic en la herramienta de lápiz, luego elija objeto, trayectoria, únete, Vaya a la herramienta lisa, y luego simplemente vaya y suavice las articulaciones para que obtenga una unión suave agradable. Herramienta de pluma, objeto, trayectoria, unir. Una vez que se une, puedes simplemente suavizarlo. Espero que eso te ayude si estás usando Illustrator CS5 y anteriores, como ser una forma alternativa de unir estas líneas al uso de la herramienta lápiz.
Helen Bradley, Graphic Design for Lunch™
