Diseño de una Pagina Web con Photoshop CS

<b><!--sizeo:2--><span style="font-size:10pt;line-height:100%"><!--/sizeo-->OBSERVA Y APRENDE. VIDEO PHOTOSHOP<!--sizec--></span><!--/sizec--></b>

<b><!--sizeo:2--><span style="font-size:10pt;line-height:100%"><!--/sizeo-->DISEÑO DE UNA PAGINA WEB 1<!--sizec--></span><!--/sizec--></b>
<div align="right"><!--sizeo:2--><span style="font-size:10pt;line-height:100%"><!--/sizeo-->Tutorial por <b>Paquo360</b>: <a href="http://www.tallerwebmaster.com/" target="_blank"><b>Sólo Photoshop</b></a><!--sizec--></span><!--/sizec--></div>
<div align="left"><!--sizeo:2--><span style="font-size:10pt;line-height:100%"><!--/sizeo-->
<!--sizec--></span><!--/sizec--></div>
<div align="left"><!--sizeo:2--><span style="font-size:10pt;line-height:100%"><!--/sizeo-->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.<!--sizec--></span><!--/sizec--></div>

Ver cada parte en Taller Webmaster:
<a href="http://www.tallerwebmaster.com/Tutorial-Disenio-de-una-Pagina-Web-con-Photoshop-CS-c-39.html" target="_blank">Parte 1</a> - <a href="http://www.tallerwebmaster.com/Tutorial-Disenio-de-una-Pagina-Web-con-Photoshop-CS-parte-2-c-41.html" target="_blank">Parte 2</a> - <a href="http://www.tallerwebmaster.com/Tutorial-Disenio-de-una-Pagina-Web-con-Photoshop-CS-parte-2-c-71.html" target="_blank">Parte 3</a> - <a href="http://www.tallerwebmaster.com/Tutorial-Disenio-de-una-Pagina-Web-con-Photoshop-CS-parte-4-c-75.html" target="_blank">Parte 4</a>


<img src="http://www.tallerwebmaster.com/imgarticulos/39/Observa-y-Aprende.jpg" border="0" alt="Imagen IPB" />

 

Muy bueno!!

Ya quiero ver el final

 

Muy bueno , las hago de = forma jaj

 

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

 

Muy bueno :arriba:

 

Exelente aporte

 

PuppetMaster, bienvenido al foro

 

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

 

Re-ruter, bienvenido al foro

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

 

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.

<a href="http://www.tallerwebmaster.com/Tutorial-Disenio-de-una-Pagina-Web-con-Photoshop-CS-parte-4-c-75.html" target="_blank">http://www.tallerwebmaster.com/Tutorial-Di...rte-4-c-75.html</a>

 

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

<a href="http://img267.imageshack.us/img267/6346/lollll22copyel9.jpg" target="_blank">http://img267.imageshack.us/img267/6346/lollll22copyel9.jpg</a>

 

Buen trabajo platano y me gusta mas Beyonce toda la vida jaja

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

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

 

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

 

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

jaja adivina que hay en cada una ??

 

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

 

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:

<a href="http://www.tallerwebmaster.com/Tutorial-Dise%F1o-Web-con-Adobe-Photoshop-CS3-c-96.html" target="_blank">http://www.tallerwebmaster.com/Tutorial-Di...p-CS3-c-96.html</a>

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

Pero te aconsejo esta:

<a href="http://www.tallerwebmaster.com/Tutorial-Dise%F1o-Web-con-Adobe-Photoshop-CS3-y-HTML-c-97.html" target="_blank">http://www.tallerwebmaster.com/Tutorial-Di...-HTML-c-97.html</a>

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