Interfaz Básica en Photoshop

Crea un Nuevo Documento RGB (RVA en castellano) con fondo blanco y tamaño de 550 X 100 px.
Para lograr un diseño mas exacto usaremos las reglas y las guías de Photoshop, las cuales suelen volverse una verdadera adicción. Para ver las Reglas, dirígete a:
View > Show Rulers
Y para activar las guías pon tu cursor (usando la herramienta Move) sobre cualquiera de las reglas, haz clic sobre estas y sin soltar el botón del Ratón arrastra hacía el centro del documento. Entonces verás las guías, que son líneas (azules regularmente) que te ayudarán a dirigir tus movimientos.

Crea un Nuevo Documento RGB (RVA en castellano) con fondo blanco y tamaño de 550 X 100 px.
Para lograr un diseño mas exacto usaremos las reglas y las guías de Photoshop, las cuales suelen volverse una verdadera adicción. Para ver las Reglas, dirígete a:
View > Show Rulers
Y para activar las guías pon tu cursor (usando la herramienta Move) sobre cualquiera de las reglas, haz clic sobre estas y sin soltar el botón del Ratón arrastra hacía el centro del documento. Entonces verás las guías, que son líneas (azules regularmente) que te ayudarán a dirigir tus movimientos.

Y si tienes una selección activa, puedes crear un canal, cierto. En la paleta Chennels haz clic sobre el icono de New Channel y en ese momento tu imagen se tornará negra. Rellena la selección aun activa de color blanco.

Deselecciona presionando “Ctrl. + D” luego desenfoca el rectángulo
Filter > Blur > Gaussian Blur
Radius = 15

Y te queda un fantasma como este:

A continuación presiona “Ctrl. + L” para ver el cuadro de Niveles (Levels). Aquí solo une los pequeños triángulos al centro como se ve en la imagen donde están marcados con un semicírculo rojo. como puedes ver, la figura se define.

Aun en la paleta Channels presiona el botón Load Channel as a Selection para cargar la selección de la figura que recién terminaste. Después vuelva a la paleta Layers (capas) y crea uno nuevo:
Layer > New > Layer

Y elimina la capa de fondo tomándola y arrastrándola hasta el icono Delete Layer

Toma la herramienta Linear Gradient y aplica el de tu agrado, empezando en el borde inferior de la selección y termina en el borde superior como lo indica la flecha roja. Si prefieres puedes hacerlo presionando la tecla shift para que salga recta. El propósito de esto es que la parte mas oscura quede en la parte baja y viceversa.

Ahora hay que reducir la selección
Select > Modify > Contract
Contract By = 6 px

Luego aplica el gradiente de forma inversa, sin salir de la selección.

Crea un par mas de guías y colocalas a la altura del píxel 200 de la regla superior uno y el otro en el 350.

Crea una nueva capa
Layer > New > Layer

Luego modifica la selección
Select > Transform Selection

Y jala el lado derecho de la selección hasta que ajuste con la segunda guía vertical, justo como se ve en la primera imagen de la derecha, luego solo presiona Enter.

Ahora reduce la selección.
Select > Modify > Contract
Contract By = 6 px

Tenemos una selección casi cuadrada, pero eso se corrige:
Select > Modify Smooth
Radius = 6 px

Aplica el mismo gradiente dentro de la nueva selección, pero esta vez de abajo hacia arriba.

Crea una nueva capa para cada botón.
Layer > New > Layer

Aplica el mismo gradiente dentro de la nueva selección, pero esta vez de abajo hacia arriba. Toma alguna herramienta de selección y entonces podrás mover la tuya; llévala al lugar donde pondrás el siguiente botón, rellena nuevamente y listo.
Finalmente deselecciona “Ctrl. + D”

Hasta aquí tienes cuatro capas, une las tres primeras (botones). Primero presiona el pequeño ojo al lado izquierdo del Layer 1, con esto desaparece de escena. Toca cualquiera de las capas restantes y entonces:
Layer > Merge Visible
Ahora solo tienes dos capas. Vuelve nuevamente visible la segunda.
Crea una nueva capa
Layer > New > Layer

Coloca esta nueva capa entre las dos que tenias. Rellena la selección con color negro. Luego deselecciona “Ctrl.+ D”. Desenfoca:
Filter > Blur > Gaussian Blur
Radius = 1 px

Con esto tenemos sombra para los botones. Mueve esta capa un poco hacia la izquierda y abajo 2 px. Quita las guías:
View > Show > Guides

Y eso es todo, agrega el texto que desees.

Leave a Reply