Transcripciones
1. Introducción al juego de patrones: Hola chicos. Me llamo Dylan Mierzwinski, diseñador
gráfico y entusiasta de la costura que vive en Phoenix, Arizona. En esta clase, te voy a mostrar mi flujo de trabajo para crear patrones
repetitivos utilizando tanto Illustrator como Photoshop. Vamos a usar Illustrator para construir formas, construir repeticiones de patrones y jugar con paletas de colores. Después llevaremos los patrones a Photoshop para agregar elementos
esbozados a mano y construir dimensión y textura. Agarra tu cuaderno de bocetos y empecemos.
2. Proyecto de clase: Para esta clase, quiero que crees un patrón repetitivo con elementos de tu elección. Me gustaría que hicieras algunos bocetos para tus motivos. Crea el mosaico de repetición en Illustrator. Explora al menos tres paletas de colores, y haz tu renderizado final en Photoshop. Puede referirse a mi proyecto de muestra como un esquema básico. Mostrando tu trabajo no sólo fortalece tu proceso como artista, sino que da a otros estudiantes perspicacia y confianza para trabajar en sus propios proyectos. No puedo esperar a ver tu trabajo.
3. Información general sobre el proceso: Me encanta Illustrator por su fluidez con crear formas y explorar color pero me encanta photoshop por su capacidad para agregar textura de aspecto natural y artístico. Aquí te dejamos un breve resumen de cómo uso ambos programas para crear patrones repetitivos. Empiezo por inspirarme y hacer algunos bocetos en mi cuaderno de bocetos. Esos bocetos entran en Illustrator y yo creo las formas, construyo el mosaico del patrón y exploro las opciones de color. El azulejo luego entra en photoshop para que le añadan líneas dibujadas a mano, y uso pinceles para agregar dimensión y textura. Hago una prueba final de azulejos para asegurarme de que todo esté alineando y eso es todo lo que hay.
4. Bocetos: A pesar de que algunas de las líneas de nuestros bocetos sólo
se van a utilizar como lineamientos para dibujar en Illustrator, otras líneas se van a utilizar como dibujadas en Photoshop. Entonces para esta clase, va a ser mejor si todos tus bocetos se hacen con líneas negras claras. Cualquier cosa que sea gris o bocoso no va a venir tan bien. Cuando hayas terminado de bosquejar y listo para capturar esos bocetos, puedes escanearlos en, en blanco y negro a 300 DPI o superior o puedes hacer lo que yo hago, que es solo tomar una foto con tu teléfono. Ten en cuenta que si estás tomando fotos de bocetos que están en múltiples páginas, intenta mantener tu teléfono a la misma distancia que todas las líneas tengan el mismo grosor. Si estás usando tu teléfono para tomar una foto de tus bocetos, entonces hay un poco de limpieza que tenemos que
hacer antes de poder utilizarlos de manera efectiva. Para que veas que traje mis bocetos aquí y puedes ver parte de la alfombra
y el lomo del cuaderno de bocetos y el color es un poco incómodo también. Entonces, lo que quiero hacer primero es hacer doble clic para cambiar esto de una capa de fondo a solo una capa normal. Yo sólo voy a agarrar la goma de borrar pulsando E en el teclado y sólo
voy a sacar estas cosas de aquí para que todo lo que me quede sean los bocetos. A continuación, quiero desaturar la foto y también quiero ajustar los niveles. Por lo que normalmente quieres trabajar de manera no destructiva, lo que significa que puedes volver atrás y hacer cambios. Pero no me preocupa “destruir estos bocetos”. Sé que los ajustes que estoy haciendo son lo que necesito hacer. Entonces puedo seguir adelante y golpear Comando U para que aparezca el cuadro de diálogo de saturación de matiz, y voy a tomar la saturación todo el camino hacia la izquierda. Esto lo hará para que solo estemos lidiando con píxeles negros, blancos y grises. A continuación, necesito hacerlo para que el papel sea blanco
brillante y las líneas sean lo más oscuras que puedan ser. Abre los niveles, voy a golpear el Comando L, y voy a arrastrar este deslizador que está todo el camino a la derecha, a la izquierda hasta que sólo vea blanco liso. Ahora, podrías estar tentado a ir tan lejos y parar. Pero realmente quieres poner atención a las partes más oscuras del dibujo para asegurarte de que también se estén poniendo blancas. Entonces voy a empujar esto de verdad. Al hacer eso, verás que empezamos a perder alguna definición con algunas de las líneas negras. Por lo que queremos ir al deslizador todo el camino a la izquierda y empezar a arrastrarlo hacia la derecha. Eso es todo lo que necesitas hacer. Entonces voy a seguir adelante y guardar esto como JPEG y lo voy a guardar en mi carpeta de bocetos. Voy a llamar a este boceto1. Entonces tengo otra página de bocetos y voy a hacer lo mismo. Ya pasé esta de una capa de fondo a una capa normal, pero seguiré adelante y agarraré mi borrador, sacaré mi pulgar de ahí, sacaré la columna del libro, y bajaré la base aquí. Golpea Comando U, desaturar. Golpea el Comando L, baje el blanco hacia arriba y oscurece los bocetos. Voy a guardar eso como sketch2 como un JPEG. Ahora nuestros bocetos ya son flores.
5. Dibujar con la herramienta Pluma: Por lo que estamos listos para empezar en Illustrator. Ahora, se puede abrir un documento a cualquier tamaño y digo eso porque estamos trabajando en vector land, que significa que todo es re-dimensionable y escalable y nada está realmente establecido en piedra como lo es con mapas de bits y píxeles. Entonces, adelante y abre una mesa de trabajo. Ahora, ni siquiera estoy usando mi mesa de trabajo. Estoy usando esta vista que muestran y ocultan mesas de trabajo. Lo uso con tanta frecuencia que en realidad robé el atajo de teclado de los bordes de ocultar y lo aplicé para mostrar tableros de arte. Todo lo que tengo que hacer para mostrarlos y esconderlos es golpear Shift Command H. Ya puedes ver que mi mesa de trabajo está por aquí, pero con las mesas de trabajo ocultas, obtengo un gran espacio en blanco viable, que cuando estoy empezando es realmente lo que me gusta. Queremos llevar nuestros bocetos a Illustrator y la forma en que me gusta hacerlo es colocándolos. Puedes subir a Archivo Lugar o el atajo de teclado es Shift Command P o Shift Control P en una PC. Voy a agarrar mis dos bocetos y si solo hago clic, los
va a traer al tamaño real de los documentos, que es demasiado grande para lo que quiero. Entonces para tener más control sobre ello, voy a dar clic y arrastrar para que esos sean del tamaño que quiero. Seguiré adelante y rotaré esto y así ahora están aquí para empatar. Ahora antes de saltar justo dentro, me gustaría ir por encima. Ahí vamos. Me gustaría repasar algunas de las herramientas que uso cuando estoy dibujando un ilustrador y la primera es la herramienta de lápiz. Ahora la herramienta de lápiz es una herramienta bastante polarizada en Illustrator. Parece que algunos diseñadores lo odian. Creen que no es intuitivo. En realidad nunca se las arreglan. Pero otros diseñadores realmente confían en ello y piensan que es el secreto para tener éxito en Illustrator. Yo soy de la mente que si o no tienes una tableta whack them, o estás necesitando un control realmente preciso sobre tus líneas o tus caminos en lugar de que realmente necesitas estar usando la herramienta de lápiz. Sí se necesita algo de práctica. Es una herramienta nueva, pero en realidad, no
es tan mala como parece y hay muchas herramientas de apoyo para que puedas usarlo con éxito. El atajo de teclado para la herramienta de lápiz es P y para aquellos que son completamente nuevos, permítanme dar un resumen básico muy breve de lo que hace la herramienta Pluma. La herramienta Pluma permite colocar puntos de anclaje que están conectados por trazados y cuando esos trazados y puntos de anclaje están todos conectados, crean una forma. Si hago clic, obtengo un punto de anclaje. Si vuelvo a hacer clic, obtengo otro punto de anclaje con un camino que está conectado por esos. O más bien conecta esos puntos de anclaje, debo decir. A medida que sigo dando vueltas, cuando vuelvo a mi primer punto de anclaje, consigo el ícono de la ropa pequeña en ese pequeño círculo, que me está haciendo saber que ahora tengo una forma cerrada. Ahora mismo estoy trabajando con un derrame cerebral. Pero si golpeo Shift X para llenarlo, puedes ver que tengo una forma llena. Si necesito tener bordes redondos, entonces necesito lo que se llaman asas y obtengo
asas en un punto de anclaje haciendo clic y arrastrando curvas de control de
mangos y así es como obtengo bordes redondeados con la herramienta Pluma. entrar aquí, hay algunos métodos diferentes que puedes usar para tener éxito con la herramienta Pen. Ahora cuando estoy rastreando sobre dibujos, me gusta trabajar con un trazo en lugar de un relleno para que pueda ver exactamente a dónde voy. Si empiezo a trabajar con un relleno, entonces puede empezar a bloquear mi dibujo y eso no es muy útil para mí. Voy a empezar justo aquí en esta esquina y la razón de eso es porque solo puedo click y hacer punto de anclaje regular en lugar de hacer clic y arrastrar y tener que lidiar con asas, que es lo que haría si estuviera empezando en la curva por aquí. Por lo que comenzaremos aquí y algunos diseñadores sugieren colocar tus puntos en el extremo de una línea. Es decir donde la línea o donde más sobresale la curva. Entonces si arrastro una guía aquí abajo, puedes ver que usando este top, parece que el extremo está aquí o si miras la curva, parece que tal vez está por aquí. El extremo funcionó para mí como principiante, pero encontré que me siento más cómodo al colocar mis puntos de anclaje un poco más allá de la curva de donde estoy trabajando. Esta curva está justo aquí y voy a colocar mi punto de anclaje y entrar aquí. Ahora, una cosa a tener en cuenta es que no tengas miedo si comienzas a poner tus puntos de anclaje y no se alinean con tu línea exactamente como ahí mismo. Eso no es alinearse con mi dibujo. Todo el beneficio de trabajar con un Illustrator es que todo es fluido. Puedes entrar y leer masajes, todos estos puntos de anclaje en estas líneas para llevarlos exactamente donde los necesites. Ahora bien, ¿es útil si intentas conseguirlos en el lugar correcto la primera vez? Seguro que sí. Pero no significa que no puedas usarlo si no las estás colocando abajo en el lugar correcto en el primer intento. De verdad rápido, quiero hacerte saber si cambio a mi herramienta de selección y no cerré este camino, siempre
puedo volver a hacerlo usando la herramienta Pluma y cuando me acerco a ese punto de anclaje, puedes ver mi icono cambia a esa línea haciéndome saber que estoy recogiendo justo donde lo dejé. Puedo seguir entrando aquí y dando vueltas. Ahora a veces, se puede ver que necesitaba arrastrar estas asas hacia fuera para conseguir esta curva. Pero esta siguiente parte que necesito es una esquina, pero ese camino sólo se está redondeando y eso es porque hay mangos ahí diciendo a ese camino que debe ser redondeado. Ahora si necesitas romper esos mangos, que es decir que quieres mantener esta línea aquí, esa curva allá, pero necesitas que sea una esquina aquí. Todo lo que tienes que hacer es mantener pulsada la opción y dar click con el ratón en ese punto de anclaje. Ahora sostiene ese asa ahí para esa curva. Pero tienes un punto de anclaje de esquina con el que trabajar para tu siguiente punto. Cuando estaba aprendiendo Illustrator, eso fue algo que ninguno de mis profesores parece mencionar. Vi muchos videos en línea y la gente parece brillar sobre eso. Eso es realmente importante. Si te estás frustrando como aquí mismo, va a suceder de nuevo porque estás consiguiendo este ángulo realmente loco aquí por estas manejas.Solo significa que necesitas mantener presionada Option o Alt y dar click en eso para rompe esas asas y luego estás libre y claro para seguir adelante. Voy a ir por aquí y voy a seguir adelante y cerrar esta forma. Entonces mirando hacia atrás, no está tan mal. Definitivamente hay lugares que necesito arreglar. Algo que estoy notando justo del bate es que mis esquinas están realmente agudas aquí y probablemente ni siquiera voy a usar esto como un derrame cerebral. Probablemente terminaré llenándolo. Pero lo que me gusta hacer es abrir mi panel de trazos, que si no lo tienes en tu panel lateral, puedes ir a Trazo de ventana. Es que me gusta cambiar la esquina de una articulación inglete a una junta redonda y se puede ver que eso simplemente suaviza eso. Como dije, eso es algo para mí visualmente. A mí me gusta ver allí una esquina redondeada en lugar de la afilada. Pero de todos modos, así que tenemos estos puntos abajo y una cosa que podemos hacer para empezar a masajear todo es usar nuestra herramienta de selección directa, que es la flecha blanca junto a la negra y esto nos da acceso a todos los puntos de anclaje y caminos que están creando esta forma. Entonces aquí mismo puedo ver que realmente pienso que todo lo que necesito hacer es mover este punto un poco a la derecha y eso parece que encaja eso en su lugar realmente bien. Aquí abajo, parece que algunas de estas manijas necesitan ser ajustadas. Yo puedo hacer eso. Algo que sé por ser principiante y trabajar con principiantes en Illustrator es que hay una tendencia a poner demasiados puntos de anclaje en un camino. Si una forma simplemente realmente, no
se está poniendo suave, no se
puede descifrar. Es o porque un punto de anclaje es entonces un lugar equivocado o estás usando demasiados puntos de anclaje. Si encuentras que te encuentras con uno que parece simplemente extraño y no útil, puedes presionar la tecla menos de tu teclado y hacer clic en ese punto de anclaje y lo eliminará sin romper tu forma. Puedo entrar aquí y volver a resolver esto y ver si eso me gusta más. Otro consejo que tengo, sobre todo como arma secreta para principiantes, es si has hecho todo lo que has podido con tus puntos de ancla y simplemente no
puedes parecer realmente averiguar por qué algo no es suave, hay un real herramienta suave. Yo voy a ir por aquí. El instrumento liso
es, podría estar mostrando la forma o dos en la parte superior porque esa es la herramienta principal que está debajo la flor. Pero ahí es donde está la herramienta suave y todo lo que necesitas hacer es con la forma seleccionada, haz clic y arrastra la forma que esperas o la línea que esperas. La herramienta más suave va a refinar ese borde y
va a poner nuevos puntos de anclaje hacia abajo en función de la forma que estás dibujando. Puedo entrar aquí y es realmente sutil. Puedes dibujar sobre él tantas veces como quieras. Pero encuentro que eso realmente me puede ayudar cuando simplemente no
puedo averiguar por qué una línea no se ve como quiero que se vea. Entonces ese es un método para hacer clic y arrastrar a medida que vas y luego volver y masajear. Otra forma que me gusta trabajar es usar la herramienta de lápiz para simplemente colocar mis puntos de anclaje hacia abajo donde creo que necesitan estar sin arrastrar nada. Se puede ver que solo estoy dando clic y arrastrando y consiguiendo caminos
rectos por todas partes y cuando haya terminado, puedo volver atrás y ajustarlos según sea necesario. Todos estos son solo esquina, son solo esquinas en este momento, puntos de
anclaje con esquinas y si quiero cambiarlos y arrastrar asas hacia fuera, puedo ir debajo de la herramienta pluma volar menú a la herramienta de punto de anclaje, que el atajo de teclado es Shift C. Lo que puedo hacer es hacer clic y arrastrar y empezar a hacer que estos sean puntos de anclaje redondeados. Otra forma de hacerlo es hacer click en el punto de anclaje que quieres ser redondeado y ahí están estos dos botones de conversión aquí arriba. Uno convertirá un punto de anclaje seleccionado en una esquina y el otro convertirá un punto de anclaje de esquina para que sea suave. Entonces si hago clic en eso, se puede ver que ahora tengo dos mangos arrastrados por aquí. La herramienta de punto de anclaje de conversión que los arrastra hacia
fuera, te va a dar asas iguales a cada lado del punto de anclaje, que no siempre es lo que necesitas. En ocasiones utilizo esa herramienta solo para obtener acceso a los mangos y luego vuelvo a mi herramienta de selección directa para poder arrastrarlos independientemente el uno del otro. Yo puedo hacer este más grande. Puedo ir a la herramienta convertir punto de anclaje para hacer esos redondos. Parece que éste necesita algo de ayuda y puedo dar vueltas y vueltas hasta tener lo que quiero. El otro bonito de la herramienta de punto de anclaje de conversión
es que no solo funciona con puntos de anclaje aunque así se llama. Funciona también con almohadillas. Si me cuesta averiguar lo que tengo que hacer primero, puedo subir directamente a este camino con esta herramienta y puedo arrastrar esto hacia fuera. Para el ultra principiante, o si solo estás pasando un momento difícil con la forma, a veces jugar con esto te ayudará a meterte en el estadio y luego podrás suavizar las cosas con la herramienta de selección directa para llévalos donde necesites que estén y esa es herramienta útil también. Por último, si necesitas una mejor vista de tu forma como en este momento mi trazo es grueso y tengo estas líneas apareciendo debajo. Me está costando mucho decir realmente cómo se ve mi forma. Puedes entrar en modo contorno, que el atajo de teclado es el comando Y o Control Y en un PC o puedes ir a ver contorno y lo que esto
te va a mostrar son solo los caminos y puntos de anclaje que están conformando la forma y por lo que me acabo de encontrar que a veces necesito
deshacerme de todo el otro ruido para ver donde algo es inestable. Como puedo ver aquí mismo, pasa algo raro gracias al modo de esquema y si hago clic en eso, puedo ver es porque estas asas están rotas. No es suave. Voy a subir a convertir a suave. Eso ayudará a que esos mangos sean paralelos, que lo convertirá en una esquina lisa. Si arrastro esto hacia fuera, se puede ver que usamos la herramienta de lápiz de dos maneras diferentes, pero las formas que obtenemos son bastante similares. No le tengas miedo a la herramienta de bolígrafo. Practicar con él y ver si eres capaz de conseguir cosas que te gusten porque hay momentos en que tener un control completo sobre dónde están esas curvas es realmente beneficioso.
6. Dibujar con la herramienta Lápiz: Ahora vamos a echar un vistazo a la herramienta lápiz, que uso cuando estoy dibujando con mi tableta. Ahora bien, no tienes que invertir en una tableta si no quieres, puedes usar esta herramienta con el ratón solo encuentro que es mucho más orgánico usar una tableta. Dicho eso, la tableta que uso es la Wacom Bamboo, que creo es una de sus tabletas de extremo más bajo que hacen. Me lo regaló un compañero de trabajo hace unos años y nunca he necesitado nada más. Por lo tanto, el área de dibujo en ella es quizás de cuatro por siete, que es mucho más pequeña en comparación con sus otras tabletas, pero realmente nunca he necesitado nada ni nada más. Si has estado en la reja por conseguir uno y no estás seguro de gastar unos $100, adelante y consigue una de sus tabletas más pequeñas. De verdad creo que hará el trabajo por ti al menos cuando estés empezando. Para acceder a la herramienta lápiz, voy a golpear N en mi teclado, y a diferencia de la herramienta de lápiz, no
tengo que preocuparme por colocar todos los puntos de anclaje y almohadillas yo mismo, básicamente solo dibujo la forma que quiero. Para que pueda seguir adelante y dibujar aquí. Cuando me acerque al principio, me
va a dar el icono de cierre, puedo soltarme, y la forma está hecha para mí. Al igual que cualquier otra forma en Illustrator, si la selecciono y presiono A en mi teclado para acceder a mi herramienta de selección directa, puedo seguir adelante y entrar aquí y jugar con cualquiera de los puntos de anclaje y asas. Todavía tengo control total sobre la forma, simplemente no tuve que
monearme con colocar todos los puntos yo mismo tratando de conseguir todo perfecto. Ahora, en cuanto a las opciones que tienes con la herramienta lápiz, puedes hacer doble clic sobre ella para acceder al panel de opciones. Lo primero que vamos a ver es la fidelidad, que se puede ver es una escala que va entre precisa y suave. Si giro esto todo el camino a precisar, se
puede ver que si dibujo esta forma loca por aquí y luego la cierro,
va a hacer mucho una forma basada exactamente en lo que dibujé, que a veces no puede ser genial si tienes estos pequeños se solapa aquí. Se puede ver que tengo una forma realmente rara superpuesta y pequeños picos y valles como este que no se ven geniales. Pero a veces eso es lo que
quieres, quieres tener control total sobre la forma que estás haciendo. otro lado, si voy todo el camino para suavizar y hago algo así, lo que termino es con algo mucho más suave, y no sé si ese ejemplo realmente lo mostró. Pero se puede ver la superposición que obtengo es mucho diferente. Si tengo pequeños picos y valles saliendo, realmente
va a suavizar todo. Si eres usuario de mouse, si no tienes tableta, entonces eso realmente te puede ayudar. Porque si tu mano se masturba un poco o te masturbas un poco tratando de girar la muñeca alrededor del ratón, va a seguir adelante y suavizar eso para ti. A mí me gusta mantener el mío no todo el camino para suavizar, pero definitivamente con ese fin. Eso parece funcionar lo mejor para mí, pero juega y ve qué funciona para ti. Tenemos estas otras opciones aquí abajo. El primero es llenar nuevos trazos de lápiz. Eso solo significa que puedes ver que
ahora mismo tengo un color de relleno y si hago una forma lo va a llenar. Si apago eso, entonces va a hacer una forma, pero no va a tener trazo ni relleno. Entonces si lo selecciono, puedo ver la forma es que simplemente no hay relleno. En realidad no sé realmente por qué no querrías llenar, podrías pensar como,
oh, tal vez lo acariciara. Pero si mantengo esto en relleno y pongo mi trazo a un color, no
lo llena, solo le da el trazo. Esa opción está ahí, aunque no estoy realmente seguro para qué sirve. El siguiente se mantiene seleccionado. Mantener seleccionado por sí mismo no es todo tan poderoso, pero es realmente útil para algunas de estas otras opciones. Si reviso esto y dibujo una forma, se
puede ver que bastante seguro que todavía se selecciona esa forma, y sé que es porque puedo ver todos los puntos de anclaje en ella. Ahora si vuelvo aquí y también compruebo esta opción que dice tecla de opción cambia a Smooth Tool, bueno, eso significa que tengo acceso justo después de dibujar la forma para suavizar mis líneas. Si dibujo algo y no me gusta cómo resultó,
entonces todo lo que tengo que hacer es mantener presionada Option y entrar aquí, y tengo acceso a la Smooth Tool justo sobre la marcha. Eso puede ser realmente útil. El único motivo por el que no trabajo de esa manera es que no encuentro que realmente necesito suavizar las cosas la herramienta lápiz hace un muy buen trabajo. Pero si estás encontrando que estás dibujando cosas y no están suavizando cómo quieres, entonces esa podría ser una combinación realmente poderosa para ti. De igual manera, desmarcaré eso, pero mantendré seleccionado comprobado. Si tienen esta opción aquí abajo llamada editar rutas seleccionadas. Con esos dos seleccionados, lo que puedo hacer es dibujar una forma y luego como está seleccionada, puedo entrar aquí y alterar cómo se ve esta forma. Podría entrar y cambiar eso,
y se puede ver que está agregando más puntos de anclaje sobre la marcha, lo cual puede ser realmente útil. El único problema que veo con esto es que a veces no entiende del todo lo que le estás pidiendo que haga. Por supuesto, probablemente no lo haga ya que estoy, oh, ahí vamos. A veces se puede ver que hace estas formas combo que realmente no necesito, y en realidad tengo un método que me gusta más para alterar formas cuando es necesario. Por lo que realmente no lo mantengo comprobado. Por último, tenemos caminos cerrados cuando los extremos están dentro de tantos píxeles. El valor predeterminado para esto es de seis píxeles, y se puede ver que tengo eso bastante más alto. Eso es porque cuando estoy dibujando con la herramienta lápiz, usualmente
voy bastante rápido, y si no tienes eso comprobado y no te encuentras dentro de los
seis píxeles de esa primera línea, entonces no va a cerrar el forma para ti, y es realmente molesto tener que entrar ahí y cerrar eso después. A mí me gusta que suba eso parece hacer un trabajo bastante bueno para mí. Para esta forma, todo lo que necesito hacer, en realidad voy a alejar el zoom. El modo en que voy a estar usando esto es que voy
a hacer una forma en Illustrator que delinea todos estos, y entonces realmente voy a usar estas líneas dibujadas en Photoshop para ir encima de ello. Entonces todo lo que necesito hacer es trazar el contorno de todos estos juntos. Sería mucho trabajo entrar ahí con
la herramienta de pluma y poner cada uno de estos puntos de anclaje y curva, todo cuando no soy particular sobre cómo
quiero que se vea solo quiero que tenga este look orgánico natural. Eso funciona bien, y como dije, si hay algo que no me guste, entonces solo puedo entrar con la herramienta de selección directa y cambiarlo. Algo que olvidé mencionar antes es si alguna vez ves estos pequeños iconos blancos, eso significa que tienes una esquina ahí mismo y es una esquina en vivo, lo que significa que puedo redondear esto simplemente pulsando y arrastrando ese pequeño ícono. Ya que está en vivo, eso significa que incluso después de haberlo redondeado, podría traerlo todo el camino de vuelta y convertirlo en una esquina de nuevo. Si ves esos, eso es a lo que eso se refiere. Pero esa es la herramienta de lápiz, es bastante simple y directa y realmente poderosa cuando se quiere tener una ilustración de aspecto natural.
7. Crear formas: Estamos cada vez más cerca de dibujar realmente encima de nuestros bocetos. Lo que quiero hacer para prepararme es agarrar los dos bocetos que coloqué aquí. Ve a la opacidad, baja eso y sigue adelante y bloquea la capa en la que están. De esa manera puedo dibujar justo encima de ellos sin tener que preocuparme por moverlos. Ahora, en lo que vamos a estar trabajando es bosquejar o dibujar las capas de relleno. Yo sólo quiero repasar lo que quiero decir cuando digo eso. Aquí un boceto de una de las flores que estaré dibujando. Ahora mismo en lo que estoy trabajando es en dibujar los rellenos. Estoy mirando este boceto que hice, y estoy mirando lo que quiero que me llenen. Cuando digo líneas de acento, estoy hablando de todas las demás líneas que están en el dibujo para apoyar la ilustración. Al final, el relleno y las líneas de acento se
juntarán para una pieza final como esta. En ocasiones las líneas de acento y los rellenos no se tocan así. Aquí tengo este boceto, y para los rellenos, sabía que quería que se llenaran todas estas pequeñas piezas, las hojas y los círculos. Conocía el tallo en sí, usaría como línea de acento y los juntaría más tarde. Ahora mismo, estamos trabajando en dibujar los rellenos. Una última cosa antes de que realmente nos metamos en ello, es que quiero repasar la herramienta
Shape Builder, y es un poco complicado hacerlo primero. Te quiero mostrar con algunas formas geométricas básicas, y luego te mostraré cómo se aplica al dibujo sobre mis bocetos. Hay momentos en los que estás dibujando, en los que necesitas combinar formas de diversas maneras. Para hacer eso, voy a utilizar la herramienta Shape Builder. Para los diseñadores que están familiarizados con el pathfinder, cuando el ilustrador introdujo la herramienta Shape Builder, en mi mente, hizo que todas estas funciones fueran un poco obsoletas porque en lugar de cumplir con un montón de funciones separadas, tenemos una herramienta que puede hacer todo a la vez. Tengo estos dos hexágonos aquí. Hay dos formas separadas. Si entro en modo esquema, se
puede ver que todo lo que hay ahí. Esta línea es del boceto de que es máscara, así que eso es lo que es esa línea. Déjame en realidad simplemente borrar eso para que eso no se interponga en nuestro camino más adelante porque eso puede ser confuso. Tenemos estas dos formas, y voy a arrastrar ésta para que se superpongan. Ahora bien, sabemos que aquí solo hay dos formas, y eso es lo que nuestro cerebro está pensando. Tenemos a hexágonos. Pero si entro en el modo Shape Builder, que es Shift M, entonces el ilustrador ahora está viendo esto como piezas separadas donde todo se superpone. Si entro en modo esquema, se
puede ver que no sólo tenemos dos hexágonos, en realidad
tenemos esta forma por aquí. Tenemos este hexágono el cual se combina de estas dos formas. Tenemos el diamante en el medio donde se superponen. Tenemos esta forma por aquí, y luego si combinamos estas dos formas, tendríamos el hexágono a la derecha. The Shape Builder nos da acceso a todas estas diferentes piezas que son creadas por los dos caminos de las formas. Si quiero hacer una forma, todo lo que tengo que hacer es hacer click. Al hacer clic ahí, si dejo el modo de esquema y solo agarro mi herramienta de selección, puede ver que fui capaz de cortar y hacer esa forma con ese solo clic. También podría hacer clic en este diamante en el medio, y ahora donde esos caminos se entrecruzaban, ahora
tengo una forma de diamante que puedo usar. No sólo tengo que hacer clic, también
puedo hacer clic y arrastrar. Puedo arrastrar estos juntos, y lo que consigo es ahora un hexágono y una forma de lo que queda. Se puede ver que aquí me dan muchas opciones. Puedo hacer clic en los tres de estos y hacer que las tres formas separadas. Ahora tengo uno para el lado derecho, uno para el lado izquierdo, y el diamante en el medio, o puedo sostener opción abajo, lo que me da la capacidad de deshacerme de las piezas. Puedo dar click en el medio. Si vuelvo ahora, ahora puedes ver que tenemos estas dos formas y falta el diamante del medio, o podría decidir deshacerme de las dos formas exteriores y todo lo que me queda es un diamante. Obtenemos un montón de pequeñas formas
poderosas solo de una herramienta con caminos que se superponen. Ahora hagámoslo un poco más complejo. Presentemos cuatro hexágonos. Son formas separadas. Voy a seguir adelante y hacer que sea para que primero se toquen, y luego voy a tener que se superpongan. Estamos acostumbrados a ver cuatro hexágonos, y para poder utilizar con éxito la herramienta Shape Builder, necesitamos empezar a mirarlos como caminos que se superponen, que nos dan apenas una miríada de formas con las que trabajar. Tengo todo seleccionado. Voy a golpear Shift M. Ahora se puede ver que mientras que antes sólo teníamos cuatro hexágonos, ahora
tenemos toneladas de formas geométricas aquí dentro que podemos combinar o deshacernos o hacer clic para simplemente crear nuevas formas por completo. Si hago click en estos dos, entonces consigo dos nuevos hexágonos más pequeños que podría salir de aquí. Si vuelvo a seleccionar todos estos y golpeo Shift M, entonces puedo entrar y puedo combinar estos de la derecha. Yo puedo deshacerme de ellos. Podría combinar estos en el medio, combinar estos aquí abajo, combinar estos dos. Ahora puedes ver que con lo que me queda después de todas esas formas, son estas formas que terminé haciendo con ella. Realmente tenemos mucho pasando aquí. Otra cosa que es realmente genial de la herramienta Shape Builder con la
que realmente puede lidiar la herramienta pathfinder, es a pesar de que todas estas cuatro formas se superponen, no significa que tengamos que lidiar con todas ellas. Si solo quisiera lidiar con estos dos hexágonos aquí mismo, entonces si los selecciono y entro en la herramienta Shape Builder y entro en modo contorno, aunque veo todos estos superpuestos, todo lo que nos dicen que la herramienta Shape Builder pague atención a son las que seleccionamos. Las únicas cosas que puedo hacer en este momento es
combinar o excluir algunas de estas formas. Puedo combinar estos y deshacerme de esto y no va a afectar las formas aquí arriba. Eso también me da mucho poder. Déjame mostrarte cómo funciona esto para mis bocetos. Voy a agarrar mi herramienta de lápiz, y empezaremos con una fácil. Voy a empezar con estos cogollos que están aquí abajo. Voy a conseguir un color diferente, y voy a seguir adelante y empezar por trazar sobre el tallo. Ahora voy a conseguir un color diferente solo para que podamos ver, y voy a trazar estos dos capullos de flores. Ahora sería bastante fácil para mí simplemente tomar esta forma y
ponerla al frente y obtener el resultado que queremos. Pero si entro en modo esquema, puedo ver que estas formas se superponen, y es realmente innecesario porque de todos modos no puedo ver el fondo de este brote. Puedo usar Shape Builder para simplificar esto. Ahora, vemos tres formas. Vemos dos capullos de flores y un tallo. Pero como sabemos por pensar como Shape Builder, en realidad
tenemos muchas más formas aquí. Tenemos esto aquí arriba 1, 2, 3, 4, 5. Tenemos cinco formas. Ahora soy capaz de Shape Builder herramienta para simplificar todos estos. Yo le he pegado al Shift M y ya estoy aquí. Sabiendo que mi dibujo donde está esta línea, es donde golpea el tallo, voy a seguir adelante y combinar estos dos. Yo voy a hacer lo mismo aquí y combinar estas piezas. Ahora, en lugar de tener cinco formas separadas, tengo tres como sé que quiero. No sólo eso, sino que estas son ahora mucho más limpias, y tienen estas líneas perfectas que se reúnen con dónde están estas líneas compartidas entre esos dos dibujos. Eso es bastante guay. Ese es un ejemplo bastante correcto. Como dije, podría haber dibujado esos brotes y ponerlos ahí atrás, pero hay momentos en que esto va a ser realmente pertinente para las líneas que se comparten entre dos dibujos. Echemos un vistazo a este. Voy a seguir adelante y dibujar una forma alrededor de esta hoja entera. Por lo pronto, voy a ocultar esta forma. Yo uso esconderme mucho para cuando estoy dibujando y
necesito algo que me salga de mi camino para que yo dibuje algo más. Sin moverlo, de esa manera sé que está en el lugar correcto y así solo voy a golpear al Comando 3. Ahora, voy a trabajar en esta pequeña forma. Bueno, ya que sé que la herramienta Shape Builder funciona con caminos que se superponen, voy a seguir adelante y dibujar esto. Entonces no me voy a preocupar por cómo se ve el otro lado de la forma, porque la primera forma que dibujé me va a ayudar a hacer la frontera para esa. Voy a golpear opción o Alt Command 3 para mostrar esa primera forma. Tan solo para que las cosas sean fáciles, cambiaré este color. Entonces puedes ver, sé que aquí tenemos dos formas, pero pensando como Shape Builder, podemos ver que en realidad tenemos acceso a tres piezas de las formas. Voy a golpear Shift Command o simplemente Shift M, y luego simplemente voy a mantener la opción y deshacerme de ese exceso. Ahora, tengo estas dos formas trabajando juntas con una línea compartida realmente bonita, donde nada se superpone o se ve raro. Ahora técnicamente, si arrastro esto, este fondo es como perfectamente formado detrás de aquí, y en realidad quiero que esta línea sea donde se encuentren. Para ello, los seleccionaré a ambos, presionaré Shift M, y solo voy a dar clic donde está éste. Eso acaba de decirle a Shape Builder que donde esas piezas se solapan, sólo
quiero una forma, y se puede ver eso ahí. Déjame mostrarte un ejemplo más que está un poco más involucrado. Aquí mismo, esta forma va a estar conformada por 1, 2, 3, 4 piezas. Pero voy a crear eso dibujando algunas ilustraciones que se superponen para que pueda usar la herramienta Shape Builder para escoger las piezas que quiero construir esta flor. Permítanme empezar dibujando el tallo. A continuación, voy a seguir adelante y dibujar esta flor. Entra y conecta eso. Voy a ocultar esto mientras dibujo esta parte superior. Ahora, ya dibujé esta línea desde la última forma que dibujé. Ahora tendré acceso a eso como borde cuando esté en la herramienta Shape Builder. Para dibujar esto, realmente sólo necesito
preocuparme por dibujar esta línea que aún no había tenido. Entonces puedo seguir adelante y poner un montón de exceso
aquí arriba que se solapará de lo que podremos deshacernos después. Si ahora exhibo esa forma y selecciono las tres, voy al modo contorno. Ya podemos ver qué piezas necesitamos guardar, combinar y deshacernos y golpear Shift M. Ya sé que esta es una forma que queremos, esa es la parte superior de la flor. Sé que podemos deshacernos de eso porque sólo dibujé
eso para que pudiera hacer esta forma a partir de la forma. Aquí abajo, sé que esto es en realidad una parte del tallo. Voy a seguir adelante y hacer clic y arrastrar para combinar esos. Sólo queda una pieza, y déjame cambiar el color para que podamos ver lo que estamos haciendo. Ese es el brote y eso es fácil. Eso es lo que ya hemos estado haciendo. Dibujaré este brote. Voy a seguir adelante y combinarlos o ir en modo esquema para que sea fácil para mí. Hit Shift M, y puedo ver que esto es realmente parte del tallo. Los combinaré y miraré eso. En nuestro modo de esquema, podemos ver que tenemos nuestra forma exactamente como la queremos, y todo está bien y limpio. El motivo por el que esto está cambiando de color es porque cuando se utiliza la herramienta Shape Builder para construir formas a partir de dos colores diferentes formas, las
hace del mismo color. Por eso necesitaba cambiar eso. Adelante y usa cualquier herramienta de dibujo que quieras para dibujar todas las formas de relleno de tus dibujos. A continuación, vamos a hablar de líneas de acento.
8. Líneas de acento: Tengo todas mis formas de relleno hechas, y voy a apagar mis bocetos para que puedan ver. No sólo eso, sino que empecé a considerar el color. Ahora de ninguna manera tiene que ser tu paleta de colores final. Pero sí quieres empezar a colorear como objetos, lo que eso significa es, sé, por ejemplo, que quiero que algunas de mis flores sean este color periwinkle claro y quiero algunas de ellas al rosa, mientras que yo quieren que las hojas y tallos sean verdes, esos son todos del mismo tono de verde. Entonces todo lo demás son estos colores crema. Eso solo ayuda, para que sepa con cuántos colores en general voy a estar trabajando en este patrón. Serán fáciles de cambiar después, pero si empiezas a pensar en ello ahora a medida que nos movemos al mosaico, te
va a ser más fácil más tarde. Ahora, antes de que realmente empecemos a construir el azulejo, necesito poder trabajar con estas líneas de acento. Como ya hablé antes, me gusta agregar las líneas de acento en Photoshop, personalmente
me gusta el look que Photoshop es
capaz de capturar trayendo las líneas de mis bocetos. No obstante, realmente no puedo
hacer efectivamente un mosaico repetido solo basado en estas formas de relleno. Por ejemplo, estos tallos, no
soy capaz de simplemente adivinar cuánto tiempo van a ser, y así que necesito tener algunas formas de acento a las que hacer referencia. Voy a volver a encender mis bocetos, los
voy a desbloquear y voy a seguir adelante y llevarlos a la capa superior, para que pueda verlos. Los sacaré del camino para que no estén justo encima de mis bocetos. Lo que vamos a hacer para que estos sean utilizables, es que vamos a usar el rastreo de imagen. Ahora bien, es muy posible que después imagen trazar estas líneas y combinarlas con nuestros rellenos, que te guste la forma en que se ve y quieras usarlas tal como está, en cuyo caso ni siquiera tienes que preocuparte por traer tu azulejo en Photoshop para agregar textura. El look de las líneas vectorizadas simplemente no jita realmente con mi estilo. Me gusta mucho un look más dibujado a mano, Es solo una preferencia, depende totalmente de ti. Pero de cualquier manera, tenemos que vectorizar a estos bebés con el
fin de agregarlos a nuestros rellenos para usarlos como guía, fin de imagen rastrearlos, voy a seleccionar mi primera cosa de bocetos, y voy a abrir mi imagen panel de seguimiento. Si no tienes el tuyo por ahí, puedes ir al trazado de ventana y de imagen, y yo voy a ir a los presets, y voy al logo en blanco y negro. Probablemente te va a advertir que los rastros son grandes y por lo que podría proceder despacio. Ahora el primer pase lo hizo, puedes ver estoy perdiendo algún detalle por aquí así como en estas hojas. Lo primero que quiero hacer es en las opciones aquí abajo, seleccionar ignorar blanco. Solo estamos usando las líneas negras y haciendo click que también hará que las líneas negras sean un poco más audaces. Eso aún no fue suficiente, sigo viendo algunos temas aquí abajo, así que voy a deslizar el umbral hacia la derecha. Eso se ve mejor. Déjame probar un poco más, y eso va a funcionar para mí. Todavía no trajo todo esto, pero en realidad no terminé usando esta hoja cuando estaba haciendo mis rellenos, no
estoy realmente preocupado por eso. Estoy mirando todas mis otras líneas. Eso se ve bastante bien. Ahora para convertir esto de un objeto trazado sólido en formas reales que podamos usar, necesitamos expandirlo y expandirlo realmente solo nos da todos los puntos de anclaje y almohadillas que necesitamos. Están agrupados ahora mismo, voy a golpear Shift Command G para desagruparlos. Ahora puedes ver puedo hacer click y mover estas cosas libremente como necesito. Voy a seguir adelante y hacer lo mismo al segundo conjunto de bocetos, Logotipo en blanco y
negro. Deja que haga lo suyo, Hit ignora blanco, probablemente vamos a necesitar subir el umbral. Déjame ampliarlo y desagruparlo, y estamos listos para usar estos. Voy a empezar con esta flor, pesar de que parece que todo está agrupado, algunas de estas piezas están separadas. Quiero dibujar marquesina alrededor de toda esta flor y golpear Comando G para agruparla. Voy a llevarlo hasta donde está su forma de relleno correspondiente. Los agruparé también y los moveremos a un costado. Ahora en mi ejemplo anterior, te
mostré que cuando combino las líneas de acento a este relleno, en realidad no
necesito todas estas líneas. De verdad sólo quiero las líneas de acento aquí que están dentro de la flor y los puntos dentro de estas pequeñas flores, fin de trabajar de manera no destructiva, voy a hacer una copia manteniendo presionada opción y arrastrando, para que en caso de que cuando esté construyendo mi motivo, alguna vez quiera solo el contorno de la flor sin el relleno, tenga acceso a eso. Ahora con esto, voy a tratar de poner esto en su lugar a donde lo quiera. Voy a presionar Shift E en mi teclado para llegar a mi borrador y voy a eliminar todas las líneas que no quiero usar. Ahora bien, si te encanta la forma en que se ven estas líneas vectorizadas y piensas que vas a querer mantenerlas y no hacerlo en Photoshop, entonces querrás ser un poco más cuidadoso con el borrador para no borrar demasiado. Yo sin embargo, solo estoy usando estos estrictamente como referencia para construir mi azulejo, no
voy a ser demasiado cuidadoso al no eliminar líneas extra aquí. No me voy a enloquecer, pero sólo quiero decir, realmente no estoy prestando mucha atención a cómo van a quedar los bordes de estos. Yo sólo quiero la idea básica. Yo también quiero entrar, y conseguir estos. Esto es toda preferencia, tal vez decidas que te gusta la forma en que se ven todas las líneas en la parte superior del relleno. A lo mejor decides que realmente no quieres ninguna línea de acento y realmente quieres redibujar todo. Depende totalmente de ti, solo te
estoy mostrando mi flujo de trabajo con cómo los construyo usualmente. Cuando todo eso esté hecho, voy a llevarlos y agruparlos y los voy a mover a un lado, porque todos están atendidos, y voy a pasar al siguiente bit. Ahora, quiero trabajar con algunos de estos porque me interesa bastante cómo van a quedar estos. agruparé y los voy a llevar hasta su relleno correspondiente, que es aquí mismo, déjame agruparlos. Tráelos aquí, y de nuevo, quiero trabajar de manera no destructiva porque ya puedo decir que voy a querer usar algunas formas como esta, sobre todo estas de forro sin ningún relleno. Yo quiero hacer una copia, lo hice sosteniendo opción y arrastrando y alinearé esta arriba. Este voy a hacer mucho borrado porque sé que realmente solo quiero que se queden los tallos. Haré clic en él y pegaré Shift E y voy a esto, eliminaré contorno alrededor de la hoja, alrededor de estas espumas. Si te está costando ver por dónde vas, puedes subir a ver ocultar bordes y aún tengo mi línea seleccionada para borrar, pero puedes ver no tengo todos los puntos de anclaje y pads en el camino soy capaz simplemente realmente ver donde estoy borrando. Eso me queda bastante bien, los seleccionaré y los agruparé juntos. Ponlo junto a esto, y voy a mover esos hacia un lado hacia donde están mis otros. Simplemente voy a seguir adelante hasta que todas
mis formas de relleno tengan algunas líneas de acento añadidas a ellas. Una vez que los tienes como te gusta, es hora de conseguir el mosaico de patrones.
9. Crear mosaico repetitivo: Hay algunas cosas a tener en cuenta cuando estás creando un mosaico repetido. El más básico es que, cualquier cosa del lado izquierdo debe estar también del lado derecho y viceversa,
y de igual manera, cualquier cosa que esté en la parte superior también debe estar en la parte inferior. Esa es solo la regla de hacer un azulejo repetido y asegurarse de que se vaya a azulejar correctamente. Se desea utilizar variación en sus motivos y objetos. Esto puede ser con color o tamaño o la rotación o la forma en que se enfrenta un objeto, y esto va a agregar interés a tu repetición. Si usas el mismo objeto una y otra vez y no lo cambias para nada, va a ser aburrido. Por último, se quiere tratar de introducir movimiento y estar cansado de ser de dos cuadrículas, a menos que esa sea su intención. mosaicos de patrones por naturaleza están en mosaico en una cuadrícula, y por eso debes estar al tanto de eso para que cuando estés colocando tus motivos, estés tratando de romper la ilusión de esa cuadrícula para
que cuando un espectador esté mirando tu patrón repita como un todo pueden escoger fácilmente dónde está ese azulejo y dónde se está repitiendo todo. Hablemos de esto en la práctica. Se puede ver por el lado izquierdo, tengo todos mis objetos de relleno combinados con sus líneas de acento, y este es mi banco para hacer mis motivos o en mi instancia, o en mi caso, es más como un jardín que puedo recoger de una y otra vez nuevo y puedo empezar a construir motivos a partir de estas cosas. Ahora, sé que mi patrón es floral, lo
que significa que se presta a poder construir pequeños ramos más fácilmente que decir, si estás haciendo un patrón de béisbol. Pero incluso si estás haciendo un patrón de béisbol, podría
haber ciertas agrupaciones que quieres usar para agregar interés a tu patrón. Si uno de tus objetos como béisbol y también dibujaste algunos núcleos de Cracker Jack, quizá
quieras agruparlos y hacer un pequeño motivo. tanto que otro pequeño motivo tiene un bate de béisbol y un guante uno al lado del otro. O quizá no lo hagas, quizá los tuyos no necesiten motivos para nada, pero los míos sí. El modo en que empecé a construir mi azulejo y construir mis motivos, ya que empecé a tomar flores y piezas uno por uno y agruparlas. En lugar de solo tomar esta flor, voy a hacer una copia de ella porque quiero poder reutilizarla, y lo voy a hacer manteniendo presionada la opción o Alt en mi teclado y arrastrando, y luego solo está tocando y consiguiendo para ser diseñador con cómo quieres que se vean las cosas. Yo quiero ver esta hoja aquí. Voy a sacar esto al frente golpeando el corchete
derecho de Shift Command y tal vez voy a probar uno de estos. Voy a seguir adelante y voltear eso. Por lo que voy a hacer clic derecho, ir a transformar, reflexionar, Voltear horizontalmente. Gire eso ahí dentro. Simplemente hice esto hasta que empecé a conseguir ramos que me gustaban, y cuando terminara con uno lo agruparía y luego lo traigo aquí para usarlos. Ahora, hablemos del azulejo que empecé a hacer. Se puede ver que tengo un rectángulo aquí atrás y eso es representar donde va a estar el azulejo. Yo estoy trabajando en pulgadas, y eso hice haciendo clic derecho en mi regla y yendo a pulgadas. Puedes ver tus gobernantes si no están ahí yendo a ver y gobernantes, el atajo de teclado es Comando o Control R, y me aseguré de hacer mi mosaico alrededor del número que podré recordar. Menos bastante grande. Fui por un 20 pulgadas de ancho por 15 pulgadas de alto, y eso es porque voy a estar imprimiendo esto en papel de envolver y realmente
quiero que el título sea un poco grande para tener mucha variación en él para que no puedas ver fácilmente dónde está el azulejo es. Por eso estoy trabajando con eso. El motivo por el que quieres un número redondo fácil para recordar es porque si lo recordarás, cualquier cosa que esté en el lado izquierdo necesita repetirse a la derecha, y cualquier cosa que esté en la parte superior o inferior necesita ser su lado opuesto. Al tener un número redondo, estamos haciendo nuestras vidas mucho más fáciles. Empecemos aquí con estos artículos que tengo por aquí en el lado izquierdo, y sólo para que sepas, la forma en que empecé a construir este azulejo es que empecé en esta área abierta y empecé con un montón. Creo que empecé con éste, y luego empecé a agarrar otros ramos que se ajustaban a las zonas que lo rodeaban. Se puede ver si muevo este, tenía esta zona redondeada. Sabía que querría un motivo con una zona redondeada para caber ahí dentro. Eso es todo lo que hice para empezar a arreglar esto, y hablaremos de algunos otros trucos que usé en un poquito. Pero volviendo a esto, tengo aquí todos estos artículos colgando del lado izquierdo, y vamos a hablar de éste aquí abajo por separado. Para que se repitan en este lado derecho exactamente donde necesito, voy a tener ilustrador que haga el trabajo. Lo primero que voy a hacer es hacer una copia de este motivo golpeando mando o control C, y luego lo voy a pegar en su lugar golpeando Shift Command V. Ya puedes ver tengo una copia de esto y ahora, me voy para dejar que Illustrator lo mueva por mí. Voy a subir a transformarme y estoy mirando mi posicionamiento ex ahora mismo, y ahora mismo está diciendo que está colocado en 1.4426 pulgadas. Bueno, sólo voy a seguir adelante y golpear más 20 en mi teclado y seleccionar “Enter and voila”, y lo mueve hacia el lado izquierdo, en el posicionamiento exacto que necesitaba. Voy a repetir eso por todas estas piezas que están colgando de la izquierda. Comando C, Shift Command V creció para transformarse y golpear más 20. Ahora, este de aquí abajo es especial porque está en una esquina, lo
que significa que va a tener que repetirse en las cuatro esquinas. Primero lo voy a copiar y pegar y lo voy a mover hacia arriba. Esta vez en lugar de trabajar con los valores X, voy a trabajar con los valores Y. Ya que necesito subirlo, en realidad
voy a restar mi valor. Voy a seguir adelante y teclear en menos 15 y golpear “Enter” y lo pone justo en su lugar, y ahora voy a copiar ambos al mismo tiempo. Ve a transformar y ve a mi X-value y golpea más 20. Ahora sé que esos rincones están todos atendidos. Aquí abajo parece que tengo dos motivos que están listos para ser alicatados. Pero antes de mover esos, quiero mostrarles cómo decidí poner esta florecita justo aquí. Se puede ver eso, este motivo se está acercando bastante a este borde superior. que significa que no tengo una tonelada de espacio para tener algo colgando aquí abajo, y si muevo esto fuera del camino, se
puede ver que tenía muy poco espacio para trabajar. El modo en que lo engaño para averiguar cuánto puedo tener algo colgando aquí abajo, es hacer una forma rápida arriba en el espacio en el que se va a repetir, y voy a usar mi herramienta de bolígrafo. Déjame agarrar un Fill diferente para hacer justo la selección más ruda del espacio que tengo disponible para mí, y quiero tener cuidado de no
acercarme demasiado a estos objetos porque sí quiero que haya algún respiro, pero solo quiero tener una idea de cuánto espacio tengo. Ahora, lo que voy a hacer es agarrar, hacer clic y arrastrar, y voy a sostener turnos para que se mueva hacia abajo y pondré eso en su lugar. Eso me da una buena idea de cuánto espacio tengo que trabajar para poner algo aquí sin tocar otras cosas. Pude meter esto aquí donde lo
quiero y cómodamente sé que cuando lo repita hasta la cima, no va a estar en el camino, e hice lo mismo por esto aquí mismo. Puedo ver que tenía algo de espacio, pero también sabía que necesitaba tener cuidado con esta hoja. Dibujé una forma, traje aquí abajo, y luego construí un motivo que encajaría perfectamente en este espacio mientras entraba también en el espacio en el que sabía que se movería en la parte superior. Por último, sólo quiero echar un vistazo a cómo empecé a repetir algunas de estas o cómo empezaría a repetirlas. Tengo algo de espacio aquí mismo, y creo que quiero volver a usar este motivo. Hace tiempo que no lo veo en esta zona, pero no sólo quiero hacer una copia simple y dejarla tal como está, porque eso simplemente no es muy interesante. Yo quiero cambiarlo un poco. Ya, puedo ver que encajaría mejor en este espacio si lo rotara un poco. Se puede ver que encaja ahí bastante bien, y no sólo eso, sino que voy a cambiar los colores del mismo para que no destaque tan fácilmente como copia. Voy a seguir adelante y agarrar mi herramienta de selección directa para que solo pueda seleccionar este bud aquí mismo. Porque todo esto está agrupado. Si utilizara mi herramienta de selección regular, lo agarraría todo. Pero usando mi herramienta de selección directa, puedo entrar justo ahí, y voy a cambiar eso a rosa y luego voy a
seguir adelante y cambiar este brote a este color más oscuro. Ahora, cuando eso se repite, esos no van a sobresalir tanto como ser copias. Voy a usar eso como vehículo para hacer todo este patrón. No tienes que llegar a nuevos motivos frescos para cada spot. Eso agregará interés, pero puedes reutilizarlos y si lo haces, sugiero cambiar la escala o
rotarlas o cambiar el color o usar alguna combinación. Aquí abajo, tengo mi azulejo todo hecho. Llené todo, y estoy listo para probarlo ahora para asegurarme de que el patrón funcione. Lo que voy a hacer es que voy a agarrar este rectángulo de vuelta aquí, y voy a copiar, y lo voy a pegar al frente. Para hacer eso, puedes hacer Comando F.
Hice Shift Command V otra vez porque
sabía que lo pegaría en el frente y eso es todo lo que me funciona. Vamos a seleccionar todo, y voy a golpear al Comando 7 para hacer una máscara de recorte. Lo que hizo fue,
se llevó el tamaño de azulejo al que diseñamos todo, y recortó todo colgando del borde para que cuando loguemos esto, se
pueda ver esta rosa por aquí se va a alinear exactamente con esta rosa. Ahora, voy a agarrar mi azulejo. Todo debería agruparse ya que está en una máscara de recorte, y voy a ir a objeto, patrón, make. Ahora, puedes ver que ahora mismo, todas mis fichas están espaciadas entre sí, y eso es porque Illustrator es realmente inteligente, y aunque hicimos una máscara de recorte, sabe
que tenemos ilustraciones que es realmente escondido y saliendo hasta aquí. Todo lo que necesito hacer para anular eso es dar clic a esta casilla de verificación que dice Tamaño, título a arte. Eso los va a juntar a todos. Ahora, el tuyo podría por defecto tener marcadas algunas de estas casillas de verificación. Podría tener el borde del azulejo mostrando, y también podría estar atenuando las copias al 50 por ciento. Apago esos para que pueda tener una muy buena idea de lo que estoy viendo, y también me gusta entrar en modo pantalla completa al golpear a F. Antes de hacer eso, quiero convertir mis copias hasta nueve por nueve para que estén retomando toda mi pantalla. Voy a entrar en modo pantalla completa. Lo tocaré una y dos veces, y ahora, realmente
puedo empezar a entrar aquí y usar mi comando más y menos para empezar a moverse y ver si estoy notando algo raro. Si me alejo, realmente
puedo tener una idea del movimiento en este patrón. Hay instancias como aquí, estas cuatro flores, parece que están haciendo un azulejo, pero el arg azulejo está en realidad aquí. Simplemente hay, como dije, ya que estamos en mosaico usando una cuadrícula, vas a conseguir instancias como esta donde puedes ver a los cuatro o puedes ver que ahí hay una grilla. Pero mientras tengas suficiente interés, entonces va a estar bien. No voy a estar imprimiendo este papel de envolver a esta escala. Va a ser un poco más grande. Entonces no estoy demasiado preocupado por esas flores que sobresalen. mí me queda todo bien. Voy a golpear F de nuevo para salir del modo de pantalla completa, y voy a golpear “Done”. Ahora, tienes un patrón de trabajo, un ilustrador. Puedo arrastrar otro rectángulo y subir aquí y hacer click en mis muestreas y puedes ver mis patrones ahí, y ahora tengo mi patrón de trabajo. Como ya hablamos antes, si te gustan las líneas vectorizadas y estás contento con cómo se ve esto, entonces ya terminas. Acabas de hacer un patrón. Pero si te interesa llevarlo al siguiente nivel y agregar algo de textura, entonces vamos a estar trayendo a Photoshop. Pero a continuación, nuestras opciones de color, y ahí es donde comienza la diversión.
10. Jugar con el color: Muy bien, chicos, es hora de hablar de color. Si bien el color es un tema enorme, en realidad sólo voy a tocar los puntos que utilizo en mi flujo de trabajo personal. Vamos a empezar abriendo la paleta Muestras porque ahí es donde vamos a estar trabajando. Si no tienes tu paleta Muestras en el lado derecho, puedes ir adelante y ir a “Ventana” y “Muestras” para abrirlo. Se puede ver que ya tengo muchos grupos de muestras aquí, eso es porque realmente me gusta aferrarme a paletas de colores con las que he tenido éxito en el pasado o que me parecen atraídos. Lo primero que quiero hacer es que quiero hacer un grupo de colores a partir de este patrón que he hecho. No sólo para aferrarse a la paleta porque me gusta, sino también para ver cuántos colores he acostumbrado a colorear este patrón. Voy a seguir adelante y golpear este icono de carpeta para un nuevo grupo de colores en la parte inferior del panel Muestras. Puedes nombrar a tu grupo de colores si quieres, y luego solo quieres asegurarte de que se elija la ilustración seleccionada, y pulsa “Ok”. Ahora, podemos ver que estos son todos los colores que tomó para crear mi patrón. Ahora, el negro está ahí porque el negro como el color de mis líneas de acento. Eso voy a borrar porque realmente no me interesa que eso sea parte de la paleta. Voy a estar manejando mis líneas en Photoshop más tarde y a veces, me gusta simplemente mantener las líneas negras de todos modos, así que borré eso de ahí. Ahora, puedo ver que tengo uno, dos, tres, cuatro, cinco, seis, siete colores que solía colorear este patrón. Para eso estoy filmando cuando voy a empezar a recolorearlo y a llegar a nuevos palets. Ahora, para ser honesto contigo, no
soy el más fuerte en llegar con mis propias paletas de colores. Algunas personas, solo tienen un verdadero regalo para combinar colores que son realmente, realmente geniales para mirar. Necesito un poco más de trabajo y ayuda con ello. Normalmente traigo una imagen en que me inspira o tiene colores que realmente me gustan. Simplemente hago algunos cuadrados y uso la herramienta Cuentagotas para entrar y muestrear colores a partir de ella. Lo bonito es que cuando miro esto, veo los colores que sé que son las flores. Por ejemplo, sé que este ranúnculo de aquí tiene un color melocotón realmente bonito. Pero cuando lo
muestreé, en realidad estaba recibiendo muchos tonos malva. De igual manera, realmente no me di cuenta de que este color dorado estaba aquí abajo en algunas de estas hojas. Cuando estás tomando muestras, realmente te dan algunos colores que no sabías que estaban ahí. Ya que sabes que los colores de la imagen ya van juntos, realmente
puedes empezar a hacer una paleta cohesiva a partir de ella. Adelante si quieres,
y empieza a hacer grupos de color a partir de imágenes que has tomado. Sólo voy a seleccionar todos estos y hacer un grupo de color a partir de él, y golpear “Ok”. Voy a esconder esto por ahora. Ahora, podemos meternos en la recoloración. Ya que me gusta este primer palé que se
me ocurrió, voy a seguir adelante y hacer una copia para que no pierda eso. Voy a acercar. Quiero mantener mi obra de arte al lado izquierdo por aquí porque una vez que entremos a la herramienta Recolor Artwork, no me va a dejar panear en el documento. Voy a seguir adelante y seleccionar todo esto. La herramienta Recolor Artwork es este ícono de aquí arriba que parece una pequeña paleta de colores. Cuando me meto en ello, básicamente nos va a mostrar: “Oye, estos son todos los colores que hay en tu ilustración y puedes moverlos por aquí”. Te darás cuenta de que el negro no tiene un cuadrado por aquí, y eso es porque tengo mi configuración configurada para preservar el blanco y negro. Si quieres que el negro sea uno de los colores que puedes moverte,
todo lo que tienes que hacer es hacer clic en esa zona y decir sí a añadir un nuevo color a la armonía actual. También quiero decir que Bonnie Christine publicó recientemente una clase que entra realmente en profundidad en cómo usar esta herramienta, además de repasar el color en general y crear palets. Si quieres más información, recomiendo encarecidamente tomar esa clase. Había estado usando la herramienta Recolor Artwork antes, pero su clase definitivamente me dio algunos consejos que no había conocido antes. Lo que puedes hacer es hacerlo manualmente y empezar a hacer clic y arrastrar para llegar a nuevas combinaciones para ver si te gusta alguna de ellas. Adicionalmente, puedes presionar este botón mágico aquí mismo que es lo que hago habitualmente. Esto va a cambiar aleatoriamente este orden de color para recuperar tu obra de arte. Puedes empezar a conseguir combinaciones que no
sabías que incluso intentarías o que te gustaría. Ahora mismo, se puede ver que como el negro es uno de los colores que muestreó, el
negro es uno de los colores que está usando, y realmente no quiero eso. Entonces en cambio, voy a dar click en este grupo de colores que hicimos a partir de esta obra de arte que no incluye el negro, para que pueda empezar a andar en bicicleta por esos. Si encuentro uno que me guste, puedo darle a “Ok”. Ahora, yo personalmente no quiero ver rehecho este grupo de colores. Ya me gusta el que se me ocurrió. De verdad quiero explorar nuevos grupos de colores. Voy a probar este que hice y ya me gusta mucho ese color verde oscuro como fondo, pero recorreré unos cuantos más para ver si hay algo que me guste. El bonito es que si te encuentras con uno que es bastante cercano pero no exacto, puedes entrar y cambiarlo tú mismo. Podría hacer de esto el color de fondo y una vez que encuentre uno que me guste, todo lo que tengo que hacer es golpear “Ok”, golpear “No” para alterar el grupo de muestras, y mi obra está recoloreada. Puedo pasar horas haciendo esto y a veces, lo hago, porque es realmente divertido encontrar esa paleta de colores exacta que solo hace que tu corazón palpitter-patter porque realmente da vida a tu patrón. Hago una copia, vuelvo a entrar, e intentaré con otro grupo. Me gustan estos amarillos vintage. Se puede ver que este grupo de colores sólo tiene cinco colores, pesar de que nuestra obra original tiene siete. puede ver que es combinar algunos de estos también y hacer tonos y tal para que esta paleta de colores funcione. Puedo seguir adelante y golpear “Ok” y así sucesivamente y así sucesivamente. Juega con la herramienta de arte de recolor para intentar inventar al
menos tres variaciones de color que te gustan para tu mosaico de patrones.
11. Exportar desde Illustrator: Ya te has tomado algún tiempo para explorar algunas paletas de colores y averiguar cuáles quieres traer a Photoshop para renderizar y nos estamos preparando para exportar. Hasta ahora, no he estado prestando atención ni hablando de tableros de arte, y eso es porque cuando estoy diseñando por primera vez, me gusta trabajar en este gran espacio en blanco abierto bajo este modo de vista donde puedes mostrar y ocultar tus tableros de arte. Pero ahora que nos estamos preparando para exportar, es realmente importante que nuestros tableros de arte estén configurados correctamente y en el lugar correcto. Voy a golpear “Mostrar tableros de arte” y se puede ver la única que tengo es por aquí y ni siquiera tiene ninguna obra de arte en ella. Voy a hacer algunas tablas de arte que se ajusten al tamaño exacto del azulejo que necesitamos. Voy a agarrar mi herramienta de tablero de arte por aquí. El atajo de teclado es Shift-O, y en lugar de intentar arrastrar esto exactamente donde está
el fondo y esperando que consiga el 15 o el 20 por 15, voy a dejar que Illustrator haga el trabajo. Sólo voy a dar clic una vez en el rectángulo de fondo y
va a hacer un tablero de arte que sea de ese tamaño exacto, y así puedo buscar en el panel de información y ver eso lo suficientemente seguro, se hizo un tablero de arte que mide 20 pulgadas por 15 pulgadas. Yo voy a hacer eso por cada uno de estos. Ups. Ve esa vez que hice clic en mi motivo en lugar de mi imagen de fondo así que hice un tablero de arte que es del tamaño de ese motivo. Voy a golpear Command-Z y ser un poco más cuidadoso. Aquí vamos. Ahí, y ahora no necesito este tablero de arte por aquí, así que solo voy a hacer clic en él una vez y golpear “Eliminar”. Tenemos listos nuestros tableros de arte y ahora un pequeño consejo que tengo es que si fuéramos a exportar estos ahora mismo, probablemente
habría una línea blanca muy débil dando vueltas por el exterior de esto, lo cual es realmente molesto cuando estás tratando de azulejar. Vamos a hacer que las formas de fondo sean un poco más grandes que nuestro azulejo. Voy a mantener presionada Opción y Shift y arrastrar desde una esquina, y como nuestra tabla de arte es del tamaño correcto de nuestro azulejo, ya no
tenemos que preocuparnos de que nuestro rectángulo sea demasiado grande. Nos aseguramos de que haya un poco de voladizo fuera
del tablero de arte para que todo tenga el tamaño correcto. Lo siento, para que todo exporte sin ninguna frontera a su alrededor. Eso se ve bastante bien, y ahora lo último que quiero hacer es si te acuerdas, voy a estar añadiendo mis líneas de acento en Photoshop para tener un look dibujado a mano, y así quiero exportar estos azulejos sin ninguna de estas líneas de acento en aquí. Lo que voy a hacer es usar mi herramienta de selección directa pulsando A en mi teclado y seleccionar una de mis líneas de acento. Ve a “Seleccionar”, “Misma”, “Color de relleno “y va a agarrar todas las líneas de acento que hay en mi documento, y voy a presionar Comando-3 para ocultarlas. Ahora lo que tengo son sólo las formas de relleno que creé. Voy a ir a “Archivo”, Exportar As.” Voy a ponerlos en la carpeta correcta y voy a llamar a estos azulejo sin líneas. Voy a tener que sean un JPEG. Diré usar tableros de arte y quiero usar exportar todos ellos. En el Export, quieres asegurarte de que tu resolución esté ajustada a alta y que tu calidad esté ajustada al máximo y voy a golpear “OK”. probablemente no
voy a pasar un momento realmente fácil tratando de
reconstruir donde van esas líneas de acento en Photoshop sin alguna guía. Voy a mostrar mis líneas de acento pulsando Option Command-3 y voy a exportar una de estas con las líneas de ahí dentro y voy a usar eso como guía en Photoshop para volver a agregar esas en. Vuelve a “Exportar como”, voy a llamar a éste, azulejo con líneas. Diré que use tableros de arte, pero esta vez sólo quiero el primero, Exportar y bien. Entonces ahora estamos todos listos para traer estos a Photoshop.
12. Añadir líneas dibujadas a mano: Estamos listos para trabajar en Photoshop. Tengo unos documentos abiertos ahora mismo. Tengo mi azulejo que no tiene líneas, tengo mi azulejo que sí tiene líneas, y tengo mis dos bocetos abiertos. El primero que quiero hacer es seleccionar todo en este azulejo con documento de líneas. Entonces voy a golpear “Comando A”, y luego voy a golpear “Comando C” para copiar. Volveré a mi azulejo sin líneas y le pegaré a “Comando V” para pegar esto encima. Voy a bajar el relleno para que las líneas estén tan obvias, pero todavía las puedo ver. Ahora, puedo seguir adelante y cerrar mi azulejo con líneas. Lo que vamos a estar haciendo es tomar las líneas de nuestros bocetos reales dibujados a mano y seleccionarlos usando el modo Máscara Rápida para reemplazarlos sobre la guía. Ahora bien, si te gusta cómo se ven tus líneas vectorizadas, entonces puedes quedarte con esas. Como dije antes, solo
tengo preferencia por las líneas dibujadas a mano. Creo que la sutil diferencia es realmente sumar para hacer una gran diferencia al final. Hablemos del modo Máscara rápida. El modo Máscara Rápida es una forma de seleccionar píxeles en función de lo que es negro y lo que es blanco. Lo bonito es que este Photoshop hace todo el trabajo por nosotros. Voy a seguir adelante y usar la herramienta Lasso para dibujar más o menos alrededor de esta flor. Voy a presionar “Comando C” para copiarlo, y voy a ir a este documento en blanco sólo para que pueda mostrarles este proceso. Ahora, si yo sólo pegara esta flor ahora mismo, obviamente
pegaría el fondo y el primer plano, y eso no es lo que queremos. Entonces voy a deshacer eso. Esta vez, voy a hacer una nueva capa y voy a entrar en el modo Máscara Rápida. Puedo hacer eso pulsando tecla en mi teclado o haciendo clic en este botón que está debajo del primer plano en el fondo. Sé que está activa cuando mi capa es roja así, y puedo seguir adelante y pegar. Photoshop hizo todo el trabajo de separar los píxeles blancos de los píxeles negros, lo que para nosotros significa que separó el boceto del papel. Puedo seguir adelante y golpear de nuevo “Q” para salir del modo Máscara Rápida, y se puede ver que puedo ver que mis líneas están seleccionadas. Pero en realidad, el modo Máscara rápida enmascara lo que es negro, lo que
significa que no está seleccionando nada que fuera negro. Entonces realmente todo excepto mis bocetos están seleccionados en este momento, y lo sé porque tengo hormigas marchantes recorriendo el perímetro del documento. Es una solución fácil. Todo lo que tengo que hacer es invertir mi selección. Puedo hacer eso pulsando “Shift Command I” o subiendo a seleccionar inverso. Ahora, esos extremos marchantes alrededor de los lados del documento se han ido, y puedo ver que mi flor está perfectamente seleccionada. Todo lo que tengo que hacer ahora es llenarlo. La forma más rápida de llenar algo con tu color de primer plano es presionar la opción “Eliminar' con tu teclado. Entonces, solo hay que anular la selección pulsando “Comando D”, y tenemos nuestros bocetos perfectamente seleccionados sin ningún trabajo difícil en absoluto. Incluso si tuviera que oscurecer mi fondo, puede ver que el modo Máscara Rápida hace un trabajo realmente perfecto de sacar todo el blanco de ahí. No quedan artefactos. Esta es la forma en que vamos a llevar nuestros bocetos a nuestro documento, y vamos a utilizar nuestra guía para averiguar a dónde deben ir esas líneas. Esto podría parecer una tarea desalentadora, pero una vez que te metes en el flujo de la misma, realmente comienza a ir más rápido. Voy a empezar en una zona. Voy a empezar con esta rosa, y voy a ir a buscarla en mis bocetos. Voy a usar mi herramienta Lasso, presionar “Comando C”, volver a mi documento, hacer una nueva capa, presionar “Q”, voy a pegar, volver a presionar “Q”, “Shift Comando I” para invertir la selección, opción “Eliminar” para llenarla, y” Comando D” para anular su selección. Si deseas más información sobre el proceso del modo Máscara Rápida, puedes echar un vistazo a mi otra clase, digitalizando bocetos dibujados a mano donde paso por el proceso con mayor detalle. Ahora, solo voy a mover este boceto y rotarlo y escalarlo hasta que esté en su lugar. Esto no tiene por qué ser exacto, pero lo quiero cerca ya que así sé que me gustó cuando estaba en Illustrator. Creo que sigue siendo un poco demasiado grande. Ahí vamos. Ahora, voy a usar una máscara para deshacerme de estas líneas extra. El motivo por el que no estoy usando el borrador es que aunque estoy 99 por ciento seguro de que no necesito estas líneas externas, aún
quiero trabajar en un flujo de trabajo no destructivo. De esa manera, si en un futuro decido
volver aquí y realmente quiero usar esas líneas, no
tengo que rehacer todo. Todavía tengo acceso a ella ya que están en máscara. Eso se ve bastante bien y voy a pasar a esta hoja. Utilice la herramienta Lazo, copiar, hacer una nueva capa, Máscara
rápida, pegar, salir, Máscara
rápida, inversa, rellenar y anular la selección. Ahora, parece que esta hoja está volteada, así que voy a golpear “Comando T”, clic derecho, voltear horizontal, y voy a seguir adelante y ponerla en su lugar. Aquí tienes un consejo para escalar y girar las cosas más fácilmente. mí me gusta alinear al menos una parte de este boceto, que en este caso es la hoja típica. Entonces, me gusta seguir adelante y mover ahí mi punto de anclaje. Ahora, va a escalar y rotar desde ese punto. Entonces puedo rotarlo y escalarlo hacia abajo, y solo hace que las cosas vayan mucho más rápido. Se ve bastante bien. Haz una máscara. Deshazte de estas líneas aquí arriba que están bloqueadas por la flor y continúa en mi camino. Este pequeño motivo ya está hecho. Voy a apagar mi capa guía por un
segundo para que puedas ver la diferencia aquí. Ahora, en lugar de tener estas líneas perfectas realmente rectas, puedo ver que realmente obtengo esa textura de ellas siendo dibujadas a mano. Tengo ese poquito de sangrado, puedo ver las irregularidades y la presión mientras empujando hacia abajo con la pluma, y me gusta mucho esa mirada. Ahora que este motivo está hecho, voy a agrupar esas capas juntas y pasar a otra. Voy a seguir adelante hasta que se llenen todas las líneas. Pero antes de hacer eso, quiero mostrarte lo que pasa cuando llegues a los bordes. Si miras por aquí en este lado izquierdo, tengo este mismo motivo que acabo de hacer. Voy a seguir adelante y duplicar eso y mostrarte cómo asegurarte de que esté en el lugar exacto correcto a cada lado del azulejo. Voy a duplicarlo, y en realidad voy a traerlo por aquí. Va a ser más fácil para mí alinear este motivo basado en esta hoja de aquí. Voy a seguir adelante y girarlo alrededor. Voy a usar mi truco y alinear las puntas de esas hojas y seguir adelante y poner el punto de anclaje ahí y ponerlo en su lugar. Voy a necesitar volver a duplicarlo para este de aquí. Ahora, lo único es que Photoshop no va
a hacer las matemáticas por nosotros, como Illustrator. Lo que necesito hacer es entrar en imagen en tamaño de lienzo, y quiero ver qué tan ancho es este lienzo. Sus 6,001 pixeles. Ese es el número que quiero recordar. Voy a ir a la copia que quiero mover aquí, y voy a golpear “Comando T”. Aquí arriba, al igual que en Illustrator, tenemos los valores de posicionamiento x e y. Ahora mismo, está en 6,046. Voy a hacer las matemáticas y restar 6,001 de eso, y lo que queda es 45, y ese va a ser el valor x que quiero escribir. Escribe 45 y pulsa “Enter”, y puedes ver que lo movió justo al lugar correcto. Si apago la guía, es fácil para mí ver que estos están bastante perfectamente alineados. Adelante y seguir avanzando. Empieza a traer tus bocetos con el modo Máscara rápida, y en cualquier momento que te encuentres con algo en el borde simplemente
haz fácilmente las matemáticas basadas en el tamaño del lienzo y encaja todo en su lugar.
13. Pintura: Llegamos a la última parte. Aquí se puede ver que, en mi panel Capas, tengo bastantes grupos. Estos son los grupos de todas las diferentes líneas que
hice y copié y me moví para rematar este azulejo. Ahora bien, he guardado esto en su lugar actual. Ahora quiero seguir adelante y guardar una copia de ella porque en realidad vamos a fusionar todas estas líneas ahora. Yo sólo voy a poner, fusionado, en el nombre. Lo que vamos a hacer en esta copia es que vamos a empezar a desagrupar y fusionar todas estas capas de líneas juntas para simplificar el documento. Lo que voy a hacer es seleccionar uno de mis grupos e ir a la parte superior y Shift click. Voy a hacer clic derecho y golpear “Desagrupar capas”. Lo que tenemos que hacer antes de poder fusionar estos es que necesitamos aplicar todas estas máscaras de capa que habíamos estado usando. Si los fusionamos antes de hacer
eso, los tira, y todas esas líneas de las que te tomaste el tiempo para deshacerte van a empezar a aparecer de nuevo. Puedes hacer clic derecho y pulsar Aplicar máscara de capa” o, si quieres, realidad
entré en “Editar”, “Atajos de teclado”, y cambié el atajo para que esto sea Shift, Comando, A para que sea más rápido. Entonces solo voy a cada capa y aplico todas esas máscaras de capa. Todo está desagrupado y se han aplicado todas las máscaras de capa. Ahora, voy a seleccionar todas esas capas, con todas las líneas sobre ellas, y voy a ir a “Fusionar capas”. Ahora, todas nuestras líneas dibujadas a mano están en una capa. Voy a seguir adelante y guardar esto, y antes de llegar demasiado lejos, voy a empezar a ahorrar copias con nuestros fondos de diferentes colores. Para que veas que he abierto uno de nuestros otros mosaicos, y voy a seguir adelante y golpear Comando, A y Comando, C para seleccionar todos para copiarlo. Voy a ir encima de nuestros antecedentes y voy a pegar esto en su lugar. Al igual que la magia, todas las líneas ya están cuidadas. Después de reconstruir esta vez, es realmente simple simplemente pop en todos esos fondos de colores. Ahora voy a seguir adelante y guardar esto como, voy a llamar a este uno Cream Background. Entonces puedo abrir otra. A lo mejor yo pueda hacer este. Ahorra como, voy a hacer este, Fondo Amarillo. Para que puedas seguir haciendo eso por todas las formas de color que has hecho. Ahora llegamos a meternos en la pintura. La forma más fácil que encuentro de hacer la pintura para que
no sea destructiva es solo la capa que solo tiene todos los colores sobre ella. Sube a “Seleccionar”, “Rango de colores”, y agarra uno de los colores. Yo voy a hacer la crema. De verdad he estado queriendo pintar este fondo crema uno. Voy a abrir eso. Debo señalar, antes de empezar a pintar estas capas de fondo, si no quieres que tus líneas sean negras o quieres experimentar con líneas de diferentes colores, es realmente fácil de hacer. Si hago clic en la capa que tiene mis líneas en ella y voy a bloquear píxeles transparentes, entonces me va a hacer realmente fácil pintar sobre estos, cualquier color que quiera. Si quiero esta flor aquí mismo, estas líneas se vean como las líneas o el color del fondo, solo
puedo agarrar un pincel y pintar justo sobre él. Ahora bien, si muchas de tus líneas van a ser de diferentes colores, entonces en lugar de ir por esta ruta, recomendaría agarrar la herramienta de lazo y en realidad cortar esas líneas del resto de ellas. Sé que acabamos de fusionar todos esos, pero eso hace que sea más fácil entonces agarrar solo a los que quieras. Entonces voy a agarrar estos, golpear Comando, X para cortar, golpear Shift, Comando, V para pegarlos de nuevo en su lugar. Entonces cuando tengas un montón de líneas que quieres todas coloreadas de la misma manera, puedes agruparlas. Se puede agregar un color sólido. Entonces todo lo que tienes que hacer es aplicar una máscara de recorte a todo ese grupo, y entonces esas líneas se convertirán en ese color. De nuevo, esto es algo que repaso en mi clase de digitalización de bocetos dibujados a mano, así que si quieres aprender más sobre eso, puedes. Yo quiero que todas mis líneas sean negras, así que voy a deshacer eso. Estoy contenta con que todos vean cómo se ven. Pero lo que sí quiero hacer es empezar a pintar en alguna textura. Si miro este brote aquí mismo, esto es solo una pieza plana de amarillo, y puedo añadir tanta dimensión en con divertidos pinceles Photoshop. Por eso me tomé todo el tiempo para entrar realmente aquí. Lo que voy a hacer es seleccionar esa capa, con mis líneas apagadas, y voy a ir a “Seleccionar”, “Color Range”, y voy a golpear ese amarillo. Se puede ajustar la borrosidad. Encontré que, con esto, parece que hace un trabajo bastante bueno en agarrarlo. Le pegaré a “Ok”. Quiero golpear Command, C para copiar y Command, V para pegar en una nueva capa. Ahora tengo todas esas formas amarillas justo en su propia capa. Todavía están en la capa detrás de ella, pero lo estoy haciendo para que pueda trabajar de manera no destructiva como estoy pintando, si cambiara de opinión sobre la pintura. Entonces voy a bloquear los píxeles transparentes en mi capa amarilla. Voy a volver a encender mis líneas para que pueda verlas, y ahora me voy a divertir un poco con pinceles. Ya que estoy trabajando con el amarillo, quiero poner mi primer plano al color amarillo, y quiero ajustar mi color de fondo a tal vez solo un poco más oscuro. Los pinceles que utilizo para la pintura artística en Photoshop o estos diversos conjuntos de pinceles de Kyle T Webster. Creo que tengo todo suyo. Creo que he gastado dinero en todos ellos porque son tan de alta calidad, realidad no son demasiado inversión. Simplemente hace un trabajo increíble con la creación de estos. Voy a agarrar su pincel rico en aceite de su caja de pintura, que es uno de mis pinceles muy favoritos, y voy a empezar a entrar aquí y sólo pintar con alguna textura. Ahora, a veces solo pintaré los bordes, así que le añadiré algo de textura ahí. En tanto que, otras veces quiero más de una mirada fangosa, y así pintaré sobre toda la flor. Entonces volveré atrás, tocaré X en mi teclado para cambiar de ida y vuelta entre mi primer plano y el fondo. Entonces pintaré sobre esto y ambos colores se van a mezclar juntos continuamente. Puedo entrar aquí y simplemente empezar a conseguir algo de textura realmente agradable. Así es como trabajo. Normalmente solo trabajo de un color a la vez. Ya he hecho esto antes, y cuando me imprimen los papeles de envolver, es increíble lo entintados que se ven. Simplemente se ve totalmente como si los hubiera pintado o los hubiera serigrafiado. De lo que me gusta es que realmente le tiene ese look vintage. Estoy realmente inspirado en las pinturas vintage y los libros infantiles vintage, y todos tienen este look inky imperfecto para ellos. Ahora si mantuviste tus líneas vectorizadas y
no te tomaste el tiempo para reconstruir las líneas en Photoshop, entonces probablemente no puedas a menos que las exportaras por separado para simplemente apagar tus líneas mientras seleccionas color. Mi conjetura es que el, selecto rango de color todavía va a poder ignorar el negro. Pero aún así quieres asegurarte de que cuando vaya a seleccionar mi siguiente color, sí
quiero apagar todo menos la capa que estoy seleccionando. Porque sobre todo a medida que empezamos a introducir nuevos tonos aquí, va a ser más difícil para esa selecta gama de colores agarrar sólo el color que queremos. Si miras por aquí, solo
tengo los azulejos de colores seleccionados. Ahora puedo entrar y agarrar mi próximo color. Voy a bajar la borrosa. Voy a golpear “Copiar y pegar”. Nuevamente, esto es solo para que pueda trabajar manera
no destructiva para que si cambio de opinión sobre la pintura, quiera probar algunos métodos diferentes de pintura, pueda hacerlo sin estropear el azulejo de fondo. Pondré mi color de primer plano a la pantalla, y luego el color de fondo, me pondré un poco más oscuro. He bloqueado mis píxeles transparentes y volveré aquí. ¿Dónde está mi pincel? Este cepillo de aceite realmente se ha convertido en parte de mi estilo de firma sólo porque realmente me encanta el look vintage que me da. Pero tiene pinceles de acuarela, tiene pinceles de medio tono. Déjame mostrarte estos pinceles de medio tono, tono de pantalla más bien. Voy a agarrar uno de estos. Voy a hacer que el color sea mucho más oscuro solo para que realmente puedas ver lo que hacen estos. Simplemente están tan bien hechos. Estoy usando mi tablet Wacom ahora mismo, y estos responden muy bien a la presión. Tiene algunos de ellos que son más grandes. Ese es un look realmente genial que puedes ir por. Tiene estos pinceles de acuarela. Yo iré por, vamos a ver, lavado
suave y mira el borde de eso. Definitivamente hay formas de construir textura en Illustrator. Pero solo para mí, yo solo como artista, simplemente
es realmente agradable tener esta extensión orgánica de mi brazo. Cuando tienes a alguien como Kyle T. Webster haciendo estos pinceles que son tan increíbles. Mira eso. Si apago esa capa, la diferencia es realmente, realmente sublima. En realidad voy a eliminar esa capa. Voy a recuperarlo porque realmente sólo quiero tener, quiero usar todo el mismo pincel. Copiar y pegar bloquear píxeles transparentes. Yo quiero cambiar esto. Voy a volver a mi cepillo rico en aceite, volver
a encender mis líneas para poder verlo ahora. Entra aquí. Ahora si te interesa diseñar patrones para tela, tendrás que ser un poco más cuidadoso con tus texturas porque reiniciando para introducir muchos colores aquí, aunque parezca que solo tengo dos tonos de verde . De la forma en que estos se están mezclando en realidad están introduciendo muchos colores. Es posible que tengas que indexar tus colores cuando termines, si tienes la impresión de tela como tu objetivo final. Pero para envolver la impresión de papel, no es problema. Va a poder recoger toda esta textura. No sólo me apresuro hacer cepillado en las formas, sino que otra cosa que me gusta hacer es usar algunos de sus pinceles de salpicaduras encima de todo para que parezca que alguna de la tinta no se acostó hasta el final. Voy a poner mi color al fondo de esto. Voy a acercar un poco. Empezaré a pintar. Ve que parece que estas fueron impresas y parte de la tinta no se acostó todo el camino. No sé si es solo por los libros que tuve en mi infancia o las viejas sábanas de mi mami o qué es, pero esto me hace mareado. Estoy tan emocionado que puedo recrear digitalmente y divertirme con ella digitalmente. Es demasiado. Haré eso aquí. Te animo a divertirte con los pinceles. Este es el beneficio completo de trabajar en Photoshop. Nos tomamos todo ese tiempo en usar la fuerza de Illustrator de crear formas, luego exportarla y traerla aquí y traer las líneas dibujadas a mano. También puedes aprovecharlo. Antes de terminar, o mejor dicho antes de caer demasiado profundo en la pintura, sí
quiero mostrarles una razón más impresionante para traer sus líneas a través de Photoshop. Ahora ya tenemos una línea bastante buena dibujada a mano mirada yendo. Pero sí quiero enfatizarlo un poco. Voy a tomar la línea o la capa en la que están mis líneas, y voy a hacer clic derecho y convertirla en un objeto inteligente, va a ir a filtrar, distorsionar, y ir a ondular. Ripple hace exactamente lo que suena como que va a hacer, si lo llevo a grande, se
puede ver que sólo ondea la línea. No queremos enloquecernos aquí, pero me gusta ir pequeño y marcarlo. Si acerco aquí a 100, se
puede ver que simplemente acentúa ese look entinky, tal vez lo traiga un poco más. Si están empezando a parecer un poco demasiado rígidos y se puede decir, entonces se puede contrarrestar un poco agregando bajo ruido esta mediana. Solo necesitas uno o dos píxeles, y eso solo va a suavizar eso. Eso es algo que me gusta hacer para acentuar ese look dibujado a mano. Diviértete pintando, diviértete jugando con filtros. A continuación, te voy a mostrar cómo hacer el mosaico final para convertir esto en un patrón en Photoshop.
14. Mosaico final: Enhorabuena por tu hermosa baldosa final. Sé que es un largo viaje desde cuando empezamos En Illustrator, solo trabajando en estas formas de relleno y luego haciendo los motivos y haciendo el azulejo, pero la pieza final siempre vale la pena cuando lo veas todo armado. Déjame mostrarte cómo convertir esto realmente en un patrón de Photoshop. Voy a ir a Editar y Definir Patrón. Voy a llamar a esto, supongo Cream Background. Eso es todo. Es un patrón. Ahora, me gusta probar la mía cuando me imprimen las hojas de envoltura, son de 20 por 29. Me gusta hacer un documento en blanco, y bajar aquí a la Capa de Ajuste y tener seleccionado Patrón. Entonces a partir de este desplegable, tengo acceso a todos mis patrones. Se puede ver que aquí mismo está mi patrón impreso. Lo bonito de hacerlo de esta manera es que puedo jugar con la báscula. Entonces si quiero que sea más grande o si quiero que sea más pequeño, es realmente fácil meterse con eso. Haré un 110 por ciento. Simplemente es muy divertido entrar y ver tu trabajo. Es alicatado bellamente, no tenemos líneas raras. Además de eso, tenemos toda esta hermosa textura que nos tomamos el tiempo en construir.
15. ¡Gracias!: Chicos, muchas gracias por tomar esta clase. Espero que hayas podido recoger muchos consejos y trucos nuevos o ir en
mi viaje de flujo de trabajo de crear patrones repetidos usando tanto Illustrator como Photoshop.
Dylan Mierzwinski, Illustrator & Lover of Flowers
