InicioArteDiseñar una ficha Web 2.0 con Photoshop

Diseñar una ficha Web 2.0 con Photoshop

Arte•10/7/2011



hola taringueros les traigo un tuto de como hacer una ficha navegadora para su web 2.0,el tutorial es con photoshop:

La guía sigue a continuación intenta dar una idea de cómo diseñar un menú bonito y elegante etiqueta en Photoshop, estilo Web 2.0.



Paso 1



Crear un nuevo lienzo con blanco [# FFFFFF] de fondo en cualquier tamaño que te gusta, preferentemente rectangular, sino que son más adecuadas para sacar las fichas. Luego cambiar a los canales de Tab (Windows -> Canales), haga clic en Crear nuevo en la parte inferior derecha.


paso 2



En la capa de canales seleccionada, dibuje una forma similar con la herramienta Lazo poligonal. Llenarlo con blanco color [# FFFFFF]; cancelar la selección de la región poligonal (seleccionar cualquier herramienta Marco y llegó a la pantalla uno); darle la forma Gaussian Blur con 6.0px radio.


paso 3



CTRL-L para que aparezca el cuadro de diálogo Niveles y presionar la flecha izquierda y derecha para cumplir con la flecha central, al igual que la imagen de arriba. Esto "suave" de la mancha-ed ponerse en forma y darle una buena forma de esquinas redondeadas.


paso 4


En la ficha Canales, Hold CTRL, haga clic en la miniatura del canal de la capa Alpha 1. La nueva forma ahora será seleccionado, vuelva a la pestaña Capas, nueva capa y rellenar el área seleccionada con el negro [# 000000].

paso 5



Quitar las esquinas redondeadas para la izquierda bot fondo y la parte inferior derecha, se mueve hacia la izquierda y la posición como se ilustra arriba. A continuación nos centraremos en la pestaña de color negro.

Tecla CTRL, haga clic en miniatura de la capa de pestañas para obtener la imagen completa ficha destacó.
Con la imagen del separador sigue resaltado, seleccione Rectangular Marquee Tool, mantenga la tecla ALT y un empate rectangular de la región que desea eliminar.
Sólo se debe ver la parte superior seleccionado. Seleccione -> Modificar -> Contrato, el Contrato de 2px y usted debe obtener algo como la imagen de la izquierda.
Crear una nueva capa, rellena la región destacó con blanco [# FFFFFF]. Botón derecho del ratón, seleccione Opciones de fusión después de superposición Gradiant. Vuelva a colocar el blanco [# FFFFFF] detención de color con gris [# 616161]. Su ficha debería parecerse a la imagen de la izquierda.


paso 6



Crear una nueva capa, seleccione la herramienta rectangular redondeado (radio 8px), dibuja una rectangular y poner esta capa detrás de la capa de pestaña negro. Haz clic derecho y seleccione Opciones de fusión e insertar los siguientes ajustes.

Sombra

* Opacidad: 31%
* Distancia: 0px
* Spread: 0%
* Tamaño: 2px

Bisel y relieve

* Profundidad: 100%
* Tamaño: 0px
* Suavizar: 0px

Superposición de Gradiant

* Estos son los ajustes de color se detiene.
* Color: # aaaaaa, Ubicación: 0%
* El color: # FFFFFF, Ubicación 100%

Paso 7



Poner en un texto para ver la web 2.0 el aspecto general. Estoy usando la fuente Lucida Fax, tamaño de fuente, 32pt y 25pt. Y su ficha se hace! Siéntase libre para jugar con la combinación de la ficha de colores.


bueno,eso es todo espero que les sea de utilidad


Datos archivados del Taringa! original
0puntos
0visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
7visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

m
matixxss🇦🇷
Usuario
Puntos0
Posts47
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.