Cargo actual:Index > Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos

Actualizado:08-07Fuente: consolidación de la red
Advertisement

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos


La creación de una imagen de fondo para su página web (o fondo de escritorio) no impugna en absoluto. De hecho, incluso un novato usuario de Photoshop puede golpear a un out en unos diez segundos. Aquí es el más simple de los métodos simples con sorprendentes, grandes resultados.

Compensación de la Imagen

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos


Encontrar una imagen apropiada, como éste de Flickr. Usted puede utilizar cualquier imagen en absoluto, pero algunas imágenes trabajará mejor que otros como fondo de repetición.

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos


Romper Photoshop. Si usted es un usuario de GIMP, puede instalar el filtro de compensación similar a la que nos vamos a estar utilizando y siga la derecha junto con nosotros.

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos

El trabajo "duro" se puede hacer en un instante con este filtro "compensar". Encontrar navegando a Filtro> Otros> Offset, como se muestra.

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos


Si está utilizando una imagen con sólo una capa de fondo, el filtro de compensación se deslizará su imagen alrededor, envolviendo la imagen alrededor en un movimiento de suelo de baldosas. Asegúrese de que "Wrap Around" está seleccionado en "Áreas Undefined" para baldosas de la imagen correctamente. Se trata de la mayor parte del trabajo ya, y apenas hemos comenzado. Vamos a ver cómo podemos hacer que esta fotografía se repite un poco más fluida.

Los bordes sin costuras con un desenfoque

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos

He aquí un método (un tanto crudo) que realmente no funcionan bien para esta imagen, pero puede funcionar para los suyos. Vamos a crear una capa de desenfoque duplicando nuestro fondo (clic derecho> Duplicar capa).

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos


Con esta capa seleccionada, realice un desenfoque gaussiano navegando a Filtro> Blur> Gaussian Blur. Utilice cualquier ajuste que tenga sentido para usted.

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos

Crear una máscara de capa tachado pulsando botón + izquierdo del ratón sobre el icono en el panel de capas.

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos


Entonces sólo tiene que utilizar un cepillo suave con el blanco como color de primer plano para suavizar los bordes donde el suelo de baldosas es muy obvio. Esto podría funcionar muy bien para algunas fotos, pero la nuestra no es un resultado increíble, así que vamos a intentar una segunda técnica.

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos

Alternativamente, también se puede encontrar la "Herramienta Blur" en la caja de herramientas. Se le puede dar un resultado muy similar a éste, desdibujando selectivamente partes de la imagen.

Contenido Blending Consciente para resultados asombrosos

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos

En situaciones como ésta, contenido herramientas conscientes ven como si estuvieran haciendo milagros. El "Pincel" puede resolverse de la eliminación de las líneas obvias duros en el suelo de baldosas y darle un aspecto mucho más fluida. Cuando se selecciona el Spot Healing Brush, asegúrese de usar un cepillo suave filo.

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos


Después de cuatro pinceladas rápidas, la imagen es sorprendentemente convincente. Es difícil de creer que tomó tan poco trabajo.

Prueba en un navegador

Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundos


Guarda la imagen en tu escritorio como repeat.jpg, a continuación, descargue este archivo en el escritorio y abrirlo en el navegador de su elección. Esto cargará todo lo que ha creado como un fondo de repetición, del mismo modo que verlo en una página web remoto. Si conoces a HTML (muchos de ustedes, estoy seguro) puede editar este archivo en un bloc de notas para utilizar un nombre de archivo diferente, si lo prefiere.



Pensamientos o críticas sobre nuestro método de hoy? Consiguió algunos trucos que funcionan incluso mejor que esto? Cuéntanoslo en los comentarios, o simplemente envíenos un correo electrónico a sus preguntas en [email protected], y podemos ofrecer en un futuro Cómo Geek artículo gráficos.

Créditos de la imagen: Muralla de Libros de benuski , Creative Commons.

  • Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundosHacer Un Fondo Mosaico integrado para páginas web en unos diez segundos Actualizado:08-07

    La creación de una imagen de fondo para su página web (o fondo de escritorio) no impugna en absoluto. De hecho, incluso un novato usuario de Photoshop puede golpear a un out en unos diez segundos. Aquí es el más simple de los métodos simples con sorp

  • Cómo agregar tabla de contenido para páginas web en Chrome y Firefox [Sugerencia]Cómo agregar tabla de contenido para páginas web en Chrome y Firefox [Sugerencia] Actualizado:07-26

    Algunos sitios web incluyen tabla de contenidos en sus páginas para mejorar la navegación. Son esencialmente una breve lista de enlaces que saltan a las subpartidas de la página. Usted puede agregar la tabla de contenido a muchos más sitios web con l

  • Cómo hacer un Girar imagen en una página web Actualizado:03-31

    Rotación de una imagen en una página web puede animar una página aburrida o llamar la atención sobre un área de la página web que desea que los visitantes de aviso primera. Puede girar una imagen fácilmente con un GIF animado, que es reconocido por t

  • Efectos especiales HTML para páginas WebEfectos especiales HTML para páginas Web Actualizado:08-01

    Hyper Text Markup Language (HTML) es un lenguaje utilizado en el diseño de páginas web. A pesar de que se trata de un lenguaje sencillo sus páginas web no tienen que ser simple. Utilice algunos de los efectos especiales de la lista para mejorar su pá

  • Cómo agregar un marcador de desplazamiento para páginas web en Chrome [Sugerencia]Cómo agregar un marcador de desplazamiento para páginas web en Chrome [Sugerencia] Actualizado:04-07

    Vaya Marker es una extensión para Google Chrome. Thatâ € ™ s una extensión que añade un fabricante de desplazamiento hacia la parte inferior de una página web. El marcador se mueve mientras se desplaza por la página web para que pueda hacer un mejor

  • Cómo hacer una versión móvil de su página webCómo hacer una versión móvil de su página web Actualizado:06-28

    Las posibilidades y limitaciones de los sitios web son muy diferentes dependiendo de si usted está navegando a través de un navegador web en un PC normal o en un navegador móvil en su teléfono celular o teléfono inteligente. Mientras que las computad

  • Cómo crear sitemaps para páginas web estáticas HTMLCómo crear sitemaps para páginas web estáticas HTML Actualizado:07-02

    Los llamados mapas de sitio son archivos que contienen información sobre la estructura de un sitio web. Por lo general, no es la única información pero eso debería ser suficiente como explicación por ahora. Muchos de los sistemas de gestión de conten

  • Cómo hacer un enlace directo a una página WebCómo hacer un enlace directo a una página Web Actualizado:11-10

    Lenguaje de marcado de hipertexto (HTML) le ofrece la posibilidad de enlazar directamente a otros sitios web y sus páginas Web internas. Los enlaces se crean con una etiqueta de anclaje, que se indica mediante la etiqueta "<a>". Esta

  • Cómo Crear un fondo multicolor en una página WebCómo Crear un fondo multicolor en una página Web Actualizado:12-26

    Nuevos autores de páginas Web pueden tomar varios enfoques para dar una página un fondo multicolor. Una forma común consiste en hojas de estilo en cascada (CSS) para mostrar la imagen de fondo. CSS utiliza "etiquetas" similares a las del le

  • Cómo hacer impresión más oscura en las páginas Web Actualizado:12-28

    Navegadores Web utilizan hojas de marcado de hipertexto lenguaje y estilo en cascada para determinar cómo visualizar objetos en una página web. HTML describe lo que el texto, imágenes, enlaces y otros contenidos para incluir en una página, mientras q