“Conocimientos software>Photoshop

Cómo diseñar páginas web con Adobe Photoshop

2011/5/12
Si usted tiene una copia de Photoshop, se puede utilizar el diseño de su página web y luego añade tu contenido. Esto tiene la ventaja de que le proporciona acceso a todas las herramientas de Photoshop como a construir su página. Instrucciones
1

Decida cuáles son los elementos que le gustaría en su página, como las imágenes o la posición y el aspecto de los botones de navegación . Cargar imágenes que va a utilizar en el ordenador.
2

Abrir Photoshop. Seleccione "Archivo " en el menú y haga clic en " Abrir ". En el diálogo que aparece , cambie el signo "? " a " web". Desde el tamaño de "Presets" por debajo de este , seleccione el tamaño de la página Web que desee, como 1024x768 píxeles o 800x600 . Cambiar el " fondo" en "Transparente ". Haga clic en " Aceptar".

3 Haga clic en el botón " Nueva capa " por debajo de la paleta de " Capas " . Seleccione la herramienta " Pluma " de las herramientas. Ir a las opciones en la parte superior y establecer el modo de herramienta para "Fill ". Elige el color que quieres para ti bandera.
4

Haga clic para colocar el punto en el que desea una esquina de su bandera. A continuación, haga clic tres veces más para crear las otras esquinas . Use las " reglas " para asegurarse de obtener las posiciones de la derecha .

5 Repita los pasos 3-4 para crear todas las otras formas que necesita, incluyendo los botones de navegación .
6

Seleccione una de las capas con un botón de navegación gráfica en el mismo. Haga clic en el botón "FX " que se encuentra en la parte inferior de la paleta de " Capas " . En las opciones , elija " bisel y relieve ". En el cuadro de diálogo que aparece, seleccione " Bisel interior . " Ajuste los valores hasta que le guste el efecto en la vista previa . Haga clic en " Aceptar".
7

Haga clic en la capa actual . En las opciones , elegir la opción " Copiar estilo de capa ". Haga clic en cada una de las otras capas del botón. En las opciones , elegir la opción " Pegar estilo de capa. "
8

Seleccione "Archivo " en el menú y seleccione " Abrir". En el cuadro de diálogo que aparece, busque una de las imágenes que ha cargado y abrirlo. Haga clic en la capa y seleccione " Duplicar capa " de las opciones que aparecen. En el cuadro de diálogo , hacer que el documento de una página Web del " Destino ". Repita este proceso con todas las otras imágenes.
9

Volver al documento de la página Web y utilizar la función "Escala " (que se encuentra en " Editar" ) para cambiar el tamaño de las imágenes a lo que usted quiere para el página. A continuación, utilice la herramienta "Mover" para colocarlos .
10

Seleccione la función " Tipo " de las herramientas. Seleccione el tamaño de fuente y el color que desee y escribir todo el texto , que incluye tanto el texto principal de la página, así como el texto de los botones y de la bandera.
11

Utilice " Slice" herramienta para dividir el diseño en secciones. A continuación, haga clic en cada sección y el nombre .
12

Seleccione "Archivo " y seleccione " Guardar para Web y dispositivos . " En el cuadro de diálogo que aparece, seleccione GIF como el tipo de archivo y haga clic en " Guardar". El diseño de su página Web se guardará como secciones individuales de imagen ahora se puede montar en un editor de páginas Web.

Photoshop
Cómo dibujar una línea recta en Photoshop
Cómo hacer una firma en Photoshop CS2
Cómo hacer que las burbujas de agua en Photoshop CS3
Cómo cambiar de color con la herramienta Varita mágica de Photoshop
Cómo cambiar la paleta de colores de un Sprite en Photoshop
Haciendo GIFs animados en Photoshop
Cómo dar vuelta a algo alrededor de Photoshop
Cómo hacer un Anchura del cabezal completo en Photoshop
Conocimientos Informáticos © http://www.ordenador.online