Crear divisores de sitios que se desvanecen
Es posible que haya visto estos separadores / separadores que se desvanecen en varios sitios, que parecen desvanecerse tanto horizontal como verticalmente. Aquí hay un ejemplo de lo que quiero decir:
Proporcionan una excelente manera de dividir el contenido, haciéndolo de una manera sutil y no intrusiva. Me gustaría compartir una manera simple de crear estos divisores que se desvanecen usando Photoshop.
Paso 1
Primero, crea una nueva capa. Al usar la herramienta de lápiz, dibuje una línea horizontal sólida de 1 px. Mantenga presionada la tecla MAYÚS mientras hace clic y arrastre la línea para mantenerla recta. Esta es la base de todo el efecto de desvanecimiento.
Paso 2
Seleccione la herramienta de borrador. Elija una configuración de pincel muy suave. Cuanto mayor sea el tamaño del pincel, más largo será el desvanecimiento (puede experimentar para encontrar el tamaño que mejor se adapte a sus necesidades).
Paso 3
Borra los extremos izquierdo y derecho de la línea. Esto hace que la línea se desvanezca cerca de los extremos.
Etapa 4
Duplique la capa que contiene la línea (haga clic con el botón derecho en la capa en el panel de la derecha, luego seleccione 'duplicar'). Seleccione la más baja de las dos capas.
Paso 5
Seleccione filtro> desenfoque> desenfoque gaussiano. Elija un radio de 3px para crear el efecto de desvanecimiento (¡o elija el que más le convenga!).
Paso 6
Use la herramienta de marco para seleccionar todo sobre o sobre la línea continua (con la capa borrosa seleccionada). Presione la tecla Eliminar.
Paso 7
Ajuste la opacidad de la línea continua y / o la sombra para adaptarla a su preferencia. Esto es lo que parece al final.
Como nota final, si desea una mayor cantidad de sombreado (como el que se muestra en el ejemplo en la parte superior de la página), puede lograrlo duplicando la capa borrosa varias veces (justo después de aplicar el desenfoque gaussiano) hasta que están contentos con la extensión e intensidad del desenfoque (y luego, fusionan las capas borrosas).
Puede usar esta técnica para crear divisores de contenido horizontales y verticales. Y con un poco de retoques, no es demasiado difícil encontrar algo como:
¡Así que adelante y condimenta tus bordes, separadores y bordes! Si conoce algún otro sitio que utilice esta técnica (o le gustaría compartir el suyo), háganoslo saber en los comentarios. Nunca se sabe, si nos gusta su diseño, puede terminar apareciendo en el sitio.
