Otra técnica para layouts

Con esta técnica usaremos una herramienta llamada Rebanador de imágenes. Acabo de aprenderla !!!!
La idea es muy simple: se confecciona una imagen con todos los adornitos que nos gusten y luego la rebanamos en tres bandas horizontales de modo que nos quedan las tres "cenefas" armadas en forma automática.

Vas a necesitar fondos, texturas, tubes, fuentes, algún adorno de scrap si lo deseas. Una sugerencia para las texturas o fondos que utilices: para que los cortes pasen desapercibidos, no es conveniente usar texturas con dibujos muy simétricos, o gradientes oblicuos. Ya te irás dando cuenta con la práctica.

Diseño de la imagen

Haremos uno juntos como para dar la idea, luego dejen volar su imaginación:

1. Abrir una nueva imagen de 800 x 800 pixeles, fondo transparente.
2. Rellenar con una textura a gusto.
3. Agregar una nueva capa de trama y rellenarla con otra textura a gusto o con color sólido.
4. Cambiarle el tamaño en un 90%.
5. Aplicar sombra negra con valores 0 / 0 / 85 / 20
6. Agregar una nueva capa y rellenarla con la textura del paso 2.
7. Cambiarle el tamaño en un 80% y aplicarle la misma sombra del paso 5.
8. Fusionar visibles.
9. Agregar tubes, adornos, texto a gusto tanto en la parte superior como en la inferior, dejando una zona central libre para luego poder escribir en ella.
10. Agregar marca de agua o sello personal. Fusionar visibles.

 

Rebanado

11. Ahora viene lo nuevo: Archivo > Exportar > Rebanador de imágenes. En la captura verás la ventana completa, luego la iremos viendo paso a paso:

Lo primero que vamos a hacer es teclear en la lupa para reducir la vista de la imagen hasta logar verla completa, un 15 o 20%.

12. En esa misma ventana, donde dice Herramientas, seleccionar el rebanador.

13. Una vez que tienes el rebanador seleccionado, pones el cursor a la altura de donde quieras hacer el primer corte y tecleas con el botón izquierdo del ratón. Luego colocas el cursor a la altura de donde quieras hacer el 2º corte y otra vez tecleas con botón izquierdo:

Si las líneas de corte no son las que pretendías hacer, teclea sobre la casilla "Borrar"

14. Controla que esté seleccionada la casilla Aplicar optimizaciones a la imagen completa.
Controla que esté seleccionada la opción JPEG para guardar las imágenes. Si se guardan en formato GIF que es el predeterminado, pueden aparecer medio borrosas las imágenes.

15. Teclea sobre "Guardar como", le pones un nombre y guardas como html en la carpeta abriste para este trabajo.

16. Teclea sobre Cerrar.-
17. Abre la carpeta donde guardaste el trabajo y verás que están las tres partes y una página web

18. Si lo deseas puedes renombrar cada parte llamándolas Superior, Fondo e Inferior. Subir las tres imágenes a un servidor.

Armado

Tal como hicimos en el tutorial anterior:
19. En el grupo abrir una Nueva discusión o una respuesta.
20. En la pantalla que aparece, teclear sobre el ícono de Insertar tabla.
21. En filas y columnas .... Filas = 3 y Columnas = 1
22. Teclear sobre Márgenes y espaciado.... en ambos valores, escribir 0 (cero)
23. Teclear en Bordes, en Ancho de bordes = 0 , como nuestra tabla no tiene bordes, el color no nos importa.
24. Teclear en Fondo. Vas al servidor donde tienes guardada la imagen, busca la llamada Fondo, copia la URL (si estás usando Photobucket debes elegir la que dice Direct link) . Vuelves a la tabla que estás armando y pegas esa dirección donde dice Justamente Dirección URL de la imagen de fondo
25. Teclea en Insertar tabla.
26. Copiar y pegar la imagen llamada superior en la 1ª fila de la tabla
27. Copiar y pegar la imagen llamada inferior en la 3ª fila de la tabla
28. Borra los espacios que se han creado por defecto (ver tutorial anterior)
29. Coloca el cursor en la 2ª fila y escribe tu texto. Ten en cuenta que no debes escribir muchas palabras en el mismo renglón para que no se escapen por los bordes.
Listo tu trabajo. Espero que la explicación haya resultado clara.