Foros del Web » Creando para Internet » Diseño Gráfico »

web a partir de plantilla psd

Estas en el tema de web a partir de plantilla psd en el foro de Diseño Gráfico en Foros del Web. Hola! Soy programador en VisualBasic, C, PHP, HTML...pero malísimo en diseño gráfico...xD El caso es que ayer pasandome por una web de PSD´s, me encontré ...
  #1 (permalink)  
Antiguo 18/05/2008, 09:01
 
Fecha de Ingreso: mayo-2005
Ubicación: Vimianzo. A Coruña
Mensajes: 230
Antigüedad: 12 años, 6 meses
Puntos: 1
web a partir de plantilla psd

Hola! Soy programador en VisualBasic, C, PHP, HTML...pero malísimo en diseño gráfico...xD
El caso es que ayer pasandome por una web de PSD´s, me encontré con un artículo llamado: Web 2.0 Layout Free PSD.
Me descargué el psd y es una completa plantilla para hacer una web.
Pero claro, ahí me entró la curiosidad, ya que yo nunca he usado este tipo de cosas.

Y por eso os pregunto: ¿Como se hace una web a partir una plantilla PSD?
[URL="http://psdfreebee.com/web-20-layout-free-psd/"]Web 2.0 Layout Free PSDURL]
Se hace la estructura con tablas en HTLM y luego se colocan "cachos" de imagen de la plantilla??

Me gustaría informarme acerca de este tipo de métodos...de como se hace una web a partir de una plantilla como esa...

Muchas gracias por la ayuda!
Un Saludo y Gracias!
  #2 (permalink)  
Antiguo 19/05/2008, 10:43
Avatar de Anya82
Colaborador
 
Fecha de Ingreso: noviembre-2007
Ubicación: tij.bc.mx
Mensajes: 1.269
Antigüedad: 10 años
Puntos: 196
Respuesta: web a partir de plantilla psd

hmm... dificil de explicar para mi, pero hare el intento.

Ya que tienes tu diseño en PSD, lo que tienes que hacer, es planear como se estructurara. Que partes seran imagenes, y cuales seran codigo. Como los colores de fondo, por ejemplo, o el texto, etc.

Despues, utilizando lineas guia y reglas de Photoshop, vas trazando tu esquema guia para poder cortar imagenes.

Cuando tengas esa estructura, utiliza el Slice Tool, que es una herramienta con un iconito de una navaja o exacto. Con ella, vas trazando los cuadros de las imagenes que necesitaras, apoyandote con tus lineas guia.

Una vez que tengas cortado todo tu diseño, te vas a File>Save for Web o File>Save Optimize as...
Ahi, puedes elegir imagen por imagen, y definirles que tipo seran (Gif, jpg, png, etc), asi como la calidad que tendran acorde a su tipo.

Guardas esas imagenes, y en la ventana que te aparecera para nombrar tus imagenes, en la parte de abajo, te pide elegir si quieres:

A) guardar solo HTML
Te guardara unica y exclusivamente las tablas formadas acorde a los cortes que hiciste con el Slice Tool

B) guardar solo IMAGENES

Te guardara unica y exclusivamente las imagenes cortadas segun tu uso del Slice Tool.

C) guardar IMAGENES yHTML

Te guardara tanto las tablas como sus imagenes acomodades segun tu uso del Slice Tool.


En el folder/carpeta que tu les indicaste para guardar tus imagenes, todas las nombrara igual, pero con el numero de corte (el numerito que aparece en un pequeño cuadro en cada imagen que cortaste) por ejemplo: pagina_01, pagina_02,.... pagina_n


Estoy en mi trabajo ahora, asi que no puedo dedicarle mas tiempo o hacer un tutorial con imagenes. Pero espero que te ayude en algo esto que te respondo.

Mucha suerte, y espero que otras personas tambien puedan ayudarte y/o complementar lo que publiqué.


__________________
¿Ya se enteraron? Grandes y maravillosas noticias... ¡Google no te cobra por búsqueda!

Última edición por Anya82; 19/05/2008 a las 11:07
  #3 (permalink)  
Antiguo 19/05/2008, 11:03
 
Fecha de Ingreso: mayo-2005
Ubicación: Vimianzo. A Coruña
Mensajes: 230
Antigüedad: 12 años, 6 meses
Puntos: 1
Respuesta: web a partir de plantilla psd

muchas gracias por la info!
  #4 (permalink)  
Antiguo 19/05/2008, 12:45
Avatar de roc2107
ɹopɐɹǝpoɯ
 
Fecha de Ingreso: febrero-2003
Ubicación: León Guanajuato
Mensajes: 4.834
Antigüedad: 14 años, 9 meses
Puntos: 109
Respuesta: web a partir de plantilla psd

También si quieres ahorrarte todo ese proceso puedes mandar tu archivo a http://www.psdahtml.com/ y ellos te mandan el html bien armado.

Saludos
__________________
Blog de Diseño Gráfico roc21.com || Exámenes

El secreto de la creatividad es saber esconder tus fuentes.
  #5 (permalink)  
Antiguo 24/06/2008, 18:22
Avatar de apisdev  
Fecha de Ingreso: junio-2008
Ubicación: Lima, Perú
Mensajes: 11
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: web a partir de plantilla psd

Oigan ese servicio de PSD a HTMl se ve interesante, pero creoq ue crear una web aprtir de un Archivo PSD en cuestión de práctica y conocimineto del codigo html yc omo dicen Anya82 hay que pensar en laestructura de la web, definir los bloques principales. cabecera menu, contenido central, barras laterales pie de pagina, luego debemos determinar que partes serán imagenes como bordes redondeados, marcos o textos muy elaborados como el titulo, logo, tutilos del a página que deseen poner con efectos es mejor hacerlso como gráficos, para la parte donde se ponen los contenidos es mejor usar un color o imagen de fondo desde nustro PSD y eltexto debe ser texto de HTML los botones podemos sacarlos tambein desde nuestro diseño en PSD. Yo a veces comparo el trabajo de hacer un diseño desde un PSD como un trabajo artesanal por que puedes optimizar mucho para que tu html sea liviano y siempre en lo posible 100% igual al diseño del PSD.

Practica y mas practica es lo que recomiendo.

saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 15:38.