Consejo rápido Técnicas para crear un efecto de sombra larga y de moda

En este tutorial me gustaría mostrarle algunas técnicas sobre cómo crear el efecto de sombra largo visto en las tendencias de diseño recientes. Siéntase libre de leer y elegir cuál se adapta mejor a sus necesidades de diseño.


1. Crea una larga sombra con el panel de apariencia

Paso 1

Con un documento de su tamaño creado, comencemos seleccionando el Herramienta de rectángulo redondeado y crea un rectángulo de cualquier tamaño y radio de tu elección. Estaré usando la información que se detalla a continuación..


Paso 2

Para simplificar las cosas, utilizaré texto para crear el efecto, pero estas técnicas se pueden aplicar a cualquier forma que tenga para su icono. He añadido el texto a continuación con la siguiente configuración.


Paso 3

Con nuestro texto aún seleccionado, vaya a la Apariencia panelVentana> Apariencia) y haga clic en Añadir nuevo relleno Opción desde la parte inferior de esa ventana del panel. Asegúrate de clic y arrastre el relleno recién creado debajo de la línea "Caracteres" aparece detrás del texto. En este punto no aparecerá como si hubiera pasado mucho..


Etapa 4

Aquí es donde ocurre la magia. Selecciona el Llenar línea y luego haga clic Añadir nuevo efecto a partir de entonces la parte inferior de la ventana del panel y elija Distorsionar y transformar> Transformar e ingrese los siguientes ajustes. A continuación, puede dejar caer el Opacidad de ese relleno a su alrededor 12% o donde sea que te sientas cómodo.


Paso 5

Como puede ver, estamos creando varias copias del relleno y luego lo empujamos hacia arriba y hacia abajo 1 píxel para que se repita suavemente creando nuestra sombra plana. Desafortunadamente, la sombra ahora aparece sobre el elemento del icono que creamos anteriormente, así que vamos a crear una máscara ahora.

Seleccione el rectángulo redondeado y luego Dupdo y Pegar En frente del propio texto. Con el texto y el rectángulo más redondeado seleccionado botón derecho del ratón en la mesa de trabajo y elegir Hacer máscara de recorte. Los bits de sombra adicionales ahora estarán ocultos y puede seguir adelante y seleccionar el Rectángulo redondeado subyacente y agregar la misma técnica para crear una sombra para eso también..



2. Crea una larga sombra con una mezcla de dos tonos

Paso 1

Configure su documento como lo hizo antes y seleccione el texto una vez más. Dupdo y Pegar su texto detrás del original (Comando + C> Comando + B) dos veces para crear un total de tres instancias de su texto. Ahora ajusta el color a negro.


Paso 2

Seleccione la copia más inferior y mientras mantiene Cambio en el teclado, arrástrelo hacia abajo en un ángulo de 45 grados para que el borde del texto simplemente toque el borde del borde del rectángulo redondeado. Ahora suelta el Opacidad a 0%.


Paso 3

Ahora seleccione el texto completamente transparente y el texto opaco negro y luego navegue hasta Objeto> Mezcla> Opciones de mezcla y entra tantos Pasos especificados como desées. Me quedaré con 150 para darle una buena transición suave.


Etapa 4

Ahora puedes soltar la general Opacidad de la mezcla para 12% luego aplique los pasos de enmascaramiento de la primera técnica y duplique esta técnica para el Rectángulo redondeado también.



3. Crea una larga sombra con una mezcla convertida en una forma

Paso 1

Esta técnica es similar a la anterior. Copiará y pegará el texto dos veces detrás del original y creará una mezcla. Sin embargo, no es necesario descartar la opacidad de la última copia..

Con la mezcla creada visita. Objeto> Expandir. Esto liberará la mezcla a 150 formas individuales que serán seleccionadas. Con estas formas aún seleccionadas visita la Pionero (Ventana> Pathfinder) y seleccione Unir. Esto fusionará todas las formas en una sola..


Paso 2

Con esta forma recién creada seleccionada, habilite la Herramienta gradiente (sol) y crea un degradado de negro a transparente que corre a lo largo de un ángulo de 45º. Luego baja la opacidad general para esta capa también.


Paso 3

Si se da cuenta, después de la fusión, hay una cantidad considerable de puntos de anclaje para esta forma. Continuemos y reduzcamos estos para que nuestra forma general esté limpia..

Dado que nuestra forma general es bastante simple y angular, sería más fácil simplemente ampliar nuestra forma y con la Lapicera (PAG) visitar Ver> Guías inteligentes y puedes hacer clic rápidamente alrededor de la forma para recrearla. Si mantienes presionado el Cambio Esta tecla le permitirá crear líneas rectas o de 45º con facilidad. Si tiene una forma o un icono más complejo en el que está utilizando esta técnica, puede utilizar otros métodos o reducir los puntos de anclaje..

Otro método rápido sería habilitar el Herramienta de selección directa (A) y seleccione los puntos no deseados y luego seleccione Eliminar los puntos de anclaje seleccionados en el Controlar panel.


Etapa 4

También puede enmascarar esta forma y repetir los pasos para crear uno para el Rectángulo redondeado que se encuentra debajo..



¡Desechar! Tu larga sombra esta completa!

Como puede ver, los dos primeros son completamente no destructivos y el texto o los iconos se pueden actualizar o ajustar con facilidad. El último requiere un poco más de esfuerzo, pero todos se pueden implementar y ajustar fácilmente para satisfacer sus necesidades.