Internet
Mostrar más instrucciones
1
Abra un nuevo archivo en Photoshop.
2
Utilice muchas opciones de diseño de Photoshop , visibles como botones a la izquierda y derecha del documento , para el diseño de su sitio web. Utilice muchas herramientas de la forma del programa (por ejemplo, la herramienta Rectángulo , la herramienta Polígono y la Herramienta Elipse ) para crear páginas o el menú fondos o reflejos de fotos o texto . Hablando de texto, Photoshop normalmente incluye cientos de fuentes, cada uno capaz de ser manipulado en diferentes formas utilizando la paleta de caracteres . El color puede ser manejado usando la paleta de colores , y se manipula más a través de Photoshop de balance de color , brillo y contraste , y las opciones de los niveles. En resumen , hay un sinnúmero de opciones a la hora de diseñar su sitio.
3
Guarde el diseño como un documento de Photoshop .
4
Guardar el diseño - - de nuevo . Esta vez guardarlo con un nombre diferente . Ahora debe tener dos documentos idénticos con diferentes nombres . El primero es el documento de respaldo. Cierre ahora , por lo que sólo su segundo documento está abierto .
5
Haga clic en " Capas ", luego seleccione " Acoplar imagen " en el menú desplegable. Cada componente del documento en Photoshop está dispuesto como una capa , aplanando la imagen combinará todas las capas en una sola --- un paso necesario antes de cortar el diseño para que sea práctico para un sitio web
6
Haga clic en el color de fondo ( en la parte inferior izquierda) y seleccione un color que choca evidentemente con su diseño ( por ejemplo, si su diseño es azul claro y blanco , es posible seleccionar un color verde oscuro ) . La razón se pondrá de manifiesto en el paso 7 .
7
Utilice la herramienta Marco Rectangular ( a la izquierda) para seleccionar una parte de su diseño de "cortar ", como usted planea organizar en HTML. Copia este , presione Eliminar ( la pieza será sustituida por el color de fondo que ha seleccionado en el paso 6 ) , a continuación, seleccione "Archivo" y "Nuevo". Pulse Enter . Un nuevo documento se abre que es exactamente el mismo tamaño que la selección que acaba de copiar . Pegar en este nuevo documento .
8
Haga clic en " Archivo", luego " Guardar para Web y dispositivos " para guardar la pieza como un archivo gif . Gifs cargan más rápido que otros tipos de archivos, incluso JPEG, por lo que son óptimas para gráficos web .
9 Repita los pasos 7 y 8 con el resto de su diseño, teniendo en cuenta que si usted quiere que su texto sea seleccionable en línea, usted tiene que insertar el texto íntegro en el código HTML en lugar de un gráfico con texto en él . Utilice el color de fondo chocando como una guía para lo que se ha copiado y pegado ya , preservando así exactamente el tamaño adecuado de cada pieza. Cargue su diseño, pieza por pieza, en el servidor de su sitio web.