Efecto de lettering 3D en Adobe Photoshop

1. Efecto de lettering 3D en Photoshop: Bienvenido a Efecto de letras 3D en Photoshop. Soy Molly Suber Thorpe, una mano con letras artistas, diseñadora gráfica, y autora. hoy, te voy a enseñar a crear un hermoso efecto de texto dimensional al igual que este para tus propios diseños de letras a mano o para usar con cualquier tipo de letra digital. Vamos a aprender a utilizar objetos inteligentes y capas de ajuste no destructivas para crear un diseño que sea totalmente personalizable y un efecto que se pueda utilizar una y otra vez con diferentes artes y letras. Al cambiar los colores y la profundidad de las dimensiones, podrás cambiar la obra de arte de tu diseño, para que puedas usar este efecto en múltiples piezas. Este proceso es totalmente no destructivo, lo que significa que puedes cambiar cualquier aspecto del mismo a medida que vas o usar los mismos efectos que estás creando clase hoy para aplicar a una futura pieza de arte sin tener que rehacer todas las capas de efectos. Esa es la belleza de los objetos inteligentes. Te voy a mostrar cómo usar objetos inteligentes en combinación con filtros y efectos de capa para crear este tratamiento de tipo no destructivo y hermoso. Espero que sigas y hagas tu propio proyecto, cual compartirás en la sección de proyectos de clase, o si lo compartes en redes sociales, etiquetame para que pueda echarle un vistazo ahí. Está bien. No puedo esperar para empezar. 2. Configura tu archivo: Este es el proyecto de clase que vamos a crear juntos hoy. Yo quiero empezar por mostrártelo para que a medida que trabajamos tengas un sentido en tu mente de adónde vamos con cada paso. Permítanme acercar y recorrer un poco esta imagen y describirle lo que vamos a estar haciendo. Estamos tomando un diseño que ya sea con letras a mano, o creado con una fuente, es tu elección y te mostraré ambas opciones. Vamos a agregarle dimensión, profundidad, y también vamos a añadir una sombra de gota de tamaño sustancial. Vamos a poner grano sobre todo para que parezca un poco vintage y ponerlo en un telón de fondo con una bonita viñeta, y algunos otros filtros para que todo acabe con un look muy cohesivo y algo vintage. Ahora vamos a configurar nuestro expediente. Voy a subirme a Archivo Nuevo. Estoy poniendo este tamaño a diez por ocho pulgadas sólo porque creo que es una relación muy bonita con la que trabajar. Es la misma relación que he hecho en la muestra aquí, y manteniendo la resolución en 300 dpi, y el modo de color RGB. Ahora solo para que sepas si tienes una computadora muy lenta o solo estás queriendo jugar por primera vez aquí, es posible que no quieras ir más grande que esto. De hecho, es posible que desee utilizar una resolución más pequeña a medida que aprenda esta técnica. Digo esto sólo porque estos archivos se pueden poner muy pesados y ahorrar tiempo, tiempo carga y tiempo de renderizado puede tardar un poco. Si no quieres que tu computadora quede empantanada por algunas de las capas con las que estamos trabajando, cuanto menor sea el tamaño del archivo, mejor suerte vas a tener. Dicho esto, sí trabajo con archivos grandes todo el tiempo. Tengo una computadora bastante rápida, pero también simplemente no creo que valga la pena hacer ilustraciones terminadas que sean demasiado pequeñas para imprimir a un tamaño grande o acercar, pero solo ten en cuenta que el resultado final de archivos como este es bastante pesado y grande. De acuerdo, entonces estamos pegando a “Crear”. Muy lo primero que quiero hacer es reemplazar el fondo por una capa de color sólido, y así voy bajando aquí a mi herramienta de galletas en blanco y negro y golpeando “color sólido”. Vamos a hablar de colores en tan solo un momento. Pero ya verás aquí tengo un preset de paleta de colores y eso lo discutiremos. Pero solo voy a establecer el fondo a este color durazno y luego eliminaré la capa de fondo predeterminada. El motivo por el que hice eso es porque para mí es importante poder hacer doble clic rápidamente en mi capa de fondo y cambiarla a cualquier color que quiera muy fácilmente. Es solo una preferencia personal que tengo, pero realmente ayuda mucho a mi flujo de trabajo. 3. Añade tu lettering: Siguiente Voy a navegar al archivo donde tengo mi diseño de carta de mano. Aquí está el diseño de letra de mano que creé para esta clase. Lo hice en procreate en mi iPad y lo exporté como archivo de Photoshop y me lo dejé caer en mi computadora, lo abrí aquí en Photoshop, y lo guardé como archivo de Photoshop CC. Ahora un par de notas sobre mis opciones de diseño para esto, en caso de que estés buscando algunos consejos para crear un diseño propio. Opté por hacer mi texto en una inclinación moviéndose ligeramente hacia arriba porque creo que eso agrega mucho movimiento y dinamismo que hace para un diseño más llamativo, sobre todo cuando agregamos dimensión. También incorporé trazos gruesos y finos porque la dimensión que se agrega después se ve realmente fresca cuando es más gruesa en algunas partes y más delgada y otras. Casi parece que toma un efecto de plomada. Por lo mismo, agregué partes gruesas y delgadas a estos trazos entrando y saliendo de las letras, para que de nuevo, pueda jugar con el movimiento de delgadas a gruesas dentro de la dimensión. Ahora puedes ver que creó esto en un fondo en blanco si apago la capa de fondo. Esto es realmente importante. No trabaje con un archivo aplanado. Si lo haces, habrá más pasos que solo tendrás que dar por tu cuenta para eliminar el fondo, porque es realmente importante que tu capa solo tenga la obra sobre ella y no haya fondo, nada más. Con mi capa de arte seleccionada, subiré a Editar, Copiar o por supuesto Comando C si lo prefieres, y volveré a navegar a mi nuevo archivo. Ahora que estoy aquí, no sólo quiero pegar mi nuevo diseño en, quiero pegarlo en algo llamado Objeto Inteligente, y te diré en un momento un poco más sobre qué es eso si no sabes ya. Cuando en mi paleta de capas, estoy bajando el icono Nueva capa y haciendo una capa nueva una, y sólo voy a llamar a esto Arte, porque nuestra obra de arte va en ello. Entonces haré clic con el botón derecho no en la miniatura, sino fuera de la miniatura a la derecha de la miniatura, haré clic derecho y diré “Convertir a objeto inteligente”. Ahora, toda la diferencia que vas a ver es que aquí aparece un icono en la miniatura de la capa de arte. Si hago doble clic en eso, realidad se abre una nueva pestaña en mi pantalla. Cuando salgo de la vista de pantalla completa para que puedas ver las pestañas. Ya verás que aquí mismo en esta pestaña, porque aún no lo hemos guardado, es el archivo sin título que creamos, y cuando hago doble clic en la capa de arte, abrió esta capa R.PSB. Aquí, ahora voy a pegar ya sea pulsando Comando V o yendo a Editar, Pegar. Voy a alejar un poco, arrastrar mi diseño para centrarlo, y luego o bien presionar Comando T para transformar o simplemente ir a Editar, Transformar, Escala. Entonces sólo voy a encogerlo un poco para que esté centrada con muchos márgenes bonitos alrededor del borde. Ahora cuando presiono “Guardar” en este archivo y cierro la capa, aparece aquí en nuestro archivo anterior. Antes de seguir, solo voy a guardar este archivo, lo llamaré Text Effect Demo. Lo siguiente que vamos a hacer es copiar esta capa de objetos inteligentes simplemente arrastrándola hacia abajo al icono de Nueva capa e invertir el orden, arrastrando esta nueva copia abajo del original. Doble-click en el nombre, voy a renombrarlo 3D porque este será el principio o la primera capa de nuestra dimensión. Ahora, solo quiero mostrarte algo genial sobre los objetos inteligentes. Ahora que hemos copiado nuestro objeto Smart Bar, quiero mostrarte cómo cuando edites una de estas capas, ambas se actualizan automáticamente, y si lo hubiera copiado 100 veces, las 100 se actualizarían. Voy a hacer doble clic en cualquiera de ellos, y cuando entre aquí, quiero decir que cambie el color de este tipo. Entonces bajaré aquí a mi icono de galleta en blanco y negro, agregaré una capa de color sólido, voy a seleccionar esta turquesa clara y pegaré “Ok”. Después con mi tecla Opción o tecla alt en la PC mantenida presionada, verás que al pasar el cursor entre estas dos capas, que mi cursor cambia a este icono de recorte, y si hago clic “una vez”, entonces la capa de color se pinta dentro de mi capa de arte y afecta sólo el arte en esa capa. Ahora, cuando golpeo “guardar” y vuelvo a mi archivo demo de efecto de texto, verás que no sólo cambió la obra de arte en mi capa 3D, sino que si lo apago y solo estoy viendo esta capa de objetos inteligentes de arte, también cambió. El hecho de que podamos actualizar un objeto inteligente y que afecte a todas las demás copias de ese mismo Objeto Inteligente en nuestro archivo es un aspecto crucial para esta técnica de efecto texto. 4. Usa una fuente en lugar de: En lugar de usar letras manuales, es posible que desee usar una fuente digital. Cuando creas esa primera capa de objetos inteligentes y haces doble clic en ella para abrirla donde antes mostré que puedes pegar en tu diseño de letra de mano. Quiero mostrarles ahora lo fácil que es simplemente demasiado tipo--in fuente digital y que funcione exactamente de la misma manera. Apagaré esa capa que ya había pegado. Voy a venir a mi herramienta de texto y sólo por el bien de ello, escribiré el mismo texto que yo mano con letras también. Simplemente redimensionaré esto para que se ajuste a la pantalla y tal vez incluso la incliné un poco hacia arriba. Quiero aumentar la altura de línea aquí en la paleta de caracteres. Si no tienes una paleta de caracteres abierta, solo puedes venir al personaje de ventana. También es posible que desee su paleta de párrafos si desea controlar centrado y la justificación izquierda-derecha, cosas así. Yo quiero tener el kerning bastante generoso encendido. Veamos cómo se ve un poco mejor la óptica y disminuya un poco el espacio. Esta es una forma de agregar tipo y luego no tienes que rasterizar esta capa. En otras palabras, no tienes que convertirlo en solo píxeles. Puedes mantenerlo como texto editable. Entonces siempre podrás volver aquí y cambiar el texto sin que de ninguna manera afecte tu diseño real. 5. Importar o crear muestras: Ahora tomemos un momento para hablar de muestras de color. Porque para crear la dimensión y profundidad e iluminación y sombreado que estamos utilizando en esta técnica, es importante que tengas algunos tintes y tonos del mismo tono y algunas otras muestras aquí en tu kit de herramientas para sacar de verdad rápidamente. Eso solo te ahorra mucho tiempo y hace que la elección del color a medida que trabajas eliminada de la ecuación porque siempre puedes recolorear las cosas más adelante, porque no quieres pasar tu tiempo mientras estás creando tus capas y afecta eligiendo nuevos colores en cada paso. Entonces en la sección Recursos de esta clase, realidad te he dado una versión exportada de mi paleta de muestras para que si quieres, puedas seguir en clase con exactamente los colores que estoy usando. Si descargas ese archivo, vas a conseguir uno que se vea así, Text Effect Palette.aco. Así que guarda eso en algún lugar seguro en tu computadora, luego ven aquí a tu paleta de muestras. Si quieres agregar en mis muestras a las muestras que ya tienes darás clic en este menú de hamburguesas Fly-out en la parte superior derecha y luego haz clic en Cargar muestras. Pero quiero reemplazar mis muestras por mis propias muestras, y así de cualquier manera, y así de cualquier manera, si haces clic en Cargar o Reemplazar, vas a hacer clic en él y navegar hasta el archivo de muestra en la ventana emergente que aparece y pulsa Abrir y luego el aparecerán aquí arriba muestras. Ahora déjame sacar de aquí mi paleta de muestras para que podamos examinar lo que tengo. Tengo un negro puro, luego tengo un 25 por ciento gris. Si quieres crear tu propio 25 por ciento de gris, todo lo que tienes que hacer es venir aquí al lado izquierdo de tu pantalla en la barra de herramientas y hacer doble clic en tu Color de primer plano. El mío ya está configurado hasta grado 25 por ciento porque esa es la muestra que acabo de crear. Pero digamos que estás en algún otro color. La forma más rápida para mí es venir a los campos de entrada CMYK, y solo pondré cero para los tres colores, cian, magenta y amarillo. Para K, que significa negro, solo estoy ingresando 25. Entonces eso es 25 por ciento negro o gris claro. Después para añadirlo a tus muestras, cuando es el color de primer plano, todo lo que tienes que hacer es hacer clic en este icono de Nueva muestra, o mientras aún estás en esta pantalla emergente, simplemente haz clic en Agregar muestras. Por lo que tengo negro, 25 por ciento gris y blanco puro. Entonces elegí un color semi-mutado, bastante claro para el fondo, en este caso melocotón. Entonces elegí tres tintes y tonos de aproximadamente el mismo tono. Entonces escogí una turquesa realmente brillante, una turquesa mediana, y una turquesa realmente oscura, que es un poco más en el extremo verde del espectro, pero aún así representan una gama en la misma familia de tonalidades. El motivo por el que he hecho esto es porque para crear la iluminación y dimensión en este proyecto, necesitamos tener muestras preparadas para nosotros mismos que varían de luz a oscuridad, y para esta técnica en particular, sólo tres se necesitan tales colores. Por lo que me gusta tenerlos ya configurados en mi paleta de muestras para que pueda simplemente navegar rápidamente a ellos ya que estoy creando mis efectos. Me ahorra una enorme cantidad de tiempo. Si quieres crear tu propio esquema de color, puedes hacerlo absolutamente. Tómate un momento en este momento, te recomiendo simplemente comenzar escogiendo un color de fondo, silenciado , relativamente ligero, como puedes ver aquí en el fondo, mi color melocotón y mi color turquesa más brillante no funcionan juntos. Es bastante cegador. Así que elige un color medio que coincida y luego crea otra muestra con una versión mucho más ligera y versión mucho más oscura. Al final de este video, también te voy a enseñar a recolorear tu obra para que en este punto no sea absolutamente una decisión inmutable. Pero sí hace que tu trabajo sea más bonito y divertido a medida que avanzas si los colores ya se ven geniales mientras estás trabajando. 6. Dibujar una acción: Ahora apagué rápidamente esa capa de relleno de color en nuestro objeto inteligente por solo un momento. Había estado encendido así y lo apagué eso es simplemente porque por el bien de este video, el negro sobre el fondo claro va a salir mucho más. Lo que vamos a hacer a continuación es crear una acción. En primer lugar, tal vez solo quieras configurar tu espacio de trabajo de Photoshop para que parezca el mío, el mínimo que vas a necesitar es esta paleta de acciones pero si quieres que tu ventana se vea exactamente como la mía para que sea más fácil seguirla, solo ven a Espacio de trabajo, Fotografía. Aquí está mi paleta de acciones el icono es un poco Play Symbol. Todas las acciones tienen que caber dentro de carpetas. Ya que estoy creando una nueva acción aquí, también voy a crear una carpeta totalmente nueva. Voy a hacer clic en el icono de la carpeta y voy a titular este Paso de capa y ya verás por qué en tan solo un momento. Entonces voy a crear una nueva acción haciendo clic en este icono que es igual al icono Nueva capa. Voy a llamar a esto abajo y a la derecha, y de nuevo, ya verás por qué en un momento. Tan pronto como crea esa capa, verás que este botón de grabación se enciende. Si nunca has usado acciones antes, son una herramienta increíblemente cool y poderosa para ayudarte a ahorrar tiempo en cosas realmente tediosas o realizar tareas que normalmente te llevarían para siempre. Cuando este botón de grabación está encendido, Photoshop realmente está grabando cada cosa que haces y guardándolo de tal manera que cuando juegues tu acción más tarde, Photoshop replicará todas las acciones que realizaste. Ahora mismo, si tienes que hacer algo más en Photoshop antes de seguir siguiéndolo junto conmigo, solo tienes que pulsar el botón Detener, y luego pulsa Record Again cuando estés listo para empezar. Digamos, por ejemplo, que necesitas cambiar el nombre de una capa o cambiar tu color de fondo, esta acción grabará eso y no quieres que lo haga. Solo estamos grabando una acción muy específica en este momento. Entonces, cuando estés listo, haz clic en el botón de grabación y empieza por venir a tu capa 3D y hacer una copia. Simplemente lo estoy arrastrando hacia abajo al icono Nueva capa. Entonces voy a arrastrar esa Copia, abajo de la capa anterior para que la capa original esté por encima de la copia. Entonces voy a asegurarme de que estoy en mi herramienta de movimiento y eso significa que sin nada seleccionado, si utilizo las teclas de flecha de mi teclado, moveré o empuñaré la capa que esté seleccionada. Entonces con lo que ahora es la capa inferior seleccionada, hago zoom mucho esperemos que tal vez puedas ver esto. Va a ser muy sutil. Solo estoy golpeando mi flecha abajo una vez y mi flecha derecha una vez. Eso es todo y estoy golpeando Detente ahora. Zoom hacia atrás con Comando Zero o alt+0. Ahora, mi capa 3D se ve así y mi copia 3D se ve así. Reloj. Muévete muy ligeramente a un lado. Lo que vamos a hacer ahora es crear una tonelada de estas copias y sólo vamos a hacer eso seleccionando la acción hacia abajo y hacia la derecha y pulsando el botón Play muchas veces. Si lo golpeo la primera vez, se crea una copia, es decir un píxel más abajo y más a la derecha que el anterior. Otra vez. Voy a hacer esto unas cuarenta veces y se puede ver que como estoy trabajando, como lo estoy golpeando, el texto en sí, mi diseño se está volviendo más grueso y grueso, y más grueso. Imagina lo tedioso que hubiera sido eso si hubiera estado copiando cada capa y luego a mano yendo una y a la derecha y si cometieras un pequeño error, como si accidentalmente yendo dos abajo y uno a la derecha, eso sería en realidad visible como un error, por lo que esto también evita que ocurran errores. Entonces, ¿cómo sé cuándo parar cuando es lo suficientemente grueso? Bueno, esa es preferencia personal, pero una cosa que me gusta hacer es acercar un poco, perderse y ver si hay agujeros como este. El yo donde el contador de la E, el agujero en el E. Ve cómo sólo hay una pequeña astillas aquí todavía visible, eso me va a molestar. Yo quiero que eso se llene por completo. Lo mismo para justo aquí, ¿este punto de tensión donde la U y la T casi se están golpeando entre sí? Yo también quiero eso rellenado. Entonces solo voy a hacer uno más, repetir la acción, acercando y ahora veo que ese espacio está lleno en la E y esta región se ha conectado un poco, y eso me gusta más. Ahora con la última capa seleccionada, me desplazaré hasta aquí hasta la parte superior de mi 3D y sosteniendo la tecla Mayús y tocando esa capa 3D superior, seleccionaré todas estas capas 3D. Entonces voy a golpear Command o Alt+G para agruparlos o simplemente hacer clic derecho y decir grupo de capas. Llamaré a este grupo, 3D. Ahora si lo apago y lo enciendo, verás que mi capa de arte superior está ahí y el grupo 3D está todas las capas offset hacia abajo y a la derecha de la misma. Ahora voy a cambiar el objeto inteligente de nuevo a turquesa porque en cuanto empecemos a agregar gradaciones e iluminación, necesita ser un color distinto al negro para que todo eso se presente. Entonces estoy haciendo doble clic en esa capa de arte, volteando sobre turquesa, golpeando Guardar y cerrando. 7. Aplica los efectos de la dimensión: Por lo pronto, esta capa de arte superior se va a quedar intacta y sólo vamos a tratar con este grupo 3D. En primer lugar vamos a añadir un efecto de sombreado a todas las capas del grupo 3D como si fueran una capa aplanada. El modo de hacerlo es haciendo doble clic en la propia capa de grupo para que aparezca este Estilo de capa o afecte a la paleta. Ahora todo lo que agreguemos a esta paleta de estilos de capa se va a aplicar al grupo 3D en su conjunto, a diferencia de cada capa individual dentro de ella. Haré clic en “Biselado y relieve” la opción superior y lo primero que quiero hacer es presionar “Restablecer a predeterminado”. Es bueno que Photoshop el recuerde los últimos ajustes que usaste. Pero en este caso, porque te voy a mostrar qué cambios hacer en base al default y no te voy a decir si algo no cambia del default lo dejará como está. Es importante que toques “Restablecer a predeterminado” para que todos estemos en el mismo lienzo en blanco para cada efecto que agregamos. Moveré ligeramente la paleta Estilo de capa a la derecha y acercaré el fondo cada vez tan ligeramente para que podamos ver un poco mejor. A lo largo de esta clase, cuando te diga los ajustes para cualquier estilo de capa, voy a ir de la parte superior de la ventana a la parte inferior y voy a dejar fuera todo lo que ya esté configurado correctamente de acuerdo al valor predeterminado. Yo sólo voy a enumerar cosas que debes cambiar y se ordenará de arriba a abajo. Lo primero es la profundidad. Aumentemos esto ligeramente a alrededor de 150 lo sabremos con seguridad en un segundo cuando vengamos aquí abajo a tamaño y subamos esto a, digamos unos 120 o algo así. De acuerdo, basado en el tamaño de tu archivo, es decir, la resolución y en base al tamaño y ancho de tu letra y en base al número de copias de capa que hiciste en ese grupo 3D, la profundidad de tus letras va a variar ligeramente. Aquí, porque el tamaño se basa en píxeles de archivo de muy, muy, muy alta resolución con más píxeles va a requerir un tamaño mayor para llenar la profundidad de la letra, luego un archivo que tiene una resolución mucho menor. Sólo sabiendo que estoy usando un ocho por 10, 300 dpi y hice 40 capas en mi grupo 3D. Te digo que quiero que mi talla sea justo alrededor de 120. Estoy apagando Global Light y ajustando este ángulo a 138. Después cambiando la altitud a 25. Destacar la opacidad, estoy girando todo el camino hacia abajo a cero y sombra, primero haré clic en la muestra de color y de inmediato navegar hasta aquí hasta mi paleta de muestras con herramienta cuentagotas. Da click en el más oscuro de mis tres colores de texto, pulsa “Ok” y reduciré muy ligeramente esta opacidad a tal vez, 30 por ciento. Ahora puedo venir si quiero volver a subir a este deslizador de profundidad y cambiarlo, si quiero un poco para cubrir más o menos de la profundidad y esto va a ser cambiable más adelante. Por ahora, sólo voy a dejar esto, digamos a los 100 y le pegue a “Ok”. Ahora abriré mi grupo 3D y quiero aplicar efectos a cada capa individual ahora, pero van a ser los mismos efectos. Lo que voy a hacer es agregar efectos a la capa superior, copiar esos efectos y pegarlos en el resto de las capas. Ahora puede que te estés preguntando : “¿Por qué no acabas de establecer los efectos para tu capa antes de hacer 40 copias de ella?” Bueno, la razón es que no importa lo rápido que sea tu computadora, Photoshop se esclavizará tratando de hacer eso. Simplemente conseguirás ese cursor giratorio por edades y edades ya que intenta copiar, mover, copiar, mover, copiar, mover, mover una capa con un Estilo de capa aplicado a ella. Es mucho mejor copiar tus capas cuando están prístinas, libres de efectos y luego aplicar los efectos y pegarlos en el grupo más adelante. Al llegar a la capa 3D superior dentro del grupo, haré doble clic en eso y aparecerá la paleta Estilo de capa. En primer lugar, vamos a hacer Bevel y Embosarlo de nuevo, restablecer a defecto. Lo primero que hay que cambiar es el tamaño. Voy a cambiarlo a tres píxeles aquí abajo en el punto culminante, estoy cambiando de pantalla a normal. Cambiar el color haciendo clic en la miniatura, cambiándolo a mi color de texto más oscuro. A pesar de que es más destacado, en realidad estamos invertiendo los reflejos y sombras aquí por lo que el resaltado va a ser oscuro en la sombra será luz. Mueva la opacidad al 100 por ciento. Para sombra, también mueve esto a la normalidad, haz clic en la “Miniatura” y haz que sea el medio. Color del texto, no el último, sino medio y cambia la opacidad al 100 por ciento. En realidad no podrás ver que pasa mucho aquí por cierto, porque en este momento sólo estamos tratando con la capa superior del grupo. Esto sólo está afectando a una diminuta, diminuta astilla dentro de toda esa profundidad. Esto realmente no será visible a los ojos hasta que lo copiemos pegarlo a todas las capas. A continuación, vamos a añadir un trazo simplemente haciendo clic en el trazo aquí y restableciendo al valor predeterminado. Pondré este tamaño a, para mí cualquier cosa entre tres y cinco normalmente funciona, haré cinco. Te explicaré en tan solo un momento por qué es posible que tengas que ajustar esto y cambiaremos el color a un color de texto más oscuro. Ahora haz clic en “Ok”. Ir a acercar y verás que si apago los efectos, sólo se puede ver muy, muy, muy ligeramente que estos efectos se están mostrando a través sólo de esa primera capa. Haga clic derecho en cualquier lugar, no en la miniatura sino en cualquier otro lugar de esta capa 3D superior, voy a decir “Copiar estilo de capa”. Entonces haré clic en la capa justo debajo de ella. Desplázate hacia abajo hasta esa capa 41. Haga clic nuevamente con el botón derecho y diga “Pegar estilo de capa” y al instante sucede magia. Si encuentras que cuando haces lo que acabo de mostrarte, esta región de profundidad en particular, en lugar de lucir lisa, parece que tiene toneladas y toneladas de pequeñas líneas pasando por ella. Como si básicamente pudieras ver el borde de cada una de las capas de este grupo. Lo que puede que tengas que hacer entonces es hacer doble clic en tu capa de efectos porque esto puede basarse en lo gruesos o delgados que estén tus trazos en la resolución de tu archivo. Es posible que tengas que hacer doble clic en esa capa superior efectos de nuevo, llegar a trazo, aumentar en unos pocos píxeles, el tamaño del trazo, volver a hacer clic derecho, esa capa, copiar de nuevo y pegarlo de nuevo en el resto de las capas. Cuando pegas en capas que ya tienen efectos, reemplaza esos efectos. En ese sentido, estos se pueden cambiar fácilmente más adelante. Siempre tendrás que cambiar solo uno de ellos a la vez, luego copiar esos efectos y pegarlos al resto del grupo y lamentablemente no hay ferrocarril alrededor de eso todavía en Photoshop. Si hago zoom aún más, si miro los bordes que están brotando justo contra el fondo, sí parece que ahí hay un borde ligeramente oscuro. Lo que es en realidad es el poco de trazo de la primera capa mostrando a través. Si también tienes eso en tu archivo para deshacerte de él, todo lo que tienes que hacer es desactivar la visibilidad del trazo en la capa 3D superior. Ahora ves que disminuyó drásticamente. 8. Crea la primera sombra: Ahora te daré un amistoso recordatorio para guardar tu archivo, porque eso siempre es importante sobre todo para estos grandes archivos de gran peso donde no quieres perder todos tus pasos nunca. Antes de crear esa sombra de gota larga y nítida en la muestra que primero te mostré, quiero crear una pequeña sombra de gota difusa justo debajo de todo este texto. Eso realmente lo que vamos a tener como efecto final, es un fondo con este texto flotando ligeramente por encima del fondo, lanzando una sombra hacia abajo sobre el fondo y también lanzando una sombra hacia abajo y hacia la derecha a lo largo de la sombra por el papel. Esto se hará más claro cuando lo hagamos. Lo que se requiere para crear esta sombra de gota es muy sencillo. Simplemente desplazándote hacia abajo hasta la última capa 3D en mi grupo 3D. Voy a acercar bastante, para que tú y yo podamos ver esto un poco mejor. Todo lo que vamos a hacer es añadir un efecto de sombra de gota al fondo mismo de estas capas 3D. Voy a hacer doble clic en mis efectos que ya he pegado ahí dentro, y vendré a dar click, “Sombra de sombra”. Restablecer al valor predeterminado. Cambia el color a negro puro, cambia el ángulo a 138. Si estás familiarizado con Photoshop, puede que te estés preguntando por qué hemos usado ese número 138 un par de veces, pero no activado usa iluminación global. Es porque un par de los efectos no usan el mismo ángulo y no quiero forzar el archivo para cambiar todos mis efectos a un 138 grados. Simplemente lo estoy escribiendo manualmente. De lo que esto indica aquí es que esta es la luz direccional viene a la imagen desde. Si quieres jugar con esto por tu cuenta, puedes crear ángulos de sombra completamente diferentes. Pero esto es lo que mi juicio y error ha demostrado ser algo que me gusta. Voy a cambiar la distancia aquí a 12 píxeles, y el tamaño, mantener el spread en cero, mantener el tamaño aunque en unos 20. Ahora deberíamos verlo salir por detrás de la última capa. Puedes mantener tu archivo así si quieres, pero me gustan las sombras granuladas. Creo que se ve un poco más vintage, es más atractivo a la vista. Todo lo que haces ahora es agregar ruido a tu sombra y puedes jugar con esto, pero me parece que cualquier cosa para entre 8-10 suele ser un efecto bastante bonito. Acercaré bastante más y encenderé y apagaré esta vista previa para que puedas ver. Esto es antes y después. Esto es sin el ruido, y esto es con él. Yo lo prefiero de esta manera, así que voy a dar clic en “Ok”. 9. Añade una superposición de degradado: Ahora solo quiero agregar un efecto a la capa de arte. Yo no hice esto primero porque, si lo hubiéramos hecho primero, no habría sido tan visible como está a punto de ser ahora. Es mucho más fácil hacerlo una vez que hayas aplicado tus efectos al grupo 3D. Voy a hacer doble clic en la capa de arte. Lo que vamos a agregar es “Overlay Gradient”. “ Restablecer a Predeterminado”. Establezca el modo de mezcla en “Linear Burn”. Establece la opacidad en alrededor de 30 por ciento, cambiará el gradiente a uno personalizado, simplemente haciendo clic en el gradiente allí. Haremos clic en el tapón de color superior en el extremo izquierdo, este negro en la parte superior izquierda, y cambiaremos la opacidad a cero. Eso significa que el lado izquierdo del gradiente es transparente, lo que lleva a un color de nuestra elección. Ahora para cambiar el color del lado derecho, vamos a hacer clic en el tapón de color en la parte inferior derecha y hacer clic en esa miniatura y lo cambiaremos por el más ligero de los colores de texto R3, y hacer clic en “Ok”. Normalmente uso ya sea un “Lineal” en el estilo o, un “Reflejado”. Básicamente lo que está haciendo es oscurecer los bordes y dejar una racha de bits más claros en el medio y oscurecer nuevamente el otro borde. Lo que eso te está dando es aún más de un efecto que, esto no sólo se inclina sobre una línea de base ascendente, sino que tal vez está creando un poco de la ilusión, que las letras realmente están viniendo hacia ti también. base a mi preferencia por el momento, elijo este estilo para ser “Reflejado” o “Lineal”. Volvamos a lineal ahora mismo. Eso me gusta en este diseño, así que le pegaré a “Ok”. Ahora tenemos lo básico hecho con el texto en sí. Yo quiero agrupar el texto para poder colapsarlo, y pasar a otra cosa. Con capa de arte seleccionada sosteniendo “Shift”, también haré clic en el grupo “3D”. Después o bien pulsa “Comando G” para agruparlos, haga clic derecho y diga “Agrupar desde capas”. Simplemente llamaré a este texto. Ahora tenemos un grupo grande con el diseño del texto. 10. Crea la sombra de la larga: Ahora quiero crear esa sombra de gota agradable, crujiente y limpia. Esto también va a usar la misma acción que usamos antes, y necesitamos comenzar con la capa que ya está en la parte inferior de nuestra dimensión de texto. Esa sería la capa 3D inferior. Bajaré a él, haré clic en él, y lo arrastraré como duplicado, hasta el icono de capa duplicada o el icono de nueva capa. Ahora, lo arrastraré fuera del grupo. Lo tiraré aquí abajo justo encima de mi fondo y un colapsó el grupo 3D, una vez más, de hecho todo el grupo de texto. Ahora hagamos clic derecho en esta nueva capa copiada y digamos estilos de capa claros porque no queremos los mismos que tenían las capas de dimensión. Hagamos doble clic en el nombre de la capa y renombrarla sombra. Ahora podría ser un buen momento para golpear save. Ven a tu paleta de acciones, volverá a utilizar esta opción hacia abajo y derecha. Ahora que tu archivo es un poco más grande que la primera vez que hicimos esto, podría empezar a tomar un poco más que la anterior y vas a tener una idea de lo que quiero decir de cuánto tiempo podría tardar si estuviéramos duplicando capas con efectos aplicados. Se selecciona capa de sombra, se selecciona acción hacia abajo y derecha, voy a empujar el juego. Yo quiero esto por lo menos tan grueso como la dimensión misma, así puedo ir a golpear esto 40 veces y luego veremos cómo se ve. Si tu computadora empieza a gatear por esto, no te preocupes, solo sé paciente, en realidad puedes tocar ese botón de juego de acción como 40 veces, solo contando y photoshop te alcanzará. Simplemente puedes irte, tomarte un trago de espresso, volver, y ojalá no se vuelva demasiado frustrante. Se han creado mis 40 capas y al igual que antes con mis capas de dimensión, voy a acercarme un poco y ver si hay algún punto que realmente se vería extraño, si sólo se estuviera mostrando una pequeña astilla de ellas. A ver, realmente no veo muchos así, tal vez en el tazón inferior de la velocidad y el bucle sí veo algunos. Pero ¿sabes qué? Yo quiero hacer algo súper dramático, así que sigamos adelante, vamos a añadir otras 10 capas y llegar a un par 50. Veo una pequeña astilla aquí en las O's al agregar unas cuatro más para ver si eso lo llena. No, no del todo y ahora vamos a tener pequeñas astillas aquí y allá. Vamos sólo por otros 10. Realmente podrías salirte con la tuya 20,30, esto es preferencia totalmente personal y siempre puedes agregar más después, claro, porque tienes esta acción. Siempre puedes ir a la capa final de cualquier grupo y seguir agregando más, y luego copiar pegar esos efectos de texto en tus capas más nuevas, y todo saldrá bien. Pero ya he hecho esto suficientes veces para tener una idea de cómo se va a ver una vez ajustemos el color de la sombra, y que se vea realista. Creo que este diseño se beneficiaría de una sombra muy larga y crujiente. El número mágico con el que terminamos aquí es 68. Quiero aprovechar esta oportunidad para panear un poco porque esto se ve realmente impresionante hasta ahora. Es simplemente genial mirar a través de él a este nivel de magnificación. Voy a hacer lo mismo que hice para crear un grupo 3D. Con la capa de sombra inferior seleccionada, me desplazaré hacia arriba hasta la capa de sombra superior, mantenga presionada la tecla Mayús y haga clic en ella, para que se seleccionen todas ellas, y luego bien comando G para agruparlas o haga clic derecho y diga grupo de capas. Simplemente llamaré a esta sombra, sencillamente. Voy a volver a abrir esta carpeta y sólo estamos agregando un efecto a la capa superior que pegará en todo el resto. Hago doble clic en la capa de sombra superior y quiero añadir una superposición de color. Voy a restablecer al valor predeterminado, y quiero hacer clic en esta miniatura, y dar click sobre ese 25 por ciento gris que hice. Puede ser tu tentación de cambiar este modo de planificación a algo así como multiplicador, reducir la opacidad que son formas de hacer que las sombras se vean realistas. Pero si haces eso y pegamos este efecto en todas las demás capas, entonces vamos a ver el efecto multiplicado o semitransparente de una capa encima de otra. De hecho lo que tenemos que hacer es colorear todas estas capas de sombra gris claro, luego afectar a todo el grupo girándolo para multiplicarse y reduciendo la opacidad. Voy a golpear bien, haga clic derecho en mi capa de sombra, copiar el estilo de capa, seleccionar la siguiente capa de sombra, desplazarse hasta la parte inferior, Shift click en la más baja, digamos seleccionar todo el resto de las capas, hacer clic derecho, pegar estilo de capa. Ahora desplázate hacia arriba y desactiva tu carpeta de sombras. Te acuerdas de cómo agregamos un efecto a toda la capa 3D, puedes ver aquí. Cómo dije que afecta a toda la capa como si estuviera aplanada. Bueno, ocurre lo mismo si aplicas un modo de mezcla a toda una carpeta. Si tengo seleccionada la carpeta de sombras y vengo aquí a mi menú desplegable de modo de mezcla, y cambio esto para multiplicar, entonces multiplica todo el grupo como uno, a diferencia de multiplicar cada capa individual encima de otra. Aquí tenemos algo de iluminación muy dramática. Si dejamos esto al 100 por ciento, me alejaré un poco. Cuando movimos todas esas capas hacia abajo una hacia la derecha y lo hicimos una y otra vez, estábamos creando el efecto muy fuerte en el que la luz está brillando desde arriba a la izquierda y arrojando sombras hacia la parte inferior derecha. Ahora podemos ajustar la opacidad de esta capa de sombras si queremos. Como dije, esto es como una luz solar muy fuerte golpeándola. Pero podemos reducir la opacidad si queremos, algo así como más de 40-50 por ciento, eso me gusta. Si en este punto quieres volver a entrar, ahora que ves estas sombras y ves su ángulo y quieres cambiar la superposición de gradiente de la capa muy superior, puedes hacerlo simplemente haciendo doble clic en ella para editarla. En esencia, realmente quiero enfatizar que el sol viene desde arriba a la izquierda. Ahora que veo el efecto de esta manera, voy a ver qué pasa cuando revierta el gradiente. Lo que significa que en lugar de pasar de transparente a oscuro, es al revés y ver la imagen cuidadosamente. Eso es mucho mejor. Ahora ves que aquí arriba en la parte superior izquierda es la parte más brillante, como si el sol estuviera golpeando eso y la sombra aumenta a medida que te mueves hacia abajo a la izquierda. Al igual que lo hace la sombra gota y el sombreado del interior aquí tiene una mayor sombra proyectada en el lado derecho, luego las tapas. 11. Centro y transforma tu texto: Es posible que encuentres que ahora que agregamos dimensión al lado derecho y al lado inferior de tu imagen, el texto ya no se ve centrado en la página, pero eso está bien. Todo lo que tienes que hacer es seleccionar todo menos el fondo en este punto, las capas de texto y sombras. Transfórmalos ya sea con comando t o edit, free transform o transform scale, no hace diferencia, y luego haz clic y arrastra tu imagen a donde quieras centrada en la página y pulsa “Return” para completar el transformación. 12. Haz una capa de grano: Hay toneladas de increíbles imágenes de superposición y patrones por ahí que puedes comprar por ti mismo. Yo sí soy dueño de algunos y uso algunos y he hecho algunos propios, pero no voy a requerir que tengas ningún archivo externo para esta clase. Vamos a hacer todos los nuestros desde cero. Quiero que haga clic aquí abajo en el icono de “Nueva capa” para hacer una nueva capa y presione “Shift Eliminar”. Aquí en el contenido, queremos llenar con 50 por ciento de gris. Di “Está bien”. Ahora ven a “Filtrar”, “Ruido”, y agrega “Ruido”. Queremos asegurarnos de que tanto “gaussiano” como “monocromático” estén encendidas. Normalmente voy a alrededor del ocho por ciento pero de nuevo, tu resolución de archivo va a dictar qué tan fino o granulado es esto y en base a lo granulado que quieres tu imagen y lo grande que debe ser ese grano, puedes jugar y ajustar esto. Ahora vamos a darle a “Ok”. Haré doble clic en el título de la capa y nombraré a esto “Ruido”. Ahora para noquear ese 50 por ciento de gris, y por eso no llenamos esto con nada de gris. Exactamente 50 por ciento de gris se elimina por completo de una imagen cuando se establece la transparencia a luz suave. Eso es lo que hace la luz suave. Elimina el tono medio exactamente. Ese gris ahora es completamente transparente, pero los gránulos claros y oscuros del ruido siguen mostrando. Esta es una forma increíblemente sencilla de crear grano en cualquier imagen. Estoy acercando aquí y recorriendo para mostrarte cómo se ve este ruido cuando se establece en 100 por ciento y se ve bastante guay. Ves que cuando lo apago, esa sombra gota que creamos detrás las letras realmente aparece como granulada, lo cual no me importa. Sí me gusta que recuerden. Pero cuando agrego el “Ruido”, simplemente lo mejora aún más y hace que todo parezca más cohesionado. El grano ya no sale tanto, pero sólo se ve un poco extra granulado. Honestamente no me importa mucho grano, pero sí suelo bajar esto a algo así como el 60 por ciento. Esta es preferencia personal sin embargo. 13. Añade una vignette: Ahora agreguemos una viñeta, creemos una capa totalmente nueva. Quiero el negro como mi color de primer plano, así que o puedo pulsar “D” en mi teclado o puedo hacer clic en este icono para revertir a los colores de fondo de primer plano predeterminados. Ahora vendré a mi pincel y quiero un pincel grande muy suave, así que vamos a entrar en este cepillo redondo suave por defecto. Puedes ajustar el tamaño de tu pincel con las teclas de soporte izquierdo y derecho de tu teclado. Yo quiero uno bastante grande sin embargo, y quiero alejarme bastante lejos. Si no puedes alejarte, como si fueras la ventana de Photoshop sigue cambiando el tamaño a medida que alejas, vas a querer cambiar al modo de pantalla completa simplemente pulsando “F” en tu teclado. Golpear F dos veces más te eliminará del modo de pantalla completa. Con mi gran cepillo suave y un primer plano negro y mi nueva capa de parpadeo seleccionada, el centro de mi pincel está en realidad fuera del lienzo en el tablero de arte. Yo solo quiero que el borde del cepillo suave se superponga a mi tablero de arte y cree esta sombra. Voy a acercarme un poco más a las esquinas para crear un verdadero efecto de viñeta, y sólo voy a seguir haciendo esto lentamente y alrededor hasta que consiga lo que se llama el estrangulador que quiero. Ahí, creo que eso es bastante bueno por ahora. Volveré a acercar ligeramente y cambiaré este modo de mezcla de capas de normal a superposición. Ahora ves que es más oscuro, pero conserva ese color durazno debajo de él o lo que sea tu color de fondo, así que lo va a oscurecer pero de una manera que casi parece papel viejo. Voy a volver a título esta viñeta. Si quieres una viñeta más clásica que literalmente haga que los bordes se vean grises, puedes ajustar esto para oscurecer y reducir drásticamente la opacidad a como 5 por ciento. Pero realmente me gusta así, esa superposición hace que parezca papel viejo, como casi cómo el viejo papel de construcción empieza a amarillarse bastante rápidamente alrededor de los bordes. Todavía podría reducir un poco esta opacidad, pero no me importa que sea dramático, dejaremos ahí en 65 por ciento. 14. Configura el contraste: Ahora, quiero mostrarte cómo ajustar el contraste de una manera realmente fácil. Voy a crear una capa de niveles, entra en mi panel de ajuste aquí, el panel de galletas en blanco y negro. Estoy dando click Niveles. Marcadores de extremo izquierdo y de extrema derecha aquí en este gráfico, ilustran el punto negro y el punto blanco de su imagen. Si los muevo adentro, si muevo este punto negro hacia donde más o menos el, si quieres llamarlo comienza la acción de este gráfico, y muevo este punto blanco hacia la izquierda, al principio de donde el lado derecho de la comienza la acción del gráfico, se ve que he creado una imagen de contraste realmente alto que no parece poco realista. Nada de esto es demasiado blanco o demasiado oscuro, es solo un contraste realmente alto. Cerrando esto, voy a renombrarlo contraste. Voy a reducir bastante la opacidad, para que realmente sea solo agregar un toque de contraste e impulsar esas luces y sombras. Lo tengo fijado en 40 por ciento, y voy a tomar este momento para seleccionar estas tres primeras capas nuevas y agruparlas. Comando G o haga clic derecho en capas de grupo. Haga doble clic en el nombre del grupo y voy a nombrar a este grupo Superposiciones, solo para que tenga todos estos filtros y capas de color extra aquí arriba en la parte superior. 15. Cambiar los colores: Ahora quiero mostrarte algunas formas realmente geniales de ajustar el color general de esta imagen. Llegando a nuestra capa de contraste, solo seleccionándola para que cualquier capa que hagamos siguiente se mueva a la misma parte superior llegue a mi panel de ajuste y cree una capa de color sólido. Quiero hacer de este mi color de fondo y golpear “OK”. Ahora llegando al menú desplegable del modo de mezcla, cambiaré esto a color. Se ve que de inmediato crea este bizarro efecto monocromático, que a veces es fresco. Aquí puedes jugar mucho y te sugiero que lo hagas porque es realmente divertido. Pegándose solo con nuestro color de fondo aquí. Si cambiamos a tonalidad, tenemos una versión muy dramática del melocotón, muy vibrante y silenciado. Cambiar a luz suave añade mucho brillo y reduce un poco el contraste. Ajustándose a multiplicarse, lo oscurece en general dramáticamente. Configurarlo en saturación solo reduce el nivel de saturación de todo al nivel de saturación de esa capa de color. Ahora veamos qué sucede si arrastro esta capa de relleno de color hacia abajo encima del texto y luego la clip pulsando la opción desplazando entre el grupo y la capa de relleno de color y haciendo clic una vez. Ahora lo que sea que haga con esta capa de color afecta sólo al texto. Si cambio esto, por ejemplo, a color ahora, y luego hago doble clic en la “miniatura de color” para cambiar el color de esta capa. Puedo afectar el color general del texto sin entrar y cambiar en absoluto nuestros efectos. 16. Intercambia tu obra de arte: Para conducir realmente a casa lo impresionante que es hacer efectos de textos usando objetos inteligentes en lugar de capas de texto regulares o capas de arte, quiero hacer esta ilustración usando una fuente digital. Así que recuerda en el principio te mostré cómo puedes entrar en tu objeto inteligente, y en lugar de solo usar tu ilustración como lo hice puedes usar una fuente digital en su lugar, esta es una tipota de guión linda llamada Alan teen que he usado y vinculado en la descripción de la clase si quieres descargarlo también, y lo voy a hacer es mantener ese texto en vivo para poder editarlo, pero voy a mover esa colorida máscara de recorte de mi capa de arte a esta capa de fuentes en vivo para que sea turquesa también y luego solo voy a golpear Save, esto tomará unos segundos porque tiene mucha actualización que hacer en nuestro archivo real, pero ahora podemos ver la magia en el trabajo cuando volvemos a nuestro archivo de arte y se transforma ante nuestros propios ojos. Aquí solo se requiere un poco de edición, tal vez recentrando el diseño pero honestamente, el cielo es el límite con esto, haces un archivo donde todos estos efectos se aplican correctamente, si alguna vez quieres aplicar de nuevo ellos, sólo tienes que copiar este archivo. Solo tienes que pasar por el trabajo que te estoy mostrando una vez en dormido porque si haces un Guardar como y luego ingresas algo nuevo en ese objeto inteligente, solo puedes reutilizar esto una y otra vez, cambiando los colores si quieres, eliminando o agregando algunas capas escalonadas para aumentar o disminuir la profundidad y la sombra, todo eso se puede editar y no tienes que volver a pasar por todo el proceso si no quieres. Te voy a mostrar esto justo en lapso de tiempo con algunos otros diseños.