• Publicidad
  • Contacto
Pixelco Tech News
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech News
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech News
Sin resultados
Ver todos los resultados

Tutorial Photoshop: Cómo crear fondos texturizados

Diego CambiasoporDiego Cambiaso
04/01/2012
enDiseño, Recursos
Tiempo de lectura2 minutos
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

Hablemos de diseño y sobre cómo han evolucionado los televisores Samsung

realme Serie GT Master Edition – Detalles

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
Diego Cambiaso

Diego Cambiaso

Comunicador Social y Desarrollador de Software. Blogger desde el 2006, creador de Pixelco Tech News. Viajero y fotógrafo. 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

C-Lab de Samsung recibe 29 premios CES a la Innovación

18/01/2023

CES 2023: Un futuro sostenible gracias a la conectividad

16/01/2023

Samsung comparte su visión para llevar la calma a la experiencia de los dispositivos conectados en CES 2023

11/01/2023

Estudio: Los relojes inteligentes ayudan a prevenir o reducir la obesidad

26/12/2022

Sáquele provecho a las características de un TV 8K

21/12/2022

Ventajas de un proyector portátil de 100 pulgadas

19/12/2022

Pixelco Tech

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

Objetivo de Pixelco

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

Buscar

Sin resultados
Ver todos los resultados

© 2022 Pixelco Tech News - 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

© 2022 Pixelco Tech News - 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.
 

Cargando comentarios...