Lettering sombreado en Procreate

1. Introduccion: Hola, amigo creativo. Bienvenida. Yo soy Sarah. Soy artista y diseñadora. Y en esta clase, te mostraré cómo crear unas divertidas letras sombreadas usando la app Procreate Comenzaremos configurando algunas guías de rotulación y creando algunos bocetos aproximados de nuestras Después pasaremos a entintado y sombra con finalmente, acabaremos con algo de textura y sombras Todo lo que necesitarás para la clase es en iPad, tu stylus. Voy a estar usando mi Apple Pencil y la app procreate. ¿Estás listo? Empecemos. 2. Proyecto de clase y descargas: Para tu proyecto de clase, crea algunas letras sombreadas con tu nombre usando las técnicas demostradas en Y si quieres compartir tu proyecto, no olvides subirlo a la galería de Project. Me emociona ver lo que vas a crear. Te voy a mostrar rápidamente cómo descargar los recursos de la clase. Y algo importante a tener en cuenta es que solo para estar en un navegador web y no en la aplicación Skillshare para acceder a las descargas Estoy usando Chrome. Entonces justo debajo de este video, verás algunas pestañas. Vaya a la pestaña Proyecto y Recursos. Ahora desplázate hacia abajo hasta UC download Resources y tocaremos el pincel sombreado. Camino en la parte inferior, verás que tu pincel se ha descargado. Así que toca, Descargar, luego abre y seleccionarás Procreate Y tu pincel se importará automáticamente a tu biblioteca de pinceles. Y suele estar en la parte superior. Ahora haremos lo mismo por nuestra paleta de colores. Volveremos a nuestros recursos de descarga, y esta vez tocaremos el archivo de muestras Y vamos a hacer lo mismo. Tocaremos, Descargar, abrir y seleccionar, Procreate Y para las paletas de colores, suele ponerlo en la parte inferior de tu biblioteca de paletas Podemos tocar y sostener su paleta y llevarla hasta la cima. Ahora que ya lo tienes, estamos listos para comenzar 3. Guías de rotulación: En esta lección, estableceremos algunas líneas guía y crearemos un boceto aproximado de nuestras letras. Entonces comenzaré por crear un nuevo lienzo. Tocaré el signo más aquí mismo en la esquina superior derecha Y voy a dar click sobre lienzo nuevo. Y voy a poner mi unidad de medida 2”. Y voy a hacer este lienzo 11 "por 11" a 300 DPI. Para nuestro perfil de color, lo mantendremos en RGB. Y ahora llamamos, vamos a tocar en crear. Ahora que tenemos nuestro nuevo lienzo, podemos comenzar configurando algunas Guías de rotulación Y si eres nuevo en el lettering o quieres ver mi proceso de lettering, tengo una clase donde muestro mi proceso para crear una escritura gruesa sans-serif Y voy a vincular esa clase justo debajo de este video si te gustaría tener mirada. Ahora, iré a mi panel Capas. Me aseguraré de estar en una nueva capa limpia. Sólo puedo agarrar mi lápiz de dibujo de mi biblioteca de pinceles Y me aseguraré de que solo tengo un color negro para mis rotulaciones Guías Ahora puedo comenzar dibujando mi línea de base, y eso será por todas mis cartas se sentarán. Ahora, voy a dibujar mi altura de gorra. Ahí será donde toquen todas las letras en parte superior y mi altura x Y eso irá en el medio. Y como sólo voy a estar creando una más gruesa, manda a Sarah. Todas las letras mayúsculas para esta clase. No necesito preocuparme por ninguna letra minúscula para poder colocar mi altura x es alta como quiera Si quiero que mis Cartas se crucen más alto, como donde la a cruzaría sobre las Hs. O lo puedo poner más abajo o justo en el medio. Realmente depende de ti y de la estética que vas por. Voy a poner el mío ligeramente por debajo de la mitad. Eso será para todas mis cartas cruzadas. Él cruzará. Ahora que tengo mis guías de rotulación establecidas, puedo bajar la opacidad de esta capa porque solo quiero que sean estas líneas guía de color gris claro Los pondré al 30% por la opacidad. Y solo puedo centrar mis letras Las guías se asegurarán de que mi chasquido y magnetismo estén Entonces sólo puedo centrar mis rotulaciones Guías al campus. Y verán encendidas estas dos líneas amarillas cuando mis Guías estén justo en medio de la lona. Entonces eso se ve bien. Ahora puedo comenzar a hacer mi boceto rudo para mis cartas. Voy a crear una nueva capa por encima de mi capa de línea guía. Y nuevamente, iremos con nuestro lápiz de bocetos y nuestro color solo será este color negro Ahora sólo puedo comenzar por escribir un mi nombre. Y aquí es donde obtendremos todo nuestro espaciado correcto y las letras como queremos antes de comenzar a entintar nuestro proyecto final Así que sólo voy a jugar con mis Cartas a Estoy contento con el candado. Voy a hacer mi a en el cruce. Yo quería ir un poco por encima. Y solo puedes jugar con lo que quieras, pero quiero agregar algunos intereses. Entonces voy a hacer esto ligeramente sesgado un poco donde la a cruza Simplemente continuaré con el resto de mis cartas. Otra vez. Sólo voy a cruzar la a para repasar un poco por los lados. Voy a oscilar mis cartas un poco más para poder agregar en mi H. Y como pueden ver, estoy dejando espacio entre letras aquí mismo. Porque sé que voy a entrar con un pincel más grueso para mi pieza final y quiero asegurarme de que tengo suficiente espacio entre mis letras Ahora, solo voy a agregar en mi edad, de nuevo, voy a repasar un poco los lados solo para agregar un poco de interés a mi carta, creo que te verás muy ordenada una vez que esté todo sombreado Si ves alguna letra ahora quieres ajustar. Aquí es donde yo haría eso. Y quiero que mi S sea un poco más gruesa. Entonces voy a agarrar mi herramienta de selección. Seleccionaré mi S, y me aseguraré de que mi chasquido y magnetismo estén apagados para que no se ajuste a Y voy a tocar aquí abajo donde dice forma libre para poder ajustar libremente mi carta así que solo la haré un poco más gruesa. Quería venir un poco por debajo mi línea de base aparecer y mi top. Eso se ve bien. Yo voy a hacer lo mismo por el are. Creo que lo quiero un poco más grueso. Entonces solo puedo ajustar eso ahora mismo, ya que esta es solo la capa de boceto, no tienes que preocuparte de que las líneas se pixelen ni nada porque vamos a estar entintando Entonces eso se ve bien. Ahora, voy a apagar mis lineamientos de boceto para ver como son mis Cartas. Y eso me gusta mucho. Así que voy a ir con esto, pero siéntete libre de hacer tantos bocetos como quieras y jugar con las Letras y ver qué estilo te gustaría Entonces, en la siguiente lección, comenzaremos a trabajar en construir nuestros grosores de letras 4. Ensayo de letras: En esta siguiente lección, crearemos grosor a nuestras Letras y las prepararemos para Sombrear. Ahora que tenemos nuestro boceto aproximado, podemos comenzar a agregar grosor a nuestras Letras. Iré a mi panel Capas y crearé una nueva capa por encima de mi capa de boceto. Voy a volver a encender mis guías de rotulación. Y para mi capa rugosa de boceto, bajaré la opacidad porque voy a estar usando estas letras solo como Guías Así que de nuevo, solo puedo bajar la opacidad y bajaré esta capa a cerca de 30% Ahora me aseguraré de estar en la capa por encima de mi capa de boceto. Voy a agarrar este color rojo medio. Ese va a ser el color de nuestras Cartas para esta clase. Puedes usar cualquier color que quieras. Solo asegúrate de tener un color más claro y un color más oscuro. El color más oscuro será para nuestro Sombreado. Y si puedes usar cualquier color que quieras, pero para esta clase estaré usando esta paleta de colores. Me aseguraré de tener mi color rojo más claro. Esta vez, voy a agarrar mi cepillo monolina rectangular Tengo mi juego de brochas a 45, el tamaño establecido en 45%. Quiero una letra más gruesa. Ahora que tengo esa configuración, puedo ir y comenzar a trazar sobre Letras con este un pincel más grueso. Así que sólo voy a trazar sobre mi capa de boceto así. Y eso lo haré a todas mis cartas. Ahora que tengo todas mis Letras a engrosadas y esbozadas en, duplicaré la capa para hacerlas un poco más no tan transparentes Quiero asegurarme de que sean más de un color de relleno sólido. Entonces duplicaré eso dos veces más. Entonces voy a tener tres capas. Y justo ahora puedo fusionarlos todos hacia abajo. Así que solo tocaré mi capa y luego tocaré aquí abajo donde dice Fusionar hacia abajo. Y vamos a hacer lo mismo a la siguiente capa. Y ahora tenemos una capa sólida. Ahora que tengo eso, quiero limpiar los bordes como se puede ver aquí arriba en la a y en el borde de la S y algunas de estas letras, tienen este tipo extraño de piezas que sobresalen. Así que sólo voy a agarrar mi goma de borrar. Y voy a asegurarme de tener seleccionada la goma de borrar monolina y la puedes encontrar debajo de la pestaña de caligrafía Y solo tocarás la línea mono para tu borrador. Y ahora sólo puedo ir a donde quiera ajustar o borrar algo y voy a simplemente enderezar los bordes de las letras Y sólo estoy preparando todas mis cartas. Entonces estaremos listos para entintarlas, entintarlas y sombrearlas. En nuestra siguiente lección. Yo solo enderezaría todos los bordes y me aseguraría de que es exactamente como los quiero. Yo sólo puedo arreglarlo todo. Y eso se ve bien. Ahora puedo apagar mi capa de boceto y líneas de guía y ver si todo se ve bien y todo se ve muy bien. Así que creo que ya estamos listos para pasar a nuestro Sombreado 5. Sombreado de letras: En esta lección, agregaremos nuestras líneas de corte de sombreado. Y quiero mostrarte un ejemplo de estar haciendo. Entonces. Yo hice éste anteriormente para mostrarte como ejemplo. Entonces como pueden ver, realmente vamos a estudiar son Letras y desglosarlas y decidir dónde queremos agregar nuestro Sombreado Y podemos encontrar áreas que se superpondrán, ya que en esta, podemos ver que la a tiene un área que puede solaparse aquí en la parte superior y en los lados. Y la R también. Y sólo podemos encontrar partes de nuestra carta. Pueden superponerse. que podamos comenzar a planear dónde estará nuestro Sombreado en nuestras letras Entonces puede ver exactamente cómo queremos hacer eso aquí se puede ver el a va en la parte superior. Y aquí la H. Parece que va por debajo y luego arriba, aquí mismo. Que realmente prefieres lo que te gusta. Puedes hacer un partido mixto o puedes hacerlos todos igual. En la a, parece que viene el travesaño viene arriba y parece que parte superior de la a o simplemente algo así como doblada Entonces como pueden ver, la S realmente no tiene nada. Entonces dejaremos eso como ahora que has estudiado las Letras y tipo de mirar tu nombre o frase o palabra, ¿la tuviste? Y puedes trazar dónde crees que sería el mejor lugar para tus letras, donde se superponen para que haya algo de sombra. Podemos volver a nuestro proyecto. Sabemos que vamos a tener solapamiento aquí en la parte superior, justo aquí, donde la a cruza. Somos los nuestros objetivos en la esquina justo aquí, y en estas dos áreas aquí mismo. Y la edad o cruz en estas dos esquinas de aquí mismo. Sabemos que ahí es donde estaremos agregando sombreado a estas letras Ahora, puedo apagarlos y los dejaré si necesitamos referenciarlos como Guías. Si nos confundimos donde tenemos Sombreado, siempre podemos volver a encender esa capa Voy a darle un color a mi fondo. Justo aquí en la parte inferior. Verás la capa de color de fondo. Vamos a darle un toque a eso. Y sólo voy a elegir el tono más claro de rosa y mi paleta Ahora voy a crear una capa completamente nueva y que va a estar justo arriba. Puede derribar eso. Justo encima de mis letras, mis letras entintadas. Este de aquí mismo. Voy a agarrar mi pincel shader esta vez. Y voy a conseguir este color rojo oscuro porque vamos a estar ahora Sombreando en las letras queremos que haya contraste Ahora que lo conseguimos, empezaremos a cortar nuestras cartas. Para que podamos volver a encender esta capa. Sabemos que vamos a tener una cruz justo aquí donde el a, justo aquí en la parte superior, bastante una especie de pliegues. Entonces bajaré el tamaño de mi pincel porque no quiero que sea demasiado grueso. Eso es bastante bueno. Ese es el tamaño del pincel. Lo haremos 10%. Y voy a cortar eso ahí mismo. Ahora mismo. Sólo vamos a estar cortando las letras. No vamos a empezar a Sombrear, solo vamos a agregar estas líneas primero Entonces sabemos exactamente dónde estaremos Sombreando nuestras Letras Alterar lo mismo. Voy a tener esta cruz a para que las cruces a vayan por encima de la a. pero si quieres que se superponga, podemos cortarla así y eso quedará debajo. Y si quisiéramos ir arriba, puedes cortarlo de esta manera. Puedes empezar a ver dónde se superpondrá. Entonces para este, voy a agregar mis líneas de corte en la parte superior porque arriba y abajo porque quería quedar así. Cruzó a. Esta parte de aquí va por encima de la letra a. puedo simplemente Eso. Entonces para la R, apague esto para que pueda ver exactamente dónde agregar esto. Voy a añadir una línea aquí mismo, cortar la línea aquí mismo. Y justo aquí. Yo sólo voy a seguir la curva del son. Simplemente puedes visualizar cómo esto va a empezar a mirar, se verá como esta parte aquí mismo, irá debajo de esta parte aquí mismo. Entonces eso se ve bien. Y en realidad creo que voy a borrar esto aquí mismo y hacer este artículo en la parte superior. Entonces sombrearemos esta parte y esta parte, que realmente depende de ti donde quieres que tus letras crucen y qué partes quieres sombrear Así que solo juega con él y tipo de hazte una idea. Y puedes probar muchas variaciones o tipo de planear esto y ver cómo se verá. Estas líneas de corte realmente te ayudan a visualizar si no te gusta algo, siempre puedes borrarlas. Como estamos en una capa separada, es fácil borrarlos y comenzar de nuevo o crear una capa completamente nueva. Eso se ve bien. Estoy un poco visto como se va a ver todo esto al final. Para el H. yo quería hacer un poco la subsupervisión. Para que podamos ver que esta parte puede ir por debajo. Entonces agregaré líneas de corte a los lados. Porque queremos que esta H vaya por encima. Y entonces para éste, va a estar bajando. Entonces eso se ve bien. Ahora podemos aumentar el tamaño de nuestro cepillo a aproximadamente 17%. Sólo voy a añadir un poco más de grosor aquí. El lado. Mis líneas de corte no son demasiado, solo un poco más, un poco más de una mirada dramática, un poco más de una mirada sombreada No te preocupes, si ves tus objetivos de Sombreado más así Las capas lo haremos sobre la letra así. Estaremos agregando una máscara de recorte más adelante. Entonces está bien si salimos un poco fuera de la letra. Sólo voy a seguir añadiendo algo de grosor a mis líneas de corte, como aquí mismo. Voy a hacer eso a todas mis cartas. Ahora que agregué grosor a todas mis líneas de corte, puedo crear una masa de recorte para que podamos comenzar a difuminar todo y agregar algo Entonces iré a mi panel de capas y me aseguraré de que soy toda mi capa de línea de corte sombreada que la tocará y hará clic en la máscara de recorte Y eso solo asegurará que nada pase fuera de las letras. Ahora que creé una máscara de recorte, puedo comenzar a difuminar algunas de estas líneas para hacerlas más suaves y parecer como si fuera una especie de línea sombreada Aquí arriba en la parte superior junto a tu biblioteca de pinceles. Verás esto como el dedo meñique, esa es nuestra herramienta para difuminar aquí mismo Y voy a simplemente tocar eso y asegurarme de tener mi shader seleccionado Porque ese va a ser un poco el efecto difuminante que dará Y quiero que sea lo mismo que mi pincel. Entonces nuevamente, jugaremos con nuestro tamaño de pincel de cuanto más, alto lo tengas, más grande será la mancha Cuanto más pequeño tengas el tamaño, menor será esta cantidad. Así que sólo podemos jugar con eso y ver lo que nos gusta. Eso es bastante bueno. Eso es alrededor del 22%. Y voy a empezar a sacar mi, mi Sombreado. Así que simplemente sigues saliendo y como que te mezclaste. Y como puedes ver, si vas mucho arriba, va a mezclar cada vez más. Entonces solo juega con él y mira lo que te gusta. Y voy a seguir difuminándolo hasta que esté contento con cómo se ve Así que siempre quiero que mi parte más oscura esté donde mis letras se crucen entre sí Y a medida que vaya más allá, este emparejamiento se volverá más ligero. Por lo que crea dramático efecto sombreado. Así que solo voy a hacer eso a todas mis áreas aquí mismo y simplemente juego con ella y veo lo que me gusta. Eso se ve bien. Entonces vamos a seguir haciendo esto y no te preocupes ahora mismo se ve un poco más oscuro, pero bajaremos la opacidad y agregaremos algo de textura Y realmente le dará un bonito efecto. Voy a acelerar esto. Y solo voy a hacer esto a todas mis partes sombreadas donde tengo todas mis líneas de corte dibujadas Ahora que terminé de manchar todo, puedo bajar un poco la opacidad y el bit dual más Así que recuerda simplemente tomarte tu tiempo en esta parte, agregar más textura o manchar más y solo TO, se ve como querías mirar Se ve muy bien. Entonces iré a mi panel Capas y me aseguraré de ir a mi capa sombreada, esta de aquí Y sólo voy a ver cómo se ve si bajo un poco la opacidad Entonces vamos a ver. Alrededor del 80% de ustedes quieren un efecto más dramático. Se puede dejar más alto. O si quieres un efecto muy sutil, puedes bajar la opacidad Yo quería. Tener un aspecto un poco más dramático, pero no demasiado abrumador. Así que alrededor del 90%. Eso me gusta mucho. Así que siempre puedo entrar y agregar un poco más de oscuridad a las áreas si siento que necesita algo o difuminarlo de las ofertas Genial. Aquí, solo sentí que necesitaba un poco más. Eso se ve muy bien. Eso me gustó mucho. Y como dije, tómate tu tiempo con él hasta que estés realmente contento con él. Y sientes que esa es mirada, vas a por. Cuando la siguiente lección, agregaremos algo de textura a nuestras letras sombreadas y agregaremos una sombra a 6. Texturas y sombras: En esta siguiente lección, agregaremos algo de textura y Sombras a nuestras letras. Entonces voy a ir a mi panel Capas y voy a crear una nueva capa por encima de la capa de máscara de recorte Ahora, nos aseguraremos de que nuestro rojo oscuro siga seleccionado. Y esta vez, voy a agarrar el pincel de crayón de textura. Estaremos agregando algo de textura a la parte que esté sombreada. Así que me aseguraré de que el pincel sea bastante pequeño porque no queremos demasiada textura para ir a todas partes. Solo queremos agregar un poco de textura para agregar alguna dimensión e intereses a nuestras cartas. Sólo voy a ver qué talla va a ser buena. Veamos, intentemos al 2% para nuestro tamaño de pincel. Y entonces sólo voy a entrar aquí. Y como puedes ver, solo está agregando ligeramente algo de textura a esta parte sombreada y le da algunos intereses en lugar de estar tan suavizada Entonces solo voy a seguir haciendo eso a todas las áreas que tenemos. Sombreado. Puedes agregar tanta textura o tan poca textura como quieras. Simplemente voy a seguir haciéndole eso a todas mis Cartas sombreadas Bien, ahora que agregamos textura a todo, si sentimos que algo necesita ser suavizado, siempre podemos ir a este meñique, apuntando con el dedo Si necesitamos una mancha, cualquier cosa, como tal vez aquí mismo, podemos simplemente fusionarla un poco de ella fue un poco demasiado intensa Y si eso queda bien, creo que ahora podemos jugar con la opacidad Está un poco oscuro, pero me encanta de verdad toda la textura que hay en las letras. Entonces iremos a nuestro panel Capas. Claro, estamos en la capa texturizada. Y voy a acercar aquí mismo para que podamos ver cómo se ve. Y voy a bajar la opacidad sólo un poco. Como dije anteriormente. Cuanto menor es la opacidad, las piernas, menos dramática es Y cuanto más arriba esté la opacidad, más textura verá Entonces vamos a ver. Voy a bajar la textura a alrededor del 80%. Ahora puedo alejarme y ver si eso es bueno y solo podemos jugar con eso hasta que estemos contentos. Eso se ve muy bien. Creo que estamos listos para nuestro paso final y vamos a agregar un poco de sombra debajo de estas Letras para darles algo de profundidad. Así que ahora volveré a mi panel Capas, e iré a la capa que era nuestro lettering original sin ningún efecto sobre ella Y voy a simplemente duplicar esa capa para que podamos deslizar hacia la izquierda y tocar Duplicar. Ahora voy a agarrar capa que está debajo de la capa original. Ahora voy a tocar en la capa y voy a tocar el bloqueo alfa. Vamos a poner esto completamente negro y solo va a ser un poco una capa de sombra Entonces vamos a jugar con la opacidad. Entonces ahora que tenemos eso, seleccionaremos nuestro color negro de nuestras paletas de colores Y podemos simplemente volver a tocar esa capa y tocar Rellenar capa. Debajo de nuestras letras originales. Verás que tenemos una capa de color negro. Me aseguraré de estar en mi capa de letras negras. Voy a moverlo ligeramente hacia un lado unos 45 grados, sólo para agregar algo de sombra. Puedes ir tanto como quieras. Si quieres que las sombras sean más o muy poquito. Si apenas quisieras tener como una sombra rayita, me da un poco como para darle en algún lugar intermedio Algo así. Ahora puedo deseleccionarlo. Ahora también Parte divertida porque bajaremos la opacidad y realmente empezará a crear ese efecto 3D Entonces nuevamente, iremos a nuestro panel Capas. Ahora sólo vamos a bajar la opacidad. Y como pueden ver, cuanto más ligeros vamos, más tridimensional empieza a verse. Entonces creo que me gusta alrededor del 17%. Y como puedes ver, eso es realmente solo jugar con lo mucho, lo oscuro que quieres que sean tus sombras. Si lo quieres un poco más oscuro, puedes subir más arriba. O si lo quieres súper, súper desmayado, puedes ir muy bajo solo para agregar un poco de efecto Depende totalmente de ti. Así que adelante y ponlo en 17%. Y eso es todo. Ahí tienes tus Letras sombreadas. En la siguiente lección, te mostraré cómo recortar nuestro tamaño de lienzo y guardar nuestro Archivo Final 7. Guarda y exporta archivos finales: Ahora recortaremos nuestro tamaño de lienzo y guardaremos nuestro Archivo Final. Así que aquí arriba en la esquina superior izquierda de tu Canvas, vas a tocar este pequeño ícono de llave inglesa. Es tu panel de acciones. Te tabularás para que veas dice lienzo. Ahora haga clic en recortar, cambiar el tamaño. Aquí es donde podemos cambiar el tamaño nuestro Lienzo para que quepa muy bien con nuestras letras Sólo voy a derribar las marcas de recorte del satélite hasta que esté contento con cómo se ven las letras en el lienzo No voy a ir demasiado lejos y abajo así. Sólo voy a darle un poco de espacio alrededor de mis Cartas. Eso se ve bien. Una vez que estés satisfecho con ello, vas a hacer clic en Listo. Y como pueden ver, tenemos un archivo terminado muy bonito que podemos compartir como gráfico web en nuestras redes sociales o tal vez imprimirlo. De verdad puedes hacer lo que quieras con esto. Ahora podemos guardar nuestro Archivo Final. Volveremos a nuestro panel de Acciones. Y en esta ocasión haremos clic en Compartir. Y aquí están tus opciones para compartir. Se puede guardar como PSD, JPEG, PNG, PSD. Voy a guardarlo como JPEG. Entonces voy a tocar JPEG. Y ahora voy a tocar donde dice Guardar imagen. Ahora nuestro Archivo Final se ha guardado en nuestra galería de fotos, o podemos compartir nuestros hermosos proyectos con letras a mano 8. Reflexiones finales: Muchas gracias por tomarse el tiempo y unirse a la clase. Espero que haya sido de ayuda y que te diviertas creando algunas letras sombreadas Me encantaría el proyecto senior, así que no olvides publicarlo en la galería de proyectos. Y si tienes alguna duda, por favor no dudes en preguntar. Puedes publicar tu pregunta en la pestaña de discusión, y la puedes encontrar justo debajo de este video. Gracias de nuevo, y nos vemos la próxima vez.