Transcripciones
1. Houndstooth y rosa: un diseño gráfico para la clase en ™: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo, Sombreado de medio tono
Vector y pata de gallo en Adobe Illustrator. Diseño Gráfico para Almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. En este episodio, vamos a crear dos cosas. En primer lugar, vamos a tomar una foto de rosa que estamos descargando de la web, y vamos a rastrearla en un vector, y le vamos a añadir un patrón de medio tono. Entonces vamos a explorar la creación de un patrón de pata de gallo. vamos a juntar a los dos, y cuando
terminemos, vamos a ver recolorear la rosa sólo para conseguir un efecto diferente. De verdad espero que disfrutes este episodio de Diseño
Gráfico para Almuerzo y todo lo que aprenderás en él. Empecemos con nuestro Proyecto Houndstooth and Rose.
2. Houndstooth y rosa: parte 1: Si quieres seguir junto con este video tutorial usando exactamente
la misma imagen que he usado, puedes hacerlo. Se puede descargar esta imagen desde publicdomainpictures.net. Sólo tienes que ir al enlace web que te he dado y dar click aquí en “Descarga gratuita” y podrás descargar la imagen. Ahora la voy a llevar a Photoshop y hacer algo de pre-preparación en Photoshop. Si no tienes Photoshop y si quieres usar la imagen prepreparada, entonces te daré un enlace de descarga para conseguir eso también. Pero si sí tienes Photoshop y si sí quieres ver cómo se prepara la imagen, entonces mira el final de este video. De lo contrario, sólo salta adelante al siguiente. Tengo la rosa abierta aquí en Photoshop y tengo la última paleta visible, que puedes llegar eligiendo Ventana y luego Capas. Ahora deberías poder hacer esto, aunque no hayas usado mucho Photoshop. Vas a hacer clic en la capa de fondo y arrastrar este icono de candado a la papelera para simplemente convertirla en una capa normal. Eso nos va a permitir en un minuto deshacernos del fondo de esta rosa. Entonces sube aquí y localiza la Herramienta de Selección Rápida. Un escenario de unos 30 es un buen escenario para esto. Yo sólo voy a arrastrar ahora pintar sobre la rosa misma. Al igual que yo, Photoshop está haciendo una selección para mí. Ahora, si va demasiado lejos, no te preocupes, porque siempre puedes recuperar esto manteniendo presionada la tecla Alt u Opción y simplemente pinta esa zona, así que la estás deseleccionando. Solo quieres a las hormigas marchantes alrededor del borde mismo de tu rosa. Photoshop ha hecho una selección realmente buena aquí, y sin duda vale la pena elegir una rosa que esté bastante bien aislada de su fondo porque no quieres perder mucho tiempo en Photoshop, que podrías estar gastando teniendo mucho diversión en Illustrator. Tengo seleccionada mi rosa, por lo que ahora quiero deshacerme del fondo. Para invertir mis selecciones del fondo seleccionado y no de la rosa, elegiré Seleccionar y luego Inverse. Debido a que el fondo ahora está seleccionado y porque tengo esto como una capa normal, no la capa de fondo, solo
puedo presionar “Eliminar”. Ahí hay una rosa aislada. Voy a entrar ahora y a cosecharlo. Sólo voy a agarrar la herramienta de recorte y sólo arrastrarme un poco en el cultivo, porque no quiero llevar el exceso de imagen a Illustrator. Simplemente estoy dimensionando mi rectángulo de cultivo y haga clic en la marca de verificación. Ahora antes de ir a Illustrator, podemos hacer un par de cosas que nos ayudarán a producir un resultado
ligeramente mejor dentro de Illustrator. Para ello, voy a aplicar un ajuste de curvas a esta imagen. Voy a elegir Imagen, Ajustes, y luego Curvas. Ahora recordando que solo estamos trabajando en esta imagen para el punto de preprepararla para Illustrator, no
estamos haciendo todos los trucos fotográficos inusuales que haríamos en Photoshop. También quiero que esto sea lo suficientemente fácil para que lo hagas, aunque no estés familiarizado con el uso de Photoshop. Voy a arrastrar hacia abajo, basta con hacer clic y arrastrar hacia abajo en la parte inferior de esta curva aquí para que sea una curva ligeramente hacia abajo. Voy a dar click en la línea aquí y arrastrarla un poco hacia arriba. Lo que eso está haciendo es agregar algo de contraste a esto, así que tenemos algunas capas oscuras y algunas capas más claras. Eso va a ser bastante importante más adelante porque
vamos a convertir estos en vectores dentro de Illustrator. Entonces quieres un contraste bastante bueno aquí, algunos bits claros y algunos bits oscuros. Cuando estés contento con lo que tienes, solo arrastrando hacia fuera en esta curva, solo tienes que hacer clic en “Ok”. Si cometes un error y es muy fácil cometer un error aquí y simplemente convertir esto en basura, entonces todo lo que necesitas hacer es mantener presionada la tecla Alt u Opción y clic en “Restablecer” y eso simplemente lo envía de vuelta a la forma en que estaba. Puedes volver atrás e intentar de nuevo obtener tu curva y el contraste adicional en esta imagen y hacer clic en “Ok”. Otra cosa que podemos hacer es aplanar algunos de los colores en la imagen. Simplemente hacemos esto ejecutando un filtro. Elige Filtro y luego Ruido y luego Mediana. Lo que la mediana hace es aplanar el color en la imagen. Por el momento, tenemos un radio de seis píxeles. Si arrastro esto todo el camino hacia arriba, dirás que la imagen simplemente se convierte en una gran blob. Obviamente, los valores que hicimos son bastante pequeños. Yo sólo voy a probar tres. Ahora creo que tres es probablemente un valor bastante bueno aquí. Estamos consiguiendo un poco menos detalle en la rosa al hacer eso. Elige un radio de, digamos, dos o tres píxeles y haz clic en “Ok”. Ahora estamos listos para dirigirnos a Illustrator. Para ello, voy a guardar esta imagen poder usarla una y otra vez si quisiera. Escogeré Archivo, Guardar como porque no quiero sobrescribir el original, pero sí quiero conservar una copia del mismo. Ahora estoy en la carpeta en la que se almacenó la imagen original, pero voy a elegir de la lista desplegable Guardar como tipo,
JPEG, y voy a llamar a esto “Aislado-fácil-que-que- rosa” y hacer clic en “Guardar”. Ahora se guarda la imagen de rosa, así que terminamos con todo el trabajo que necesitamos hacer en Photoshop, y nos dirigimos a Illustrator.
3. Houndstooth y rosa: parte 2: Ya estamos listos para crear la imagen en la que vamos a estar trabajando. Elijo “Archivo” y luego “Nuevo”. Estoy haciendo una imagen que tiene 1,000 por 600 píxeles de tamaño, modo de color
RGB, y haga clic en “Ok”. Ahora si optó por hacer el trabajo de Photoshop usted mismo, este es el punto en el que traerá su imagen. Si optó por no hacerlo, siga el enlace aquí para descargar la imagen que puede utilizar. Da click para descargar la imagen que he preparado previamente para ti y la guardarás en disco. Entonces todos iremos a buscar las imágenes con las que vamos a estar trabajando. Será la imagen que te creaste o la que creé para ti. Lo haremos de la misma manera. Escogeremos “Archivo” y luego “Lugar”. Vaya y seleccione la imagen y haga clic en “Colocar”. Entonces solo tienes que arrastrar un lugar para ello dentro de tu documento de Illustrator. Acude a la última paleta y querrás un par de versiones de esta imagen. Ya lo verás aquí una vez. Haga clic en eso y arrástrelo y suéltelo aquí sobre este nuevo ícono, y eso creará un duplicado del mismo. Puedes cerrar y esconder esa por ahora porque solo vamos a estar trabajando en la de abajo. Debido a que se trata de una imagen de mapa de bits, Illustrator ya está identificando y sugiriendo que quizá queramos rastrearla. Haré clic en “Rastreo de imagen”. Ahora, el primer rastro siempre se ve absolutamente horrible pero eso está bien porque
solo sabes que va a quedar horrible y tienes la oportunidad de hacerle cambios. Haga clic en el panel “Rastreo de imagen” y haga clic en “Vista previa” desactivada porque queremos cambiar la configuración de este panel antes de que Illustrator despegue y vuelva a rastrearlo. En lugar de blanco y negro, queremos trazar en color. Queremos usar una paleta de colores limitada porque queremos menos de un lapso completo de colores. Te sugiero que empieces con algo así como ocho y solo veas cómo va eso. Ahora en el panel Avanzado aquí, se llega a elegir caminos, esquinas, y ruido. El áspera regla de oro para esto es que si arrastras caminos y esquinas a un valor pequeño, entonces arrastras el ruido al revés. Esto me va a dar un resultado muy suave. Ahora, parece que he chasqueado Preview ahí que no quise hacerlo. He perdido mi configuración aquí por alguna razón pero sólo reiniciémoslos. Tengo un valor muy bajo para caminos y esquinas, un alto valor para el ruido. Eso me va a dar un resultado muy suave. Ahora, ya he rastreado esta imagen antes, y sé que hay un poco de blanco ahí dentro que
realmente quiero conservar así que no voy a dar clic en “Ignorar Blanco”. Voy a deshacerme del blanco más adelante que no necesito. Voy a dar clic en “Vista previa” y eso va a poner en marcha el rastro. Sólo tienes que esperar hasta que Illustrator haya terminado de trazar la imagen. Entonces mira lo que tienes y decide si eso es lo que quieres. Ahora ese es un rastro bastante bueno, pero quizá quieras probar menores números de colores. Probemos seis, por ejemplo. Escribiré seis y presionaré “Tab” y eso me da un resultado de tipo. También podrías probar unos cuantos más así que intentemos 10. Todo lo que buscas es un resultado que te gusta. En realidad me gusta mucho 10, así que creo que voy a llamar bueno a eso. Pero probablemente no querrías mucho más de 10 colores en la imagen. El bello de elegir 10 es que he perdido estas áreas blancas en la imagen así que en realidad voy a conseguir un resultado un poco mejor. Ahora que he terminado mi traza, voy a dar clic aquí en “Expandir” y eso expande la imagen en una imagen vectorial. Ahora, tengo formas vectoriales. Voy a dar click en esto y voy a elegir “
Desagrupar objetos ” para que pueda empezar a trabajar con las formas individuales. Lo que busco es la última forma así que si bajo
en la última paleta y hago clic en la última forma y solo la aísla, ese va a ser el blanco. El fondo blanco si hay alguno, generalmente termina siendo la última forma. Yo sólo voy a recogerlo y ponerlo en el basurero porque no quiero la forma blanca, pero todo lo demás que sí quiero. Acabo de enrollarme hasta la última paleta y aquí están todos los objetos aquí. Simplemente voy a dar clic en el muy superior y eso seleccionará todo excepto las filas duplicadas, que es exactamente lo que quiero seleccionar es todo excepto, y sólo voy a agruparlo otra vez, “Objeto”, “Grupo”. Ahora, eso sólo lo esconde en un grupo ordenado, lo que me permite encenderlo y apagarlo a voluntad y también bloquearlo muy, muy fácilmente. Voy a hacer esas dos cosas. Voy a cerrarlo y lo voy a apagar. Voy a volver a la segunda versión de las filas que tenía. Voy a desbloquearlo y ahora estamos listos para seguir adelante y para crear el semitono.
4. Houndstooth y rosa: parte 3: Para hacer el efecto de medio tono, estoy seleccionando la segunda versión de la rosa, una aún no se ha convertido a nada. Voy a elegir Objeto y luego Rasterizar porque quiero trabajar con el color en esta imagen. Hasta que lo rasterice, simplemente no puedo hacer eso. Solo voy a dar clic en Ok, solo selecciona las opciones predeterminadas. Ahora, con la forma aún seleccionada, voy a elegir Editar y luego Editar colores porque hay una herramienta en Illustrator que te permite convertir una imagen a escala de grises. Voy a dar click en Escala de grises. Ahora, tengo una versión en escala de grises de mi rosa. Esto es lo que voy a convertir en mi medio tono. Para ello elegiré Efecto y luego Pixelate, y luego Color Halftone. Ahora, casi todo lo que necesitas saber sobre el diálogo Color Halftone es que el radio máximo va a ser el más grande de los puntos en tu medio tono. Quieres ponerlo en algo que va a funcionar para tu imagen. El ángulo de la pantalla, no importa demasiado lo que
configuren porque estamos trabajando con una imagen en escala de grises. Solo voy a probar esto dando click en Ok. Ese es mi efecto de medio tono. Ahora bien, podría pensar que mis puntos son demasiado grandes o demasiado pequeños. En realidad creo que solo están un poquito en el lado pequeño. Voy a abrir el panel Apariencia porque aquí en la apariencia para esta imagen rosa en particular está el efecto de medio tono de color. Simplemente puedo hacer click en él y recuperar mi diálogo. Sólo voy a hacer un cambio y establecerlo 12 píxeles para mi radio máximo y probarlo. Si eso no es suficiente, basta con hacer clic de nuevo y hacer un cambio. Puedes ir más grande para puntos más grandes o más pequeño para puntos más pequeños. Creo que 13 va a funcionar bastante bien para esta imagen. Ahora, tengo mi efecto de medio tono sobre la parte superior de mi rosa original. Sólo traigamos la rosa de vuelta. Acabo de encender su icono Eyeball, así que deberíamos poder verlo. Bueno, no lo podemos ver ahora mismo porque estamos mirando una imagen en blanco y negro y no podemos ver a través de ella porque es totalmente opaca. Lo que tenemos que hacer es fusionar este efecto de medio tono con la capa que hay debajo. Voy a dar clic aquí en la capa de medios tonos, y voy a dar clic en el panel Apariencia para ello. Porque aquí en las opciones de Opacidad, son modos de mezcla. Estos son modos de mezcla que son similares a los que encontrarías, por ejemplo, en Photoshop. Si hago clic en Multiplicar, entonces voy a poder fusionar el medio tono con la imagen rosa debajo. Ahora, ese es un efecto bastante bueno. Pero en el siguiente paso, lo que vamos a hacer es realmente vamos a ocultar el efecto de medio tono en las áreas más claras de la imagen. Tenemos que ir a construir una máscara y luego enmascarar el efecto de medio tono. Veamos cómo hacemos eso.
5. Houndstooth y rosa: parte 4: Para nuestra máscara, la vamos a construir en el panel de “capas”. Estoy abriendo el panel de capas. Voy a dar click aquí para añadir una nueva capa justo por encima de todo lo demás. Voy a usar esa nueva capa para construir la máscara. No quiero que mi imagen de medio tono sea visible ahora mismo, así que la voy a bloquear para que no se mueva, pero también la voy a ocultar. Voy a desbloquear la versión rastreada de la imagen. Tenemos la imagen que es la versión trazada, llena de formas vectoriales. Ahora quiero seleccionar el área más ligera de la imagen, pero cuando haga clic en ella, verás que está agrupada. Ahora mismo vamos a desagruparlo, haremos “desagrupar objetos”. Puedo volver a hacer click ahora en el área más ligera de la imagen que puedo ver, y soy capaz de seleccionarla. Quiero seleccionar cada otra zona más ligera, pero no quiero tener que hacerlo a mano. Vamos a elegir seleccionar, mismo, color de
relleno, e ilustrador seleccionará todas las áreas más claras de la imagen para nosotros. Ahora quiero copiar esos, así que voy a elegir “editar copia”. Entonces subiré a esta nueva capa que
creé, voy a elegir editar, pegar y colocar. Este va a ser el comienzo de mi máscara. Sólo estoy haciendo un duplicado y escondiéndolo. Volvamos a bajar a la rosa. Tenemos que seleccionar la Capa 1 para que volvamos a trabajar en la Capa 1. Ahora voy a seleccionar algunas áreas ligeramente más oscuras,
las que están al lado del área de luz. Voy a dar clic en uno de ellos, seleccionar, mismo, llenar color, editar, copiar. Voy a mi Capa 2 y luego vamos a elegir editar, pegar en su lugar. Volvamos a la Capa 1. Voy a seleccionar el siguiente color más claro. Encontrarás que generalmente estos colores están alineados uno al lado del otro, puedes decir que este es el más ligero y luego éste, y luego probablemente éste. Vamos a elegir, seleccionar, mismo, color de relleno, editar, copiar, subir a la Capa 2, editar, pegar en su lugar. Ahora he seleccionado los tres colores más claros de la imagen, creo que eso es probablemente todo lo que voy a necesitar para trabajar. Yo sólo voy a bloquear esta capa por el momento, y vamos a decir lo que tenemos en la capa superior, también
voy a apagar esta. Estas son las áreas más ligeras de la imagen. Voy a seleccionar todo en la Capa 2 y lo voy a llenar de negro. Voy a subir aquí y dar click en “negro”. Todas esas áreas de luz de la imagen ahora son negras. Voy a seleccionarlos, voy a arrastrar por todos lados con la herramienta de selección y elegir editar y luego copiar. Tengo una copia de esto en el portapapeles. Ahora volvamos a las capas y ocultemos esa capa de máscara, los pedazos de la imagen que planeamos usar para una máscara. Hagamos visible de nuevo nuestra otra capa. Lo que queremos hacer aquí es empezar a trabajar en el medio tono. Voy a desbloquear el medio tono y lo voy a hacer visible. Voy a dar click en él, así que tengo el semitono solo seleccionado. Voy al panel de apariencia, y estamos listos para crear nuestra máscara. Ahora, crear una máscara puede ser un poco difícil, pero si pasas el proceso conmigo, va a ser realmente fácil. Ya tenemos nuestras áreas negras en el portapapeles de Windows o en el portapapeles de Mac, y vamos a dar clic aquí en “Opacidad”. Esto va a abrir este pequeño diálogo, y lo que queremos hacer es hacer una máscara, así que voy a dar clic en “Make Mask”. Entonces voy a dar clic aquí para seleccionar la máscara. Necesito asegurarme de que haya un borde alrededor de esta cajita de máscaras, y voy a apagar clip. Ahora voy a elegir editar, pegar en su lugar. Lo que eso hace es que pegue la imagen que tenía en el portapapeles en la máscara. Si abres el diálogo de opacidad para esta forma, esto es lo que debes ver, tu efecto de medio tono aquí dentro,
y aquí una máscara en blanco y negro. Deberías ver esta cantidad de negro y esta cantidad de blanco, porque esa es más o menos la relación que queremos. clip debe estar apagado y la máscara Invertir también debe estar desactivada. Si tienes todo con este aspecto, entonces todo es perfecto, y tienes un paso más que hacer. Ahora mismo estás editando la máscara, y lo puedes ver porque tiene un poco de envoltura negra alrededor, y aquí arriba también, dirá máscara de opacidad. Tienes que dejar la máscara de opacidad antes de poder
volver a trabajar en esta imagen dentro de ilustrador. Lo que quieres hacer es dar click aquí en el medio tono. Tienes que hacer eso, y luego simplemente puedes hacer click lejos de todo, y tienes tu efecto de medio tono. Se ha eliminado en las zonas donde la imagen es más clara, y sólo se aplica en las zonas donde la imagen es más oscura. Ahora si quieres que sea aún menos obvio de lo que es, entra aquí en la opción de opacidad y simplemente baja un poco la opacidad. Eso va a fusionar los puntos de semitono en la imagen subyacente, pero claro, van a ser completamente eliminados de las áreas donde la imagen era más ligera. Estoy marcando esto a tal vez alrededor del 50 por ciento, creo que eso va a ser un buen valor aquí. Es un efecto bonito para mí, así que solo voy a hacer clic lejos
del diálogo y puedo cerrar el panel de apariencia. Ya estamos listos para seguir adelante y para crear nuestro patrón de pata de gallo para nuestra rosa.
6. Houndstooth y rosa: parte 5: A continuación vamos a crear nuestro patrón de pata de gallo y pata un patrón interesante porque en realidad es una teselación. Acabo de abrir mi última paleta y aquí tengo mi máscara. Ya no los necesito, así que solo arrastremos y soltemos la máscara sobre el basurero. Pero voy a añadir una nueva capa. Voy a dar clic aquí en el nuevo icono de “Capa”, y voy a usar esa nueva capa para construir mi patrón. En esta etapa, vamos a bloquear el resto de la imagen y simplemente apagar la visibilidad. Nosotros solo trabajamos en la capa 2. Ahora el patrón de pata de gallo que podemos crear a partir de un rectángulo. Voy a dar click aquí en la “Herramienta Rectángulo”. Es sólo un rectángulo regular. Voy a dar click en el centro de la imagen hasta que se abra este diálogo. Voy a crear un rectángulo que sea la mitad de ancho que alto. Voy a conformarme con 50 de ancho y 100 de alto, y hacer clic en “Ok”. Lo estoy llenando de negro. El negro es un buen color para esto. Voy a acercar para poder ver las cosas
con bastante claridad aquí porque quiero trabajar en esta forma. Voy a hacer clic lejos de la forma para que no esté seleccionada. Voy a dar clic en la “Herramienta Pluma” ahora si odias la herramienta de pluma, está bien. Entiendo totalmente, pero no vamos a hacer nada realmente significativo con ello excepto solo click. Es bastante fácil el funcionamiento de la herramienta de pluma. Voy a seleccionar un color diferente aunque es algo que realmente va a contrastar. Estoy seleccionando rosa. Voy a bajar aquí en la parte inferior de esta forma y voy a dar click cuando diga que
aparezca la palabra ancla porque quería iniciar mi forma
exactamente en la misma posición que la esquina de este rectángulo. Ahora voy a mantener presionada la tecla Mayús porque quiero que este ángulo sea de 45 grados. Yo sólo voy a subir aquí a sobre esta dimensión. Esto no es Rocket Science. No importa lo lejos que hayas llegado, pero quiero que sea por las miradas de esto y voy a dar click una vez. Ahora voy a mantener la tecla Mayús otra vez, y voy a subir aquí. Yo quiero estar en cerca de esta cantidad de espacio desde la esquina de la imagen. Pero de nuevo, necesito sostener Shift porque necesito que esto sea una línea recta muerta. Voy a ir aquí y solo dar click una vez. Entonces vengo aquí otra vez sosteniendo la tecla Mayús, y solo quiero alinear esto con el borde mismo de esta forma donde dice “Camino”. Voy a dar click una vez. Voy por aquí, otra vez manteniendo la tecla Mayús para alinear con este ancla, haga clic y por aquí y haga clic. Eso debería darme una forma. Eso es exactamente lo que quiero. Pero tengo una base ondulada en mi forma y creo,
bueno, el lado de ella se ve bien pero la base de bit wiggly. Yo sólo lo voy a enderezar antes de irme. Yo sólo voy a acercar aquí, conseguir esta herramienta de selección directa, click en este punto de “Anclaje” aquí porque creo que sólo necesita ser derribado. Voy a mantener presionada la tecla Mayús mientras la arrastra hacia abajo. Simplemente lo estoy mirando para buscar una línea recta y he logrado conseguir una línea recta perfecta. Vamos a presionar “Control cero” para volver a la imagen misma. Voy a la herramienta de selección y voy a volver a poner esta forma rosa encima de la negra. Vamos a acercarnos para que podamos decir lo que está pasando aquí. Quiero asegurarme de que esté perfectamente alineado con la parte inferior de las formas negras. Podría seleccionar ambos y simplemente hacer clic aquí en “Vertical Align Bottom”. Eso asegurará que ambas formas estén alineadas verticalmente. Yo también los voy a alinear de este lado. Solo voy a dar clic aquí para alinearlos perfectamente a la derecha también. Ahora quiero dos copias de estas formas rosadas. Voy a elegir editar copia, y luego editar pegar en el lugar que los quiero encima uno del otro. Vamos al último palé y abramos esta capa en la que estamos trabajando. Se puede ver que tenemos una forma rosa, una forma rosa, y una forma negra. Bueno, voy a seleccionar una de
las formas rosadas y luego Mayús+clic en las formas negras. Ambos seleccionados. Voy al pathfinder y voy a seleccionar frente
menos porque sabemos que las formas rosadas son fundadoras a la negra. Cuando hago clic en “Menos front”, lo que termino es con una forma rosa y una forma negra sin sus bits. Bueno, tiene un poco extra ahí dentro. Vamos a acercarnos y ver si podemos decir eso lo que está pasando aquí para que podamos deshacernos de él. Bueno, voy a seleccionar esta forma negra y voy a seleccionar luego en la herramienta de selección directa. Aquí hay un punto de anclaje suelto. Simplemente voy a darle clic con la herramienta de selección directa y hacer clic en “Eliminar” y simplemente desaparece. Es posible que encuentres que obtienes un ritmo final o dos, pero podrías tener suerte y conseguirlo todo en la primera vez. Ahora voy a volver a poner esta forma encima de ésta. Nuevamente acercando solo para asegurarte de que todo esté bien alineado. Cuando los tenga a ambos alineados así, solo
voy a seleccionar cualquiera de ellos y hacer clic en “Unite”. Eso hace una forma de los dos. Esta es la mitad de mis manos a su patrón, así que elegiré objeto, transformaré, reflexionaré. Voy a dar click en “Vista previa” porque quiero
reflexionar sobre la vertical y quiero hacer una copia,
así que voy a dar clic en “Copiar”. Ahora voy a arrastrar la segunda forma lejos de la primera. Voy a unirlos pareciendo así. Seleccione cualquiera de ellos y haga clic en “Unite”. Ahora tengo una forma. Estos son los sesgos de mi pata de gallo. Voy a rotarlo 45 grados, así que lo voy a arrastrar alrededor sosteniendo la tecla Mayús para rotarla a un ángulo de 45 grados. Antes de irme de aquí, lo
voy a hacer negro porque va a parecer un hueco, mejor, bang, negro, pata de gallo. Ahora pulsa “Control” o “Comando cero” para alejar y haremos el patrón con las formas seleccionadas. Escogeremos objeto, patrón, make, y hacemos clic en “Okay” .Voy a vincular estas dos casillas aquí, así que asegúrate de que esto esté activado. Voy a dar clic en una de las casillas y apenas empezar a presionar la tecla de flecha hacia abajo. Puedo pulsar “Shift down arrow” si me gusta. Yo sólo quiero unir estas dos formas juntas. Yo solo quiero que el extremo puntiagudo de esta forma se entrecruce con el camino que he creado. Cuando he hecho eso, tengo mi pata de gallo. Simplemente voy a dar click en “Hecho”. Ya terminé con esta forma para poder eliminarla. El patrón de pata de gallo está aquí en mis muelas. Ahora voy a crear un rectángulo que sea un tamaño del tablero de arte. Simplemente voy a dar clic y arrastrarlo aquí. Con el relleno seleccionado, voy a dar click en mi patrón “pata de gallo”. Es demasiado grande. Voy a elegir escala de transformación de objetos. Tengo la vista previa activada. Quiero transformar mis patrones así que quiero transformar patrones seleccionados por no quiero transformar estos objetos. Yo sólo voy a lograrlo, bueno, empecemos con 25 por ciento. Eso es un poco grande y creo que probablemente podría bajar a cerca del 15 por ciento. Bueno, estoy pensando aún más pequeño. Haré siete por ciento y pincharé “Ok”. Ahora vayamos a la última tarima y traigamos de vuelta nuestra rosa. Aquí está la capa de pata de gallo rellena. Aquí está la capa uno, que tiene la rosa del medio tiempo sobre ella. Yo sólo voy a traer mi rosa de nuevo a la visibilidad y voy
a arrastrar el laboratorio de pata de gallo debajo de la capa de rosas, que es sólo poner la rosa encima. En este punto, esencialmente hemos terminado el proyecto que vinimos aquí a crear. Hay una manera, sin embargo, cambiando los colores de la rosa. Si querías ver cómo hacer eso, sólo
vamos a terminar eso en el siguiente video.
7. Houndstooth y rosa: parte 6: Si quieres cambiar el color de tu rosa, puedes hacerlo, pero te sugiero que antes que nada, guardes tu rosa. Asegúrate de elegir Archivo Guardar como, para que tengas una versión guardada del colorway que tienes aquí. Ahora vamos a cambiarlo. Voy a abrir el panel de capas. Voy a desbloquear la capa de rosas y sólo la
voy a seleccionar porque es sólo la rosa que queremos cambiar. Entonces voy al panel de muestras de color. Voy a dar click aquí en Grupo Nuevo Color. Por defecto mostrará la obra de arte seleccionada. Solo tienes que hacer clic en “Ok”. Esto agrega un nuevo grupo de colores de los colores que están en la rosa en este momento. Con la rosa aún seleccionada, adelante aquí y haga clic en Editar o Aplicar grupo de colores. A continuación, haga clic en “Editar”. Estos son los colores en la rosa actualmente. Ahora lo que puedes hacer es simplemente arrastrar por aquí. Los colores mantendrán estas mismas relaciones para que consigas este esquema de color monocromático, es
decir los colores en tu rosa. Si arrastras hacia adentro, obtendrás una rosa de color más pastel. Si arrastras hacia fuera, lo que vas a conseguir una rosa de color menos pastel, más saturada. Ahora, estos colores se pueden arrastrar individualmente dentro y fuera para estar más o menos saturados. Volvamos a la clase aquí. Puedes arrastrarlos dentro o fuera. Eso te permitirá crear este interesante efecto
aislando algunos colores en la rosa y haciéndolos más oscuros o claros. Pero esencialmente porque los colores están bloqueados en relación entre sí, porque esto está bloqueado, no se
puede tirar de ellos hacia otra área de color. Si quieres jalarlos a otra zona de color, tendrás que desbloquearlos. Una vez desbloqueadas, puedes ir y hacer cosas como esta. Puedes empezar a traer colores interesantes a la rosa. Incluso puedes traer colores de cortesía. Puedes hacer todas las cosas con tu rosa en este punto y hola, si has llegado tan lejos, has hecho mucho trabajo, por lo que también puedes disfrutar. Ve a hacer tu rosa del color que quieras, y solo diviértete con este diálogo porque sin duda te lo mereces. Este es un gran proyecto y este es el divertido final del proyecto. Si obtienes una combinación de colores que te guste, pulsa aquí en Nuevo grupo de colores, y eso solo lo guardará como un grupo de colores y haz clic en “Ok”. Tu proyecto para este curso es obviamente hacer tu propio patrón de semitono y luego ir a buscar una imagen de rosa, algo que te hayas disparado o algo que hayas encontrado en un sitio de valores, convertirlo en vector y aplicar el efecto medio tiempo a la misma. Publica una imagen de tu proyecto terminado en el área de proyecto de clase. Espero que hayas disfrutado de este episodio de Diseño Gráfico para Almuerzo, creando efectos de rosa de medio tono y patrones de dientes de sabuesos. Espero verte pronto en otro episodio.
8. Houndstooth y video adicional de rosa: Este es un add on video para el proyecto Houndstooth y Roses. Ahora, la razón por la que estoy haciendo este video es que, uno de mis alumnos preguntó qué pasaría o cómo lo harían si estuvieran usando Illustrator CS5, en realidad
están usando 5.1. Pero las versiones de Illustrator anteriores a CS6 no tenían la herramienta de creación de patrones en ellas. Si estás usando una versión anterior de Illustrator, no
podrás hacer el patrón Houndstooth de la misma manera que todos los demás. Te voy a mostrar cómo lo haces en versiones anteriores de Illustrator. Ahora tengo los sabuesos básicos a moldear y lo que tenemos que hacer ahora, es hacer nuestro patrón. Ahora, tengo seleccionada la herramienta Mover. Lo que voy a hacer es seleccionar mi pieza de patrón. Voy a mantener la tecla Alt mientras arrastra algunas copias de esto lejos. Voy a conformarme con cinco ahora mismo. Ahora, vamos a construir este patrón justo fuera de los espacios y no vamos a rotarlos. Vamos a rotar el patrón más adelante una vez que realmente tengamos todo funcionando. Simplemente va a ser más fácil hacerlo de esa manera. Voy a acercarme aquí. Sólo voy a hacer clic en la herramienta
Zoom, acercar aquí porque quiero ver estos espacios con claridad. Con la herramienta Mover, voy a seleccionar esta pieza y simplemente moverla, por lo que solo toca el borde superior de ésta. Entonces voy a sostener la barra espaciadora para poder ver qué está pasando aquí. Sólo voy a sacar esta pieza del camino por ahora y voy a mover esta, así que está exactamente en el mismo lugar. Ahora necesitamos estas dos piezas de patrón, esta de aquí y esta de aquí para estar en el mismo nivel. Solo voy a seleccionarlos a ambos y simplemente alinear verticalmente su fondo y asegurarme de que ahora sean exactamente iguales entre sí en posición. Creo que ambos se pueden mover hacia arriba, así que sólo voy a probar eso. Eso me queda bastante bien ahora mismo. Vamos a por esta pieza y entra por aquí. Yo lo voy a colocar, luego voy a acercar y ver qué tan bien está colocado. Bueno, la respuesta a eso no está muy bien en absoluto, pero sólo puedo arreglarlo. Sostén la barra espaciadora, ve y comprueba que este extremo se ve bastante bien. Control+0 para alejar de nuevo el zoom. Ahora, vamos a movernos en la última pieza aquí, que es ésta de aquí. Necesito moverlo para que esté en posición y necesita estar justo aquí. De nuevo, voy a acercarme para asegurarme de que esté perfectamente alineado, cosa que no lo está. Ahora que he hecho esto, voy a echar un vistazo y ver si tengo suficiente para mi pieza de patrón. Lo que quiero es una pieza de patrón que contenga este espacio aquí, esta forma blanca, esta forma negra, esta forma negra, y esta forma blanca. Voy a dibujar un cuadrado por aquí y creo que tengo justo la cantidad correcta de piezas de patrón aquí. Voy a elegir Ver y luego voy a elegir Rulers y voy a elegir Mostrar reglas, porque quiero ver a mis gobernantes. En realidad quiero prepreparar algunas guías. Para crear una guía, basta con arrastrar hacia fuera de la regla. Voy a posicionar un guía justo aquí. Voy a hacer lo mismo y posicionar esta guía justo a lo largo de este filo aquí. Ahora los voy a alinear un poco mejor en un minuto, pero por ahora, sólo los quiero en posición. Ahora voy a hacer lo mismo aquí. Voy a arrastrar uno hacia abajo desde arriba, y lo voy a alinear a la misma parte superior de este objeto negro de aquí, que también es la parte superior de este objeto blanco y voy a hacer lo mismo aquí. Alinear a la parte superior del negro y la parte superior del blanco. Ahora, aquí dentro hay toda una pieza de patrón y eso es lo que busco. Solo necesito asegurarme de que esté perfectamente alineado antes de ir más allá así que consigamos la herramienta Zoom. Vamos a acercarnos aquí y asegurarnos de que las guías estén en la posición correcta, que parecen estar. Ciertamente tuve mucha más suerte con mis guías esta vez que la primera vez que creé esta forma. Bueno, esta guía no está justo aquí. Ahora, las guías son solo elementos. Son sólo objetos en Illustrator. Ya verás aquí, que una guía es un objeto. Simplemente puedes seleccionarlo con la herramienta Selección y simplemente moverlo a su posición. Ahora voy a presionar Control o Comando+0 para alejar el zoom. Lo que quiero hacer ahora es crear un rectángulo que esté alineado con este conjunto de guías. Voy a la herramienta Rectángulo. Sólo voy a dar clic aquí en esta guía de aquí, y arrastrar un rectángulo. Ahora necesito asegurarme de que está correctamente alineado así que vamos a entrar aquí y asegurarnos de que el rectángulo esté alineado correctamente. Ahora bien, si quieres, puedes bloquear todo lo demás hacia abajo, para que sea un poco más fácil trabajar con esto. Simplemente voy a bloquear todas estas piezas porque no quiero que se muevan las piezas, pero sí quiero que este rectángulo se mueva. Yo quiero alinearlo perfectamente. Está un poco fuera por el lado aquí y está mucho fuera del fondo. Eso se ve realmente bien. Presionaré Control o Comando+0. Ahora tengo mi rectángulo seleccionado. Aquí lo puedes ver en la paleta Capas y no tiene trazo ni relleno. Ahora esto es crítico para crear patrones. No sé por qué los patrones funcionan de esta manera. No entiendo la teoría detrás de ella. Pero sí sé que hay ciertos pasos que si tomas tus patrones funcionan, si no haces eso, tus patrones no funcionan. Lo que necesitamos hacer es crear un rectángulo sin trazo, sin relleno, ese es el tamaño exacto del elemento que queremos utilizar para nuestra pieza de patrón. Esa es la regla número 1. regla número 2
es, tiene que estar al fondo de todo. Simplemente voy a desbloquear todo ahora que lo he creado y arrastrar este rectángulo hasta el fondo aquí así que está detrás de todas las piezas que quiero usar. Ahora, ya no necesito las guías, así que voy a dar clic y luego Shift click en la última a las guías y sólo
voy a arrastrarlas a la papelera porque en este momento están más o menos en el camino de todo. Ahora sólo tengo formas y mi rectángulo aquí. En realidad no necesito esta forma aquí. Técnicamente no es necesario para mi patrón, así que solo puedo hacer clic en él y eliminarlo. Puedo eliminarlo de la última paleta o simplemente puedo presionar la tecla Eliminar. Acabo de borrar esa forma. Ahora lo que me queda son sólo las piezas de los patrones que quiero crear y el rectángulo. Voy a dar click en toda la capa. Sólo voy a dar clic a este ícono aquí. Todo está seleccionado con el rectángulo que está marcando el tamaño de mi pieza de patrón detrás de todo. Ahora lo que hago, es abrir el panel Muestras y acabo de
arrastrar desde el centro de este rectángulo, arrastrar y soltar esto en el panel Muestras. Eso crea una muestra. Básicamente, eso es todo lo que tenemos que hacer para crear la muestra pero veamos cómo seguiríamos adelante y la usaríamos. Yo sólo voy a alejarme aquí. Vamos a crear una nueva mesa de trabajo para esto. Apenas estoy haciendo clic en el objeto Artboard. Sólo voy a arrastrar una forma aquí y voy a arrastrar un rectángulo del tamaño de la mesa de trabajo, sólo para que podamos llenarla con nuestro patrón, porque necesitamos hacer un poco más de trabajo cuando realmente
vamos adelante y utilizar este patrón. Se puede ver que el rectángulo que he creado, este negro relleno. De hecho, quiero llenarlo con mi patrón así que solo voy a dar clic aquí en el patrón y ahora el rectángulo se llena con un patrón de espiga. Pero para parecer una espina de espiga real, nos gustaría rotarla. Con los objetos seleccionados, este rectángulo seleccionado, voy a elegir Objeto, Transformar, Rotar. Ahora, lo que ha pasado aquí es que el objeto ha girado. No queremos que el objeto gire, así que voy a anular la selección de esta marca de verificación aquí. Pero sí queremos transformar el patrón y queremos transformarlo menos 45 grados. Ahora, el tuyo no dirá menos 45 grados. Es que ya he estado aquí para crear el patrón ya en este documento por lo que ya tengo uno. Pero solo lo pones a menos 45 grados y eso lo girará y haz clic en Ok. Entonces si quieres redimensionarlo haces exactamente lo mismo harías con un patrón que está hecho con la herramienta de creación de patrones. Eliges Objeto, Transformar, Escala. Analizarás la selección de objetos de transformación porque no
queremos transformar el rectángulo en sí. Simplemente queremos escalar o escalar el tamaño de nuestro patrón de espiga. Yo sólo lo voy a hacer, mucho más pequeño. Solo estoy usando la tecla de flecha abajo, pero en realidad podrías escribir un valor ahí. Entonces solo tienes que hacer clic en Ok. Por supuesto que quieres asegurarte de que los patrones de transformación es lo que se selecciona porque eso es lo que estás transformando. Ahí tienes la respuesta a la pregunta de ¿cómo creo un patrón repetitivo en Illustrator si no estoy usando Illustrator CS6 o posterior? Si estás usando CS5, 5.1, CS4 o cualquier versión anterior, vas a necesitar crear tu patrón manualmente y así es como lo haces. Muchas gracias a la persona que me hizo la pregunta porque es algo que he querido hacer desde hace mucho tiempo,
es realmente hacer un video para hacer patrones en versiones anteriores de Illustrator, así que me impulsaste a hacer ella. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de Diseño Gráfico para Almuerzo. Espero verte pronto en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
