Crear un fondo con líneas diagonales

Photoshop para crear un fondo para una página web compuesto por líneas diagonales.   

Vamos a ver como construir un tipo de fondo bastante utilizadorecientemente en páginas web que resulta muy sencillo de hacer y quetiene cierto gusto. Se trata de un fondo realizado con líneasdiagonales que ocupan toda la pantalla. No obstante, nosotros crearemosuna imagen muy pequeña, que no ocupa casi espacio en Kb. Al incluirlacomo fondo en una web se generará un mosaico y se podrán apreciar laslíneas diagonales.
   
El proceso no tiene ninguna dificultad. Empezamos creando un nuevodocumento en blanco. No tiene que ser muy grande, tal vez 150x150pixels, lo suficiente para no quedarnos cortos de espacio.
   
Seleccionaremos la herramienta de línea, que está agrupada junto a lasherramientas de formas, cuadrados, rectángulos, etc.

   
   
   
Luego haremos una línea en el documento que habíamos creado. Con ellose creará automáticamente una capa con forma de línea. La línea lapodemos hacer del color que se desee, dependiendo de nuestrasnecesidades. También podremos hacerla con distintas anchuras.Dependiendo de la anchura el efecto conseguido variará un poco.
   
Para nuestro ejemplo queremos que la línea tenga una inclinación de 45grados. Para ello, a la hora de pintar la línea en diagonal, pulsamosla tecla mayúsculas. Veremos como Photoshop nos ayuda a que la líneaquede con el ángulo deseado, pues siempre que se mantiene pulsada estatecla, los ángulos que permite hacer son de 0 grados, 45 ó 90 y suscomplementarios.
   
   
   
Ahora tenemos que duplicar la capa de la línea, para obtener variaslíneas. Lo haremos a través de la ventana de capas, pulsando con elbotón derecho del ratón en la capa a duplicar y seleccionando "Duplicarcapa...".
   
   
   
Luego trasladaremos un poco la posición de la capa duplicado. Tan sólounos píxel, pero los suficientes para que quede un espacio en blancoentre las líneas. Para mover una capa unos píxel será útil usar elcursor del teclado, con la herramienta de mover seleccionada.Repetiremos este proceso varias veces, de modo que queden una serie delíneas separadas a la misma distancia.
   
   
   
Una vez creada la imagen con las distintas líneas, vamos a acoplar suscapas, con el menú "Capa - Acoplar imagen". Con esto conseguimos quehaya una sola capa en toda la imagen.
   
Ahora viene el momento más delicado, que es obtener a partir de estaimagen una porción que permita hacer un mosaico perfecto para que en elfondo de la página tengamos líneas en diagonal por todas partes.
   
Para ello tenemos que hacer una selección cuadrada (con todos los ladosdel mismo tamaño) y fijarnos en un detalle. Tenemos que hacer laselección de manera que el píxel que hay en la esquina superiorizquierda corresponda con el píxel que habría a continuación de laesquina inferior derecha. Para hacernos una idea exacta, sería buenover la siguiente imagen.
   
   
   
Podríamos haber hecho la selección más grande, pero siempre teniendo encuenta que sea cuadrada y que haya una correspondencia entre el píxelde la esquina superior derecha de la selección y el que está en laesquina contraria, aunque por la parte de fuera de la selección.
   
Copiamos entonces la selección y la pegamos en otro documento, queguardamos con extensión .gif, que sería la más adecuada para este tipode imagen. Este archivo es el que utilizaremos como fondo de la página.
   
Ahora mostramos la imagen obtenida con este proceso. Como es muypequeña, para que se pueda apreciar, la hemos ampliado artificialmente,cambiando en el código HML los atributos width y height de la etiquetaIMG.
   
   
   
   
Autor: www.criarweb.com