Diseño de una Pagina Web con Photoshop CS - Foro Creativo

Ir a contenido

Página 1 de 1
  • No puedes empezar un nuevo tema
  • No puedes responder a este tema

Diseño de una Pagina Web con Photoshop CS Video Tutorial

#1 El usuario está offline   elQuique

  • Dibujante de Codigos
  • PipPipPipPipPipPip
  • Grupo: Admin Team
  • Mensajes: 21239
  • Registrado: 08-febrero 03
  • Location:Florida, Uruguay
  • Sexo:Masculino
  • País:Uruguay
  • Navegador:FireFox
  • Camara:Kodak/v1003

Escrito 27 febrero 2007 - 03:26


OBSERVA Y APRENDE. VIDEO PHOTOSHOP

DISEÑO DE UNA PAGINA WEB 1
Tutorial por Paquo360: Sólo Photoshop



Diseño de una Pagina Web con Photoshop CS. En esta primera entrega arranco ya con las guías dispuestas de acuerdo a lo que voy a crear, además de tener al lado un psd con las imágenes que se van a agregar y otro con fragmentos de texto Lorem Ipsum, todo para ahorrar tiempo y no distraer mi atención.


Ver cada parte en Taller Webmaster:
Parte 1 - Parte 2 - Parte 3 - Parte 4


Imagen IPB
0


Página 1 de 1
  • No puedes empezar un nuevo tema
  • No puedes responder a este tema

Otras respuestas a este tema

#2 El usuario está offline   Pablix

  • FC
  • PipPip
  • Grupo: Miembros
  • Mensajes: 355
  • Registrado: 18-mayo 05
  • Location:Ituzaingo, Buenos Aires, Argentina
  • Sexo:Masculino
  • País:Argentina

Escrito 28 febrero 2007 - 02:56

Muy bueno!!

Ya quiero ver el final smile.gif
P481!X
0

#3 El usuario está offline   zell

  • Puedes llamarme Fronton-man!
  • PipPipPipPip
  • Grupo: Miembros
  • Mensajes: 1304
  • Registrado: 30-julio 05
  • Sexo:Masculino
  • País:Spain

Escrito 28 febrero 2007 - 08:13

Muy bueno biggrin.gif, las hago de = forma jaj
0

#4 El usuario está offline   elQuique

  • Dibujante de Codigos
  • PipPipPipPipPipPip
  • Grupo: Admin Team
  • Mensajes: 21239
  • Registrado: 08-febrero 03
  • Location:Florida, Uruguay
  • Sexo:Masculino
  • País:Uruguay
  • Navegador:FireFox
  • Camara:Kodak/v1003

Escrito 28 febrero 2007 - 10:51

Dicho sea de paso, luego de que paquo360 termino con eso, ahora me toca a mi la parte de enseñar el maquetado jeje
0

#5 El usuario está offline   dagdash

  • Forero
  • Pip
  • Grupo: Miembros
  • Mensajes: 45
  • Registrado: 14-septiembre 05
  • Location:Madrid
  • Sexo:Masculino
  • País:Spain

Escrito 28 febrero 2007 - 01:29

Muy bueno dedosarriba.gif


0

#6 El usuario está offline   PuppetMaster

  • Reciente
  • Grupo: Miembros
  • Mensajes: 4
  • Registrado: 01-marzo 07
  • Sexo:Masculino
  • País:Chile

Escrito 02 marzo 2007 - 06:54

Exelente aporte
0

#7 El usuario está offline   elQuique

  • Dibujante de Codigos
  • PipPipPipPipPipPip
  • Grupo: Admin Team
  • Mensajes: 21239
  • Registrado: 08-febrero 03
  • Location:Florida, Uruguay
  • Sexo:Masculino
  • País:Uruguay
  • Navegador:FireFox
  • Camara:Kodak/v1003

Escrito 02 marzo 2007 - 08:25

PuppetMaster, bienvenido al foro smile.gif
0

#8 El usuario está offline   Re-ruter

  • Reciente
  • Grupo: Miembros
  • Mensajes: 1
  • Registrado: 05-marzo 07
  • Sexo:Masculino
  • País:Argentina

Escrito 10 marzo 2007 - 06:13

buenas, el tutorial me resulta de suma utilidad, pues estoy comenzando con esto. nada más quería preguntar si podrían detallar cómo hacen para multiplicar los íconos de la parte 3. muchas gracias
0

#9 El usuario está offline   elQuique

  • Dibujante de Codigos
  • PipPipPipPipPipPip
  • Grupo: Admin Team
  • Mensajes: 21239
  • Registrado: 08-febrero 03
  • Location:Florida, Uruguay
  • Sexo:Masculino
  • País:Uruguay
  • Navegador:FireFox
  • Camara:Kodak/v1003

Escrito 10 marzo 2007 - 10:34

Re-ruter, bienvenido al foro smile.gif

Lo que hace es duplicar la capa tantas veces como iconos de galeria necesites.
0

#10 El usuario está offline   elQuique

  • Dibujante de Codigos
  • PipPipPipPipPipPip
  • Grupo: Admin Team
  • Mensajes: 21239
  • Registrado: 08-febrero 03
  • Location:Florida, Uruguay
  • Sexo:Masculino
  • País:Uruguay
  • Navegador:FireFox
  • Camara:Kodak/v1003

Escrito 10 marzo 2007 - 10:53

Llegamos a la cuarta y última entrega del Video Tutorial Diseño de Paginas Web con Photoshop. Ahora paquo360 se ocupa agregar detalles como la textura del fondo, los textos e imágenes de contenido.

http://www.tallerweb...rte-4-c-75.html
0

#11 El usuario está offline   platano

  • Forero
  • Pip
  • Grupo: Miembros
  • Mensajes: 27
  • Registrado: 01-julio 06
  • Sexo:Masculino
  • País:Republica Dominicana

Escrito 29 marzo 2007 - 02:16

Huy nunca me habia atrevido hacerlo pero ya empese aqui dejo el link

http://img267.images...ll22copyel9.jpg
0

#12 El usuario está offline   elQuique

  • Dibujante de Codigos
  • PipPipPipPipPipPip
  • Grupo: Admin Team
  • Mensajes: 21239
  • Registrado: 08-febrero 03
  • Location:Florida, Uruguay
  • Sexo:Masculino
  • País:Uruguay
  • Navegador:FireFox
  • Camara:Kodak/v1003

Escrito 29 marzo 2007 - 08:30

Buen trabajo platano smile.gif y me gusta mas Beyonce toda la vida jaja tongue.gif

Estoy trabajando (muy suavemente) en el una parte adicional a este tutorial, trata de como convertir ese diseño de Photoshop a un xHTML y CSS con Dreamweaver wink.gif

Y mas adelante quizas lo mismo pero con Adobe Flash CS3.
0

#13 El usuario está offline   Arturito

  • Reciente
  • Grupo: Miembros
  • Mensajes: 1
  • Registrado: 18-julio 07
  • Sexo:Masculino
  • País:Usa

Escrito 20 julio 2007 - 04:43

Hola... Esta fabuloso la forma en que utilizas el PhotoShop.... Disculpa pero seria mucho pedir me pudiras decir donde puedo tomar la primera, segunda y tercera... ya tengo esta cuarta... quiero aprender. y si tu me aportas tu experiencia te lo agradezco mucho... Saludos
0

#14 El usuario está offline   elQuique

  • Dibujante de Codigos
  • PipPipPipPipPipPip
  • Grupo: Admin Team
  • Mensajes: 21239
  • Registrado: 08-febrero 03
  • Location:Florida, Uruguay
  • Sexo:Masculino
  • País:Uruguay
  • Navegador:FireFox
  • Camara:Kodak/v1003

Escrito 20 julio 2007 - 07:06

bienvenido al foro

Sobre tu duda, jeje que tal si al principio de todo este post donde presento el tutorial, das click donde dice:

Parte 1, Parte 2, Parte 3, Parte 4

tongue.gif jaja adivina que hay en cada una ??
0

#15 El usuario está offline   lord_tyrannvs

  • Reciente
  • Grupo: Baneado
  • Mensajes: 1
  • Registrado: 20-junio 07
  • Sexo:Masculino
  • País:Chile

Escrito 24 julio 2007 - 07:21

Saludos, muy interesante el tutorial, una duda, cómo hago para implementar todo eso en dreamweaver??
gracias.
0

#16 El usuario está offline   elQuique

  • Dibujante de Codigos
  • PipPipPipPipPipPip
  • Grupo: Admin Team
  • Mensajes: 21239
  • Registrado: 08-febrero 03
  • Location:Florida, Uruguay
  • Sexo:Masculino
  • País:Uruguay
  • Navegador:FireFox
  • Camara:Kodak/v1003

Escrito 26 julio 2007 - 03:16

lord_tyrannvs luego de tener dibujado el diseño lo cortas con photoshop, para obtener las imágenes, y un html base que luego depuras en Dreamweaver.

Te dejo un tutorial con otro diseño pero que luego muestra como cortarlo:

http://www.tallerweb...p-CS3-c-96.html

ahí esta una reseña de todas las partes.

Pero te aconsejo esta:

http://www.tallerweb...-HTML-c-97.html

que es la que corta el diseño.

Con eso podrás hacer los cortes.

Sobre los cortes específicos del tutorial de Shakira aun no he preparado el tutorial jeje, cuestión de tiempos sad.gif
0

Página 1 de 1
  • No puedes empezar un nuevo tema
  • No puedes responder a este tema


Sitios Amigos: Tutoriales gratis | Foro de Webmasters | Foros de ComunidadHosting