Crea un diseño para tu sitio web

Crea un diseño para tu sitio web

Aquí hay un tutorial para aprender cómo crear un hermoso diseño para su sitio web usando Tutsps y Photoshop.

Antes de comenzar, descargue el siguiente paquete, luego abra un nuevo 760 × 770 píxeles resolución 72 ppp color RGB de 8 bits

Agregue una capa de relleno de degradado yendo a Menú> Capa> Nueva capa de relleno> Degradado

Crea un kit de gráficos con Photoshop

Crea un kit de gráficos con Photoshop

Crea un kit de gráficos con Photoshop

Tomar la herramienta rectángulo redondeado (U) con un radio de 3px luego dibuja un rectángulo blanco como este

Crea un kit de gráficos con Photoshop

Dibuja otro rectángulo redondeado justo en el centro del otro más pequeño por solo dos o tres píxeles y rellénelo con gris claro #ebebeb

Crea un kit de gráficos con Photoshop

Crea una nueva capa (Ctrl + Mayús + N), recupere la selección de su último rectángulo colocándolo en él y luego vaya a Menú> Selección> Recuperar selección

Crea un kit de gráficos con Photoshop

Vuelva a la capa que acaba de crear y vaya a Menú> Filtro> Renderizar> Nubes

Crea un kit de gráficos con Photoshop

Reducir su opacidad a 23%

Crea un kit de gráficos con Photoshop

Dibuja rasgaduras con el pincel que encontraste en el paquete descargado en la parte superior

Crea un kit de gráficos con Photoshop

Importa la siguiente textura a tu documento

Crea un kit de gráficos con Photoshop

Cambiarla modo de fusión en embutido

Crea un kit de gráficos con Photoshop

Ahora con la herramienta de borrador (E) borrar toda la parte que sobrepase el rectángulo blanco

Crea un kit de gráficos con Photoshop

Seleccione todas las capas excepto la capa de relleno degradado y combínelas presionando Ctrl + E o yendo a Menú> Capa> Combinar capas, tomar la herramienta de borrador (E) y elimine las siguientes partes

Crea un kit de gráficos con Photoshop

Ahora ve justo encima de la capa de relleno degradado y crea una nueva capa (Ctrl + Mayús + N) y dibuja con el pincel floral así

Crea un kit de gráficos con Photoshop

Ahora crea una nueva capa y luego dibuja con ella la herramienta Pluma (P) una ruta de flecha en el lado izquierdo en la parte superior del rectángulo como este

Crea un kit de gráficos con Photoshop

Luego ve al » Pistas », Haga clic con el botón derecho ratón sobre camino de trabajo luego en fondo de la trama, elige el siguiente color para el fondo # 88e1ff

Crea un kit de gráficos con Photoshop

Crea un kit de gráficos con Photoshop

Duplique su flecha cuatro veces mientras reduce opacidad de estos para conseguir esto

Crea un kit de gráficos con Photoshop

Haz lo mismo para el otro lado y dibuja círculos con la herramienta de forma personalizada (U) para obtener el siguiente resultado

Crea un kit de gráficos con Photoshop

Crea un kit de gráficos con Photoshop

Ahora importe la siguiente imagen a su documento

Crea un kit de gráficos con Photoshop

Cambiarla modo de fusión en Producto

Crea un kit de gráficos con Photoshop

Con la herramienta de borrador (E) borrar las áreas que exceden

Crea un kit de gráficos con Photoshop

Luego dibuja un rectángulo como este

Crea un kit de gráficos con Photoshop

Aplicar las siguientes opciones de combinación en él

Crea un kit de gráficos con Photoshop

Crea un kit de gráficos con Photoshop

Crea un kit de gráficos con Photoshop

aquí está el resultado

Crea un kit de gráficos con Photoshop

Agrega tus textos para el menú

Crea un kit de gráficos con Photoshop

Dibuja dos rectángulos más Negro

Crea un kit de gráficos con Photoshop

Cambiar su modos de fusión en embutido y reducir sus fondos a 30%

Crea un kit de gráficos con Photoshop

Agrega algunas imágenes como esta

Crea un kit de gráficos con Photoshop

Finalmente agregue su logo y sus otros textos y aquí está el resultado final mientras espera otro tutorial para el corte y el diseño CSS / Xhtml

Crea un kit de gráficos con Photoshop

Rate this post

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio