 Botón De Cristal 2 En Photoshop, Tutorial |
Bienvenido, invitado ( Identificarse | Registrarse )
  |
  Feb 19 2007, 12:08 AM
Publicado:
#1
|
|
 Webmaster  Grupo: Webmaster Mensajes: 5,018 Registrado: 13-February 06 Desde: Tarragona - España Miembro No.: 1  |
Botón De Cristal 2 En Photoshop
Con este tutorial aprenderemos paso a paso a crear un botón con apariencia de cristal con un objeto dentro, con brillos transparencias, sombras, etc. Estos botones son del tipo “Aqua buttons”, pero avanzado ya que pondremos algún motivo en del botón dando el efecto como si estuviera dentro! Para seguir este tuto, hay que tener algo de idea en, Photoshop o Fireworks, da igual, los pasos son los mismos, y el único filtro que usaremos es el “Desenfoque Gaussiano” ( Gaussian Blur) que los dos programas traen de base. Creación de la base * Creamos un archivo nuevo nuevo de 100 x 100 pxls (color RGB, de preferencia el fondo transparente, resolución 72 dpi) * Con la herramienta que mas te guste (aerógrafo, pincel, pero de forma circular), con un diámetro de 80 pxls (esto le das en las propiedades de la herramienta), haces en el medio del lienzo, un circulo de color negro, este tiene que quedar lleno, sin degradados, como en la figura siguiente, a esta capa la llamaremos “base negra”. (imagen 1)  Luego duplicas esta capa y con la herramienta bote de pintura pintas de un color apenas mas claro que el negro anterior (un gris oscuro), lo achicas un poco, y le das el filtro desenfoque gaussiano de 3 pxls, lo centras encima de la capa “base negra” y luego, funde las dos en una. Hasta ahora tu archivo se tiene que ver asi. (Imagen 2) 
|
 |
 
|
|
Feb 19 2007, 12:14 AM
Publicado:
#2
|
|
|
Webmaster Grupo: Webmaster Mensajes: 5,018 Registrado: 13-February 06 Desde: Tarragona - España Miembro No.: 1 |
Efectos de brillo y transparencia
Ahora duplicas la capa que tenemos, y la llamas “brillo bajo”, la vuelves blanca con niveles o levels (arrastrando la flechita de la derecha totalmente hacia la izquierda). Luego la achicas un poco, le aplicas un desenfoque gaussiano de 4 pxls, le das 25 % de transparencia a la capa, luego arrastras la capa hacia la parte inferior del circulo negro (img.3), y luego le pasas la herramienta borrador tipo aerógrafo (100pxls de diámetro, con 80 de presión), como explica la imagen 4; te tiene que quedar como en la imagen 5!    Ahora duplica la capa "base negra", llévala arriba de las capas, y le pones de nombre “brillo arriba”, luego la vuelves blanca de la misma forma que el paso anterior (con niveles). En Fireworks directamente haciendo click y en photoshop con “ctrl.+ t” le cambias la forma ovalándola y la bajas un poco como en la figura 6, luego le das un 70% de transparencia a la capa, ahora le pasas la herramienta borrador tipo aerógrafo (100pxls de diámetro, con 80 de presión), como explica la imagen 7; te tiene que quedar como en la imagen 8 ! (Recuerda que a esta capa no debes darle el desenfoque!    Duplica la capa “base negra”, deja la nueva capa encima de “base negra” y nómbrala “brillo interno”. Luego la vuelves blanca (a “brillo interno”) de la misma forma que el paso anterior (con niveles). En Fireworks directamente haciendo click y en photoshop con “ctrl.+ t” le cambias la forma ovalándola y la subes un poco como en la figura 9, lo desenfocas con “desenfoque Gaussiano de 6 pxls, luego le das un 50% de transparencia a la capa, tu botón ahora se tiene que ver como la imagen 10   Saludo |
|
|
|
|
