Diseño de Interfases WEB 4

Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Anunciar en SoloPhotoshop

Diseño de Interfases WEB 4 | Solo Photoshop

Tutorial Photoshop de Interfaces y Diseño Web

Tutorial por Paquo360

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!!

Comentarios de Diseño de Interfases WEB 4 | Solo Photoshop

↑ Tutorial

LUCIANOROSSI

2006-04-11 11:59

POR FAVOR, EL PROXIMO ES EL QUE MAS NECESITO, ESPERO LA PROXIMA ENTREGA CON ANSIAS. Saludos, Luciano.M
Carlatovar

2006-04-11 15:09

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! CarlaM
kurosanti

2006-04-12 13:37

quisiera mas de estos tutoriales que ayudan mucho al diseñadorM
Maina.

2006-04-13 03:36

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 impresionanteM
manuelclemente

2006-04-13 08:03

Yo acabo de llegar a esta pagina y ya estoy alucinando, la verdades que esta muy bien :-)M
kikedema

2006-04-14 00:19

gracias por dedicarle tiempo a desarrollar estos tutos, sigan adelante y estare esperando la proxima entrega M
deldent

2006-04-14 12:34

nesesito el proximo por favor, estan muy buenos los tutosM
_Gonka_

2006-04-15 07:06

Es alucinante todo lo que se puede llegar a hacer con el Photoshop, gracias por demostrarnos las posibilidades y gracias por este gran tutorial ;)M
josue ordoñez

2006-04-15 13:33

me parece un gran tutorial...........felicidades por esta pagina!M
paginillasweb

2006-04-15 16:03

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 masM
jmslash

2006-04-15 19:28

Y esto cómo se usa con el dreamweaver? XDM
oscarescalante

2006-04-16 20:17

muy bueno M
ROCAGUATE

2006-04-17 14:17

Excelente aportación, muy buén trabajo. Gracias.M
carlatovar

2006-04-18 09:00

por favor!!! la proxima parte ya!!!!!M
pachecoretro

2006-04-18 13:19

Excelente!! El siguiente paso por favor , ya se tardaron ...M
EDDy_The_Cowboy

2006-04-19 02:19

WOOOOOOW... nesecito la proxima parte de estoM
milongamadre

2006-04-19 14:06

Muy, pero muy bueno, esperamos ansiosos la continuaciónM
rab_xp

2006-04-19 20:49

Si no hubiesen gente como tú ignorariamos muchas cosas... graciasM
distrito

2006-04-19 22:21

interesante lo empezare arealizar y practicarM
Dick Elías Torres

2006-04-20 13:39

Muy didáctico la forma explicativa para la creación de un diseño de Página Web. Saludos, Dick Elías TorresM
ceylos

2006-04-20 16:35

muy bueno.. graciasM
bogus87

2006-04-20 17:54

Muy bueno, si señor! M
filtro

2006-04-20 23:03

Es de lo mejor ... Ustedes C pasan xDM
baconet

2006-04-20 23:40

Barbaro... 10 puntos. Muy ansioso por ver como continua esto...M
ernestojavier70

2006-04-21 10:12

bueno, hasta aqui todo bien, ahora empieza lo bueno . . . pero . . . CUANDOOOOOOO??? M
Cyber52

2006-04-21 23:04

ExelenteM
LucyAA

2006-04-22 05:10

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 saludoM
AKOSSO

2006-04-24 15:39

Jijiji con tutoriales asi en 4 dias nos hacemos profesionales jejeje GrACIAS M
NautiluS

2006-04-27 09:48

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 SaludosM
Beatriz GarcÃa

2006-05-01 02:18

Excelente tutorial me ayudo mucho gracias por brindarnos esos conocimientos. Att: BeatrizM
kokecola2k2

2006-05-01 05:35

Cuando se pone el ultimo?M
polakan

2006-05-02 14:20

grasias me gusto muxo segui todos los pasos muy bien ya ke estan bien explikados grasias!M
heavymetal

2006-05-03 17:47

la ultima parte pleaseeM
oscar97

2006-05-04 09:29

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 BendigaM
pasther

2006-05-09 11:34

wow tio sos grande ta chido ;) enserio chidisimo me sirbe mucho gracias ThE ShAdOw Of AnGeL M
gurk

2006-05-11 18:00

exelente gracias!M
lcalvarez

2006-05-17 09:07

Excelente pero como se hace para ponerlo en html que quede bien??? saludosM
kennyacruz

2006-05-19 16:41

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.M
salinas282003

2006-06-05 17:05

Bueno, yo acabo de revisar y estuvo buenazoM
marjorie davila

2006-06-13 15:55

ESPERO CON ASCIAS EL OTRO TREMENDO,GRACIAS POR ENSEÑAR PARTE DE TUS CONOCICIMIENTOS,Sigue así :-)M
solidushound

2006-06-17 19:07

ta' bueno el tutorial espero con entuciasmo el 5º tutorial n_nM
astharot

2006-06-18 12:44

muy buen tutorial .......espero la siguiente entregaM
NautiluS

2006-07-05 15:10

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.M
mistico

2006-09-25 16:18

que vaban es tu regalo de enseñar M
pacon

2006-09-26 15:07

a ver si poneis mas ejemplos de interfases,porfa.por lo demas esta de puta madre.M
ivonne garcia

2006-10-01 13:02

OJALA PONTO NOS PUDAN ENSEÑAR COMO SE TERMINA, POR LO DE AHORA GRACIAS POR LAS EXPLICACIONES DE ESTOS 4M
meltf

2006-11-05 12:57

buenazoM
kacier

2006-11-23 16:06

orale esta bueno ese :) M
CsarGt

2006-12-01 20:42

Ja, ja, Buenisimo, Excelente!! Gracias por este tuto. Espero el proximo y coloco mi pagina en la red!!M
nimbo

2007-01-16 20:58

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!M
cliver01

2007-01-23 19:15

ta wena la pagina me va ayudar mucho les gradeceria mucho si pusieran mas tutoriales grasias esta chevre la webM
f3rx

2007-04-09 04:37

oigan y para meterle el html, y el contenido q tendra la pagina?M
vmsoporte

2007-05-14 12:51

Hola. Muchas gracias por estos tutoriales realmente estan excelentes. ¿Cuando estara listo el siguiente?. M
senko

2007-05-23 12:11

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..M
CsarGt

2007-06-08 17:12

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... M
jesse

2007-09-18 09:58

Hola todo aki esta super, pero io no se nada de dreamweaver ym egustaria iniciarme por donde me recomiendan empezar????M
analia laura

2008-05-20 11:10

Como ingreso a la prosimo tutorial de como crear un html.M
sunna

2008-08-14 23:45

ESTA MUY BUENO, PERO MAS LO SERIA SI DEJARAS EL RESULTADO FINAL COMO ARCHIVO DESCARGABLE COMO OTROS TUTORIALESM
Sirquini

2009-04-08 15:37

Esta re-bueno, pero lo que más necesito es el proximo tutorial, el de crear el HTML, espero con ancias leerlo.M
sty_fx

2010-03-08 19:57

muchas gracias !! buena explicacion ..M