Diseño web crea un kit gráfico para tu sitio web

Diseño web crea un kit gráfico para tu sitio web

Aquí hay un tutorial muy agradable para profesionales y aficionados para crear su propio kit gráfico por qué gastar dinero en comprar un kit que no vale la pena entonces aquí está el buen trato con photoshop además 100% gratis

Crea un kit gráfico para tu sitio web

Para comenzar a abrir un nuevo documento desde 900 × 1000 píxeles

Con la herramienta Bote de pintura, rellene el fondo con azul oscuro # 003466

Tutorial para crear un kit de gráficos con Photoshop

Tomar la herramienta de degradado (G) y agrega un degradado más oscuro en la parte superior

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

Tomar la herramienta rectángulo redondeado (U) y dibuja un rectángulo grande en el color medio Radio blanco 10 px

Tutorial para crear un kit de gráficos con Photoshop

Dentro opciones de fusión de estos últimos aplican un brillo externo como este

Tutorial para crear un kit de gráficos con Photoshop

Ahora crea una nueva capa (CTRL + MAYÚS + N) y tomar la herramienta de marco rectangular y hacer una selección rectangular en el pie de página (Pie de página)

Tutorial para crear un kit de gráficos con Photoshop

hacer una degradado con la herramienta degradada con el siguiente color # 015263 de abajo hacia arriba así

Tutorial para crear un kit de gráficos con Photoshop

Ctrl + D para deseleccionar y luego mantener presionado CTRL presionado y haga clic en la capa de rectángulo redondeado grande para tener su selección

Tutorial para crear un kit de gráficos con Photoshop

Luego ve a Menú> Selección> Cambiar luego presione el botón eliminar para quitar la parte exterior del pie de página

Tutorial para crear un kit de gráficos con Photoshop

Escriba su texto o los derechos de autor del color de su sitio utilizado # 9b9b9b Fondo de capa 53%

Tutorial para crear un kit de gráficos con Photoshop

Aplica el siguientes opciones de combinación

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

Crea una nueva capa (CTRL + MAYÚS + N) y tomar la herramienta rectángulo selección e hizo una selección rectangular en el Encabezamiento (Encabezado de pagina)

Tutorial para crear un kit de gráficos con Photoshop

Haz un degradado con la herramienta degradada con el siguiente color #015263 de abajo hacia arriba así

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

Ctrl + D para deseleccionar y luego mantener presionado CTRL presionado y haga clic en la capa de rectángulo redondeado grande para tener su selección

Luego ve a Menú> Selección> Cambiar luego presione el botón eliminar para eliminar la parte exterior del encabezado lo mismo que hizo para el pie de página en el paso anterior

Llamemos a esta capa Encabezamiento

Dentro opciones de fusión agrega un esquema como este

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

Agregar texto para ilustrar el menú de Encabezamiento y aplicar los mismos opciones de fusión que los anteriorestexto de pie de página)

Tutorial para crear un kit de gráficos con Photoshop

hecho una selección rectangular el nivel de Encabezamiento justo encima de la palabra bienvenida en el siguiente ejemplo

Tutorial para crear un kit de gráficos con Photoshop

Hacer una degradado utilizando la herramienta degradada con el siguiente color

Tutorial para crear un kit de gráficos con Photoshop

Cambia la posición de esta capa debajo de la de la palabra bienvenida, pon el color blanca para texto

Tutorial para crear un kit de gráficos con Photoshop

Pon tu logo cquitado enfrente pongo un logo rapidamente

Tutorial para crear un kit de gráficos con Photoshop

Ahora agregue una foto profesional para el maestro en el medio

encontrarás imágenes similares aquí

sxc.hu y aquí Fotolia

ajústalo así

Tutorial para crear un kit de gráficos con Photoshop

Tomar la herramienta rectángulo y dibuja un rectángulo como este

Tutorial para crear un kit de gráficos con Photoshop

aplicar en él opciones de fusión siguiendo:

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

aquí está el resultado

Tutorial para crear un kit de gráficos con Photoshop

Ahora agregaremos un menú horizontal

Escriba su fuente de texto utilizada Estrangelo Edesa

Tutorial para crear un kit de gráficos con Photoshop

Relativa a la formas personalizadas aplicar las siguientes opciones de fusión

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

y ahí tienes

Haz lo mismo con todos los textos de este lado.

Tutorial para crear un kit de gráficos con Photoshop

Agrega también un mensaje de bienvenida

Tutorial para crear un kit de gráficos con Photoshop

Y finalmente agrega algo iconos para ilustrar el submenú

Tutorial para crear un kit de gráficos con PhotoshopTutorial para crear un kit de gráficos con Photoshop

Tutorial para crear un kit de gráficos con Photoshop

y aquí hay una gran plantillaKit gráfico) casera y además 100% gratis solo queda el corte con Css en otra parte y muy pronto en tutsps

Tutorial para crear un kit de gráficos con Photoshop

Deja una respuesta