Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: Error 404 en 14 Febrero 2006, 23:35 pm



Título: Duda en diseño de photoshop
Publicado por: Error 404 en 14 Febrero 2006, 23:35 pm
Bueno, He estado leyendo un tutorial(RPM) y en un momento de aburrimiento, Me puse a hacer un diseño (bastante feo) pero es solo para aprender, Ya despues hare unos mas guapos.
Pero bueno aqui la duda, Al dividir la web en sectores, Me queda uno donde quiero añadir el texto, Pero eso es lo que no puedo hacer en dreamweaver, Le doy click y me salen las propiedades, Alguien sabe como puedo hacer esa zona editable para añadir texto? Es el sector numero 7
http://img112.imageshack.us/img112/2484/sinttulo13xt.jpg


Título: Re: Duda en diseño de photoshop
Publicado por: Corso en 15 Febrero 2006, 01:41 am
Buenas.

Una vez que ya tienes dividido todo en el photoshop (con el slice tool, como as hecho), tiene que darle a:

Archivo>guarda para Web.

En lo que te sale, ponle el formato que kieras (jpg o Gif). Después pulsas guardar, y abajo, en los cajones donde pones el nombre, pues debajo del de nombre, si le das a la flecha, se despliegan tres opciones, pues marca la que ponga “Guardar html e imágenes”. Esto te generará un archivo .html.

Una vez que tengas esto, abres el dreamweaver, y Archivo>Abrir y abres el archivo .html que te generó el photoshop.

Pinchas encima de la imagen en la que kieres poner algo (texto por ejemplo), y le das a la pestaña Código.

Te saldrá algo como esto: <td colspan="8">
         <img src="Images2/LOQUESEA.jpg" width="308" height="108" alt=""></td>


Bien, pues lo que tienes que hacer es poner la imagen, como fondo de la tabla, para hacer esto, en el ejemplo que te e puesto pues haces lo siguiente:

<td colspan=8 BANCKGROUND=(y aki tienes que buscar en la carpeta IMAGES la que te genero el photoshop, la imagen que va en ese lugar, amos, la que tiene nombre LOQUESEA) </td>

Y después de esto, borras la línea anteriormente mencionada (<img src="Images2/LOQUESEA.jpg" width="308" height="108" alt="">).

Salu2.


Título: Re: Duda en diseño de photoshop
Publicado por: Error 404 en 15 Febrero 2006, 01:57 am
Algo asi?
Código:
<td colspan=8 BANCKGROUND="Images/Layout_07.jpg"></td>
Hasta ahi parece que funciono, Me sale una region editable, Algo asi.
http://img469.imageshack.us/img469/453/dibujo8qv.jpg
Pero al visualizarla en el navegador no se ve el texto.


Título: Re: Duda en diseño de photoshop
Publicado por: Corso en 15 Febrero 2006, 02:24 am
pero no pondrias tambien el 8 no?

Código:
<td colspan=8 BANCKGROUND="Images/Layout_07.jpg"></td>

ese 8 lo puse yo como ejemplo, tu tienes que dejar en numero que te pusiera el photoshop en el html que te gener (y ya me descojono si me dices que es que el photoshop le dió justo ese numero a esa tabla xD)

salu2.


Título: Re: Duda en diseño de photoshop
Publicado por: Error 404 en 15 Febrero 2006, 02:37 am
Listo!
Muchas gracias Corso ;D


Título: Re: Duda en diseño de photoshop
Publicado por: Maox en 25 Febrero 2006, 18:19 pm
desde photoshop se puede hacer que ese sector sea editable y agregar codigo o texto.... solo es ver la propiedad del sector y ponerle no imagen y aparecera un cuadro de texto y ahi puedes poner lo que quieras en vez de la imagen que estaba... pero como es este ejemplo querias que la imagen quedara como fondo, pues ahi si se tenia que crear la imagen de ese sector...y desde el dream weaver es muy facil de hacer... no he intentado intalar el golive a ver si es mas facil para trabajar con ps

/delete