Photoshop Página Web Tutorial Antecedentes

Cuando se crea una página web, puede introducir en un color estándar para el fondo o puede utilizar Adobe Photoshop para crear una imagen para insertar como el fondo. La última opción es mejor si usted quiere que su nueva página web sea más agradable a la vista de los visitantes. Una de las maneras más fáciles de crear su página de fondo de la web en Photoshop es utilizar el método de mosaico.

Ajuste el tamaño

En primer lugar, abrir un nuevo archivo en Adobe Photoshop. Crear un archivo que está dimensionada para ser verticales, tales como 40 píxeles de ancho y 1000 píxeles de largo, horizontal (a la inversa, como 1000 píxeles de ancho por 1000 píxeles), o cuadradas (tales como 500 por 500 píxeles). Esto va a ser su azulejo. Este fichero será la base de su nuevo fondo de la página web.

Crear su patrón

A continuación, cree un patrón dentro de su archivo de azulejos. El patrón puede ser líneas, puntos o incluso pequeña foto. En primer lugar, vaya a "Editar" y luego "relleno" para establecer el color de fondo de la baldosa. A continuación, iniciar la creación de su patrón. Tenga en cuenta que cuando se va a crear su patrón, el patrón tiene que estar centrado si quiere que se vea transparente.

Para crear un patrón rayado, seleccione la "Herramienta de línea" de la barra de herramientas de Photoshop. Mantenga pulsada la tecla de mayúsculas para mantenerla recta y tire de ella hacia abajo para crear su primera línea. Ajuste las líneas (se puede girar a ser diagonal si lo desea) y cambiar el color de la línea como mejor le parezca. A continuación, puede crear líneas duplicadas (clic derecho en la línea en la barra de herramientas "Capas") o más líneas dibujadas manualmente. A continuación, el espacio que sin embargo lo desea.

Para los lunares, elija la opción "herramienta Elipse" en la barra de herramientas de Photoshop (esto es bajo el botón "herramienta de línea" en la barra de herramientas). Para cuadrados, utilice la "herramienta de rectángulo." Para triángulos u otra forma, tendrá que utilizar la "herramienta de forma personalizada." Crear capas duplicadas y la línea hacia abajo la baldosa, una después de la otra.

Si desea baldosas de su fondo con una imagen, abra la imagen y el tamaño para que quepa el ancho de su azulejo. A continuación, pega la vuelta en su azulejo y hacer duplicados.

Como atajo, crear tres líneas, puntos, cuadrados, imágenes u otros elementos, y luego fusionar todas las capas abajo en una sola. Ahora se puede copiar y pegar que una capa que contiene los tres elementos tantas veces como desee. Esto ayudará a ahorrar tiempo la creación de su patrón de mosaico.

También se puede simplemente llenar el archivo de baldosas con una textura. Ir a "Filtro" y luego "Textura" en el menú de Photoshop.

Guardar, cargar y Código Insertar

Cuando haya acabado de realizar su azulejo, guardarlo como un archivo JPG o GIF en modo RGB ( "Imagen" y luego "Mode" en el menú de Photoshop). Ahora se puede transportar este archivo al administrador de archivos de su sitio web y hacer referencia a ella en el cuerpo de la etiqueta en su codificación. Vamos a suponer que usted nombró el archivo "tile.gif" y lo colocó en su directorio HTML pública.

Crear sus etiquetas del cuerpo. Utilizar el código para generar su azulejo: <= fondo cuerpo tile.gif> (no dude en añadir otros atributos de la etiqueta del cuerpo como mejor le parezca). Asegúrese de cerrar el cuerpo de la etiqueta (</ body>) cuando haya terminado de crear su página web.