Como exportar plantilla psd de Oscommerce despues de ser modificada

[calheb]

Hola chicos una pequeña pregunta he modificado una plantilla de oscommerce desde su archivo psd ahora quisiera saber cual es la manera correcta de exportar cada archivo desde el psd para que funcione correctamente muchas gracias

Toda ayuda que me puedan brindar la tomare muuuuy en cuenta

[calheb]

Una vez haya hecho todos los cambios necesarios a su plantilla web usando Adobe Photoshop deberá actualizar sus documentos HTML.

Primero deberá conocer agunas cosas básicas sobre Adobe Photoshop. Cada capa en un fichero PSD representa una imagen o fondo en un documento HTML. Las capas en los ficheros PSD están marcadas por rentangulos azules. Si por cualquier motivo no puede ver las capas debela elegir Ver/Mostrar/Capas... del menú superior. Para manejar las capas deberá usar la herramienta correspondiente del panel de herramientas (pulsación abreviada "K"). Realmente hay dos herramientas de capas en el panel: Herramienta Capa y Herramienta para Seleccionar Capa . Use las teclas "Mayúsculas + K" para cambiar entre ambas herramientas. Todas las capas necesarias se encuentran ya colocadas en el fichero PSD incluido en el paquete de la plantilla por lo que sólo necesitará la herramienta de Seleccionar Capa.

Antes de actualizar las imágenes usando 'Guardar para la Web' deberá asegurarse que la capas que quiere guardar no se solapan otras capas. Por ejemplo, una capa de gran tamaño de fondo puede contener capas más pequeñas de imágenes de botones. Así que, antes de guardar una capa deberá ponerla al frente. Para hacerlo, deberá seleccionarla usando la herramienta Seleccionar Capa. Vaya al panel de opciones en la parte superior de la pantalla. Si por cualquier motivo no puede verlo, deberá hacer que aparezca seleccionando del menú superior Ventana/Opciones. A la izquierda verá los botones del orden de capas: Traer al Frente, Traer Adelante, Enviar Atrás y Empujar hacia Atrás. Pulse sobre el botón Traer al Frente para poner esa capa la primera. Si necesitara actualizar en el futuro, por ejemplo, la capa de una imagen pequeña deberá Empujar hacia Atrás esta capa grande para ver la capa pequeña.

Botones de Orden de las Capas

Como debe saber cierto texto se representa como texto plano en HTML, así que, antes de guardar imágenes contenido dicho texto deberá ocultarlo. Para ello, deberá seleccionar la capa que contenga dicho texto.

La forma más de hacerlo es pulsar sobre esta imagen mientras mantenemos pulsada la tecla "Ctrl". Pero si existe una capa transparente sobre esta imagen tendrá dificultades. Se seleccionará la capa transparente superior en vez de la que contiene su imagen.

para ver el contenido de la capa seleccionada haga lo siguiente. Vaya al panel de capas y elija Ventana/Capas si por cualquier motivo no puede verlo. Encuentre la capa que aparezca destacada en la lista de capas. Esta es la capa actualmente seleccionada. A la izquierda de su nombre podrá ver un icono como un "ojo". Pulse sobre el para ocultar/hacer visible esta capa y vea que texto desaparece en la imagen. Si es el texto que quiere ocultar, está en el camino correcto. Si no, use la forma alternativa para seleccionar la capa con la imagen apropiada.

Pulse con el botón derecho del ratón sobre la imagen. Aparecerá la lista de capas. Pruebe eligiendo otra capa. considerando que las capas de texto tienen el mismo nombre que su contenido. Use el procedimiento descrito antes para asegurarse que ha seleccionado la capa adecuada.

Si ha seleccionado la capa adecuada ocúltela pulsando el icono "ojo".

Ahora es el momento de actualizar sus imágenes usando Guardar para Web.

Del menú superior elija Fichero/Guardar para Web... o use la combinación de teclas "Ctrl+Alt+May+S". Aparece la ventana de Guardar para Web.

En esta ventana puede cambiar las opciones de optimización de las imágenes. En realidad, nuestro diseñador ha establecido estos valores para la mejor relació calidad/tamaño. Pero si desea que su web se cargue con más rápidez puede disminuir la calidad de la imagen. Seleccione la capa con la herramienta de seleccionar capas. A la derecha ve el panel con las opciones de optimización. Puede cambiar los valores de calidad para el tipo JPEG, de imagen o colores para GIF e imágenes para PNG.

Ahora selecciónela capa que desea actualizar pulsando sobre ella con la herramienta seleccionar Capa. Si desea actualizar varias capas de una sola vez puede seleccionar múltiples capas manteniendo pulsada la tecla "May".

Opciones de Imagen

Cuando haya seleccionado las capas que quiere actualizar pulse el botón Guardar en la esquina superior derecha de la ventana de guardar para web. Le aparece la ventana Guardar Optimizado Como.

Navegue hasta la carpeta HTML de su plantilla de diseño web. Cambie la opción Tipo de Fichero a Sólo Imágenes y Capas por Capas Seleccionadas. Las otras opciones pueden dañar la estructura HTML original.

Ventana Guardar Optimizado

Si todo se hace correctamente, aparecerá una ventana para confirmar la acción. Confírmela.

Confirmar Re-emplazo

Si tal ventana no apareciese, asegúrese de estar guardando las imágenes en la carpeta adecuada. Compruebe también el nombre de la capa pulsando dos veces sobre ella. El nombre y tipo de imagen debe ser como la imagen en HTML.

Ahora es el momento de ver los cambios que ha hecho. Vaya a la carpeta HTML de su plantilla de diseño web y abra el fichero HTML para ver los cambios.