Transcripciones
1. Efecto de imagen bocetos en Illustrator - introducción: Hola, soy Helen Bradley. Bienvenido a esta Clase de Diseño Gráfico Para Almuerzo: Efecto de imagen
Sketchy 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. hoy, vamos de una foto a un efecto de imagen esbozado en Illustrator. En el camino, vas a aprender montones sobre ilustrador. Aprendí mucho al tratar de hacer este video y hacer que el efecto sea realmente eficiente para crear, así que estoy seguro de que también vas a aprender montones. medida que estás trabajando a través de estos videos, es posible que veas un prompt que te permite recomendar esta clase a otros. Cuando lo veas, si estás disfrutando de la clase, por favor haz dos cosas por mí: dale un pulgar arriba y escribe solo unas palabras sobre por qué estás disfrutando de la clase. Estas recomendaciones ponen mis clases frente a más personas que, igual que tú, quieren aprender más sobre Illustrator. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y a tus preguntas, y miro todos tus proyectos de clase. Ahora si estás listo, empecemos a crear un efecto de imagen poco cojo a partir de una foto en Illustrator.
2. Efecto de imagen bocetos - parte 1: Para este proyecto, necesitamos comenzar con una fotografía. Por lo que encontré una foto realmente buena para usar en unspliced.com. Para la fotografía, probablemente quieras algo con tiene algunas líneas bastante simples en ella, pero te voy a dar el enlace de descarga para esta imagen. Basta con hacer click en el botón de descarga. Ahora, ya lo he hecho,
así que vamos a deshacernos de eso, y voy a crear un nuevo documento. No sé qué tan grande era esa imagen, pero voy a empezar con una imagen que tiene 2,000 por 1,000 píxeles tamaño que va a manejar bastante bien una imagen de paisaje, modo de color
RGB, y voy a dar clic en “Ok”. A continuación tenemos que ir a conseguir la imagen. Vamos a hacer eso eligiendo archivo y luego colocar. Voy a seleccionar la imagen que he elegido para usar, y aquí abajo, es importante que desactives el enlace de palabras. Por lo que en realidad quieres incrustar esto en la imagen. Por lo que voy a dar click en lugar. Ahora se llega a arrastrar hacia fuera la imagen, y se puede ver que nos fue bastante bien con nuestro tamaño de archivo. No necesitamos que esta imagen sea tan detallada como es y solo va a detener tu máquina si lo es. Entonces, empecemos racionalizando este objeto. Rasterizar, y vamos a elegir RGB, vamos a elegir una resolución de pantalla, y vamos a asegurarnos de que no tengamos ningún anti-aliasing. De todos modos no tenemos manchas de colores, así que solo puedes eliminar ese click “Ok”. Eso simplemente simplifica la imagen. Necesitamos que sea escala de grises, así que vamos a elegir editar y luego editar colores y luego convertir a escala de grises. Esto se acaba de convertir a una imagen de escala de grises. A continuación, tenemos que simplificarlo aún más, y para ello vamos a utilizar un filtro. Voy a elegir efecto y luego galería de efectos. Estoy usando el filtro recortado se puede ver que ya se está aplicando a esta imagen. El filtro recortado simplifica la imagen, y así lo que buscamos son algunos colores interesantes, y formas interesantes en la imagen. Ahí puedes establecer el número de niveles aquí, y quiero un poco de luz en esta imagen. Entonces estoy pensando que eso probablemente va a ser un mejor escenario a las cuatro de lo que es a las cinco o seis. Se están poniendo un poco detallados y tal vez no tan ligeros como yo quiero que sean. La sencillez de borde solo va a ser la sencillez o no de los bordes. puede tomar de lo ridículo a lo sensato o de alguna manera intermedia. Entonces voy por una sencillez de borde de unos cinco, y luego la fidelidad de borde te va a dar mucho más detalle. Probablemente, no quiero eso, realmente
voy a retroceder la fidelidad de filo prácticamente a toda distancia. Todo lo que buscas en esta etapa son unas bonitas formas y algo que es vagamente reconocible como un auto y tal vez un edificio detrás de él en esta imagen. Entonces eso es realmente todo lo que buscas. Pensándolo bien, creo que sólo voy a subir un poco mi filo de fidelidad. A mí me gustaría ver un poco alrededor de la parte delantera del auto. Entonces solo voy a dar clic en “Ok”. Ahora tengo mi imagen simplificada bastante, y quiero ir a rastrearla. El problema es, que a pesar de que sólo tenemos unos pocos colores en esta imagen, si seguimos adelante y trazamos esto ahora mismo, Illustrator, aunque le pidamos sólo que elija como cuatro o cinco tonos de gris, se va a apagar por sí mismo. Simplemente va a crear algo así como unos 200 tonos de gris. Entonces va a ser una pesadilla total. Antes de hacer esto, lo que tenemos que hacer es crear una paleta de colores. Voy al panel de muestreos que es solo [inaudible], así que vamos a buscar mi panel de muestreos. Voy a hacer un conjunto de muestreos a escala de grises. Voy a dar click aquí en nuevo grupo de colores, y luego voy a añadir un color. Entonces voy a ir aquí y sólo crear mi blanco en primer lugar. Voy a arrastrar blanco hasta aquí. Ahora voy a ir a crear algo que sea más como un 15 por ciento gris, y lo voy a colocar junto al blanco. Vamos por algo aquí que sea más como unos 60 aquí, déjalo
caer, vayamos aquí abajo, mirando esto hagámoslo 30 por ciento de brillo que es alrededor de 70 por ciento gris. Tenemos cuatro colores hasta ahora, y ahora vamos a golpear por casi negro pero no tranquilo. Llamemos a eso negro aunque no sea del todo negro. Entonces tenemos cinco colores aquí. Esto es crítico estos son los cinco colores que vamos a sacar de esta imagen. Entonces ahora que tenemos lista nuestra muestra, y tenemos nuestra imagen lista. En el siguiente video, vamos a seguir adelante y hacer el rastro.
3. Efecto de imagen de boceto: Para intentar ver imagen necesitarás asegurarte de que la imagen en sí esté seleccionada. Así que seleccioné aquí arriba en la barra de herramientas tienes la opción de traza de imagen. Si no tienes eso puedes ir a objeto y simplemente elegir imagen trace make. Pero sólo voy a dar clic en el botón “Rastreo de imagen” aquí. El primer rastro siempre va a quedar absolutamente horrible y eso está bien. Lo que hay que hacer es agarrar este diálogo aquí, el panel de traza de imagen. Vamos a desactivar la vista previa y vamos a asegurarnos de que aquí se abra avanzado. Se quiere ver lo avanzado. Estamos desactivando la vista previa porque de lo contrario el Illustrator solo va a seguir rastreando continuamente mientras estamos haciendo nuestra configuración, y no queremos hacerlo hasta que estemos listos. Voy a seleccionar color del modo a pesar de que estoy trabajando en una imagen en escala de grises. Desde la paleta, quiero seleccionar Biblioteca de documentos, y luego desde los colores, voy a seleccionar la paleta de colores que creé. Ahora lo que estamos haciendo aquí es que le estamos diciendo a Illustrator, sabemos que tienes tu propia opinión en cuanto a qué colores se deben usar en esta imagen, pero queremos que uses los colores que prescribimos. Esto limitará a Illustrator a usar sólo estos colores. Si no hacemos eso, va a arrojar cientos de tonos de gris a esto aunque sólo pedimos un puñado. No sé por qué sucede, pero eso es lo que hace, y así es como lo vamos a resolver. Ahora, con caminos y esquinas, vamos a arrastrar cada uno de esos a través este lado y el ruido va en la dirección opuesta. Por lo general, estas dos diapositivas van la misma dirección y ésta va en la dirección totalmente opuesta, para los ajustes que queremos utilizar. Si estableces esto demasiado alto pondrías este bajo, pero eso te va a dar un escaneo más detallado. Queremos sencillez hoy. Voy a hacer clic en “Vista previa”, y ahora Illustrator puede seguir adelante y hacer el escaneo. Aquí está el escaneo, e Illustrator así usó otros colores que le pedimos que usara. Ahora en este punto, si quieres, podrías probar aquí algunos ajustes diferentes. Simplemente di si agregando un poco a los caminos o quitando un poco de los caminos te dará un mejor efecto. Una de la que me preocupa un poco es la parte delantera de este auto. me gustaría que estuviera un poco más definido, míme gustaría que estuviera un poco más definido,
lo que parece requerir que haya pasado set un poco más alto y tal vez hasta esquinas. Eso no ayuda realmente. Pero podría aumentar un poco los caminos y ver si eso
va a ayudar sólo un poquito alrededor de la parte delantera del auto. Simplemente puedes experimentar con eso. Una vez que estés contento con lo que tienes, puedes cerrar el diálogo y luego vas a hacer clic en “Expandir”. Eso expande estas formas trazadas en formas reales, y ahora tenemos una serie de objetos vectoriales. Sólo tenemos que desagruparlos porque todos están en un grupo grande. Vamos a hacer clic en “Desagrupar”, y si vamos al panel de capas, tenemos una capa con muchas y muchas formas en ella. Lo que tenemos que hacer es romper estos. Voy a empezar primero agregando una capa y esto va a ser ligero. Estos son los objetos más ligeros que están pasando a esta capa aquí. Simplemente voy a dar clic en “Away”, así que no quiero nada seleccionado en esta etapa. Voy a dar click en algo que es realmente ligero, una forma. Voy a elegir “Seleccionar”, “Igual”, “Color de relleno”, y todo lo que es blanco ahora está seleccionado y se puede decir a lo largo de esta capa, hay un montón de pequeñas piezas que son una especie de color claro. Para moverlos arriba a esta capa de luz usando el panel de laboratorio aquí es una pesadilla total. Hay una forma mucho más rápida y fácil de hacerlo. Lo que haces es hacer clic en la capa a la que quieres que se muevan, todavía
hay seleccionado aquí, y eliges “Objeto”, “Organizar”, “Enviar a capa actual”, y porque esa era la capa objetivo, ahora todas las capas objetos de luz están en esa capa objetivo. Puedes apagarlo o encenderlo como quieras. Vamos a crear una nueva capa para los grises claros. Volviendo a nuestra imagen principal, seleccione algo que sea un gris claro. Selecciona “Misma, “Color de relleno”. Diríjase al laboratorio al que queremos moverlos, “Objeto”, “Organizar”, “Enviar a Capa Actual”. Voy a hacer eso hasta que termine con todos los colores de esta imagen. Si te confundes un poco, siempre
puedes simplemente apagar la visibilidad de las dos capas que creaste, y eso deja claro los colores con los que aún tienes que trabajar. De lo que ahora me queda es que tengo una capa aquí que tiene pasos ligeros sobre ella. Yo sólo voy a llamar en realidad a esto blanco porque van a ser los pasos más ligeros en la imagen y esta ahora es nuestra imagen, y la hemos dividido en cinco capas, que corresponden a los cinco tonos de gris que aplicamos antes. Ahora, en esta etapa, si no estás realmente contento con la sombra de gris, puedes hacer algo con él. Voy a ir a estos grises claros. He seleccionado esta capa y eso selecciona absolutamente todo lo que hay en esta capa. Ahora podría entrar aquí y sólo podía ajustar este color si quisiera, y hacer clic en “Ok”, y luego todo lo que estaba coloreado ese tono de gris, se
ha aclarado un poco porque hice el color un poco más claro. Aquí sí tienes bastante flexibilidad para ajustar la imagen en este punto. Ahora tenemos una imagen trazada hasta los pocos colores con los que queremos trabajar, ahora estamos listos para seguir adelante y para crear el look escaso para ello.
4. Efecto de imagen de boceto: En este punto, antes de ir a crear mi mirada bocante, voy al último panel y estoy pensando si en alguna etapa
quería que estas formas llenas de estos colores me ayudaran con mi imagen. No quiero perderlos. Lo que voy a hacer es seleccionar todas estas capas, las voy a soltar en el nuevo icono, y eso crea dos conjuntos de capas. Ambos son idénticos. Voy a añadir otra capa justo por encima del segundo conjunto, y voy a mover todas estas capas duplicadas a esa capa. Lo que tengo es la capa 13, que en realidad voy a llamar master color porque eso es todo el color lleno de formas. Tengo el negro, gris medio, gris claro, claro, y blanco y es un conjunto duplicado. Lo que voy a hacer es apagarlos, bloquearlos y simplemente cerrar esa capa. Vamos a trabajar en esta capa superior, pero lo que efectivamente hemos hecho es guardar una copia de esta imagen por si queremos pedir prestadas piezas de ella más adelante. Probablemente, no lo haré en este video, pero solo quiero que sepas que va a ser realmente difícil descodificar lo que vamos a hacer a continuación. Si crees que hay alguna posibilidad de que quieras que esas capas intactas, hazlo antes de dar el siguiente paso. Empecemos con el gris claro porque esto va a ser realmente altamente visible. Tengo seleccionada la capa, lo que significa que los cambios que estoy haciendo ahora están afectando todo lo que hay en esta capa, todas estas formas grises claros. Por eso nos tomamos la molestia de romper estos a diferentes capas, solo para hacer la vida mucho más fácil. Vamos a elegir Effect, Stylize, Scribble. En la configuración de Scribble, voy a usar algo como esto. Yo lo voy a hacer a 30 grados, así que va a estar yendo en este ángulo. Aquí se puede ver el ajuste anterior. Superposición de ruta es lo lejos que está dentro o fuera del camino. Ahora bien, no quiero que esté fuera del camino en absoluto. En todo caso, quizá quiera que esté un poquito dentro, que puedas jugar con esos valores, por los cuales voy a poner el mío a cero. Pero solo ten en cuenta que también podrías conseguir un buen kilometraje de un ajuste menos aquí. La variación es, ¿se me permite enviar solo unas líneas fuera del camino? Bueno, la respuesta a eso es no. No queremos enviar nada realmente fuera del camino, tal vez un valor realmente pequeño, pero creo que es mejor sin. Ancho de trazo es lo ancho que es el trazo. Este es un color bastante claro. En realidad voy a bajar esto a tal vez 0.75 de un píxel, o incluso podrías poner 0.5 de un píxel. Solo necesitarás escribir eso ahí dentro. Curviness es lo curvadas que son las líneas. Si lo enrollamos a realmente curvilínea, son como líneas garabateadas. No quiero ninguna curvatura en esto para nada, así que estoy haciendo cero. Variación es cuánta variación puedo tener al decir que no quería curvidades, pero ahora sí quiero un poco. Bueno, se puede aumentar la variación para conseguir un poco de curviness, pero no mucho. Voy a terminar eso hasta cerca del 15 por ciento. El espaciado es lo apretadas o lo sueltas que son estas líneas. Puedes hacerlos realmente sueltos o puedes hacerlos muy apretados. Puedes bajarlos a pequeñas cantidades de un píxel. Probemos 0.5 de un píxel. Esa es una buena línea espacial aquí. Aquí puedes probar diferentes valores, pero solo ten en cuenta que puedes ir realmente pequeño y probablemente no quieras ser nada mucho más que de uno o dos píxeles de espaciado y variación, solo
podrías hacer un pequeña cantidad de variación. He hecho cinco píxeles de variación, eso es variación en el espaciado. Habiendo hecho eso, solo voy a dar clic, Ok. Estos valores son pegajosos, por lo que eso significa que la siguiente forma que vamos y llenamos cuando pedimos garabatos, vamos a conseguir esas mismas opciones por defecto. Vayamos al medio gris. Haga clic en él, Efecto, Estilizar, Garabato. Aquí te dejamos los mismos ajustes que usábamos antes. En este punto debido a que estamos trabajando con una línea ligeramente más oscura, posible
que deseemos aumentar nuestro ancho de trazo. Tengo mi espaciado a 0.5, creo que probablemente sea bastante bueno. De hecho, estoy bastante contento con esto ahora mismo, así que voy a dar click Ok en eso. A continuación, voy a seleccionar las zonas negras o las más oscuras y elegir Effect, Stylize, y luego Scribble. Voy a usar los mismos ajustes que usaba antes, pero estoy notando que no hay mucha diferencia entre las áreas que estoy coloreando en este tiempo y las que coloreé en la última vez. Bueno, eso podemos resolverlo de una manera diferente. Yo sólo voy a dar click Ok. Voy a tomar esta capa de copia negra y la voy a arrastrar al nuevo icono de capa. Tengo dos copias de esta capa. Ahora tengo una versión más oscura de lo que había debajo, simplemente porque puse dos capas encima una de la otra. Pero lo que puedo hacer con esta capa más alta es hacer que mis líneas vayan por el otro lado, así que obtengo patrón de escotilla cruzada. Voy por la capa superior y la estoy seleccionando. Voy al panel Apariencia, porque lo que necesito hacer es tener acceso al garabato existente. Si solo voy y elijo Effect y trato de agregar garabatos a
esto, se va a añadir otro garabato encima de éste. Se va a garabatear y garabatear lo cual va a detener tu máquina y causar todo tipo de tensión y estrés. Lo que debes hacer es ir al Garabato existente,
Efecto, hacer doble clic en él, y eso abre este diálogo. Ahora lo que estamos haciendo es cambiar la versión top. Simplemente vamos a enrollar esto para que venga de una dirección diferente, y ahora estamos consiguiendo nuestro look de escotilla cruzada. En este punto, si quisieras reducir un poco el ancho de tu trazo, podrías, por lo que obtienes un efecto ligeramente más claro si quieres, y haz clic en Ok. Ahora, empecé con los grises claros. Si echan un vistazo aquí, los grises claros tienen un efecto garabato asociado a ellos. Las luces no. Cuando selecciono estos, se
puede decir en el panel Apariencia que aún no tienen un garabato asociado a ellos y no estamos viendo uno en la pantalla. Vayamos a nuestra copia ligera y aplicamos un efecto garabato a esto. Ahora, voy a volver a mi grado de 30. Estoy bastante contento con todos estos ajustes excepto que no
puedo ver nada porque el color no está bien. Voy a dar click Ok. Sólo voy a hacer doble clic en el color, que ahora me va a dejar añadir un poco de color a las líneas que estoy haciendo. No quiero que sean terriblemente coloreados. Simplemente mirando esto aquí y haga clic en Ok, y eso agrega un poco de color a esas áreas sombreadas. Esta es una imagen de garabatos. Se está creando a partir de una fotografía, pero ha sido hecha de líneas garabateadas. Ahora puedes ir y afinar esto como quieras. Es posible que desee usar el crosshatching en todo, posible que desee ir y ajustar su efecto garabato. Para ello, basta con mostrar el panel Capas, seleccionar en la capa que contiene los elementos que desea ajustar, y luego si abre el panel Apariencia, puede llegar al garabato que se ha aplicado a esos objetos. Recuerda también que tienes esta capa de color relleno detrás de todo. Si tomaras esta capa y si ajustaras su opacidad bastante baja, podrías conseguir un poco de color adicional detrás del efecto garabato. Ese es otro efecto potencial que podrías crear como para traer de vuelta algo del color original de la imagen de abajo. Por supuesto, si quieres un poco más de detalle, también podrías, al trazar tu imagen, usar más que solo los cinco colores que usamos. Pero está el efecto que vinimos aquí a crear. Tu proyecto para esta clase será ir y obtener una imagen, puedes usar ésta o puedes usar cualquier imagen de tu elección. Crea un nuevo documento en ilustrador, coloca esta imagen en tu documento, rasterizala, conviértela en escala de grises, ve y ejecuta el filtro recortado sobre él, crea un esquema de colores de tonos de gris que quieres trazar a, y luego seguir adelante y hacer tu rastro. Divide todos los diferentes tonos de gris en diferentes capas y luego aplíqueles tu efecto garabato. Publica tu imagen terminada en el área del proyecto de clase. Espero que hayas disfrutado de esta clase y que hayas aprendido mucho sobre trazar imágenes, hacer esquemas de color y aplicar efectos a imágenes en Illustrator. Conforme estás trabajando a través de estos videos, habrás visto un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, haz dos cosas por mí; dale un pulgar arriba y escribe sólo en pocas palabras por qué disfrutaste de la clase. Esas recomendaciones ayudarán a otros alumnos de Skillshare a encontrar mis clases para que ellos también puedan aprender más sobre Illustrator. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos sus comentarios y preguntas. Miro y respondo a todos sus proyectos de clase. Mi nombre es 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™
