Está usted en Indice > Programas > Diseño > Photoshop > Tutoriales Photoshop > Diseño Web con Adobe Photoshop CS3 y HTML
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

Diseño Web con Adobe Photoshop CS3 y HTML

En las últimas versiones de Adobe Photoshop , no es necesario usar ImageReady ya que el mismo Photoshop incluye la Herramienta de Corte (Slice Tool). Este tutorial contiene las capturas de Adobe Photoshop CS3 , pero con leves cambios se puede realizar lo mismo en Photoshop CS y CS2 .

Luego de abrir el archivo, vamos seleccionar la Herramienta de Corte (Slice Tool), para poder seleccionar cada uno de los elementos gráficos del diseño.

Herramienta de Corte - Slice Tool

De esta forma es que le indicamos a Photoshop CS3 como dividir el diseño para obtener pequeñas imágenes que se insertaran en el HTML de nuestra Web.

La forma de trabajo es sencilla, vamos a marcar los elementos como el logo, la zona de banners, el menú, etc. de cada parte y realizar el Corte arrastrando el ratón con la herramienta Corte (Slice Tool), como muestra la imágen.

Con paciencia y de la misma forma, vamos a ir cortando todos los elementos hasta que quede como se muestra en la siguiente imágen.

Cortes Marcados



Usuarios que han visto este tema también han visto...

- Efecto cielo con estrellas con Photoshop
- Las mejores acciones para Photoshop
- Texto electrificado en Photoshop
- Efecto Rayos con PhotoShop
- Efecto de televisión con Photoshop


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad

Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 23-11-2008 a las 21:24:06