amplia gama de herramientas creativas de Adobe Photoshop hace posible el diseño de un sitio web totalmente personalizado con posibilidades creativas ilimitadas. Si se va a poner en marcha un sitio web personal, de negocios o de la comunidad , Photoshop tiene todo lo que necesita para crear su diseño. En pocas palabras , el proceso de diseño de un sitio web en Photoshop consiste en crear una página como una imagen, dividiendo la página en pedazos , y luego volver a montar la imagen en una página web totalmente funcional con un constructor de sitio web . El constructor de sitio web combina imagen y código para crear un sitio web completamente funcional. Instrucciones
1
Scan e importar una imagen a Photoshop , si usted tiene uno. De lo contrario , cree un nuevo documento. Utilice su idea de diseño para comenzar la construcción de su diseño. Crear una nueva capa en la paleta Capas , agarra la herramienta Bote de pintura , elija su color de fondo y volcar el color sobre el lienzo .
2
uso rectángulos como marcadores de posición para bloquear los espacios para una cabecera , la navegación barras y botones , imágenes , áreas de contenido , etc Crear una nueva capa por un rectángulo dado , agarra la herramienta de selección , arrastre un rectángulo del tamaño apropiado y la llenan de color con la herramienta Bote de pintura.
3
" Concretar " los elementos individuales del diseño de su página web. Reemplace sus marcadores con estos elementos . Ponga cada elemento en su propia capa , también. Coloque una imagen de fondo , si usted decide trabajar con una. Esta capa debe ser segundo de la parte inferior de la pila y en la parte superior de la capa de color de fondo . Crear un titular de página utilizando cualquier combinación de fotografías , la ilustración y el texto . Cree los logos , botones de navegación y gráficos que se requieren para su página . Rellene las áreas de texto con su propio texto o " lorem ipsum " copia por el acaparamiento de la herramienta de texto , colocando el texto en una nueva capa, y la edición a través de la configuración de párrafo en el menú desplegable de la ventana .
4
Hacer la composición de la página equilibrado y agradable a la vista . Incluir elementos comunes dentro de las diferentes áreas del diseño de páginas para crear una sensación de fluidez . Haga que cada elemento de la página se vea como que pertenece y coincide con la página .
5
Duplicar el lienzo cuando esté satisfecho con el diseño de su página web. Haga clic en el menú desplegable de capas y seleccione " Acoplar imagen ". Divida las diferentes áreas de contenido de la página y separarlos en archivos de imagen individuales. Coge la herramienta de selección , arrastre un rectángulo alrededor de un elemento gráfico , haga clic derecho y seleccione " Copiar". Pegue esta copia en un nuevo archivo de imagen y recortar la imagen a los bordes del elemento visual. Repita este paso para todos los elementos de la página y guardar cada archivo en un formato de imagen Web de usar.
