Diseño de una Pagina Web con Photoshop CS parte 3

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 una Pagina Web con Photoshop CS parte 3

Video Tutorial Photoshop de Interfaces y Diseño Web

Tutorial por Paquo360 de Sólo Photoshop

SoloPhotoshop

Diseño de una Pagina Web con Photoshop CS. En esta tercera entrega vamos a darle volumen a las bases y crear los iconos de la galería.

---------
Este video no pretende ser un detallado tutorial de como se dibuja una pagina web, simplemente es un ejemplo de como desarrolle este diseño, por lo que esta dirigido a usuarios con un nivel de Medio a Avanzado en el manejo de Photoshop quienes dominen a la perfección las Herramientas Básicas del programa. Es algo extenso, así que lo hemos dividido en 4 partes de 5 mins. cada uno. La canción es "Mojado" de Ricardo Arjona
---------

Desarrollo
- A una selección rectangular se extrae una esquina, se rellena de blanco y se le aplica un contorno de 1 px color 843800.
- Luego se multiplica este icono.
- Dar sombra y relieve a las bases del diseño usando selecciones y desenfoques.
- Reducir el tamaño del un degradado que simula sombra a la derecha de la columna central.
- Incluir los textos del menú.

Espera un momento mientras carga el video..

Esta es Tercera de 4 partes. Al final quedará así:

Diseño de una pagina web

Gracias por sus comentarios.

- Diseño de una Pagina Web con Photoshop CS 1

- Diseño de una Pagina Web con Photoshop CS 2

- Diseño de una Pagina Web con Photoshop CS 3

- Diseño de una Pagina Web con Photoshop CS 4

Comentarios de Diseño de una Pagina Web con Photoshop CS parte 3

↑ Tutorial

zamora

2006-11-28 12:34

me pueden pasar el tutorial completo en imagenes como los demas gracias.
javilato

2006-11-29 10:01

OK no hay problema
newiclus

2006-11-29 15:06

bueno hasta todo salio bien sin inconveniente, pero hay pasos que se omiten que el usuario nuevo no entiende... pero esta de pelos espero la ultima entrega
alan123

2006-11-30 13:15

yo tambien hago la misma peticion.... en images porfa....
kronnos

2006-12-01 03:11

Yo me sumo a la petición, me pueden pasar el tutorial. Gracias
miwe

2006-12-01 11:32

Me gustaria poder crear una página web asi. Soy novato y me gustaria que me pasáseis el tuto si es podible. Gracias
jaga2002

2006-12-01 18:18

Hola muy bueno el trabajo, sera que me puedes pasar el tutorial completo. me gustaria tenerlo en mi coleccion.
Gracias.
jking

2006-12-02 14:50

Necesitaria el tutorial completo, solo he llegado a este capitulo y es muy bueno.
Gracias.
paradise835

2006-12-03 16:51

Felicidades por el video! Estoy empezando y me gustaria que me pasaras a mi tb el tutorial.Gracias.
dierivas

2006-12-04 02:19

estoesta buenisimo, tambien me gustaria recibir los primeros tutoriales, estoy en nivel medio, gracias
enriquedealba

2006-12-04 02:42

Muy buen trabajo.
Sería posible que me enviaran el tutorial completo?

Muchas gracias
pichonservis

2006-12-04 12:36

bueno el tuto amigo te lucistes bueno, pero si seias un poco mas explicativo, que le hables paso a paso con tus p`ropias palabras ps... seria mas entendible pàra los novatos.. como dicen... Bueno amigo me gusto mucho... te feleiito entons tu amigo

:::...::: Pichonservis :::...:::
lunitas

2006-12-04 14:19

soy nueva y me encantaria tener ese tuto porfavor gracitas
karolyn

2006-12-04 14:27

Mi peticion es la misma seria posible si me enviaras el tutorial completo, esta muy bueno gracias
polaram

2006-12-04 20:12

igual el paquete completo porfavor
RINESA

2006-12-04 22:07

Mi peticion es la misma seria posible si me enviaras el tutorial completo, esta muy bueno gracias
creisky

2006-12-05 06:26

me pueden pasar el manual por favor
alu2312

2006-12-05 11:22

Me puedebn dejar el tutorial completo o indicar donde esta en la Web. Un saludo y gracias
el maina

2006-12-06 04:00

Si buscais un momento por la web lo encontrareis todo excepto la 4ª parte.
arteaga777

2006-12-06 10:38

¡Gracias! por compartir lo que sabes, ¿me puedes mandar los anteriores?
Gracias...
arteaga777

2006-12-06 10:44

¡Ya los encontre en la pagina! espero que pronto nos compartas la 4 parte.
¡¡Muchas Gracias!!
juan felipe

2006-12-06 14:40

se ve estupendo, pero no entiendo mucho ya que soy novato y apenas me estoy trabajando con photoshop, seria tan amable de enviame el tutorial completo...gracias
BARRERO

2006-12-06 21:07

ME SUMO A LA PETICIÓN DEL TUTORIAL. yo solo trabajo con flash8 y seria de gran ayuda aprender a maquetar tan bien como se enseña en este tutorial, si me hicieran el favor de pasarmelo, gracias de antemano.
MMMOK

2006-12-07 14:37

EL QUE ME ENVIEN LO MISMO TIENE ALGUN COSTO????????? EL TUTO EN IMAGENES??
alexxxxo

2006-12-08 15:22

Hola aprecido Paquo360, yo soy novato, completamente autodidacta en esto ya que aqui en México pague dos cursos de diseño gráfico y no aprendi la centesima parte de lo que aprendo aqui en los tutoriales; éste en lo particular, me será de muchisima ayuda, creo que lo puedo descifrar, pero te pediría un favor: Compadecete de los que somos novatos y además un poco lentos de aprendizaje, MI SUGERENCIA: En lugar de la canción del fondo musical, me gustaría más escuchar tu voz al ir ejecutando cado uno de los pasos, ya vez que el cursor se mueve demasiado rápido y los ojos nos terminan como antena descompuesta, con tu voz indicando los movimientos que vas a hacer...pues ya vamos avanzando mentalmente sobre el movimiento del cursor..Es mi humilde petición, te agrdezco tu atención y te agradezco sobretodo tu aportación tan desinteresada, y aunque se que no es un tutorial a detalle, esero me tomes en consideración. Felicidades por tu trabajo y disponibilidad de compartir.
Saludos
Alexx,
Los Mochis, Sinaloa, México
jicm_snoopy

2006-12-09 00:48

podrian pasarme a mi tambien el tutorial completo en imagenes, gracias
jalymalaga

2006-12-10 12:25

hola le agredeceria me enviara el manual completo gracias es buenisimo, lo que andaba buscando
ccc

2006-12-10 20:40

gracias por el tuto lastima q no pude bajar el video, pd. me puedes mandar los anteriores
Oscar Spencer

2006-12-10 20:43

no variaste mucho de lo anterior,
yo ya habia terminado mi pagina con texto, y datos, esperaba
que nos dijeras como, guardarla com paguina de internet
y la programacion de los botones etc.

gracias me ha ayudado bastante
kanemann

2006-12-12 18:19

realmente en bueno , la cagas con la musica, pero como a caballo regalado no le miran los dientes, acepto tus caprichos, de esa musica horrible, realmete fea esa musica
xD
stomp

2006-12-13 00:15

me pasas el completo please??

muy chido°°
frank_r19

2006-12-13 12:04

un favor me puedes enviar el tutor completo te lo agradeseria mucho frank
jeily

2006-12-13 17:15

esta muy bueno el trabao pero me gustaria que a el proximo tutorial sea un poco mas lento...gracias
darain_3993

2006-12-19 11:09

hola!! este tuto es muy util, soy nueva aki en solophotoshop, me podrías mandar el tuto en imagenes si no es mucha molestia? gracias. =D.
whis-ks

2006-12-22 12:55

LA MAYORIA DE LOS QUE NOS GUSTA EL DISEÑO SOMOS AUTODIDACTAS, SOBRE TODO YO, ASI QUE TAMBIEN QUISIERA TENER EL TUTORIAL COMPLETO.

FELICIDADES POR TU TRABAJO Y POR COMPARTIRLO CON NOSOTROS.

FELICES FIESTAS NAVIDEÑAS PARA TODOS
danielEx_666

2007-01-03 00:17

buen tutorial
poolduk

2007-01-05 13:09

quisiera bajar tutotial en .pdf o en .doc me podrian enviar informacion acerca de cmo crer, animar, decorar paginas web
carlospen

2007-01-05 16:41

Me estoy devanando lo cesos aprendiendo Dreamweaber, pero nunca se podrán hacer cosas tan bonitas como en Photoshop, me pasan el tutorial tambien? y los que tengan que me puedan ayudar..GRACIAS
carlospen@rogers.com
xavierr

2007-01-07 03:52

hola estoy conociendo lo maravilloso de esta tecnologia, y no dejo de maravillarme de lo fabuloso que me estoy encontrando en estas paginas. espero ponerme a la altura de los mejores, de este gran campo.ya que sus consejos son de mucha ayuda,me gustaria que algunos de los profesionales y aficionados me incluyan en su mns xavierr@hotmail.com
Luis_Eliazar

2007-01-07 22:56

estoy iniciando en esto, seria psible k me mandaras el tuto kompleto? me lamo mucho la atencion y quiero hacer mi propia pagina y con tu auda seria màs facil, gracias
FJRIOS44

2007-01-10 18:02

excelente tutorial.me podrian enviar el tutorial completo.desde ya muchas gracias.
fjrios44
Christian_sfc

2007-01-10 20:20

bueno aquí dejo mi msn para que me puedas pasar este tutorial con imagenes mejor. Gracias de antemano

The_Christian_83@hotmail.com
iki_kenshin

2007-01-12 18:47

me gusta pero podrian pasarlo a imagenes y letras ???
pablo feldman

2007-01-14 13:28

estimado MAESTRO; SINCERAMENTE muchas gracias por este trabajo. solo tenes que tener en cuenta, que muchos de los interesados somos ,criatuas que dan sus primeros pasos en esto. si podes ,ponele vos que explique y un poquito.mas lento. y que no lo tomes a mal hace anos vi los de by error.eran muy buenos.
muchas gracias otra vez .pablo feldman
aldrin

2007-01-18 10:31

BUENO EL VIDEO ESTA BUENO PERO ME LO PUEDEN ENVIAR ALGUIEN A MI CORREO aldrinpablo@gmail.com, son buenos los videos, porfavor enviamelo
walterinperu20007

2007-01-26 10:39

excelente amigo.. es un buenisimo ejemplo.. de veras que con esto se aprende mucho
avisa si tienes otra de la misma calidad
elvisrtome

2007-02-21 09:51

Pana felicitaciones, está excelente, pero podrias facilitarnos las guias en jpg. para practicar mejor, thanks.
stomp

2007-02-28 00:56

Muy Bueno Pko!!
pilarma

2007-04-02 11:09

Es estupendo, enhorabuena, podrias pasarme el tutorial tambien?
vismer

2007-05-01 09:04

me envias el tutorial completo po favor
Aztekero

2007-07-09 01:00

Pues yo tambien creo que seria mas entendible si escucharamos tu voz!

¡1ZALU2!
Aztekero

2007-07-19 13:24

Ohhhh va quedando excelente mi pagina igual que la del video muchas gracias esperando solo la parte 4!
topisimo

2007-10-06 00:59

hola me podrias enviar el tutorial completo...
soy un novato, y no entiendo algunas cosas..
saludos..
gracias de antemano
wortex

2007-11-01 04:02

yo tambnien quiero el tuto completo...
correorvega

2007-12-11 10:24

ta weno, como lo puedo bajar ya que donde estoy no hay internet. si alguien sabe favor avisar
kae666

2008-02-05 14:30

el tutorial tiene buenas intenciones pero a muchos nos parece que seria muchisimo mas entendible si fuera en imagenes y escrito, gracias por el esfuerzo.
agustin87

2008-05-06 09:58

muy bueno el tutorial, la pregunta es como hago para hacer lpara que inicio, discografia etc.. sean botones y poner oinformacion en cada uno de ellos, agus_cat_@hotmail.com
gracias!!
drodicio

2008-10-09 11:53

por favor, me prodrías pasar a mi tambien el tutorial en imagenes? gracias
dennys_2008

2008-12-11 21:36

e imagenes seria super, ami tb gracias
abceso

2009-01-04 19:44

Hola Amigos!! me podrian pasar a mi tambien las imagenes