Cómo Dibujar Un Sitio Web En Photoshop

Tabla de contenido:

Cómo Dibujar Un Sitio Web En Photoshop
Cómo Dibujar Un Sitio Web En Photoshop

Video: Cómo Dibujar Un Sitio Web En Photoshop

Video: Cómo Dibujar Un Sitio Web En Photoshop
Video: Photoshop Tutorial | DISEÑO HOME WEB RESPONSIVE | HOME RESPONSIVE WEBSITE DESIGN 2024, Noviembre
Anonim

Photoshop es una herramienta extremadamente poderosa y versátil. No solo es el editor de fotos más popular del mundo, sino también una utilidad para dar vida a todo tipo de ideas de diseño web. Además, Photoshop es muy adecuado para crear un diseño de una página web o incluso un sitio completo desde cero.

Cómo dibujar un sitio web en Photoshop
Cómo dibujar un sitio web en Photoshop

Instrucciones

Paso 1

Inicie Photoshop y cree un nuevo documento. Para hacer esto, presione la combinación de teclas Ctrl + N. Luego seleccione el modo "Gradiente" y llene el documento con cualquier combinación de colores. Lo principal es que la dirección del relleno es de arriba a abajo. Siempre puede establecer colores adicionales más tarde. Simplemente cree una nueva capa y use un pincel para pintar en el fondo. Para evitar confusiones más adelante, cambie el nombre de la capa que acaba de crear a Color.

Paso 2

Ahora texturice el fondo de la página para que el sitio parezca interesante. Elige la muestra que más te guste de las texturas que ofrece el programa. Por ejemplo, hojas o baldosas de piedra, imitación de ladrillos, se ven bien. Active el modo "Filtro" y aplique Grano de película artística. Luego Pixelate-Mosaic. Experimente con las opciones.

Paso 3

Una vez que haya logrado lo que desea, configure el modo Diferencia en la pestaña Modo de fusión. Pruebe diferentes valores de opacidad.

Paso 4

Prepare un trasfondo para el nombre del sitio y otras leyendas explicativas. Usando la herramienta Rectángulo redondeado (U) en una nueva capa, seleccione la forma negra, en el elemento Estilo de capa active el modo Sombra paralela. Ajusta la transparencia de la capa.

Paso 5

Para trabajar más, necesitará grupos de capas, así que mientras mantiene presionada la tecla Ctrl, presione los botones Ctrl + G en su teclado. Seleccione todas las capas que se han creado hasta ahora y asígnelas al grupo Fondo. También necesita crear dos grupos anidados más. El grupo principal se puede llamar Inicio y el interno, Logotipo.

Paso 6

Escribe el texto del encabezado del sitio. Haga clic en la herramienta Texto y cree una inscripción en una nueva capa creada en el grupo Logotipo. Pruebe diferentes valores para los parámetros de Estilo de capa. A continuación, cree otra capa y muestre la información de texto en cualquier color adecuado.

Paso 7

Cree botones importantes específicos del sitio, como iniciar sesión e iniciar sesión. Esto requiere un grupo de capas, al que puede llamar así.

Paso 8

Utilice la herramienta Marco rectangular, luego la herramienta Degradado para llenar el área seleccionada del documento de abajo hacia arriba con un degradado de denso a transparente.

Recomendado: