![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPbyTN6TB-BA9pFRO6dl7lSPt1ars-Iz55qMg8Vxulju0VpSmBiqgNSQuCPnAnPAOZPN2l2ztCv2vAA3Ormo1u7hQecX3h-3UTKP09zpZt7zUIC_IGmz1HQVFWvqHWE_CEG5Q6dlosOO8/s1600/press.png)
El tutorial:
Lo primero que necesitas para esta guía es Adobe Photoshop (En mi caso utilizaré la versión CS5, pero puedes utilizar cualquier versión).
Textura 1: Fondos Granulados:
Este tipo de textura es muy sencilla de hacer, para ello deberás crear un documento de 125x125 píxeles (Puedes utilizar otro, siempre y cuando no sea demasiado pequeño):
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh20epcUS2o6kxtaVttQkcLIuc3uWDchgEru8CTCy8NZai0YIfvSU1bE76afrjFd0yEGkiU7Zbm6qV3sKl4CNo2MU5CAM90zYCj7AZ5PEw6KruHctFw4ns-0VHmdZ2ZWl9GDuYWOrbniak/s1600/granulado1.png)
Con la herramienta "Bote de pintura" deberás pintar todo el cuadrado, en mi caso utilizaré el color #5297c0:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqD0rgYDQAyaWNXxJAh5xAM6D9HbUYlHHe1UoJI7ivzzDeMfRQ6bU1oe1O2mxuSHe-VI0gXunJgIWscDJwtqcs_S9SMW_3LfRqthF7dJIJFgAzxuq3L_5zLxkTngBhIoLG6-eJGD4mKak/s1600/granulado2.png)
Ahora que ya tenemos listo esto, nos situamos en la barra superior y aplicamos "Filtro \ Textura \ Granulado", jugaremos con el valor de intensidad hasta que hayamos quedado conformes con el resultado:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWQgsL3r3mfQLjHnrgd4otxnGPkjX6zgJHoyVtmi8w4-Pq0lAOlqVj49o6Ns-YWMuRx7aNZvdaN7wYiMTgp5r-Y58QjJP3jlmUh7gS4UaVdsvnbWx_7LdeR1vmquqYaKT_qgEfe52cpzE/s1600/granulado3.png)
Resultado:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ3aB4FUlDFPAwVNzmOrMROmrcU2D3QOc4hQQSlYyDDRFZUQ8q5i_AcxmHkgLbZx5BRG52OjAIVCKluI6w_YiG8c9IQZlseFECfvgY0DWePMMUlNG0Ou0kLqLpA8izUQekxwRLjfuOR_Y/s1600/granulado-completo.png)
Aplicado:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-NHX7NbEQCunaDfoD9mNpKTbOCLkvncxYR6ahD3281nuygR56eIqOXOIsVwt8jOThVrK6kIEC3GIuLj5SzGdFprBxfyhugKO0RNpV1KWqcRt4-f5uSCLBpGfx5qe07RvBf0uGyI201aA/s1600/ejemplo-granulado.png)
Textura 2: Líneas diagonales:
Este tipo de textura deberá ser guardado como un motivo, para ello crearemos un documento de 5x5 píxeles y haremos zoom hasta el 3200% (La imagen deberá ser transparente):
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZiZdSZH3VEOowS1pQs1K0eY1LCQRkepJyrUKjkbAsrvzpj4gIsLheK_MDCH3Advha4uF9Gwjnxy4ZWVGC3MxdUM3cGcbsA4f0hnokRIlRsef6UOUIYetHIO3b0MDby2sPKOhcLgkcQ9U/s1600/stripes.png)
Deberás utilizar la "Herramienta Lápiz" y dibujar de esta forma:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTXC3rRaHYAIm-GNFi5ATt34Vg41J3BeNtgA_GI1q3AovJVPMIvsLHuXIuiDypp3qB33lgJ70aHgjCviBWW-calxoWpkljvStPKqVP6u9GypBU8kB-mG4DWSZe1ypFq_WeYAX5mtcw4UE/s1600/pattern1.png)
Ahora para definirla en algún color hay que guardarla como motivo (Edición \ Definir Motivo):
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguSKcWnFTUKs65Poe_gMXWh1ziloPcajX-yH2wYkmpLMQ_shq9mM8MQdBlXCTa9HAcFAmBxSIUnFvMmqovCC_p6J11hW2CXM0WoBVh-md7Lqfwp2IaHlXQIW05bzDk9PQvFgDCABaNG2I/s1600/pattern12.png)
Ahora crea un documento (125x125px al igual que el anterior) y establece un color de la misma forma que en la textura granulada.
En la lista de capas, selecciona la tuya y con botón derecho presionas "Opciones de fusión":
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHXO1cNpKTseTFSzZcz4_zBkAL5bUV9zbPFlp32jhy_RZQ5NNe0-J8fyQTpR_vFN-pWKMx_5TYFGwreveB3PEeZC5lRimpuQnFxN-IH0SzNRLPEqVO1k1kY4Tly2r0jBuXPPjXVMpPNLU/s1600/opciones+de+fusion.png)
Presionas en "Superposición de motivo" y seleccionas el motivo que anteriormente creaste:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiASHvfA38noVvbPMzNH7rFj9U9OouAtPqBdha2sMKciQyoD7tGeIcl3NaBw7eHy7m2SgtqkuajuiJKOSk2s3FgHSGkYH_PVAjbxx2mfoQ-srbSjUP0o4bSi9d9NL93nGPb7yglQgB0Ws/s1600/franjascompletas.png)
Resultado:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFr4rfnMDhL2AvtjJ_iUKxJH3lQ66A1W70gB3naPtXw1ni6_r_NSVu6A4GlPl6TIjk-m9XT6TJhOQ3-znR2qeAfsAlPU8liLxWVgMe93lFdMhzHb30cUPXukcF5UQMebheRsqSM6mrgGs/s1600/BLOGGER.png)
Aplicado:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbtg2m8L4A5TU96GnhqeP4QgOeFMlZfE8z8wOp2XG3DjRiSRBQLROjIurVN_bQJp0n68_92-AF10-akKubSidL_oFFj-4NpEHqQk-LHS2Ttq86aib0dZ-KXgSIIlCaeZ0Bf3Q48NOwhuo/s1600/franjas.png)
Textura 3: Gradientes:
Para crear gradientes, bastaría con crear una capa de cualquier color y que mantenga el mismo alto del contenedor al cual deseamos aplicar esta imagen.
Al igual que en las líneas verticales, deberás ir a la lista de capas y presionar sobre la tuya, pero esta vez deberás presionar en "Superposición de degradado":
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX6097nGCQyMcdTKD5Db7snVrzM6y5PJLiDL-x3nzs_s2cFI-YiOUOlB-1w4Fc_Jq-zooH5w2yDti-P4FqoNsFKL10Sit6tXlUwAdf3WrJdx7YB5vSsBakQmGD3jFQu7ydEW-iA4e_ZQ0/s1600/degradado.png)
Presiona en la zona "Degradado" para poder establecer los colores:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoICxdXMdlfHqN1MQ6KSwmp38xp0UQw6qc9TVPbcKjHq8_cFafocAT36nhIx-OBZ7GMlQZS-Utw7K5qI-ilvG4cSod-epz6tAZl-H6lBdNgsAzWS25fR5KPAz3LzldJrmirUjYUFxejqE/s1600/editordegradado.png)
Resultado:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzl7avJwUF_tYADG3Vkhe14x8lGfoPP0xqIHPL4cFdbqLY2bRpAxLCCbhqFFm-PZOlkBBOVZ1d5X_vsuNeCo9ZBUGCNpHwTAAvj8p87n_Nt2vQQBjjJCrEo5jW1dTxf_JW0j5ogSHglTs/s1600/gradientes.png)
Aplicado:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjGqPeb8qrnjl3-nDhnKXbzTPETsA1gSW-PuFo2pIjUCgrVKspQcHHhuKCPovp9ao8Rm1g9hmNjdQFU6Rg5Kseuq9Kdw0440dF6hbg7Rmgeeb7wrulvVWexFIGM0k5Ksh9tk7-vWjEJNw/s1600/degradadofinal.png)
Si necesitas algún otro tipo de textura para tus fondos pídela en los comentarios y se incluirá en el post.
Nota: Esta entrada fué programada para el día 01 de Julio del 2012, el administrador aún no puede atender sus comentarios. Lamento la situación.
No hay comentarios:
Publicar un comentario