Diseño de Interfases WEB 4

Tutorial Photoshop de Interfaces y Diseño Web

Tutorial por Paquo360 de SóloPhotoshop

Llegamos al final de estas 4 entregas con DISEÑO DE INTERFASES WEB 4, de Paquo360

Con esta llegamos a la ultima entrega de DISEÑO DE INTERFACES WEB, que nos brinda Paquo360

Nota: Si bien fue desarrollado en Photoshop 6, se puede ejecutar en Photoshop CS 2 sin problemas !!

4. Aplicación de Estilos

Al aplicar el Estilo Barra Verde sobre la Capa del mismo nombre esta lo luce con iluminación hasta 15 o 20 pixeles antes de cada extremo; lo ideal es que el estilo cubra la barra uniformemente.

Para hacerlo sólo es necesario extender la capa más allá de los limites del Diseño:

Editar>Transformar>Escala (Edit>Transform>Scale)

Interfaces y Templates Web

Ahora viene el Estilo Barra Gris, el cual lo aplicas en la Barra Gris y si lo deseas en la Barra Mayor.

Interfaces y Templates Web

Este es nuestro Resultado en Bruto:

Interfaces y Templates Web

Ya con la decoración adecuada nos luce muy distinto, sin embargo esta ya no se toca por ser muy particular de cada cliente. Al final e cuentas tu decides como decorar.

Interfaces y Templates Web

Ver las demas entregas < 1 > < 2 > < 3 > < 4 >

En el próximo Tutorial, como crear el HTML!!

Hemos creado el correo electrónico tutoriales @ solophotoshop.com para recibir tus tutoriales y artículos.
Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

 Fecha: 11/04/2006  LUCIANOROSSI escribió:
POR FAVOR, EL PROXIMO ES EL QUE MAS NECESITO, ESPERO LA PROXIMA ENTREGA CON ANSIAS. Saludos, Luciano.

 Fecha: 11/04/2006  CARLATOVAR escribió:
Gracias por este valioso tutorial..excelente. Son increibles los efectos que se logran modificando los estilos de las capas!! En espera de la proxima entrega! Carla

 Fecha: 12/04/2006  KUROSANTI escribió:
quisiera mas de estos tutoriales que ayudan mucho al diseñador

 Fecha: 13/04/2006  MAINA. escribió:
Me podeis decir donde encuentro el zip con las imagenes a tamaño real? Es que lo he leido en la primera entrega pero no se donde esta. Por cierto, un tutorial impresionante

 Fecha: 13/04/2006  MANUELCLEMENTE escribió:
Yo acabo de llegar a esta pagina y ya estoy alucinando, la verdades que esta muy bien :-)

 Fecha: 14/04/2006  KIKEDEMA escribió:
gracias por dedicarle tiempo a desarrollar estos tutos, sigan adelante y estare esperando la proxima entrega

 Fecha: 14/04/2006  DELDENT escribió:
nesesito el proximo por favor, estan muy buenos los tutos

 Fecha: 15/04/2006  _GONKA_ escribió:
Es alucinante todo lo que se puede llegar a hacer con el Photoshop, gracias por demostrarnos las posibilidades y gracias por este gran tutorial ;)

 Fecha: 15/04/2006  JOSUE ORDOñEZ escribió:
me parece un gran tutorial...........felicidades por esta pagina!

 Fecha: 15/04/2006  PAGINILLASWEB escribió:
necesito el html ya!!! estoy que no duermo, no puedo vivir sin el siguiente tutorial, esto es como una droga cada vez quiero mas y mas y mucho mas

 Fecha: 15/04/2006  JMSLASH escribió:
Y esto cómo se usa con el dreamweaver? XD

 Fecha: 16/04/2006  OSCARESCALANTE escribió:
muy bueno

 Fecha: 17/04/2006  ROCAGUATE escribió:
Excelente aportación, muy buén trabajo. Gracias.

 Fecha: 18/04/2006  CARLATOVAR escribió:
por favor!!! la proxima parte ya!!!!!

 Fecha: 18/04/2006  PACHECORETRO escribió:
Excelente!! El siguiente paso por favor , ya se tardaron ...

 Fecha: 19/04/2006  EDDY_THE_COWBOY escribió:
WOOOOOOW... nesecito la proxima parte de esto

 Fecha: 19/04/2006  MILONGAMADRE escribió:
Muy, pero muy bueno, esperamos ansiosos la continuación

 Fecha: 19/04/2006  RAB_XP escribió:
Si no hubiesen gente como tú ignorariamos muchas cosas... gracias

 Fecha: 19/04/2006  DISTRITO escribió:
interesante lo empezare arealizar y practicar

 Fecha: 20/04/2006  DICK ELíAS TORRES escribió:
Muy didáctico la forma explicativa para la creación de un diseño de Página Web. Saludos, Dick Elías Torres

 Fecha: 20/04/2006  CEYLOS escribió:
muy bueno.. gracias

 Fecha: 20/04/2006  BOGUS87 escribió:
Muy bueno, si señor!

 Fecha: 20/04/2006  FILTRO escribió:
Es de lo mejor ... Ustedes C pasan xD

 Fecha: 20/04/2006  BACONET escribió:
Barbaro... 10 puntos. Muy ansioso por ver como continua esto...

 Fecha: 21/04/2006  ERNESTOJAVIER70 escribió:
bueno, hasta aqui todo bien, ahora empieza lo bueno . . . pero . . . CUANDOOOOOOO???

 Fecha: 21/04/2006  CYBER52 escribió:
Exelente

 Fecha: 22/04/2006  LUCYAA escribió:
Muy buen tutorial.¡Gracias por compartir conocimientos! Un comentario: Por favor ¿Cómo se realiza la barra gris? los novatos necesitamos que nos guien "paso a paso"... Un saludo

 Fecha: 24/04/2006  AKOSSO escribió:
Jijiji con tutoriales asi en 4 dias nos hacemos profesionales jejeje GrACIAS

 Fecha: 27/04/2006  NAUTILUS escribió:
Les agradezco el haber publicado este maravilloso tutorial ya que con el pude aprender mas sobre el diseño de una interfas web. Espero la otra version de este tutorial. Att: Wagner Saludos

 Fecha: 01/05/2006  BEATRIZ GARCíA escribió:
Excelente tutorial me ayudo mucho gracias por brindarnos esos conocimientos. Att: Beatriz

 Fecha: 01/05/2006  KOKECOLA2K2 escribió:
Cuando se pone el ultimo?

 Fecha: 02/05/2006  POLAKAN escribió:
grasias me gusto muxo segui todos los pasos muy bien ya ke estan bien explikados grasias!

 Fecha: 03/05/2006  HEAVYMETAL escribió:
la ultima parte pleasee

 Fecha: 04/05/2006  OSCAR97 escribió:
hey de verdad de los mejores que se han publicado en solophotoshop directo a lo que es.. sigan asi y porfavor la siguiente parte siiiiii. que Dios los Bendiga

 Fecha: 09/05/2006  PASTHER escribió:
wow tio sos grande ta chido ;) enserio chidisimo me sirbe mucho gracias ThE ShAdOw Of AnGeL

 Fecha: 11/05/2006  GURK escribió:
exelente gracias!

 Fecha: 17/05/2006  LCALVAREZ escribió:
Excelente pero como se hace para ponerlo en html que quede bien??? saludos

 Fecha: 19/05/2006  KENNYACRUZ escribió:
excelente tutorial, solo me agradaría , si se puedieran guardar en un archivo .pdf o zip para poder descargar el tutorial. Creo es mucho pedir, pero es una simple sugerencia. De antemano agradesco por sus excelentes tutoriales.

 Fecha: 05/06/2006  SALINAS282003 escribió:
Bueno, yo acabo de revisar y estuvo buenazo

 Fecha: 13/06/2006  MARJORIE DAVILA escribió:
ESPERO CON ASCIAS EL OTRO TREMENDO,GRACIAS POR ENSEÑAR PARTE DE TUS CONOCICIMIENTOS,Sigue así :-)

 Fecha: 17/06/2006  SOLIDUSHOUND escribió:
ta' bueno el tutorial espero con entuciasmo el 5º tutorial n_n

 Fecha: 18/06/2006  ASTHAROT escribió:
muy buen tutorial .......espero la siguiente entrega

 Fecha: 05/07/2006  NAUTILUS escribió:
Por favor amigos se los pido de corazón, pongan la otra entrega, ya que me hice mi interfas y estoy estancado ahora, no se como hacer para trabajar en un editor html. Espero la proxima entrega.

 Fecha: 25/09/2006  MISTICO escribió:
que vaban es tu regalo de enseñar

 Fecha: 26/09/2006  PACON escribió:
a ver si poneis mas ejemplos de interfases,porfa.por lo demas esta de puta madre.

 Fecha: 01/10/2006  IVONNE GARCIA escribió:
OJALA PONTO NOS PUDAN ENSEÑAR COMO SE TERMINA, POR LO DE AHORA GRACIAS POR LAS EXPLICACIONES DE ESTOS 4

 Fecha: 05/11/2006  MELTF escribió:
buenazo

 Fecha: 23/11/2006  KACIER escribió:
orale esta bueno ese :)

 Fecha: 01/12/2006  CSARGT escribió:
Ja, ja, Buenisimo, Excelente!! Gracias por este tuto. Espero el proximo y coloco mi pagina en la red!!

 Fecha: 16/01/2007  NIMBO escribió:
GRACIAS ! LAS PERSONAS QUE HACEN SUS APORTES DE CONOCIMIENTO CON ESTOS EXCELENTES TUTORIALES.....ES IMPECABLE CADA EXPLICACION ....LES MANDO UN SALUDO Y TODOS MIS RESPETOS....GRACIAS! ....ESTOY FELIZ DE HACER PARTE DE ESTA COMUNIDAD!

 Fecha: 23/01/2007  CLIVER01 escribió:
ta wena la pagina me va ayudar mucho les gradeceria mucho si pusieran mas tutoriales grasias esta chevre la web

 Fecha: 09/04/2007  F3RX escribió:
oigan y para meterle el html, y el contenido q tendra la pagina?

 Fecha: 14/05/2007  VMSOPORTE escribió:
Hola. Muchas gracias por estos tutoriales realmente estan excelentes. ¿Cuando estara listo el siguiente?.

 Fecha: 23/05/2007  SENKO escribió:
Hi hermano te pasaste soy de Perú, te felicito muy bien explicado yo manejo dreamweaver mx 2004 y tambien photoshop pero solo en retoques con este tuto ahora se hara mas fácil diseñar una web gracias.. ahora guardarlo para la web thank you..

 Fecha: 08/06/2007  CSARGT escribió:
Que bien te quedo!! he seguido este tuto de cerca, todo muy excelente! Aun estoy esperando la ultima entrega, para meterle html y mas cosas a la pagina, espero que pronto este, jeje. Espero la proxima entrega aun. Mis Felicitaciones...

 Fecha: 18/09/2007  JESSE escribió:
Hola todo aki esta super, pero io no se nada de dreamweaver ym egustaria iniciarme por donde me recomiendan empezar????

 Fecha: 20/05/2008  ANALIA LAURA escribió:
Como ingreso a la prosimo tutorial de como crear un html.

 Fecha: 15/08/2008  SUNNA escribió:
ESTA MUY BUENO, PERO MAS LO SERIA SI DEJARAS EL RESULTADO FINAL COMO ARCHIVO DESCARGABLE COMO OTROS TUTORIALES

 
© Copyright 2001 - 2008
Solo Photoshop, Tutoriales, VideoTutoriales, Artículos y Recursos de Photoshop y Flash.