Lettering en la naturaleza | Jamie Bartlett | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Comienzo

      1:02

    • 2.

      Objetos detallados

      3:28

    • 3.

      Atmósfera

      3:22

    • 4.

      Crear profundidad

      5:56

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

4251

Estudiantes

79

Proyectos

Acerca de esta clase

En esta clase te voy a mostrar como incorporar lettering en las fotografías utilizando diferentes técnicas de enmascarar en Photoshop. Podrás aplicar lo aprendido a todo tipo de entornos fotográficos.  Cualquiera tendrá la posibilidad de tomar esta clase y seguir fácilmente mis instrucciones paso a paso. 

No puedo esperar para ver lo que creaste.

Conoce a tu profesor(a)

Teacher Profile Image

Jamie Bartlett

Graphic designer and left-handed letterer

Profesor(a)

Jamie Bartlett is a graphic designer and left-handed letterer working out of Denver, CO. She graduated from John Brown University with a degree in Graphic Design and now runs a shop for her hand lettered designs and fonts. Her work reflects everything she loves in life: a good cup of coffee, nerdy design terms, tandem bikes, road trips, and so much more.

Check out all Jamie's classes to learn her tricks of the trade. 

To see what she's up to now, follow her on Instagram and Dribbble.

                                                               

  &... Ver perfil completo

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Comienzo: Hola chicos, soy Jamie Bartlett. En esta clase, te voy a mostrar cómo incorporar tus letras en fotografías utilizando diferentes técnicas de enmascaramiento en Photoshop. Podrás aplicar lo aprendido a todo tipo de entorno fotográfico. Empecemos. En primer lugar, necesitamos abrir nuestra fotografía. Puedes usar una foto que te hayas tomado o un gran recurso es unsplash.com. Aquí encontrarás una tonelada de fotos gratuitas y de alta resolución que son gratuitas para hacer lo que quieras con. Una vez que tengas una foto, ábrela y Photoshop. Aquí la foto que estaré usando para nuestro primer método. Voy a poner texto en esta pared amarilla aquí detrás de la moto. Normalmente esto podría parecer muy difícil de hacer ya que tenemos todos estos pequeños detalles que serían realmente difíciles de enmascarar a mano. Entonces vamos a estar usando una técnica que haga que este tipo de máscara sea mucho más fácil de inventar. Ahora necesitamos agregar nuestras letras a este cuadro. Entonces subiremos aquí a File place Embedded, y aquí están mis letras. Dará clic en Colocar y la marca de verificación, y ahora puedes entrar a enmascarar. 2. Objetos detallados: Para este método, vamos a utilizar la herramienta de rango de color. El modo en que funciona se basa en lo que sea visible. Necesito apagar mi capa de texto y ahora podemos subir a “Seleccionar”, “Rango de colores”. La gama de colores nos permite realizar una selección basada en el color. De forma predeterminada, la vista previa de selección debe estar establecida en ninguna. Pero si no lo es, puedes cambiarlo aquí mismo. Queremos que se seleccione el amarillo de esta foto. Tomamos esta herramienta cuentagotas y hacemos click en el amarillo. Ya verás que mi vista previa cambia a una imagen en blanco y negro. Todo el blanco es lo que se selecciona y todas las áreas oscuras y negras son lo que no está en tu máscara, y los valores grises entre medias serán semitransparentes. Aquí arriba tenemos un slider difuso. Esto es básicamente solo un umbral para determinar cuánto del color se selecciona. Podemos subirlo y se selecciona más de ese amarillo, pero se puede ver aquí abajo, está empezando a mezclarse con el suelo. Si comienzas a bajarlo todo el camino, puedes ver que perdemos algo del amarillo en la pared. Tenemos que ajustarlo hasta conseguir la selección que queremos, justo por ahí. Ahora que creo que tengo la selección que quiero, siempre puedo cambiar mi vista previa de selección a una de estas opciones. Si lo cambio a escala de grises, es la misma vista que tenemos en esta otra ventana. Si lo cambias a negro mate, todo el negro es lo que no está seleccionado y así sucesivamente. Me gusta usar la escala de grises. Otro consejo práctico, si queremos sumar a la selección, siempre podemos sostener “Shift” y luego obtendremos el signo más y podemos dar click en algunas de estas áreas grises y eso se suma a ello. Todavía hay un poco más gris aquí arriba, así que voy a “Shift” y dar click aquí una vez más para agregarle. Ahora voy a ajustar un poco la borrosa para deshacerme de esa mezcla en el suelo. Eso se ve bastante bien. Daremos click en “Ok” y ahí está mi selección. Ahora volveré a encender nuestra capa de letras y haga clic en el botón “Máscara”. Así como así, parece que el texto está detrás de la moto. Ahora digamos que quiero volver a posicionar un poco el texto. Queremos asegurarnos de desvincular nuestra capa de letras de la máscara porque si movemos el texto en este momento, también mueve la máscara, y eso no funciona. Si lo desvinculamos y seleccionamos nuestras letras, podemos mover nuestro texto a donde queramos y se conserva la máscara. Ahora cambiemos el color de nuestras letras. Haga doble clic en su capa de letras y agregue una superposición de color. Puedes hacer click aquí para escoger el color que quieras. Me gusta ese color rojo, naranja. Voy a dar clic en “Okay”, “Okay” otra vez y ahora le tiene un bonito color. Si alguna vez quieres volver a entrar y ajustar el color, solo necesitas hacer doble clic en la “Superposición de color” en la paleta de capas y editarla allí. Ahora para hacer una cosa más, para que parezca un poco más que está en esa pared, vamos a configurar el modo de fusión de nuestra capa de letras para que se multiplique. Pero como hemos añadido una superposición de color, evita que cualquiera de los modos de fusión funcione. Necesito agrupar mi capa de letras presionando “Comando G” en tu teclado y estableceremos la capa de grupo para que se multiplique. Ahora obtenemos algo de la textura de la pared de fondo que viene a través. De esa manera, somos capaces de hacer una máscara complicada que hubiera sido súper difícil de hacer a mano. Pasemos a un tipo de escena diferente. 3. Atmósfera: Para esta foto, quiero poner mis letras detrás de esta cresta de árboles, pero también hacer que parezca que está en esta capa de niebla aquí mismo. Voy a colocar mis letras, posicionarlo donde creo que lo quiero, presiona “Enter” y ahora necesitamos hacer una selección. Vamos a empezar con el mismo método de rango de color que usamos en la última botella pero recuerda, necesitamos apagar nuestra capa de letras y luego subir para seleccionar “Rango de colores”, cambiarlo de nuevo a ninguno, y dar click en algunos de estos árboles. Ahora ajustemos nuestra borrosidad, bajarla para que esas nubes no aparezcan y ahora cambiemos a escala de grises. Todas las pequeñas áreas grises no están en nuestra mascota. Vamos a sumar esos n manteniendo pulsado “Shift” y haciendo clic. Ahora eso también sumó mucho aquí arriba, así que vamos a ajustar de nuevo nuestra borrosa. Tal vez necesitemos simplemente limpiar esto a mano, pero en su mayoría estamos enfocados en este borde de árbol justo aquí. Eso se ve bastante bien. Haremos clic en “Ok”, volveremos a encender la capa de letras y le agregaremos una masa. Tenemos que invertir nuestra máscara presionando “Comando I” en el teclado. Ahora si miro mi misa sosteniendo “Opción” y haciendo click sobre ella, podemos ver la parte de la masa de la que necesitamos deshacernos. Podemos hacer eso con nuestra herramienta de pincel. Ve por aquí y encuentra tu herramienta de pincel. Queremos asegurarnos de que nuestro color esté configurado en blanco y puedas aumentar y disminuir el tamaño de tu pincel con los “Brackets' izquierdo y derecho en tu teclado. Voy a hacer el mío un poco más grande y luego puedes empezar a cepillarte. También voy a subir un poco la dureza de mi pincel. No es tan emplumada y termina de cepillar toda esta app. También asegúrate de que tu opacidad esté establecida en 100. Eso se ve bastante bien. Sostenga “Opción” de nuevo, haga clic en su “Máscara” y eso se ve bastante bien. Se hace el primer paso, tenemos nuestro texto detrás de esa gama de árboles. Simplemente voy a desvincular mi máscara y reposicionar un poco mi capa y ahora queremos que nuestro texto parezca que está en esa niebla. En primer lugar vamos a duplicar nuestra fotografía. Con su fotografía seleccionada en la paleta Capas, pulsaremos “Comando J”, y eso hace una copia. Vamos a estar pintando estas nubes de nuevo encima de nuestra capa de letras para asegurarnos de que tu copia fotográfica esté en la parte superior y vamos a aislar las nubes con la gama de colores. Vuelva a seleccionar gama de colores, haga clic en el “Área de nube” y ajustemos nuestra borrosa. Nuestro texto está solo en esta área, esa es la área principal por la que debemos preocuparnos. Lo bajaremos solo un poco para que perdamos algunos de los árboles y eso se ve bastante bien. Haga clic en “Ok”, ahora vamos a agregar una masa a esa capa. Si estás contento con eso, ya estás todo listo. O si quieres que las letras se muestren un poco más a través de las nubes, siempre puedes bajar la opacidad de la capa de niebla. Voy a bajar la mía a 90 y ahí tienes. Nuevamente, con gama de colores, somos capaces de hacer algunas máscaras bastante complicadas. 4. Crear profundidad: Para la última imagen, voy a estar usando esta foto de árboles. El lettering que voy a estar usando para esta imagen son en realidad dos capas diferentes. Voy a abrir ese PSD en Photoshop, y cada una de mis palabras son dos capas diferentes. Voy a seleccionar ambos, hacer clic derecho en ellos, y duplicarlos en la imagen de mi palabra. Ahora, para ambos, voy a añadir una superposición de color, y por ahora sólo voy a hacerlo blanco. Para añadirlo a mi otra capa de letras, nuevamente mantengo opcion, y arro el efecto a mi texto perdido. Para esta foto, la gama de colores no es una opción muy buena porque no hay forma distinguir qué árboles quiero seleccionados y cuáles no. Simplemente son tantos y algunos de ellos son conmovedores. Además, quiero que algunas partes de la misma letra vayan delante del árbol y otras partes vayan en la parte trasera del árbol para que parezca que la letra se está envolviendo alrededor del árbol. La forma más fácil de hacerlo es cepillando la máscara a mano. Por ahora voy a apagar las letras perdidas y solo enfocarme en la palabra get. Voy a acercar presionando Comando y Plus en el teclado, y reubicar mi texto manteniendo presionada la Barra espaciadora y arrastrando. Ahora, necesito agregar una máscara a esta primera capa. Haré clic en la Máscara, encontraremos nuestra herramienta de pincel, nos aseguraremos de que la dureza sea hasta 100 y bajaremos el tamaño, y pincharemos en Mi paleta de pinceles justo aquí, y bajaremos el espaciado a probablemente alrededor de 10. Obtenemos trazos de pincel realmente suaves. Ahora, necesitamos pintar de negro en las áreas en las que queremos de cabeza. Voy a cambiar nuestro color aquí para que sea negro, y para este G, quiero que esta parte de la G vaya detrás del árbol. Me aseguraré de que nuestro pincel esté seleccionado, acerque un poco más y empiezo a pintar. A veces es más fácil solo repasar un poco, y luego acercar aún más y luego si vuelves a cambiar al blanco, comienzas a pintar de nuevo con la máscara. Una forma rápida de cambiar entre el color de primer plano y el de fondo es presionar X en el teclado. Tenemos esa parte detrás del árbol y ahora quiero poner esta parte detrás del árbol. Volveré a cambiar nuestro fondo y color de primer plano y apenas empezaré a pintar. Este proceso en realidad es bastante divertido. Aleja el zoom para ver cómo se ve. Es bastante bueno para el G y ahora pasemos a la T. La E no va a estar detrás de ningún árbol. El T, voy a pintar esta parte. Acerquémonos, estamos en posición. Otra cosa útil que hacer es cambiar la opacidad de tu capa por ahora para que puedas ver dónde se cruzan el árbol y las letras. Voy a reposicionar un poco mi texto para que esta esquina de aquí se alinea con el árbol. Vuelve a tu máscara, y sigue pintando. Volvamos a dar vuelta a la Opacidad y a ver cómo se ve eso. Aleja el zoom y ahora que tengo los grandes árboles enmascarados, voy a acercar de nuevo y añadir algunos detalles más finos. Si vuelves a bajar tus capas de opacidad, puedes ver que hay algunas ramas que estarían solapando texto. Esta rama por ejemplo podría estar superponiendo la E. Voy a acercarme a eso, bajar el tamaño de mi pincel y simplemente empezar a enmascararlos. Parece que sería difícil, pero una vez que te coges el ahorcamiento es bastante fácil y si te metes siempre puedes pintarlo de nuevo e intentarlo de nuevo. Aquí hay otra sucursal que podría sumar. Hagamos estos en el G. Puedes agregar tantas ramas como quieras, es tan simple como eso. Incluso esas pequeñas ramas solo le agregan un poco más de detalle, que realmente hacen que esta imagen se vea genial. Simplemente sigue adelante hasta que estés feliz. Otra cosa que puedes hacer para que tus letras parezcan un poco más como si estuviera en la escena, es no dejarlo 100 por ciento blanco. Puedes volver a entrar a tu superposición de color y en su lugar, puedes probar uno de los colores más blancos de tu imagen. A lo mejor que sea un diminuto más blanco para que se destaque lo suficiente como para que puedas leerlo, click Ok, alejar y ver cómo se ve eso. Eso se ve bastante bien. Déjame mostrarte mi imagen final con todas las máscaras. Pinté todas las ramas, hasta lo puse detrás del suelo aquí donde está el árbol. Se puede ver que me divertí jugando con qué parte de las letras va detrás del árbol y frente al árbol. Un consejo más es emplumar tu máscara una vez que tengas todo terminado. Si hago clic en Mi máscara y acerco, y miramos estos pequeños detalles en el árbol, si haces doble clic en tu máscara, se abrirá el panel de propiedades para esa máscara. Verás este deslizador de plumas. Si lo sientas a la derecha, empieza a apaciguar mucho tu máscara. Nosotros sólo queremos plumas ligeramente la nuestra para que no sea tan afilada. Voy a hacer el mío a 0.5 píxeles. Tan solo para suavizarlo y ayuda a mezclar tus letras en la escena un poco mejor. Nos alejaremos, y haremos lo mismo por el texto perdido. Esas son mis técnicas para incorporar las letras de mi mano en las fotos. Espero que se divirtieran y no puedo esperar a ver la tuya. No lo olvides, siempre puedes hacerme preguntas sobre la discusión de Pregúntame Cualquier cosa, siempre estoy aquí para ayudar. Asegúrate de que cuando terminéis de publicar tu proyecto final en la página del proyecto. No puedo esperar a ver lo que ustedes crean. Los veré la próxima vez.