Las redes sociales se han convertido en una parte integral de nuestra vida cotidiana. Todos los d as tomamos fotos y las compartimos con nuestros amigos y seguidores. Una de las aplicaciones de procesamiento de fotos m s populares es Instagram. Uno de los efectos m s populares que se pueden encontrar en esta aplicaci n es el efecto de desenfoque.
Este efecto agrega un poco de suavidad y encanto a la imagen. Se puede aplicar a diferentes tomas para hacerlas m s hermosas y est ticamente atractivas. En este art culo, veremos c mo crear un efecto de desenfoque similar a Instagram con HTML y CSS.
El primer paso es crear un contenedor para la imagen. Puedes usar la etiqueta
- o para ese prop sito. Luego puede agregar la imagen que desea desenfocar con la etiqueta . Para crear un efecto de desenfoque, usaremos la propiedad CSS-filter: blur(). Esta propiedad nos permite controlar la intensidad del desenfoque.
- Efecto de desenfoque similar a Instagram
- Paso 1: Elegir una foto
- Paso 2: Uso de desenfoque en Photoshop
- Paso 3: Aplicar desenfoque con aplicaciones especiales
Medida 4: Crear un efecto de desenfoque en CSS
Efecto de desenfoque similar a Instagram
Instagram es una popular red social para compartir fotos y videos. Uno de los efectos m s notables utilizados en Instagram es el efecto de desenfoque, que puede hacer que la foto sea m s suave y est tica.
- Puedes crear un efecto de desenfoque similar a Instagram con varias herramientas y editores de fotos. A continuaci n se muestra un proceso paso a paso para ayudarlo a recrear este efecto.
- Seleccione la foto que desea desenfocar. Por lo general, es mejor elegir fotos con objetos distintos para que el efecto de desenfoque sea notable.
- Abra la foto seleccionada en el Editor de fotos que Admite el efecto de desenfoque. Algunos de los editores de fotos populares como Adobe Photoshop, GIMP, Snapseed tienen herramientas para agregar desenfoque.
- Aplique el efecto de desenfoque a la foto seleccionada. En la mayor a de los editores de fotos, esta herramienta se conoce com nmente como "Desenfoque", "enfoque Suave" o "desenfoque gaussiano". Establezca el Radio de desenfoque deseado para lograr el efecto deseado.
- Despu s de aplicar el efecto de desenfoque, puede ajustar sus par metros para obtener un resultado ptimo. Intente variar el Radio de desenfoque para determinar qu efecto le gusta m s.
Guarde la foto editada. Por lo general, el Editor de fotos le ofrece una opci n de formato de archivo y nivel de calidad de guardado. Seleccione las opciones adecuadas y guarde la foto en su computadora o dispositivo m vil.
Como resultado, obtendr s una foto con un efecto de desenfoque similar al que se ve en Instagram. Este efecto le permite dar a las fotos un aspecto m s suave y est tico, y se puede utilizar para crear im genes atractivas y hermosas.
Paso 1: Elegir una foto
En primer lugar, para crear un efecto de desenfoque similar a Instagram, debe elegir una foto adecuada. La elecci n de una foto depende de sus preferencias y objetivos.
- Al elegir una foto, puede centrarse en tales factores:
- Trama: la Fotograf a debe tener una trama interesante o estar llena de emociones para deleitar al espectador.
- Composici n: Preste atenci n a la composici n de la foto para que sea armoniosa y visualmente atractiva.
- Iluminaci n: la Fotograf a debe tener una buena iluminaci n para que los detalles sean visibles y los colores se vean brillantes.
Gama crom tica: Dependiendo del estado de nimo y el efecto que desea lograr, elija una foto con el Esquema de color adecuado.
Adem s de estos factores, tambi n puede confiar en su intuici n y preferencias personales al elegir una foto.
Es importante elegir una foto de alta calidad para que el efecto de desenfoque se vea aut ntico y natural. Por lo tanto, al elegir, preste atenci n a la nitidez y el detalle de la foto.
Paso 2: Uso de desenfoque en Photoshop
Una vez que haya abierto su imagen en Photoshop, puede comenzar a crear un efecto de desenfoque similar al que se encuentra en Instagram.
- Necesitar la herramienta Filtros para aplicar el desenfoque a la imagen. El proceso de creaci n de desenfoque en Photoshop puede ser un poco complicado, especialmente para los principiantes, pero seguir esta gu a lo ayudar a lograr f cilmente el resultado que desea.
- Seleccione la capa que desea difuminar. Por lo general, ser una capa de fondo, pero tambi n puede usar capas separadas si es necesario.
- Vaya al men Filtros en la barra de herramientas superior de Photoshop y seleccione Desenfoque.
- Ver varias opciones de desenfoque, como" desenfoque Radial"," desenfoque Central "y"desenfoque en Movimiento". Puede elegir cualquiera de estas opciones, dependiendo del efecto de desenfoque que desee lograr.
- Ajuste las opciones de desenfoque para lograr el efecto deseado. Puede ajustar el Radio, la intensidad y otros par metros para crear un desenfoque perfecto.
Cuando est satisfecho con el resultado, haga clic en el bot n aceptar para aplicar el desenfoque a la imagen.
Ahora puedes guardar tu imagen con efecto de desenfoque y usarla para crear fotos con estilo similares a las que se ven en Instagram. Use este m todo para agregar un efecto de desenfoque a sus fotos y darles un ambiente de intimidad y paz.
Medida 3: Aplicar desenfoque con aplicaciones especiales
Si se siente inc modo o dif cil de crear un efecto de desenfoque en los editores de fotos, puede utilizar aplicaciones especiales para ayudarlo a lograr el resultado deseado.
1. Snapseed
Una de las aplicaciones m s populares y convenientes para crear una variedad de efectos, incluido el efecto de desenfoque, es Snapseed. Con l, puede aplicar desenfoque a sus fotos de manera f cil y r pida. Simplemente seleccione la imagen deseada y use la herramienta Desenfoque para agregar un efecto a las reas deseadas de la foto.
2. AfterFocus
Otra aplicaci n popular que te permite crear un efecto de desenfoque es AfterFocus. Tiene configuraciones y capacidades m s avanzadas que Snapseed. La aplicaci n le permite seleccionar con mayor precisi n las reas de la foto en las que desea aplicar el efecto de desenfoque. AfterFocus tambi n ofrece diferentes tipos de desenfoque, por ejemplo, desenfoque de borde o dos bordes.
3. Lens Blur
Otra aplicaci n que te ayudar a crear un efecto de desenfoque es Lens Blur. Tiene funciones adicionales, como ajustar la profundidad de desenfoque y ajustar la intensidad del efecto. Adem s, Lens Blur le permite establecer puntos de enfoque en una foto manualmente, para un desenfoque de fondo m s preciso.
4. Blur Photo
Si necesita aplicar el efecto de desenfoque de forma r pida y sencilla, la aplicaci n Blur Photo ser la mejor opci n. Tiene una interfaz minimalista y ofrece solo unos pocos ajustes, pero le permite agregar desenfoque a la foto de manera r pida y eficiente, creando un efecto de profundidad y enfoque.
Puede elegir cualquiera de estas aplicaciones seg n sus preferencias y necesidades. Todos ellos tienen una interfaz intuitiva y una gran cantidad de ajustes que le permiten crear hermosas fotos con efecto de desenfoque, similar a lo que se ve en Instagram.
blur
.
1. Agregue el siguiente c digo a su archivo de estilo:img {
filter: blur(5px);/ * reemplace 5px con la fuerza de desenfoque deseada */
}2. Envuelva su imagen en un contenedor:
position: relative;
display: inline-block;/ * reemplace el valor de ancho y alto con los valores correspondientes de su imagen */