• Publicidad
  • Contacto
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
No Result
View All Result
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
No Result
View All Result
Pixelco Tech Blog
No Result
View All Result

Tutorial Photoshop: Cómo crear fondos texturizados

Diego CambiasoporDiego Cambiaso
04/01/2012
enDiseño, Recursos
min. lectura2 min
0

 

Tutorial Photoshop - Cómo Crear Fondos Texturizados

La creación de imágenes texturizadas para los fondos de las páginas web es una manera fácil de hacer que el diseño de nuestro sitio se destaque. Las imágenes de fondo ayudan a enmarcar la página y resaltar no sólo las imágenes, sino – y más importante – el contenido. Las texturas también añaden una esencia grunge, si el minimalismo no es para ti.

EntradasRelacionados

Cómo hacer una infografía con Venngage

Cómo los gadgets satelitales ayudan en desastres naturales

Si quieres ser aventurero (y tienes una versión reciente de Photoshop), aquí está cómo hacer tus propios fondos:

1. Abre el Photoshop y crea un documento que coincida con el tamaño del fondo de tu página web.

Abre el Photoshop - Tutorial Photoshop: Cómo Crear Fondos Texturizados
Abre el Photoshop

2. Colorea la primera capa en blanco, código hexadecimal: #ffffff

Dale color a la primer capa - Tutorial Photoshop: Cómo Crear Fondos Texturizados
Dale color a la primer capa

3. Busca en la Web una imagen de superficie rugosa. Puede ser mejor buscar usando términos como “muro de cemento”, “pared rocosa”, o algo similar. Copia y pega la imagen en tu primera capa.

Imagen Rugosa - Tutorial Photoshop: Cómo Crear Fondos Texturizados
Imagen Rugosa

4. Aumenta el contraste para acentuar las luces y sombras. A continuación, coloca la opacidad de la imagen al 40%.

Aumenta el contraste - Tutorial Photoshop: Cómo Crear Fondos Texturizados
Aumenta el contraste

5. Repite los pasos 3 y 4 con una segunda – y nueva -imagen de superficie rugosa.

Repite pasos anteriores - Tutorial Photoshop: Cómo Crear Fondos Texturizados
Repite pasos anteriores

6. Si deseas añadir más colores, añade algunos matices sobre tu primera capa.

Agrega tonos
Agrega tonos - Tutorial Photoshop: Cómo Crear Fondos Texturizados

7. Por último, aplana (flatten) la imagen, guárdala en tu escritorio e impórtala a tu programa fácil para diseñar web.

Subelo a un editor - Tutorial Photoshop: Cómo Crear Fondos Texturizados
Subelo a un editor

Como puedes ver, el truco en las texturas está en el ajuste de contrastes y opacidades. Cuantas más imágenes de fondo creas, mejor te volverás en personalizarlas a la perfección.

Ahora, ¡Manos a la obra!

Fondo final - Tutorial Photoshop: Cómo Crear Fondos Texturizados
Fondo final

Caro Aviv es Blogger Invitada en Pixelco Blog y especialista en marketing para Wix.com – una plataforma online que te permite crear páginas web flash gratis, de alta calidad y sin uso de códigos.

Tags: photoshop cs2photoshop cs3 tutorialphotoshop cs4photoshop cs5Recursostutorial para photoshopTutoriales

Suscribirse para recibir las últimas actualizaciones de Pixelco.

Cancelar suscripción
Diego Cambiaso

Diego Cambiaso

Desarrollador de software egresado de la Universidad Católica de Argentina y fotógrafo. Blogger desde hace más de 13 años, creador de Pixelco Tech Blog. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

RelacionadoEntradas

Microsoft Teams - Interface

Microsoft Teams disponible para usuarios de Office 365 en el mundo

20/03/2017
El tutorial ‘Minecraft’ Hora del Código tiene como objetivo introducir a millones de jóvenes a la creatividad de la informática

Tutorial de codificación Minecraft para los estudiantes y educadores

20/11/2015

Note Links: Conoce una función de Evernote para conectarte con los contenidos esenciales

18/01/2015
HEX: Shards of Fate - Open BEta

Hex: Shards Of Fate – Disponible en Open Beta

05/12/2014

Vivo Y50 Review

https://www.youtube.com/watch?v=H2urBEMmHJc&ts

The Sero

https://www.youtube.com/watch?v=Za5_Lbpr5aA

Lenovo Ideapad Gaming 3

https://www.youtube.com/watch?v=y6rJ0R3T-Eg

Ecosistema de Samsung

https://www.youtube.com/watch?v=vmPx0yT1XUk&t=6s

Familia Moto One Fusion

https://www.youtube.com/watch?v=J5eA3d6QEfk

Moto G9 Plus – Unboxing

https://www.youtube.com/watch?v=mzlufN7eSyI

Pixelco Tech Blog

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Sobre Pixelco

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

Pixelco Tech Blog

  • Contacto
  • Pixelco
  • Pixelco entradas
  • Política de Privacidad
  • Publicidad
  • Sobre Pixelco
Pixelco Tech Blog - Desde 2006

© 2020 Pixelco Tech Blog - Internet & Tecnología - Por Diego Cambiaso.

  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2020 Pixelco Tech Blog - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.