martes, 8 de mayo de 2012

¿Cómo hacer un layout? 2ª parte

*Para ver la primera parte, clickea Aquí.

Comenzando a hacer cada parte...

Lo primero, elegir el tamaño de Ancho que tendrá el layout, esto es importante al taner en cuenta que si pones una imágen de mayor Ancho que el layout cuando estés escribiendo tu QuiénSoyYo, se agrandará y quedará mal...

El tamaño que yo utilizo es 540pixeles de Ancho, este es más comodo para poder poner imágenes medianas (si haces más pequeñas las imágenes grandes o muy grandes no se verá "fea").

Cabecera:
A la cabecera se la puede dividir en 3 secciones.

La sección de arriba es para darle un inicio al layout.
La sección del centro es donde se nota la imágen que define al layout.
La sección de abajo es la más importante, ya que une la cabecera con el fondo.

Fondo:
Es el más simple de las partes, pero si no tienes cuidado se te puede complicar.
Para este, hay que tener mucho cuidado, no solo porque une a la cabecera y al pie, sino también porque este se repite verticalmente para alagar el layout a medida que uno escribre.

Si el layout que se está haciendo es de bordes irregulares, recomiendo hacer el fondo de un Alto entre 150 pixeles y 30 pixeles, en forma espejo vertical para que se una correctamente con la cabecera y el pie siempre.
Ejemplo:


Si el layout que se está haciendo es de bordes regulares, el fondo deberá tener los bordes (derecha, izquierda) rectos para unirse correctamente con la cabecera y el pie.
Ejemplo:


Hay que tener cuidado con las imágenes grandes, porque fondo se repetirá horizontalmente...

Pie:
El pie, puede ser igual que la cabecera (como en ejemplos anteriores) o, en vez de dividirlo en 3 secciones, solo dividirlo en 2.

La sección de arriba se unirá con el fondo.
La sección de abajo le dará un cierre (fin) al layout.

Cuando haces esta división (en 2) puedes o no ponerle texto...

Creo que esto es sufieciente como para comenzar a hacer layouts. Fácil, ¿no?

Recuerda siempre, que el layout que estés haciendo dependerá completamente de ti cómo luzca, pero con practica cualquiera aprende... Así que si haces un layout gracias a este tutorial compartemelo *w*, que me encanta que la gente sea creativa n.n jej

Cualquier duda, preguntan :)

Luck & Cute Days!

*Continua en la tercer y última parte, click AQUI.
Si copias este tutorial a tu página o web, da créditos.

9 comentarios:

  1. Muy bueno el tutorial, mipregunta es: Que programa puedo utilizar para simplemente hacer se escriba en el fondo, si me respondes la pregunta sere la persona más feliz!! gracias!! (en ohmydollz soy Mai-star)

    ResponderEliminar
    Respuestas
    1. Para poder escribir en el layout, primero tienes que tener las partes en imágenes listas y subidas a internet, y completar un código en tu QS n.n
      Para más info lee la tercer parte:
      http://bleiy-omd.blogspot.com.ar/2012/07/como-hacer-un-layout-3-parte.html

      Eliminar
    2. yo pregunto lo mismo en que pagina

      Eliminar
  2. yo no entiendo..... como se pone base??? No entiendo nada.....

    ResponderEliminar
    Respuestas
    1. Te refieres al centro?? Eso se coloca con el código que está en la parte 3 del tutorial ^^

      Eliminar
  3. de que tamaño es la imagen de arriba? si es 540 pixeles de una parte, cual es la otra? sorry si no logra ser comprensible ñ.ñ

    ResponderEliminar
  4. El ancho de todas las imágenes debe ser igual (en este caso 540 pix)...
    El alto de cada una dependerá de cada persona :) Yo por lo general a la cabecera la hago con un alto entre 400p y 500p

    ResponderEliminar
  5. Y en que programas se pueden hacer layouts?

    Atte:Magyeee

    ResponderEliminar
    Respuestas
    1. Hola, Magyeee~
      Se puede utilizar programas como Photoshop, Photoscape o cualquier editor de imágenes similar a estos =D
      Saludos n.n

      Eliminar

♥ Comenta! Tu opinión es importante~ ♥

Reglas:
♦ No SPAM ♦
♦ No insultar o faltar el respeto ♦
♦ Da los debidos créditos si tomas algo ♦
♦ No comentar como Anónimo ♦
♦ Usar opción Nombre/URL, no es necesario colocar URL ♦
♦ Si eres de OhMyDollz, utiliza el nombre de tu dollz ♦

data:newerPageTitle data:olderPageTitle data:homeMsg