Lettering digital: cómo diseñar tipografía y texturas 3D

1. Introducción: Oigan, todos, bienvenidos. Aquí es Jeff Rogers. Te voy a dar un poco de introducción sobre esta clase de tipo dimensional. Básicamente lo que hago por vivir es mucho de este tipo de trabajo. Hice una clase un tiempo atrás, específicamente, tipo de pintura y haciendo algunas técnicas para eso. Si no lo has visto, eso podría ser interesante para ti, pero para esta clase, quería enfocarme en técnicas más digitales. Para mí, personalmente, todavía lo veo como una forma de pintura. Por lo que podría oírme referirme a ella como pintura digital. Pero básicamente, solo vamos a caminar por el proceso de construcción de esta pieza que estás mirando. Va a pasar de esto a esto. Simplemente te voy a guiar por el proceso de cómo hago algo así, y cuáles son los procesos que he desarrollado en los últimos años. Esperemos que aquí haya algo que pueda ser útil y beneficioso para usted en su propio trabajo. Vamos a empezar por mantener realmente las cosas prácticas, mirando algunas opciones de fuente diferentes que funcionan bien con este tipo de look dimensional. Vamos a entrar a Illustrator, hacer algunos bocetos en un cuaderno de bocetos y luego ir a Illustrator y diseñar este mismo diseño. Simplemente pasando por el proceso de cómo estas decisiones o cómo tomo estas decisiones. Sin más preámbulos, esto es todo un proceso, así que vamos a agrietarse. Gracias por pasar por aquí. Terminar y salir. 2. Selección de tu fuente y creación de mezclas: Quiero empezar ofreciendo algunas sugerencias sobre fuentes. Tan solo para empezar, muchas veces usaré fuentes en el trabajo. Otras veces solo seguiré adelante y dibujaré las letras si necesito conformarme a cierta forma o hay una idea que quiero tratar de atravesar, o hacer interesantes, algunas ligaduras, o etcétera simplemente dibujaré las letras, pero un muchas veces voy a empezar con una fuente. Te estoy sugiriendo algunas de estas fuentes porque todas tienen cierta calidad de la que hablaré en tan solo un segundo. Pero cuando sí dibujo las letras, siempre quiero tener una letra que sea bastante simple en cuanto al ancho. Muchas de estas fuentes que he sugerido hacen eso. Si acercamos aquí, puedo mostrar lo que quiero decir. Los anchos de las letras son consistentes. Si te pones demasiado quisquilloso con el estilo de tipo real como una fuente serif o algo donde el ancho de línea varía, solo se vuelve un poco complicado cuando comienzas a agregar un montón de dimensionalidad y sombreado, y sombras , y textura. Yo quiero tratar siempre de mantener estas formas de cartas realmente sencillas y realmente sencillas. Algo que notarás con estos es que el ancho de la forma de letra es bastante consistente. Todos estos tienen esa calidad. Después teniendo algunos bordes afilados para jugar con las sombras y esas cosas, me gusta esta fuente para eso. Además, me acerco de nuevo aquí, esta Home Room es realmente agradable. Realmente parece una señal. Veo muchas señales de esto. Igual, parece que esto siempre es redondeado por fuera y luego cuadrado por el medio. Algo que es interesante de eso es si piensas en signos, que es donde baso muchas de las cualidades estéticas de mi trabajo, están hechas a mano. No voy a conseguir muchos anchos de línea de lujo, va a ser una forma de letra bastante simple. Funciona porque también es mucho más fácil de leer. En fin, estas son solo algunas sugerencias sobre algunas fuentes como punto de partida. Voy a estar usando fuentes para esta pieza en realidad a diferencia de dibujar ahora. A partir de aquí, tengo abierto el documento de Adobe Illustrator. Para esto, es este tamaño de postal. Lo que ahora quiero hacer es que voy a crear el título del curso. Las palabras tipo dimensional van a ser los héroes ambientados en este gran estilo blocky. Voy a empezar seleccionando una fuente. Vamos, agarra a CactusBold. Si esto fuera un proyecto real, habría escrito mal esta palabra. Fue un trabajo de cliente real, parece que siempre mal deletrear todo, incrustado eso. Hagamos un seguimiento de esa salida. Impresionante. A mí me gusta rastrear palabras como esta porque cuando le pones un ángulo, algo de dimensionalidad sobre él, entonces simplemente aplana la letra hacia arriba. Necesitas un poco de espacio para respirar y entre las letras. Eso es algo con lo que experimentar sin embargo. Ahora, sí escribo. Esta es una palabra más corta así que quiero que sea muy grande y a cargo. Hagamos Nexa Slab. A mí me gusta este. Este quiero que sea un poco más apretado. Tiene estos lindos ángulos. Se va a quedar impresionante cuando empecemos a entrar en todos los ángulos y sombras y todo. Si quisiéramos simplemente crear algo de dimensionalidad sobre esto aquí mismo, estos son los pasos. Es bastante sencillo. Voy a seleccionar estos, vamos a seguir adelante y agruparlos. Podemos mantener las cosas bonitas y limpias en las capas. Ahora la idea aquí es que queremos el rostro de la letra, y luego queremos los lados, y luego una sombra. Entonces eso básicamente son tres partes. Con el proceso de hacer la dimensionalidad, necesitas que este rostro sea su propio camino. Se trata de simplemente separar todos los caminos y aplicar algunas mezclas a eso. Hagamos que suceda. Vamos a copiar este Comando C, y vamos a hacer frente al cual es Comando F. Lo haremos dos veces, Comando F, Comando F, Comando F, y veremos las capas. Tienen tres. El de arriba va a ser la cara así que quieres eso porque quieres poder controlar cosas como el color. Déjame quedarme con el color. Entonces estos dos conformarán los lados. Queremos agarrar la capa inferior y usar teclas de flecha para sacar ese ángulo. Es para ver lo que estamos haciendo. A mí me gustaría ir y simplemente cambiar el color de esta capa superior a algo, tal vez sea naranja. El siguiente es que seleccionas ambos. A mí me gusta trabajar en las capas. Obviamente, estoy aquí dando click. Es difícil agarrar y seleccionar cosas por aquí, sobre todo cuando todavía es de tipo vivo. A mí me gusta simplemente venir aquí y ustedes dando clic más allá del círculo, y estoy sosteniendo el turno hacia abajo para seleccionar las múltiples capas. Por lo tanto, mantenga presionada Mayús, seleccione esas dos capas traseras. Ahora voy aquí arriba a Object, voy a Blend y luego Make, y boom, como magia. Si ya has trabajado con Blend antes, conoces la alegría y el poder para mezclar. A veces va por defecto a esto, necesito seleccionar Blend nuevamente aquí, “Cancel”, seleccione, haga doble clic en la “Herramienta de mezcla”. Creo que a veces vamos por defecto a este color suave y luego te dan este algo, no es genial. Quieres que sea así. Ahora, ¿qué está pasando aquí? Siempre elijo un número grande, como 300 o algo así. Acerquemos y veamos qué está pasando. Acercas ese ángulo y puedes ver todos los 30 niveles para el fácilmente y no parece grado. Por lo que se quiere pixelar casi. Cuantos más pasos hagas, más se va a dar un paseo sin problemas. Es complicado aunque porque no quieres hacer demasiados, porque entonces es un poco duro en una computadora, pero 300 me parece duro hacer el trabajo. Si acercas mucho, puedes ver todos los pequeños pasos de escalera, pero alejar el zoom. Ese es el proceso. El siguiente paso es la sombra, y es lo mismo una vez que consigues la forma que te gusta. Lo hermoso de la Blend es que si no te gusta este ángulo, puedes entrar aquí y modificarlo y cambiarlo. Una vez que te deshaces la Blend porque podría parecer un poco diferente. Otra cosa que me gusta hacer es decir que esta palabra es más grande y quiero que el tamaño sea un poco más grueso, así que voy a tener que entrar aquí y agarrar justo esta capa trasera, y luego puedo manipular eso un poco más. Impresionante. Para la sombra, es el mismo proceso. Vamos a mover todo esto hacia arriba. Vas a hacer una mezcla. Pero la mezcla va a venir de donde básicamente el tipo está tocando la pared, si se quiere. De nuevo, sólo estamos viendo señales y cosas en el mundo real como inspiración para cómo se ve esta cosa, y de ahí viene la sombra es de donde la letra golpea la pared. Seleccionas esta espalda, la mayoría capa, ésta está justo detrás de la cara. Quieres agarrar eso, mantén presionada la opción, haz clic en esa capa, sácala de la mezcla para que estés haciendo una copia. Ahora quiero tirar de eso atrás. Está en la parte trasera y sigue adelante, y cambia el color a un gris claro. Ahora voy a hacer ese mismo proceso, voy a copiar y pegar al frente. Por lo tanto Comando C, Comando F, seleccione, mantenga pulsada Mayús, seleccione esa capa, por lo que ambas capas seleccionadas. En realidad, vamos a moverlo primero, empujar eso hacia abajo. Siempre me gusta que mi sombra vaya en dirección opuesta a las letras yendo a la derecha, como la sombra para ir a la izquierda. Probemos eso y seleccionemos mantener pulsado Mayús, seleccione la Capa, Objeto, Mezcla. Ya que ya especificamos que 300 pasos, debe conservar las mismas especificaciones para futuras mezclas. Entonces eso es lindo. En fin, así que esos son los pasos y luego puedes pasar por aquí. Porque al igual que la mezcla, puedes cambiar el color y todo tipo de cosas divertidas. Eso está diseñado algo aquí usando estos pasos. Esto me gusta, pero creo que hay más que podemos hacer para empujarlo. Entonces veamos algunas otras opciones. 3. Juega con la dimensión: Ahora, vamos a refinar el diseño. Siempre empiezo con lápiz y papel, he hecho unos bocetos rápidos en mis miniaturas preimpresas súper cool, noticieros, cuadernos de bocetos, que consigo de Muji. No termino tratando de conseguir mucho detalle en estas cosas. Es solo una gran manera de sacar un montón de ideas muy rápido. No pierdes el tiempo en Illustrator empujando las cosas alrededor y etcétera. Empiezo aquí, pero me gusta este diseño para este proyecto. Vamos a hacer algo así. Volviendo a nuestro archivo Illustrator, tiene una nueva capa. Voy a empezar de nuevo aquí porque no voy a tratar manipular esto en ángulo porque si empiezo a hacer eso todos los ángulos van a ser raros. mí me gusta sacar primero la cara del diseño tipo y luego construir la dimensionalidad y las sombras, etcétera, fuera de eso para que todo se vea correcto. Copiar, solo voy a copiar esta fuente para poder usar esto y apagar esto. Seleccionar Capa 6, comando V. Voy a tirar de esto. Básicamente, para conseguir ese ángulo, voy a agarrar esta Herramienta de Transformación Libre. Algo interesante si haces algo y diseñas así, solo lo tiras hacia arriba, ve cómo se ve estirado horizontalmente. Eso no es bueno. Se puede decir porque este ancho y este ancho son diferentes, esto es más ancho. Quieres que sean iguales. Si lo piensas, salimos afuera y miramos un letrero, estamos recreando la mirada de estar debajo de él a la derecha de ella. Siempre tire hacia arriba y luego tire hacia adentro. Esto parece más correcto. De nuevo, para que solo salgas y mires cosas, podrás notar cosas como esas y usarlas cuando estés construyendo este tipo de cosas. Está bastante bien. Hagamos de nuevo nuestras mezclas. Voy a mandar C y luego pegar al frente dos veces, uno, dos. Entonces voy a seguir adelante y cambiar el color de esto a negro. Voy a agarrar esta capa inferior, empujar eso, y quiero que la palabra “TIPO” sea más larga o más profunda, supongo, que esta palabra superior. Entonces voy a entrar aquí y seleccionar la “DIMENSIONAL” teniendo cuidado para igualar ese ángulo, especie de solo mirarlo. Ahora voy a seleccionar ambos de estos, en realidad, primero sólo me voy a ir ya que sé que voy a tener una sombra, voy a agarrar esto y sólo copiar pegar al frente dos veces otra vez. Ahora estos dos traseros son mi sombra, así que voy a cambiar eso a gris. Seleccione la capa más trasera y empuje manteniendo presionado el cambio y usando las teclas de flecha. Voy a solo hacer mis mezclas, Object, Blend, Make y solo voy a revisar para asegurarme de que esto siga siendo los mismos Pasos Especificados, 302. Pasé un poco de tiempo finalizando esta cosa y agregando algo del otro tipo. Un par de cosas que quería decir sin embargo son, me gusta tratar de ser tan intencional con estas cosas como puedo estar tratando de evitar ciertas cosas como antes, mi sombra se colocó como, ver si puedo recrear, así, a ver si puedo caer. Ahí están estos pequeños espacios raros entre las letras y simplemente no se ve genial. Entonces muevo eso, ya sabes, lo mismo para este filo. Apenas estaba al borde, así que lo moví un poco más. De todos modos, solo para que haya todo lo intencional que pueda. Es como hacer, tampoco tiene que estar muy lejos de esto, y cuando consigues esas pequeñas astillas de huecos y ese tipo de cosas, Es justo lo que trato de evitar. Pero estos, me acabo de disponer y esto es Cactus otra vez y este es Nanami. Coloca estos y luego cambia el ángulo con esta Herramienta de Transformación Libre para que coincida con el ángulo de este tipo. Una cosa que quiero hacer es, ya que esta palabra es tan gruesa, creo que estaría bien tener un poco de ventaja a ella. Entonces entremos y añadamos eso, traigan mis capas aquí. Voy a hacer es, sólo quiero agregar un borde. Esto tendrá más sentido cuando lleguemos a Photoshop. Pero solo para crear la forma para trabajar desde copiar, pegar delante, y luego voy a cambiar esto a Stroke. Entonces sólo cambia de color para que pueda ver, entra en mi Stroke. Voy a Crear Esquema para que pueda cambiar esto para ir por dentro. Yo sólo voy a hacer esto un poco más grueso, y está bien porque cuando estamos haciendo esto, si traemos a Photoshop, quieres ser un poco más delgado o lo que sea, bueno entonces lo tenemos aquí para agarrarlo y empezar de nuevo. De todos modos, empecemos con esto y veamos qué pasa. 4. Photoshop I: bocetos y diseño: Lo que voy a hacer ahora es empezar a mover todos estos elementos hacia Photoshop en diferentes capas. El motivo por el que hago esto es para que pueda tener libertad para manipular cada pieza de esto por separado. Selecciona todo esto y arrástrelo sobre. Sería realmente difícil manipularlo. Pienso en esto como pintura digital, casi. Las capas en Photoshop es solo una poderosa manera de mantener todo separado y poder meterse con elementos individuales. Siempre me gusta trabajar al revés. Entonces voy a agarrar primero la mezcla de sombras. Simplemente copia eso a un documento en blanco que he creado aquí. Sigamos adelante y peguemos como un objeto inteligente si necesitamos escalarlo entonces no perderemos nada. A veces lleva un tiempo, supongo porque tiene que renderizar todos los 300 pasos de pequeños pixeles. Vuelve aquí y agarra los lados a continuación. Copiar, pegar el objeto inteligente. Agarra la cara siguiente. Esto no debería llevar mucho tiempo. Boom. Simplemente voy a seguir adelante y agarrar todo. Agarra todo este otro tipo. De todos modos, vamos a simplemente alinear todo de nuevo. Parece que tengo broche de presión. Por lo general, eso me acercará bastante, y así siempre me gusta acercarme mucho y asegurarme de que los píxeles se alineen . Se ve bastante bien. Hagámoslo. Adelante y rasteriza esta capa. Esta es la parte divertida. El primero con el que empecé es diferenciar las luces y los oscuros a los lados de las letras. Yo sólo voy a bajar este camino por ahora. Hay un millón de maneras diferentes en que puedes hacer esto. A mí me gusta hacerlo de esta manera sólo porque me sienta como pintura de mosaico. Si hago todo a mano, creo que solo conserva un nivel de autenticidad, frescura, a diferencia de crear un objeto 3D en Illustrator o algo así. Por lo tanto es tan maldísimo satisfactorio pasar todo este tiempo entonces tener algo que lo veas cobrar vida. Básicamente, tomaré este Lazo Polígono y apenas empezaré a definir. Lo que quiero hacer es separar los fondos y los lados, y hacer esos dos colores diferentes. Porque si las sombras entran así la fuente de luz va a estar aquí arriba. Los lados van a ser más ligeros que los fondos. Hagámoslo de la manera correcta, usemos la herramienta Pluma y empecemos a hacer nuestras selecciones como esta, solo haciendo caminos. Solo estoy definiendo esas áreas, tops y bottom. Haga clic, haga clic, haga clic. Voy a dar click a todos estos fuera. Eso suele llevar un poco de tiempo, sólo unos minutos ahí, pero al final, vale la pena. El otro bien de la herramienta Pluma es que puedes volver aquí y redefinir algunas cosas como esta. Esto es un poco demasiado bajo, creo. Yo sólo voy a reventar esto. Vamos a entrar aquí y crear una selección de todas estas rutas manteniendo presionada Comando y haciendo clic. Simplemente voy a guardar este camino como “Bajo 1". Cargado como selección y luego hacer una nueva capa por encima la capa de lados dimensionales y voy a llenar con otro color. Simplemente escoge cualquier cosa que puedas cambiarlo más tarde. Después hacer Opción, Eliminar para rellenar con el color de primer plano. Entonces vas a limitar esas formas a lo que ya tenías. Entonces, básicamente, mantenga presionada Opción, y luego pasa el cursor entre esas capas. Siempre que los píxeles activos estén en esta capa y en la capa 2, los píxeles que estén constreñidos solo estarán vivos en esos píxeles activos. Esa es una manera terrible de explicarlo pero ya ves lo que hace. Es como otra forma de hacer una máscara. Utilizamos esto todo el tiempo. Es genial porque aún puedes mover esta capa si quieres. A ver no queremos esta vez. Pero voy a cambiar estos dos colores. Voy a hacer este fondo más oscuro que el costado. Otro truco que siempre uso es bloquear los píxeles transparentes para poder cambiar los colores fácilmente. Eso es lo que es este botón de píxel transparente de bloqueo. Entonces me voy a encerrar. Se va a seguir adelante y a bloquear todos esos. No quiero agregar más píxeles a nada de esto. A lo mejor sólo escogeré el mismo rojo y sólo cambiaré esos colores. Voy a hacer Option, Delete y luego voy a golpear “D” para hacer mis colores blanco y negro de nuevo. Voy a hacer Opción, Eliminar en esta capa. Se puede empezar a ver cómo se van dando forma a las cosas. Voy a seguir adelante y definir estas curvas. Lo que voy a hacer es crear una máscara. Nuevamente, hay muchas maneras diferentes en las que puedes hacer esto también, pero solo voy a enmascarar, y conseguir un pincel muy suave, cambiar el tamaño. Hazlo realmente suave así. Entonces sólo voy a asegurarme de que sea negro. Entonces sólo voy a tener cuidado de no pegarle esto, es un poco complicado. Yo sólo voy a pintar. Se ve bastante bien. Lo mismo con esto. Ver estoy bloqueando esto así que sólo voy a arrastrar una selección realmente rápido para no estropear esta. Voy a cepillarme. Ahí vamos. Hagamos todos estos. Yo quiero mantenerlos alrededor de la misma zona de la curva. Pero de nuevo, me gustó el hecho de que las cosas sean variadas porque demuestra que se hizo a mano. Muchas veces la gente pregunta en estas piezas digitales si están pintadas. Realmente no pueden decir la diferencia, lo cual para mí es impresionante. Es como una señal de que lo hice bien. Trabaja en este P. Es bastante bueno. Creo que esas son todas mis curvas. Ahí estaba esta pequeña zona aquí donde hay dos debajo que conectan justo aquí. Yo quiero separar esos sólo un poquito. En primer lugar, quiero separar esto. Mi pensamiento aquí es que esto debajo de aquí sería lo más oscuro. Si voy a cambiar algo probablemente va a ser esto aquí porque va a estar reflejando algo de luz fuera del lado más luminoso. Voy a volver atrás y conseguir un pincel realmente grande y empezar a noquear justo el borde mismo de ese lado solo para que esté un poco separado. Lo siguiente que quiero hacer es oscurecer algunas de estas áreas para que sea aún más realista como el interior de este D. En realidad, quiero línea recta. Quiero mantener pulsado Shift y luego dar clic aquí y voy a mantener presionado Shift y sacar esto así. Ahí vamos, se ve bastante bien. A diferencia del interior de la M, esto sería más oscuro. Parece que voy a tener que constreñir esto también. En realidad es sólo pintar hasta que las cosas parezcan interesantes. Probablemente solo seguiré haciendo esto mientras trabajo hasta que las cosas se vean bien. A ver cómo se empieza a ver. Cada vez más realista cuanto más trabajo me meto. 5. Photoshop II: digitalización: Quiero mostrarte ahora cómo crear este efecto de inserción con este tipo dentro de Photoshop aquí. A mí me gusta usar este efecto si voy a poner bombillas o neón dentro de una forma de letra, pero fácil sólo hacerlo y mostrarte lo que quiero decir en lugar de tratar de explicarlo. Yo cometí un poco de un error aquí eso es una solución fácil, pero básicamente apago estas capas. Ves en esta capa tengo este borde junto con la parte amarilla, y necesito que esas sean capas separadas. Básicamente, sólo voy a usar la Varita Mágica. Me aseguraré de que mi contiguo esté desmarcada, así que consigo todo lo que es rojo. Entonces voy a cortar y pegar al frente. Entonces ese es Command Shift V. Solo para asegurarme de que todo sea de un color, voy a bloquear los píxeles transparentes, sostén presionado yo para conseguir mi Cuentagotas, y luego presionar “Opción”, “Eliminar” para llenar. Cada pin noto ahora que cada píxel es ese color rojo porque mis píxeles transparentes están bloqueados, y acabo de llenar. Yo quiero hacer lo mismo con este, así que voy a mantener pulsado I, hacer Opción, Eliminar, solo para asegurarme de que todo sea consistente. Aquí, necesito separar esto también porque quiero que esto sea un separado de la otra palabra. Yo voy a Cortar, y luego Pegar, y Colocar. Voy a empezar a nombrar estas capas como un buen chico. TIPO cara, y este es TIPO labio y este es DIM face. Básicamente, lo que quiero hacer es hacer que esto parezca que no está de vuelta, así que quiero simplemente agarrarlo, y moverlo. Es decir, ya puedes empezar a ver cómo va a llegar ahí. Puedes mover esto y llevarlo a donde lo quieras. A lo mejor, ¿cómo es eso? ¿ Cómo se ve eso? Eso se ve bastante bien. Entonces vamos a pasar por el proceso de justo casi como un pintor de letreros, simplemente llenando todos estos pequeños triángulos. Porque esto ahora mismo es sólo un agujero, y si apagas todo lo demás, verías, eso fue sólo un agujero. Estaría bien si pudieras conseguir unos píxeles allí rápidamente. Yo voy a hacer eso. Lo que voy a hacer es mover eso atrás. Voy a mantener presionada Comando y agarrar eso. La selección tanto del interior como del exterior. Voy a crear una nueva capa, y voy a rellenar con un color. Voy a escoger esto y luego cambiarlo un poco. Entonces me voy a llenar de color de primer plano. Voy a derribar esto de nuevo. A ver ahora tengo una forma que ya está ahí. No tienes que preocuparte por ese agujero. Mucho de esto es solo prueba y error ya que estás trabajando en ello. Verás cosas y tendrás que resolver este tipo de problemas, pero eso es lo que me encanta de estos procesos. Te toparás con estos trabas, luego se te ocurre una forma de resolverlo y hace que la pieza se vea un poco diferente. Como estoy haciendo esto ahora quiero asegurarme de que este ángulo esté cerca de este ángulo, y se ve bastante bien. No me voy a poner demasiado quisquilloso al respecto. Ahora la forma en que me gusta hacer esto, es solo tocar y simplemente borrar básicamente esta parte de la cara, para que pueda volver a entrar y simplemente quemar las sombras, porque de nuevo, este es el fondo. Esto va a ser más oscuro que esto. Yo también voy a ir a hacer eso. Yo sólo voy a golpear “Eliminar”. Creo que lo tengo todo, ojalá. Voy a volver aquí. Creo que realmente necesito guardar este, así que solo lo voy a convertir y eliminar. Nuevamente, estoy tirando de comando y haciendo clic en el camino para convertirlo en una selección y tú seleccionas eso. Se ve bastante bien. Ahora vamos a hacer ese mismo proceso que hicimos con el exterior, y hacer una selección, y crear una nueva capa, para que podamos tener control sobre el fondo y el lateral básicamente. Aquí vamos. Hacemos lo mismo, creamos una nueva capa, que ya hice. A lo mejor sólo negro, golpear “D” y llenar, anular la selección. Entonces quiero constreñir esto a este color aquí, así que voy a mantener presionada Opción, y la moví debajo de esta capa de cara, justo en la parte superior de la capa de lados, y voy a mantener presionada Opción, constreñir esos para que sea como lo hicimos antes. Es un proceso que consume mucho tiempo, pero los resultados, creo que valen la pena el tiempo. Creo que eso se ve bastante bien. Yo sí quiero hacer esto porque es un ángulo. Yo quiero que eso sea un poco más oscuro, así que voy a cambiar de esta manera hacia abajo y simplemente pintar eso adentro. Es un poco más oscuro. Sólo por diversiones, voy a hacer esto un poco más ligero. De nuevo, sólo voy a mirar eso y voy a modificar este color más adelante. Entiendes la idea. Voy a cambiar el color de esto ahora porque quiero que esto, todo el interior sea bastante ligero. A veces la forma en que hago esto, y todos tienen su propio proceso, pero sólo voy a conseguir la saturación del matiz, al golpear Command Hue y voy a colorear, para luego controlar y simplemente agarrar un color de aquí, y luego puedo simplemente deslizar las cosas por ahí. mí me gusta este proceso porque entonces lo puedes ver en contexto. De nuevo, probablemente voy a cambiar todos estos colores un poco más tarde, pero sólo quería estar un poco más cerca para poder ver tal vez algo así. Deja de juguetear con él. Eso se ve bastante guay. Aquí la principal preocupación es sólo asegurarnos de que sea legible. Lo que está pasando es que esto se está poniendo un poco delgado. Al igual que cuando realmente miras solo ese color amarillo, quiero que todo esto parezca realmente ligero. Voy a arreglar eso ahora mismo. Tipo de ver aquí mi proceso que va a aligerar eso. A lo mejor es así. Hagamos unos niveles rápidos. Sintoniza realmente fina más tarde, pero , vale, mira eso ya está empezando a verse mejor. A lo mejor es mucho sutil. Es mejor en lugar de cortar en esta zona de luz ahora, si todo es ligero entonces retiene ese peso que yo quiero. 6. Photoshop III: añadir dimensión: Está bien. Esto se ve bastante guay. De nuevo, solo estoy creando esto a medida que voy y tratando de explicar lo que estoy haciendo. No es súper específico, este proceso. Es sólo probar cosas y ver qué pasa. He hecho mucho practica y experimentación con estas cosas. Tengo este pequeño proceso que estoy explicando ahora, así que esto es una corriente de conciencia, así que ojalá, tenga sentido. Pero lo siguiente que quiero hacer es empezar a agregar algo de textura porque simplemente no puedo evitarlo. Me encanta el look de tipo con un poco de textura. Simplemente hace que se sienta cálido y más realista. Yo voy a hacer eso con agregar algo de ruido. Voy a apagar esos por ahora. Voy a seleccionar la capa de este lado. Yo sólo voy a ir a Filtrar, Ruido, Agregar Ruido. Aquí, me gusta el ruido gaussiano, monocromático. Ya puedes ver me gusta esto también, que se puede ver en tiempo real la vista previa. Eso es un poco demasiado. Yo quiero que sea bastante sutil. Normalmente me quedo con menos de 10. Sólo para ser no destructivo aquí, voy a seguir adelante y tomar lo que tengo hasta ahora. Agrupar y copiar eso y desagruparlo. Ahora tengo lo que tengo hasta ahora por si acaso necesito volver ahora que estoy empezando a agregar textura y esas cosas. Voy a apagar eso. Ahora volvamos atrás y agreguemos un poco de ruido. Ahora que tengo estas capas guardadas, voy a seguir adelante y solo fusionar esto hacia abajo, Comando E. Ahora esa es una capa. En realidad, voy a volver atrás y hacer eso primero antes de añadir ruido. Ensayo y error. Agregar Ruido. Ahora voy a hacer otra cosa. No quiero que esto sea completamente negro porque quiero que aparezca algo de textura, y cuando sea negro, está ahí pero. Entonces voy a volver otra vez y voy a abrir mis niveles y sólo voy a sacar algo de negro de eso. Viene este gris. En realidad, voy a hacerlo de una manera diferente. Ver, ensayo y error. Es una cosa hermosa. Yo lo voy a hacer así. Voy a bajar esto para poder tener más control del color. Voy a hacerlo como un rojo oscuro. ¿ Cómo eso? Enfriar. Ahora me voy a fusionar, Comando E. Añadir ruido. Ahí vamos. De acuerdo, así que eso es bastante guay. Ahora voy a tomar esto, voy a limitar los píxeles sólo por patadas. Ahora voy a usar la herramienta Burn para entrar ahí y hacer que estas sombras sean un poco más dramáticas. Tengo los Midtones seleccionados. Va a hacer cosas diferentes dependiendo de cuál de estos son modos en los que lo tengas encendido. Entonces me quedaré con el medio tono y solo a ver qué pasa, quiero un pincel grande y suave. Yo sólo voy a empezar a pintar. Realmente no está afectando esto. Voy a deshacer esto, pero si tengo reflejos. De acuerdo, entonces eso realmente afecta eso. ¿ Qué pasa con las sombras? Eso no hace mucho. Vamos a deshacer, deshacer, deshacer. Pasemos a lo más destacado. Hace que eso sea un poco fangoso. Vamos a mantenerlo en medios tonos. Yo sólo voy a entrar aquí y pintar al azar. Lo que estoy tratando de hacer es simplemente crear algunas tonalidades diferentes dentro de estos lados. Mi pensamiento es que va a ser más oscuro, más cerca de donde está el muro, a diferencia de entre estas áreas. Entonces solo voy a entrar y hacerlos un poco más oscuros. Ahora aquí hay otra oportunidad para separar estos. Yo me he separado aquí y me perdí esto. Entonces otra forma de hacerlo es simplemente entrar aquí y separar esto y luego quemarlo. Ve que lo otro que hace el ruido es que ayuda a definir la sombra. La herramienta Burn se ve más interesante cuando hay algo de ruido en este ancho. ¿ Eso tiene sentido en absoluto? Entonces sigue pintando eso. Va a estar oscuro ahí dentro. Esto de aquí va a ser más oscuro justo al lado de la pared. Eso fue un error. No quería necesariamente que eso de ahí fuera más oscuro. Voy a dejarlo porque ¿por qué no? A veces solo dejo cosas así y les llamo errores felices. Porque más adelante mientras sigo trabajando en esto, podría convertirse en algo interesante. A mí me gustó cuando estos fondos son más oscuros, así que solo voy a ir a golpear los quizá en la espalda aún más para que estén realmente oscuros justo al lado de la pared. Sí, se ve genial. No es una cosa súper definida, es como probar cosas. Es como pintar, ¿verdad? No lo sé, podrías haber visto que hice otra clase sobre tipo de pintura y para mí, solo hay tantos solapamientos con estas cosas. De todos modos, sólo voy a seguir adelante. Eso es un poco demasiado, voy a volver allá arriba. ve bien. Esta es una de mis partes favoritas porque es entonces cuando las cosas empiezan a parecer realmente realistas y puedes entrar. No lo sé, es un proceso muy satisfactorio, supongo. Al menos para mí, lo es. Yo quiero definir un poco más esta parte. Yo sólo voy a quemar ese cool y todo esto dentro de aquí estaría realmente oscuro. Yo hago efectos de sonido a veces, está bien, no te preocupes por ellos. Esto de aquí, detrás de este E. Otra vez, esta pequeña brecha me está molestando. Podría simplemente deshacerme de él. Voy a utilizar la herramienta Sello de goma y voy a seleccionar esta zona. Simplemente pinta esto aquí para llenar eso. Es un pequeño hueco en. Eso es genial. Yo le voy a hacer lo mismo al interior. 7. Photoshop IV: añadir detalles: Pasando a la fase aquí. Voy a trabajar primero en la palabra dimensional. Éste parecía un poco más complicado. Voy a pasar por ese mismo proceso, voy a añadir algo de ruido. Lo bueno es que retiene el número cualquiera que usaste último, y eso es útil en esta situación porque entonces se obtiene el mismo grano pasando. A mí me gusta que sea consistente si es como muy diferente. No lo sé. A mí no me parece tan bien. De todos modos, vamos a dar click Ok. Todo lo que voy a hacer aquí es si estoy pensando en esto, así que la luz viene de aquí arriba y golpeando esto en este ángulo. Si está por encima del tipo, entonces teóricamente las tapas van a ser un poco más ligeras. Lo que voy a hacer es entrar y golpear esto con la herramienta Dodge y conseguir un gran pincel grande y solo ver qué pasa si hago esto. No fue mucho de un efecto. Para tratar de que pase un poco más, tocaré el fondo con una quemadura. Eso es genial. Tan sólo para conseguir como una gradación sutil. Empezando a ponerme fangoso pero sabio del color, así que voy a volver más tarde y retocar esos colores. Pero quiero hacer estos dos al mismo tiempo si voy a meterme con el color porque quiero que sean del mismo tono. Vamos a agregarle algo de ruido a estos dos. Normalmente solo hago Command + F solo para aplicar el último filtro. Comando + F, sólo voy a poner ruido y todos estos labio. Yo voy a hacer lo mismo a la espalda. Ni siquiera lo nombré. Es por eso que nombras las cosas para poder encontrarlas. Cambiemos de sombra. Eso es mejor. Si revisas esto proteger los tonos, generalmente debería ayudar a retener el tono un poco mejor. Simplemente no me gusta cuando empieza a ponerse gris, lo cual sucede a veces. Voy a seguir adelante solo para conseguir alguna variación. Yo me voy a quemar. A veces los colores, realmente no hacen nada. Déjame intentarlo. Supongo que porque no está leyendo sombras en ese tono, así que baje esto a tonos medio o podría no estar en la capa correcta. Yo estoy en la capa correcta. De nuevo pensando en la luz que viene de este lado, sólo estoy adivinando que va a estar más oscuro alrededor de este lado. El principal es que es igual que alguna variación dentro de los diferentes tonos. Ves ese color es raro. Veamos tono medio. Tengo que pegarle eso unas cuantas veces más. Eso me gusta. A ver. Bajemos la exposición. Todo se trata de sólo pintar las cosas. Sigo diciendo lo mismo. Eso se supone que es más ligero así que vamos a darle a esto y a esto. Yo quiero que esto sea sutil. Se ve genial. Otra vez tal vez en este labio, quizá quiera hacer la parte superior un poco más ligera. No sé si esto va a hacer algo, ya es realmente ligero. Lo que suele hacer es sacar un poco el grano de ruido y solo afecta a esos granos más ligeros de ruido. Esto se ve bien. Esto es raro ahora mismo. A lo mejor puedo entrar y colorear. Haz saturación de matiz Comando + U y colorea esto solo para mantenerlo todo del mismo tono. Ya se ve mejor, tal vez un poco más oscuro. Vamos a meternos con el color de la cara dimensional. Voy a tonificar saturación Comando + U otra vez y colorizar. Debería traer a la luz esa saturación. Voy a mover esto un poco. De nuevo, es como si quisiera cambiar todo este esquema de color y solo probar algo que podría hacer un poco más tarde. Pero esto me parece bien. Lo siguiente que podría hacer es cambiar el fondo, empezar a meterse con el color de fondo solo para ver qué podría pasar. Voy a rellenar con comando blanco, opción eliminar, y hacer una saturación de matiz Comando + U. Entonces aquí sólo puedo meterme con el color. Estos son mis colores, hombre. Ahí es donde siempre voy. Es este esquema de color de cortesía. No sé por alguna razón todo lo que hago es como este rojo, naranja y como un azul aguamarino, verdoso. Pero se ve bien. Voy a volver a subir esto y golpear Multiply. Ve que eso está empezando a parecer genial. 8. Photoshop V: toques de color y acabado: Ahora, hay un montón de cosas que puedes hacer con esta sombra para que se vea más realista. Un pequeño truco que he descubierto es la idea de que quiero que la sombra más cercana a la letra sea más oscura de lo que está fuera al borde. Podrías dejarlo así y creo que se ve genial. Hay algo realmente bonito y gráfico en este look. Pero si quieres darle un paso más allá, esto es lo que hago. Básicamente quiero sólo agarrar una selección. Voy a agarrar los lados aquí, mantén pulsado Comando y haz clic para agarrar la selección. En realidad, lo que voy a hacer es agarrar una selección que me va a dar un desenfoque hacia donde pueda afectar los píxeles que están justo por aquí. Creo que la mejor selección sería la cara. [ inaudible] mantenga presionada Comando y haga clic en esto, y luego voy a agarrar esa también y luego moveré esta selección hacia aquí. Entonces voy a refinar este filo, y depende de ti cuál de estos te gusta. Realmente no importa. Todo lo que realmente quiero hacer es Pluma esto fuera y hacerlo realmente suave y lo voy a hacer un poco más ancho. Eso es demasiado. Probemos esto. A ver qué nos trae eso. Yo quiero volver a mover esto. Eso no va a ser súper realista. Simplemente te va a dar un poco de, y esta T es como la parte dimensional está en el lugar correcto, pero como ésta es un poco más larga, no está bien. Simplemente no está bien. La única forma en que puedo arreglar eso es hacer una Máscara Rápida y simplemente moverla en el Modo Máscara Rápida. Le pegué a “Q” y oye, eso se ve genial. Entonces solo voy a agarrar esta pequeña área y mover esto a donde la quiera. Fue como justo fuera de eso, justo ahí. Deselecciona y agarra mi pincel y aquí vamos. Basta con mantener pulsado Shift para hacer las líneas rectas. Eso no funciona. De ninguna manera. Sólo voy a pintar sobre esto. Pintar. Voy a darle a “Q” y volver a salir de Máscara Rápida. Con esa selección, sólo voy a meterme con los niveles. Yo voy a hacer Comando L, sólo hacer esos poquito más oscuros, seguramente sutilmente. Entonces es como si quisiéramos que fuera un poco más lejos, así que intentemos meternos un poco más con esa selección, hagamos otra Pluma. A lo mejor ir más dramático así. Aunque es genial. Echemos un vistazo a eso otra vez. Parece que hay un foco en él o algo así. De todos modos. Hagamos lo mismo, Niveles. Sí, es genial. Ahora, es un poco más oscuro alrededor justo en el borde, lo que a mí me parece más realista. Voy a patear eso de nuevo. Es un poco, los saca en los oscuros. Es un poco menos. Parece que está flotando. Voy a darle una más, y hacer esto una cosa más. Voy a estar por separado para no tener que moverme. Démosle un poco de sombra dura, aquí mismo. Hagamos otra capa, solo llenamos esto de negro solo para que parezca que está justo arriba contra la pared, tal vez haya un pequeño hueco. Se ancla un poco así que voy a desenfocar esto sólo un poquito. Voy a ir a “Filtrar”, “Desenfocar”, “Desenfoque gaussiano”, intentemos mover eso. Oye, si hicimos esto, eso también está bien, pero vamos a mantenerlo apretado. Genial. Eso es poco efecto limpio. Hagamos lo mismo con esto. Hagámoslo por separado. Vamos a tocar esto así, usar mis teclas de flecha, y puedo moverlo más tarde pero hacer una nueva capa, llenarla de negro, selección, nuevo Comando F, ya que acabamos de hacer ese desenfoque, y luego lo movemos ahí. Eso es lindo. Entonces quiero desdibujarme los bordes exteriores de esto. De nuevo, si apagas todo esto, es sólo una forma. Aquí se ve genial por sí mismo. En fin, siempre hago eso. Es solo una forma, así que hay que finaglar un poco estos bordes. Podría haber algunas formas diferentes de hacer eso, agarrando una selección de una de estas otras capas, como hicimos esta parte o quizás solo quieras pintar en una selección. Eso puede ser lo que quiero hacer. Voy a golpear “Q” para meterme en mi Modo Máscara Rápida y luego agarramos el cepillo y lo hacemos agradable y suave. Voy a bajar la opacidad. Voy a empezar sólo a pintar en estos bordes. Básicamente, estoy pintando una selección. Voy a volver atrás y luego borrar donde se está superponiendo la parte TIPO de la palabra. Usted borra esto. De nuevo, tenemos esa molesto cosa del espaciado. Simplemente voy a pintar en esta zona. De verdad así. Aquí vamos. también me gusta esto, porque si solo adivina en lo que podría estar pasando, supongo que la sombra estaría más borrosa en los bordes e inventaría una forma de buscar eso en lugar de hacerlo exactamente lo que sería. No lo sé. Hace que sea más interesante si viene de tu mente, en lugar de exactamente de una pieza de referencia que definitivamente empieza por ahí. Empieza con tu referencia y luego tomas decisiones basadas en eso. A ver si esto funciona, si hacemos un Desenfoque Gaussiano. Gaussiano, palabra rara. Eso es hacer algo. Es genial. A mí me gusta. Vamos a quedármela. Encendemos esto de nuevo. Mi último truco que me gusta hacer en este material es mi amigo, el ajuste subutilizado Sombra/Destacados. Prácticamente uso esto en cada cosa que hago. Realmente no puedo explicarlo. Simplemente vas a tener que meterte con él para ver qué hace. Básicamente, afecta los medios tonos de cierta capa. Lo primero que siempre hago es empezar con este ajuste de medio tono y solo deslizo esto por ahí y solo veo qué hace. Simplemente como que lo vea. Simplemente hace cosas raras y el color realmente no está haciendo nada ya que es gris. Después estas afectando los reflejos y las sombras. Se ve bastante bien. Si usas esto, tal vez gire eso, se ve bien. Dramático así. Hagamos lo mismo con esto. En primer lugar, agrupemos para llamar a la sombra porque hay múltiples capas que componen esas sombras. Veamos qué le hace esto a los lados rojos. no me gusta realmente. Esperaba que los fondos se oscurecerían puede ser si me deslizaba esto por ahí, eso es mejor. A ver cómo se ve eso antes. Entonces, realmente curioso en cuanto a cómo este destello de sombra va a afectar esto aquí. Yo quiero afectar igual a todos los rostros. Voy a seguir adelante y voy a renombrar esta capa aquí abajo como Orig. Hago esto a veces solo para guardar mis cosas viejas en caso que necesite todo esto no destructivo, caras. Voy a mantener presionada Opción y arrastrar una copia de eso a la carpeta orig y luego voy a aplanar todo esto haciendo Comando E. Entonces voy a hacer Imagen, Ajustes, Sombras/ Destacados, y mover esto por aquí. A ver. Por el momento no soy realmente cariñosa. Bueno, en realidad eso es genial. Vamos a subir esto. Sí, eso se ve genial. Simplemente hace que esto sea un poco más dramático. Se está poniendo marrón, así que quiero asegurarme de que siga siendo amarillo, naranja. Voy a hacer ese ajuste, tal vez hacer uno más niveles, retocar para que pop un poco más. Yo sólo dije que lo hicieran estallar. Wow. Odio cuando la gente dice eso. Lo siguiente que hago es simplemente seguir adelante y aplanar ambos. ¿ Está tu mente volada? Voy a arrastrar estos hasta el orig, y oye, ¿qué tal si guardamos esto? Sí, importante antes de que perdamos todo. 9. Photoshop VI: Wrapping hacia la superficie de tu cara con la cara: Esto está empezando a verse bastante bien. Ahora, solo se trata de agregar algunos toques finales y entrar y ver qué tipo de detalles puedes agregar. Entonces el siguiente truco es tratar de no ir demasiado lejos porque hay un nivel donde podrías ir demasiado lejos, y voy a probar algo ahora que podría ser demasiado, pero voy a geek en lo realista de aquí. Lo que estoy viendo es si esto era una señal real y hay una sombra real saliendo de este tipo real. Entonces esta sombra estaría superponiendo un poco este lado de esta carta, y estaría afectando esto también aquí. Lo que voy a hacer ahora es crear una selección a donde básicamente pueda golpear los niveles de esas áreas un poco más oscuros para que parezca como si la sombra realmente estuviera golpeando los lados de estas letras. Eso lo voy a hacer en movimiento rápido ahora. Subiremos esos niveles porque sabíamos que eso funciona bastante bien. Vamos a ver qué pasa. Bastante cool. Yo sólo quiero ir a quemar esto un poco más de las sombras y los fondos a cualquier cosa. Está haciendo un poco. ¿ Deberíamos hacer eso un poco más dramático que en los fondos? Debería ser un poco más oscuro. Estos dos. Entré y puse las sombras en el tipo de palabra, las extrañas sombras laterales que pueden o no ser necesarias, pero me gustan. Yo lo hice. Lo siguiente que hay que hacer es, me gustaría agregar un poco de textura a esto. He sacado algunos archivos de textura y tengo esta gran biblioteca de texturas de papel escaneadas y cosas que usaré. Voy a usar este. mí me gustan los que tienen un poco de viñeta o gradación a ellos así. Va de la luz a la oscuridad. Voy a ver de poner este encima del tipo. Voy a limitarlo solo no opción y luego haciendo una multiplicación. Voy a encender y apagar esto solo para ver qué está haciendo y me aseguro de que me guste. Puedo bajar un poco los niveles para que no sea tan prominente y bajaré la opacidad. Me ha dado un poco de variación y textura en las formas de letra, así que me quedaré con eso. También tengo esto literalmente un escaneo de cama de escaneo suave. Se puso bastante viejo. Nunca más escribo ese escáner. Pero si solo multiplicas esto, tal vez esto debería bajar por debajo de la sombra así que está justo ahí. Después hay un par de otros, esto, y esto. Son solo bonitas texturas de viñeta. Voy a meter un montón de diferentes tipos de cosas y a veces funciona, a veces no le gusta esto. Yo solo quiero tratar de multiplicar, aún quiero conseguir ese color verde que tengo. Podría hacer una saturación de matiz y simplemente tirar de esto. Ya se ve genial. Se ve bonito. Podría añadir algo de ruido a esto también sólo para retener ese nivel de textura. Sí, genial. Ahora quiero conseguir que este otro tipo se funda y se mezclaran. Es bonito que las sombras lo estén afectando. Yo quiero ver si esto se puede solapar un poco. Podría conseguir un pincel y bajar la opacidad mucho más baja. Agradable suave y luego asegúrate de tener el pincel adecuado. Eso es lindo. Vamos a tirar algo de eso para que se mezque un poco mejor. Estoy pensando que el blanco descarado es genial. Vamos a ver si algunas de estas palabras eran de color diferente. Puedo cambiar las cosas fácilmente. Jerarquía hablando, quieres mantener este tipo más pequeño bastante simple si pasa mucho con un titular grande o algo así. Me espanto de hacer demasiadas cosas de lujo con el tipo más pequeño. Bueno, vamos a divertirnos estos. Sólo para ver qué pasa si esto es algo y eso es genial. A lo mejor todos estos podrían ser de ese color. Eso tiene que ser más oscuro. Nosotros queremos oscurecer eso. Es genial. Me pregunto si este también era su color, oscuro. Deberíamos hacer esto un poco más grande. Bueno, eso es base, grupos o máscara no nos va a dejar hacer eso. Eso es genial así. Eso es lindo y ayuda a la Skillshare y mi nombre a salir un poco. Bueno, sólo por diversión. Veamos si todo el asunto es ese color, podría ser mejor y multiplicado. Eso es genial, sin embargo. ¿ Y si esto fuera más oscuro ahí abajo en las sombras? Eso es genial, sin embargo. Hagámoslo. Hagamos esto un poco más oscuro también. A mí me gusta. Pongamos un poco de ruido. Mira, sólo está haciendo un poco más simple. De todo el mismo color y golpeándolo de nuevo a la oscuridad, coincide con el fondo oscuro, creo. Ya ves cómo esto realmente destaca mucho más que si podemos volver aquí. Algunas cosas en la historia. Ver la diferencia. De verdad sale adelante cuando esta cosa está oscura. Ese es un buen experimento. Yo quiero entrar y quemar un poco de esto ahora que tenemos algo de textura. Tan solo para darle un poco de variación y tal vez nos esquivamos hasta la cima. Entonces también jalé en esta frontera, que no estoy seguro si voy a usar ahora. Intentemos que sea igual al tipo. Multiplica eso. Voy a añadir algo de ruido a esto, y luego meterme un poco con los tonos aquí arriba. Trae esto. De nuevo, es igual que pintar. Enfriar. Siempre hay más que puedes hacer, pero llamémoslo un día. Está bien. Bueno, vamos a llamar a esto hecho y llamarlo un día y aplanar esta cosa y guardarla y perder todas nuestras capas, sólo bromeando. No sé qué tan grande es este archivo. Probablemente sea bastante grande, así que consigue un disco duro. No sé lo que estoy diciendo. Gracias por unirte a mí y esperamos ver todos tus increíbles proyectos llegan más tarde. 10. Explora sobre diseño en Skillshare: manera.