Transcripciones
1. ¡Hagamos un patrón!: Soy Molly Suber Thorpe, una artista de letras de mano que disfruta de la caligrafía de tinta sobre papel y el diseño digital de letras a mano. hoy, te voy a enseñar a hacer un
patrón repetitivo sin fisuras en el iPad usando una sola aplicación; Procreate. Estaré usando un sencillo diseño de letra a mano ya que eso es lo que más me atrae, pero puedes seguir junto con cualquier tipo de ilustración simple, ni siquiera tiene que ser tipográfica. Vamos a crear una muestra de patrones de alta resolución, luego convertirla en un patrón repetitivo sin fisuras que podrás aplicar a cualquier producto tridimensional, convertirte en un pincel de patrón digital, o incluso vender como activo descargable. Te guiaré por tres métodos diferentes para convertir tu muestra terminada en un diseño de patrón repetitivo. En primer lugar, lo convertimos en un pincel Procreate, para que puedas dibujar tu patrón en cualquier tamaño de lienzo a cualquier escala, luego exportarlo para imprimir. Este método ni siquiera requiere ningún otro software, e incluso te mostraré cómo exportar el pincel para compartirlo y venderlo también. En el segundo método, te mostraré cómo importar tu muestra a Adobe Photoshop, y convertirla en el tipo de relleno de
patrón estándar de la industria que puedes aplicar a cualquier producto. Incluso te guiaré por cómo aplicarlo a una imagen maqueta de producto. En tercer lugar, te mostraré cómo hacer una versión vectorial simple de tu muestra en Adobe Illustrator, y convertirla en un patrón vectorial repetitivo que sea fácilmente escalable y recolorable. Si no estás familiarizado con Photoshop e Illustrator, no te preocupes, porque esta técnica es honestamente tan simple que no necesitas ninguna experiencia previa. Te voy a guiar por todo el proceso de principio a fin. Si ya no tienes ese software, tampoco te
preocupes por eso, porque en la descripción de la clase, proporcioné un enlace para darte una prueba gratuita. Por favor comparte tu producto terminado y trabajos en curso en la sección de proyecto de clase. Si lo compartes en redes sociales, por favor siempre etiquetame, porque me encanta ver en qué están mis alumnos. Ahora, sin más preámbulos, hagamos un patrón.
2. Configuración del lienzo: Lo primero que tenemos que hacer es armar nuestro lienzo. Vengo aquí al signo más y al icono de New Canvas. Quiero algo muy alta resolución para que
pueda escalar el patrón por el camino, así que hagamos 3,000 por 3,000 píxeles a 600 DPI. Ahora en mi iPad Pro, eso me da una capa máxima de 55. Pero si tienes un iPad que ni siquiera permite un archivo así de grande, no te preocupes, solo establece tu ancho y altura en 2,000 o tu DPI en algo menor a 600. Simplemente siempre me gusta tener la opción de escalar mucho. Ahora, voy a golpear “Crear”, y la razón por la que hemos hecho un lienzo cuadrado y que es importante que tu lienzo sea cuadrado, es porque cuando este patrón se repite, necesitamos asegurarnos de que el tamaño de cada lado es idéntico para que pueda repetirse horizontal, verticalmente, diagonalmente, y ser sin fisuras sin huecos. El siguiente paso de configuración del lienzo es agregar pautas que bajen por el mismo centro vertical y horizontalmente. Subiré a mi icono de engranaje y seleccionaré “Guía de dibujo de lienzo”. Ya puedes ver que obtendrás una guía de dibujo de cuadrícula de inmediato pero queremos golpear inmediatamente “Editar guía de dibujo”. Me estoy acercando a un color muy oscuro por el bien de este video para que aparezca mejor, pero puedes elegir cualquier color contrastante que quieras. Ahora, voy a aumentar el tamaño de la cuadrícula de manera tan dramática que todas las demás líneas de cuadrícula caen del borde del tablero de arte y me quedan sólo las líneas centrales vertical y horizontalmente. Ahora, le pegaré a “Done”. Estaremos encendiendo y apagando estas líneas
de cuadrícula a medida que pasemos por esta clase, pero solo me gusta tenerlas configuradas en el principio para
que no tenga que preocuparme por esos ajustes más adelante. Ahora mismo, volvamos a apagarlo antes de pasar a nuestro siguiente paso.
3. Arte versus fondo: Antes de pasar al proceso de diseño de patrones, solo
quiero compartir rápidamente un poco sobre cómo funcionan
los fondos y fondos transparentes de los lienzos Procreate. Si bien el fondo aquí parece ser blanco, Procreate en realidad lo ve como transparente en términos de la propia obra de arte. ¿A qué me refiero con eso? He dibujado un círculo aquí en su propia capa. Si lo enciendo y apagando, verás que queda el fondo blanco. Si estoy en esta capa y golpeo la herramienta de selección, que selecciona todo en esa capa, se
puede ver que la selección solo impacta en el círculo. No selecciona el tamaño de borde completo de mi lienzo porque el fondo se considera un fondo no una obra de arte. Bueno, para un patrón, no queremos eso, queremos que la forma del fondo sea del tamaño completo del lienzo y que se trate como parte del arte. El primer paso, que es muy importante, permítanme aclarar esto, es crear una capa de fondo en su propia capa,
no la capa de color de fondo, sino la capa 1, su nueva primera capa en blanco. Voy a subir aquí a, no
conozco algún color semi-claro pero bastante brillante. ¿ Qué tal este rosa claro? Golpearé mi capa una vez y pegaré “Rellenar”. Ahora puedes ver que si llegamos a la herramienta de selección, se selecciona todo
el borde porque Procreate ve la obra de arte como este tamaño de 3000 píxeles por 3000 píxeles. Simplemente deseleccionaré eso ahí. En última instancia, vamos a estar moviendo esta obra de arte. Nuevamente, esa es otra razón por la que es importante que sea su propia mesa de trabajo. Eventualmente, en realidad vamos a estar moviendo esta capa alrededor, así que esa es otra razón por la que es importante que llene todo
el lienzo y sea su propia capa móvil. También vas a ver en un paso futuro que estamos haciendo múltiplos de esta capa, y que queremos asegurarnos de que podamos decir si se superponen o no. ¿Cómo hacemos eso? Si la opacidad se establece en algo por debajo del 100 por ciento, entonces cuando las capas se duplican y se superponen entre sí, se pueden
ver las regiones superpuestas. Para obtener nuestra configuración de lienzo aquí inicialmente, solo
estoy volviendo a mi capa de relleno original y estoy ajustando la opacidad a algo así como el 50 por ciento. Eso seguirá apareciendo en este video pero
también será fácil ver cuando se superpone a sí mismo.
4. Dibujo de patrones: Ahora el siguiente paso es el realmente divertido y esto es dibujar tu obra de arte. Como dije en la introducción, voy a estar usando un diseño tipográfico. Voy a estar dibujando cartas, pero puedes dibujar lo que quieras. Dibuja ilustraciones de gatos, dibuja triángulos, diviértete mucho. Al final vas a ver que esta técnica de principio a fin en realidad no toma tanto tiempo. Si ya tienes ilustraciones que quieres incorporar, puedes entrar en tus otros archivos de Procreate, copiarlos y volver aquí y pegarlos como capas propias. Eso está totalmente bien. Pero por el bien de este video, creo que voy a seleccionar una pluma gruesa de monolina. Esto es parte de mi propio paquete de pinceles de punta de caligrafía, pero puedes elegir absolutamente cualquier diseño o pincel que quieras y voy a hacer una nueva capa en blanco. Tengo mi color establecido en negro porque siempre puedo cambiarlo
después y quiero asegurarme de que esto sea realmente alto contraste para ti y aparece bien en el video. Vendré aquí y solo dibujaré un poco para ver si me gusta el ancho de mi trazo. Creo que eso es bastante bueno. Quiero algo funky y audaz y si termino escalando este patrón para ser realmente grande, entonces los detalles más pequeños se pueden perder. Cuando tengas dudas, ve por algo un poco más audaz, un poco más grueso, y no te arrepentirás si repites el patrón toneladas de veces sobre un producto. Yo sólo voy a dibujar el alfabeto y luego reorganizarlo en un minuto. Aquí tengo mi alfabeto y todavía no es mucho de un patrón, pero eso está completamente bien. Lo que voy a hacer ahora es tomar mi herramienta de selección, no la selección completa de mi obra de arte, sino sólo esta herramienta de lasso donde puedo dibujar. Lo tengo a mano alzada y añado por si necesitas
saberlo y solo voy a seleccionar mis letras, moverlas por la mesa de trabajo al azar. Podría inclinar algunos de ellos. Voy a mezclarlas mucho hasta que consiga un patrón que me guste. Si lo deseas, puedes aprovechar esta oportunidad para agrandarlos, hacer duplicados de ellos y repetirlos a lo largo. Esta es realmente la parte divertida donde puedes llenar tu lienzo con algo aleatorio y luego tendremos la oportunidad de editar esto aún más, lo
vamos a refinar dos veces más después de esto, así que no te preocupes, esto no tiene que ser definitivo. Todo esto es cambiable de nuevo más tarde. Una cosa extremadamente importante que casi me olvido, debes asegurarte de que tu obra de arte se quede dentro de la mesa de trabajo esta vez, no dejes que ninguna pieza de tu arte se extienda por el borde. Vas a ver por qué en un momento pero por ahora, sólo confía en mí, no quieres eso, eso puede estropear la fluidez del patrón. Eso es bueno por ahora porque como dije, lo vamos a estar editando y refinando aún más después. Creo que solo quiero agregar un poco más de decoración a esto para llenar algunos de los huecos y hagamos algo realmente simple al igual que los lunares. Por cada elemento artístico que pudiera necesitar su propio color más adelante, los
voy a dibujar en sus propias capas. Estoy haciendo una nueva capa en blanco y seleccionaré otra, vamos a ver, color contrastante que definitivamente va a aparecer en la cámara. Escojamos así, azul. Genial. Yo sólo voy a hacer unos lunares por
toda la pieza para llenar algunos de estos huecos, tratando de que se vean lo más aleatorios posible. Eso es bueno por ahora. A continuación, queremos que Procreate trate las tres capas,
esa capa de relleno de fondo, las letras, y los lunares como una sola unidad. El modo de hacerlo es agruparlos. Tocaré la parte superior, pulsaré “Combinar hacia abajo”, y luego muevo mi última capa hacia adentro y simplemente reordenarlos para que la capa de relleno siga siendo la capa más baja de mi grupo. Ahora se puede ver que todo esto es uno juntos. Cuando lo enciendo y apagando, Procreate lo ve como uno y cuando golpeo la herramienta de selección para moverlo, nuevo, Procreate lo mueve como una sola unidad.
5. Superposición de patrones verticales: Ahora vamos a hacer el paso 1 de 2 de crear la repetición. Esto requiere de las guías que configuramos en un principio. Por lo que voy a encender Guías de Dibujo aquí. Déjame ir a editarlos de nuevo y sólo aumentar el grosor al máximo. Por lo que ahora se puede ver que los guías dividen esto en cuatro cuadrantes. En el primer paso, sólo vamos a preocuparnos la mitad superior esté dividida de la mitad inferior, y luego el siguiente paso nos preocupamos por el lado izquierdo y el lado derecho. Por lo que viniendo a mi grupo, lo voy a duplicar. Desliza hacia la izquierda, pulsa “Duplicar”, y tu grupo ahora debería duplicarse. ¿ Viste cómo se acaba de oscurecer? Eso se debe a que el fondo que se repite se establece en 50 por ciento de opacidad. Entonces ahora están uno encima del otro y así
el 50 por ciento de opacidad se duplicó y es básicamente como si ahora estuviéramos viendo al 100 por ciento de opacidad. Si tomo la herramienta de selección, ves que ahora puedo moverlos y parece mi nuevo grupo es casi como papel de seda en la parte superior del grupo inferior. Entonces para deshacer eso, ahora voy a acercarme muy cerca del centro. Es realmente importante que estés muy cerca porque, yo no llamaría tedioso a esto, pero la precisión es clave aquí. Por lo que llegando a mi paleta de Capas, estoy asegurándome de que estoy en el grupo superior y luego estoy golpeando la herramienta Selección. No veo la selección porque todavía estoy acercado. Quiero asegurarme de que Magnetics esté encendido, Freeform puede estar encendido, solo prepago a menudo uniforme, pero Magnetics es realmente importante. Magnetics significa que si empiezo a mover esto, no
sé si se puede ver esto aquí, pero aparecen algunas líneas que te remontan
al ángulo horizontal o vertical o de 45 grados de tu capa original, y eso es útil aquí porque necesitamos mover a este grupo que estamos ahora a la baja en un 50 por ciento. ¿ A qué me refiero con eso? Déjame mostrarte que es más fácil de ver que explicar. Simplemente lo estoy moviendo lentamente hacia abajo y veo esta línea azul chasqueando apareciendo porque Magnetics está encendido, simplemente bajando y bajando y bajando, y me detengo aquí donde veo la parte superior de mi selección. Entonces ahora sé que mi grupo que estoy moviendo está aproximadamente 50 por ciento por debajo de la pantalla. Voy a anular la selección por un segundo, voy a acercar aún más. Está bien, genial. Ahora reselecciono. Otra vez solo sigue moviendo esto hacia abajo. A veces me gusta moverlo ligeramente por debajo la línea central y mantenerlo seleccionado, no anular la selección todavía. Un truco en Procreate es que si tocas justo fuera de tu selección, realidad
puedes mover muy ligeramente la selección en la dirección que estás tocando. Pronto estás más o menos llegando a la línea media ahí y anula la selección. Ahora, el siguiente movimiento que hacemos es el que es un poco más tedioso. Si estuvieras fuera en esto, eso está bien porque de hecho, lo que estamos a punto de hacer es simplemente mover el primer grupo hacia arriba, que se sienta al ras contra la parte superior del grupo que acabamos de mover y ahí es donde entra
esa opacidad para que sabremos si lo hemos hecho bien o si todavía hay alguna superposición. Por lo que ahora vengo al grupo inferior, golpeando mi herramienta Selección, moviéndome lentamente hacia arriba. Voy a parar justo antes de llegar a ese punto para que se pueda ver una astilla de solapamiento aquí. Entonces voy a acercar mucho. Vuelve a seleccionar, y luego simplemente muévete hacia arriba, y porque tengo esta cuadrícula cuádruple activada, y debido a que la selección en sí incluye este pequeño mango de selección justo en el centro de mi selección, por lo general
puedo globo ocular con bastante facilidad teniendo ese mango, ven a la derecha en medio de mis líneas de cuadrícula, anula la selección. Ahora, acercando, no veo ninguna superposición,
pero para comprobarme, iré a Canvas y
apagaré Drawing Guide, y puedo ver que esto es totalmente sin fisuras. De no ser así, o bien vería una astilla de blanco del fondo mostrando a través o vería una astilla de rosa más oscuro donde se superponen las dos capas.
6. Modificaciones de patrones 1: Ahora, tenemos esta situación pasando y se puede ver que mi patrón ha empezado a caer de arriba y abajo pero también verás que si esta plaza se repite justo arriba, entonces esta es la parte superior de mi W y es va a sentarse al ras en este W. Esta es la parte superior de mi R, se va a sentar justo encima de esta R, creando un patrón sin fisuras donde nadie sabrá dónde empezó y terminó tu muestra. Lo que sí veo aquí es un poco de espacio vacío. Esto es natural, creó un poco demasiado margen en la parte inferior y la parte superior de mi primer diseño para que cuando, básicamente, la parte superior e inferior se movieron al centro, aquí
tengo un poco demasiado espacio vacío. Ahora es el momento de ajustar eso. No quiero aplanar esto. No quiero que todo se combine. Sigo queriendo que todo esté en grupo. No quiero aplanarlo. Lo que estoy haciendo es golpear al grupo superior y golpear a “Combine Down”, no le pegues a “Aplanar”. Ahora, todas mis capas están en un solo grupo. Tengo la mitad inferior de mi fondo, la mitad superior de mi fondo y aquí, no
estoy seguro de que los puedan ver muy bien pero sé que estas dos capas son mis capas de letras. No tienes que fusionarlos pero lo haré, solo
tocaré una y la fusionaré hacia abajo para que vuelva a tener todas mis letras en una sola capa. Haré lo mismo con mis lunares. Los estoy moviendo para que se sientan uno al lado del otro y se fusionen. Si fusionas tu capa de fondo, eso está bien pero entonces la opacidad desaparecerá por lo que es posible que quieras volver a ajustarlas al 100 por ciento luego fusionarlas y luego volver a bajar al 50 por ciento. Ahora, tengo de nuevo, un grupo donde se ha cumplido
la fase inicial, la fase de arriba abajo de la repetición. Pero como dije, hay un poco de espacio incómodo, raro en el medio así que voy a arreglar eso. Viniendo a mi capa de letras, sólo
voy a ajustar aún más mis letras para que llenen de forma más natural este espacio. Podrías dibujar nuevas ilustraciones si hay un espacio en blanco lo suficientemente grande y quieres agregar una ilustración completamente nueva. Voy a mover
un poco mis lunares y creo que incluso voy a añadir un par de lunares más a la capa de lunares. Recuerda cómo dije que van a haber dos oportunidades para refinar, eso es porque vamos a poder hacer lo mismo básicamente que
acabamos de hacer cuando creamos la superposición izquierda-derecha, así que hagámoslo ahora.
7. Superposiciones horizontales y modificaciones 2: Voy a moverme un poco más rápido esta vez, porque esto es idéntico al paso anterior. Se trata sólo de movimiento horizontal no vertical. Por lo que duplicaré mi grupo. Encenderé mis guías de dibujo y acercaremos, mucho. Asegurándome de que mi grupo superior esté seleccionado, golpearé la herramienta de selección directa, la flecha blanca, y lentamente la moveré a través de la pantalla, porque su magnético está encendido. Yo soy capaz de hacer eso y asegurarme de que me quede justo en el centro. Toca la herramienta de selección para apagarla. Toca mi grupo inferior y repite. Selecciona, muévete lentamente. Aquí haré una pausa para acercar aún más. Aquí veo que todavía hay un poco de superposición. Eso aparentemente se debe a que, la primera capa que acabo de mover, en realidad la
moví un poco a la izquierda de la línea central. Eso está completamente bien, porque como dije, todo lo que va a importar es que se encuentren a la perfección en algún lugar del medio para que si el lado izquierdo se repite contra el lado derecho, van a igualar. Analizamos la selección aquí y me acercaré. Verás que esto es completamente sin fisuras. Déjame apagar las guías de dibujo y volver a evaluar. Aquí de nuevo, toca el grupo superior, pulsa combinar hacia abajo, abrirlos y fusionar tus capas de dos letras. Estoy fusionando mis dos capas de lunares. Aquí es donde si quieres, puedes deshacerte del fondo. Ya no lo vamos a necesitar. Aquí voy a,
vamos a ver, mover primero algunas de las letras. lo único que no quieres mover ni tocar alguno del patrón que se va fuera del borde o toca el borde en absoluto. Como si yo fuera a mover esta R justo aquí, se echaría a perder cómo se coordina con la R aquí abajo. Esas son las únicas cosas que no quieres tocar. Básicamente todo lo demás, solo quieres moverlo para que
quede un poco más bonito en el centro de tu patrón. Se pueden borrar algunos de estos lunares porque
creo que ahora están demasiado unidos. Está bien. Creo que estamos bien. Siempre tendremos la oportunidad de volver y agregar más al centro de esto si queremos, pero esto es genial por ahora, puedo mostrarles cómo convertir esto en un patrón repetitivo.
8. Pincel de patrones de Procreate, parte 1: Ahora que hemos configurado las repeticiones en los cuatro lados, vamos a divertirnos con nuestro patrón. Vamos a probarlo y asegurarnos de que sea transparente. El mejor modo de hacerlo aquí en Procreate es convertir esto en un pincel de patrón, y eso es sorprendentemente fácil. Primero voy a empezar duplicando todo este archivo. No quiero estropear esto. No quiero hacer algo donde accidentalmente voy a perder mi trabajo. Entonces entrando en mi galería, deslizaré a la izquierda en mi archivo y pegaré “Duplicar”, y ahora solo abriré una de las copias y puedo meterme con esto sin preocuparme de que perderé ningún trabajo. Aquí tenemos nuestro trabajo y voy a darle un toque una vez y aplanarlo. Ahora cuando creas pinceles Procreate de cualquier tipo, no solo tienen que ser pinceles de patrón, el archivo utilizado para crear el pincel tiene que ser negro puro y blanco puro. Lo que sea en tu pincel imagen sea negra va a ser transparente en tu pincel. No va a ser parte de la forma del pincel, y lo que sea blanco va a ser el contenido y forma reales si tu pincel. Entonces, ¿qué significa eso para nosotros aquí? Significa que queremos que el fondo sea
negro para que nuestro pincel tenga un fondo transparente, y tome el color de fondo que nos pusimos en el archivo y el pincel mismo cuando dibujes con él, tú estará dibujando las letras y los lunares. Entonces eso debería ser blanco. Nos vamos a asegurar que el fondo sea negro
puro tocando sobre el color de fondo, viniendo al valor, puede
que ya tengas una muestra negra pura, pero solo quiero asegurarme de que para todos en casa que armamos esto con 100 por ciento negro. Entonces en este deslizador, lo
estoy moviendo todo el camino hacia abajo hasta el borde negro puro, asegurándome de que los valores RGB sean cero. El código hexadecimal para negro es de seis ceros seguidos por cierto si necesitas saberlo, y si no lo tienes ya en tu paleta, una vez que establezcas el negro puro, puedes venir y tocarlo aquí y lo
agregará a su paleta para un acceso rápido en el futuro. Entonces ahora tengo un fondo negro puro, pero mis cartas se han desvanecido. Voy a hacer una nueva capa, tocarla una vez, y golpear “Máscara de recorte”. Ahora lo que ponga en esta capa sólo afectará a la capa de arte debajo de ella. Ahora subiré aquí otra vez a valorar y hacer el reverso. Mueve esto todo el camino hasta el blanco, y ahora moveré el RGB todo el camino hasta el lado derecho también. Entonces para el blanco, todos estos deslizadores de la derecha, para el negro, están todos a la izquierda. El hexadecimal para blanco es de seis Fs. Ahora volveré a mis capas, tocaré una vez y llenaré. Ahora podemos ver si encendemos y apagamos esto nuestra obra es blanca pura, y nuestro fondo es negro puro. Ahora necesitamos exportar una versión aplanada de esto para que podamos importarlo como pincel. Subiré aquí a mi llave inglesa y sí compartir imagen JPEG. Esto simplemente lo guarda en mi rollo de cámara aquí mismo en el iPad.
9. Pincel de patrones de Procreate, parte 2: Ahora, para hacer nuestro pincel, solo
voy a venir a nuestra Biblioteca de Pinceles y tocar este signo más aquí. Esto acaba de abrir un nuevo pincel con todos los ajustes predeterminados de Procreate brush. Empezaremos agregando nuestro patrón. Entonces ven a Grano, y luego golpeo Editar, Importar, Importar una foto. Ahora, en mis fotos, navegaré hasta el archivo que acabo de exportar y voy a golpear “Done”. Todo lo demás aquí puede permanecer igual que los valores por defecto. Vamos a jugar con escala en tan solo un segundo pero todo lo demás aquí puede seguir siendo igual. Sube a Trayectoria de carrera y asegúrate de que el espaciado esté girado a cero. Eso asegura que tu patrón permanezca sin fisuras y que
no haya maravilla creada a medida que se coloca cada muestra. Tu forma por defecto será este círculo redondo y solo puedes dejar eso. Ahora, le pegas a “Done”. Voy a apagar mis capas de arte aquí y hacer una nueva capa. Simplemente me quedaré en el blanco, ya veremos qué pasa cuando empiece a pintar con mi nuevo pincel. Yo estoy pintando con mi patrón. Ya puedes ver si cambio el color de fondo a cualquier otra cosa, el patrón en sí es el blanco que dibujaron pero donde había negro, ahora es transparente. Eso es bastante guay, pero ¿y si quiero que las letras sean mucho más grandes? Creo que la escala de esto es demasiado pequeña. Eso es fácil. Acabo de volver a mi pincel, golpeo una vez, ven a Grano, ahora puedo aumentar la escala. Golpea “Done” y pruébalo. Ahora, claro, puedo divertirme mucho con esto también y pintarlo con colores. Ahora, lo último que te recomendaré para tu diseño de pincel es que si piensas compartir esto con alguien y sobre todo si piensas venderlo, por favor dale un buen nombre, pon tu fotografía, tu nombre, tu firma, y un punto de reinicio para que se
almacene tu información de copyright y realmente te encuentres como el autor de este pincel. Déjame hacer eso por ti rápidamente aquí. Tengo una foto adecuada para esto guardada en mis fotos en mi iPad para que siempre pueda tirarla aquí realmente rápidamente. Después Crear nuevo punto de reinicio, guardar. Ahora, puedes ver justo aquí abajo te da la fecha y hora en que se creó. Si realizas ediciones al pincel, puedes volver aquí y otra vez,
pulsa Crear nuevo punto de reinicio otra vez y luego si tu pincel alguna vez se restablece a los valores predeterminados, ese nuevo punto de reinicio será el predeterminado.
10. Recapitulación de pasos en cámara rápida: Ahora pensé que podría ser útil para revisar todos los pasos hasta ahora, para mí demostrar un patrón más, empezar a terminar, y esta vez con menos hablar y pausas. Hasta lo aceleraré un poco para que solo puedas seguir y
conducirá a casa todo paso. También puedes saltarte este video si quieres en este momento, o simplemente volver a él al final. Ya tengo mi lienzo cuadrado creado, y ya he hecho un alfabeto, así que te perdonaré esa parte. Lo he pegado aquí y ahora sólo voy a empezar a reordenarlo.
11. Exporta a Adobe CC: Aquí tienes un patrón que ya creé. Si buscas hacer una versión más estándar de la industria de tu patrón, que en lugar de solo exportar una versión plana del mismo para como una tela o un papel de envolver, pero quieras poder aplicarlo a cualquier tipo de producto tridimensional y venderlo en un mercado en línea. Entonces vas a querer hacer eso en Adobe Photoshop o
Adobe Illustrator convirtiéndolo en una muestra de relleno de patrón. Si ya no sabes usar estos programas, no
es casi tan intimidante como suena, te
voy a guiar a través de absolutamente cada paso. Si ya no tienes Photoshop e Illustrator, he puesto un enlace en la descripción de la clase para una prueba gratuita de Adobe. Entonces si echamos un vistazo a las capas de mi archivo aquí, verás que lo que tengo es un fondo blanco puro, mi diseño ampersand hecho en negro puro, y luego un diseño de lunares que se hace en gris, 50 por ciento negro. Pero para Photoshop e Illustrator, esa regla en blanco y negro sale por la ventana. Entonces voy a colorear los ampersands y los lunares aquí, sólo para que tengamos algo fresco con lo que trabajar en la computadora, así que voy a recortar esto aquí, y voy a poner un color muy brillante para que se presente bien en cámara. Lo mismo para los lunares, copia mi mascota de recorte de capa de relleno ahí dentro. Tengo mis lunares fijados en 50 por ciento de opacidad, así que los mantendré azules, pero sólo los mantendré en 50 por ciento de opacidad. Entonces este es un patrón de un solo color, simplemente no
es blanco y negro. Es un poco más divertido. Por lo que ahora llegando al ícono de Gear, voy a golpear, “Compartir”, y en lugar de compartir un JPEG que incluirá el fondo como parte del arte, quiero exportarlo con un fondo transparente, así que voy a seleccionar un Archivo PNG. Ahora lo llevaré al aire a mi computadora, pero podrías enviarlo por correo electrónico,
podrías guardarlo en tus archivos, tu Cloud, tu Drive, tu Dropbox, qué tienes. Pero estoy sentado justo al lado de mi computadora aquí, así que sólo lo voy a enviar.
12. Muestras de rellenos de patrones en Photoshop: Aquí, estoy en Photoshop, y sólo voy a empezar abriendo ese archivo PNG que
transferí a mi computadora hace un momento, “Archivo”, “Abrir”. Convertir esto en una muestra de patrones en Photoshop es sorprendentemente fácil. Apenas vengo a “Editar”, “Definir Patrón”. Voy a llamarlo Ampersands, y pegarle “Ok”. Ahora, se ha convertido en un patrón, pero aún no lo ves en ninguna parte. Ahora, llegas a “Ventana”, “Patrones” para abrir tu paleta de patrones. Si vas a usar mucho tu paleta de patrones, solo siempre
puedes arrastrarla y soltarla en tu barra de herramientas. Ahora, ya ves la muestra de mi patrón aparece justo aquí. ¿ Y si quiero llenar una capa entera con este patrón? Bueno, apaguemos éste. Vendré a “Capa”, “Nueva capa de relleno”, “Patrón”, y puedo dejar todo como está y golpear “Ok”. Ahora, puedo seleccionar de mi biblioteca de patrones el patrón que quiero usar, y aquí también, puedo cambiar la escala del mismo. Incluso puedo cambiar el ángulo si quiero que el patrón sea desplazado en cualquier tipo de grado que elija, y voy a golpear “Ok”. Otra forma extremadamente fácil de llenar una capa con un patrón es crear tu capa en blanco y luego simplemente presionar Shift Delete. Esto abre un tipo diferente de paleta de relleno, y creo que por defecto, estará en otra cosa, así que solo llegarás a “Contenidos” y elegirás “Patrón”, selecciona tu patrón. Aquí, no puedes cambiar la escala, esto es como una forma ligeramente menor, pero es mucho más rápido si no te importa llenar tu capa con un patrón en su tamaño predeterminado. También puedes venir y golpear “Exportar patrones seleccionados”, y esto veremos que como un archivo de patrón el cual puede ser útil si quieres compartirlo con una impresora. En ocasiones esto es necesario para ciertos tipos de flujo de trabajo solo para que
sepas así es como harías compartir esta muestra de patrones en particular.
13. Maqueta de producto en Photoshop: Ahora digamos que quieres aplicar tu patrón usando Photoshop a una maqueta de un producto tridimensional. Ahora, las maquetas son muy divertidas y es realmente fácil encontrar archivos maquetas de Photoshop en capas en Internet, ya sea por precios gratuitos o bastante asequibles. Voy a enlazar hacia abajo en la descripción de la clase algunos de mis sitios web favoritos para conseguirlos, en caso de que necesites un salto empezar a encontrar algunos propios. Pero aquí quiero maquetar cómo podría verse este patrón en papel de envolver. Tengo esta maqueta de papel de envolver. Ahora, todos estos buenos archivos maquetas en capas de Photoshop, tienen una capa que se ve algo así. Verás que tiene un icono en la esquina inferior derecha. la capa a menudo se le llama algo así como capa de ilustraciones, o me reemplaza, o algo así. Si haces doble clic en él, se abre en su propia pestaña nueva. Mira, este era mi anterior, y ahora esta pestaña acaba de abrirse cuando hago doble clic en la capa de ilustraciones. Aquí puedes ver que esta capa en este momento se acaba de llenar de rosa. Ese es el color rosa que está coloreando aquí el papel de envolver maqueta. Pero quiero ver qué pasa si pongo mi patrón aquí. Lo que voy a hacer, es capas nuevo patrón de capa de relleno, seleccionar mis ampersands, y aquí realmente
quiero cambiar la escala a algo mucho más pequeño. Creo que toda una hoja de papel de envolver, debería tener algo un poco más pequeño que esto. Eso me gusta, así que voy a decir “Está bien”. Ahora bien, si quiero que mi capa de color de fondo brille, puedo estar en mi capa de patrón y seleccionar cualquier tipo de modo de capa de mezcla, como el tipo de opacidad. Se puede divertir mucho con esto, como si yo elijo
multiplicar, noquea todo el blanco. Si elijo superposición, y ese es un look cool. En realidad creo que eso es funky y cool. Ahora bien, si hago doble clic en esta capa, puedo cambiar el color de la misma con bastante rapidez. Creo que eso en realidad es lindo. Ahora todo lo que tengo que hacer es guardar esto y volver a mi primera pestaña, y como magia automáticamente, aparece en mi maqueta. Simplemente puedo seguir yendo de ida y vuelta entre estas pestañas y haciendo ajustes. Golpea “Guardar”, y vuelve a comprobarlo.
14. Illustrator: haz una muestra de patrón de vectores: Ahora bien, ¿y si quieres hacer un patrón que esté hecho a partir de un vector? Lo que significa que va a ser mucho más fácil de recolorear y también cuando lo escale, habrá ninguna pixelación. Algunas impresoras y fabricantes realmente prefieren o tal vez incluso requieren vectores. En ese caso, dominar esta técnica va a ser muy beneficioso para ti, pero no es absolutamente necesario para cada aplicación de patrones. Entonces aquí en Illustrator, voy a hacer un nuevo archivo, Archivo, Nuevo, y hagámoslo 1,500 píxeles por 1,500 píxeles, y el DPI se establece en 300. Crear. Ahora solo tengo una plaza aquí y voy a colocar el archivo PNG del iPad que antes importaba a mi computadora. Entonces File, Place, y yo navegaré a ese PNG. Quiero asegurarme de que este icono aquí link
no esté marcado y eso va a asegurarse de que el archivo que estoy trayendo se embeba. Voy a presionar “Colocar”, y verás que aparece una miniatura de vista previa conectada a mi cursor. Simplemente daré clic y lo arrastraré hacia fuera. No tengo que presionar nada en el teclado para llenar mi tablero de arte. Si por alguna razón no sientes el tablero de arte y haces clic
aleatoriamente y se convierte en una imagen más pequeña,
todo lo que tienes que hacer es venir aquí a Ancho y Altura e ingresar 1,500 píxeles por 1,500
píxeles y luego arrástrelo para que quepa en tablero de arte. Entonces, ¿cómo conseguir esto vectorizado? Bueno, en Adobe Illustrator, las versiones más nuevas tienen realmente poderosas herramientas de traza en vivo, más que nunca, y con un diseño como éste que creé, donde los bordes de mi obra son muy suaves, va a ser muy fácil para Illustrator detectar esos bordes y crear un trazado factorial bastante preciso. Si la obra de arte que creaste con algo mucho más pictórico, como una ilustración de acuarela, las conferencias realmente no van a ser tu mejor amigo. No va a funcionar muy bien para ti, pero de nuevo, es bastante raro que la obra ilustrativa pintada tenga que ser vectorizada de todos modos. Entonces esta realmente es una técnica a la que se adapta mejor, no tiene
que ser de un solo color, sino más bien como line art y obra de arte con bordes lisos. Eso se presta bien a muchos tipos de ilustración sin embargo, incluyendo muchas letras a mano. Voy a seleccionar esta pieza y subir aquí a Image Trace. Si no ves eso ahí, todo lo que tienes que hacer es venir a Object, Image Trace, Make, y esto es crear solo la conjetura inicial más básica en un rastro en vivo, pero esto no es exactamente perfecto. Perdimos esos lunares. Veo que algunas cosas no son exactamente precisas. Ahora puedo subir aquí a mi panel Rastreo de imagen, que también se puede acceder a través de Ventana, Rastreo de imagen. Yo sólo voy a jugar un poco. El primero y más importante que hacer es activar esta pestaña Avanzada y golpear “Ignorar Blanco”, y ahora todo el fondo que está apareciendo como blanco desaparecerá y en realidad es transparente. Todavía no te va a mostrar nada visiblemente, porque tu tablero de arte también es blanco, muy
probablemente, pero sí le quitó a ese blanco. Ahora, generalmente para mi propia mano letras, me gusta mover el cursor de caminos en algún lugar bastante alto y me gusta mover esquinas y ruido bastante bajo. Ahora, para traer de vuelta mis pequeños lunares semitransparentes, quiero cambiar mi modo de blanco y negro a escala de grises, que detecte cosas que no son colores oscuros sólidos. Ahí vas. Esto lo hizo gris, pero te voy a mostrar cómo apenas ahora puedo cambiar
fácilmente este color a cualquier cosa que quiera. Haré clic fuera de mi paleta Image Trace y pegaré “Expandir” aquí arriba, y ahora puedes ver todos estos marcadores de curva bezier, lo que solo significa que esto ahora es un vector. Veamos por aquí, digamos que toco “Negro”. Ya verás que todo ahora acaba de cambiar a negro. Si hago doble clic en esto, cambiémoslo para que sea algo más divertido. Entonces esto es realmente fácilmente recuperable y escalable ahora, y es un vector. Entonces vamos a golpear “Save” antes de que pase algo. Ahora, para hacer de este vector un patrón, es súper fácil, casi más fácil que en Photoshop. Todo lo que voy a hacer es venir a Ventana, Opciones de
Patrón y luego en el menú de flyout decir “Make Pattern”. Yo lo llamaré ampersands, y diré “Size Tile To Art”, que solo se asegura de que la pizarra de arte, que es de 1.500 y 1.500, vaya a ser igual que mi obra de arte para que no consigas ninguna frontera si tu obra tiene un tamaño ligeramente diferente al de tu tablero de arte. Ahora aquí abajo, me alejaré un poco. Esto copia tres por tres. Lo que eso significa es que tu pieza original de arte central cuenta como un azulejo, y el azulejo a la izquierda y a la derecha de la misma son dos más. Por lo que tienes tres fichas a través por tres fichas hacia abajo. Puedes cambiar esto en tu configuración de Vista previa para tener más o menos, solo la del medio, y también puedes cambiar la opacidad de esas previsualizaciones. Entonces si lo pones al 100 por ciento, obtienes una muy buena idea de cómo se verá el patrón final. Pero puede ser muy útil tenerlo mucho atenuador para
que puedas hacer ediciones sin distraerte, para que sepas exactamente dónde empieza y termina tu muestra. Si quieres pausar tu pantalla ahora mismo y tomar una captura de pantalla de mis ajustes aquí, siéntete libre. Ahora sólo subiré aquí a la cima y le pegaré a “Done”. Ahora puedes ver por aquí en la vista de lista de muestras que los ampersands aparecen como un patrón. Con eso hecho, ya no necesitamos nuestra obra original. Esa obra original ahora se guarda dentro de esa muestra de patrones. Todavía es editable, pero ya no necesitamos el archivo aquí en nuestro tablero de arte. Vengamos aquí a esta herramienta de forma, como digamos esta herramienta Star. Dibujo una estrella aquí afuera, y la tengo actualmente puesta en rosa, pero quiero llenarla con mi patrón ampersand. Entonces todo lo que hago es seleccionarlo y hacer clic en el patrón. Ahí vas. Aparece. Lo mismo si hago, digamos un círculo. Ahora bien, ¿qué pasa si quiero escalar esto? Yo quiero que el patrón dentro de la estrella sea mucho más pequeño, pero no quiero cambiar todo el patrón en sí porque quiero que el patrón dentro del círculo se quede en esa escala. Lo que necesito hacer entonces es transformarlo, y la forma más rápida es hacer clic derecho y encontrar el menú Transformar pero también puedes ir a Objeto, Transformar y Escala. Ahora aquí, si enciendo Vista previa, se
puede ver que tengo estas opciones Transformar objeto, Transformar patrones. Yo solo quiero trabajar con el patrón. No quiero encogerme ni agrandar la forma de estrella misma. Entonces desactivaré Transformar Objetos pero mantendré activado Patrones de transformación, y luego aquí arriba en Escala uniforme, pongamos esto para que diga 50 por ciento, y se puede ver que inmediatamente la estrella se mantuvo igual y el patrón cambió. Ahora bien, ¿qué pasa si quieres cambiar el color de esto? Todo lo que tienes que hacer es hacer doble clic en tu patrón, estoy golpeando “Comando A” para seleccionar todos y estoy dando click en una “Nueva muestra”. Si le pego a Done, entonces esto sigue siendo técnicamente las rosadas originales. Entonces va a salvar el negro sobre el rosa. Entonces quiero cancelar de esto y ahora verás que el patrón negro existe por aquí y el rosa existe. Por lo que solo puedes seguir jugando con esto. Yo estoy abriendo el negro aquí y voy a decir, quiero que este ampersand en todos ellos sea morado brillante. Ahora, cuando me aleje, verás que esa es morada y solo puedes divertirte
tanto recolorear esto como quieras. Esa es una de las cosas más geniales de los vectores. Ahora, si vuelvo a golpear, “Guardar una copia”, Cancelar. Puedo poner mis coloridos ampersands aquí. Déjenme bajar eso. Golpea “Ok”. El otro cool cosa que quería simplemente mostrarte es que aquí en Illustrator, dibujé un círculo básico de relleno sólido y lo coloqué en la parte trasera detrás de mis patrones. Solo quiero usar esto para ilustrar que tu patrón en sí, porque golpeamos Ignorar Blanco cuando lo estábamos trazando, tu patrón en sí tiene un fondo transparente y
tomará cualquier color de fondo al que lo apliques.
15. Illustrator: exporta un patrón listo para imprimir: Ahora bien, si quieres estar usando estos patrones en otros archivos de Illustrator, querrás venir a las muestras del menú desplegable y decir “Guardar biblioteca de muestras como AI”, lo que solo significa como archivo de Illustrator, y eso hace que sea realmente fácil volver a abrir en otros archivos de Illustrator. Simplemente guardaré esto donde quiera. Ahora, antes de dejarlos, les
voy a dar un ejemplo de una forma muy práctica de utilizar estos patrones, digamos para un proyecto de impresión. ¿ Qué tal si quieres imprimir algún papel de regalo y la impresora requiere un archivo que sea de 18 por 24 pulgadas con una hemorragia de 0.125 pulgadas? Eso es probablemente bastante típico. Entonces vendré a File,
New, pondré mi tablero de dos pulgadas, 24 de ancho por 18 de alto, y mi sangrado es de 0.125 pulgadas. Con este icono de candado activado
, rellena automáticamente los demás campos. Manténgalo en 300 DPI, y toca “Crear”. De inmediato quiero abrir esas muestras de patrones que acabo de guardar, así que vendré a mi paleta de Swatch, golpearé el menú desplegable, y diré “Abrir biblioteca de muestras”. Ahora, porque acabo de tenerlos abiertos y salvados, me
lo está mostrando aquí como adelanto. Pero si no lo es, si recientemente cerraste Illustrator y lo
reabriste, puedes ir a otra biblioteca y navegar a ella en una computadora. Simplemente lo abriré aquí, y ya ves cómo se abre en esta bonita paleta separada. Siempre puedes agregar más muestras a esto y volver a guardar sobre ese archivo, y podrás seguir abriéndolo una y otra vez. Todo lo que voy a hacer es navegar a mi herramienta de rectángulo y dibujar un rectángulo que llene la mesa de trabajo todo el camino hasta la línea de sangría. Por aquí, voy a apagar ese trazo por defecto. No quiero una frontera. Después vuelvo al relleno y voy a mis muestras de patrones, y lo estoy llenando con mis muestras. Haga clic derecho, Transformar, Escala. No quiero transformar el objeto, sólo el patrón. Puedo cambiar la escala a lo que quiera, así, 60 por ciento. Honestamente, sólo puedo salvar esto. Ciertas impresoras querrán diferentes formatos, pero cuando vayas a Archivo, Guardar como, puedes seleccionar probablemente entre los dos archivos que la mayoría de las impresoras querrían, que sería un PDF o un EPS, que es otro formato vectorial. Entonces vamos a salvar el nuestro como PDF. Guardar. Por el bien de esta clase, sólo
diré Impresión de alta calidad, y Guardar PDF. Ahora, tienes aquí como PDF, tu archivo listo para imprimir que puedes enviar junto a cualquier impresora y tener tu producto estampado creado.
16. Etiquétame en tu trabajo (¡por favor!): Muchas gracias por seguir el día de hoy. Espero que hayas disfrutado de esta clase y que si compartes tu trabajo, realmente me etiqueten en redes sociales, para que pueda tener un pico. Siempre me gusta ver lo que hacen mis alumnos, ya sea de mis clases de Skillshare, mis productos descargables, mis libros, o mis otros tutoriales. Espero verte de vuelta en otra de mis clases de Skillshare. Pero mientras tanto, tal vez quieras echar un vistazo a mi canal de YouTube donde ofrezco tutoriales y demostraciones de tamaño bocado también. Hasta la próxima vez, adiós.
Molly Suber Thorpe, Calligrapher & Designer
