Share
En este tutorial, crearemos un diseño de sitio texturizado combinando varias imágenes. Crear diseños de diseño web altamente texturizados es más fácil de lo que piensa. Puedes aprender a construir diseños de imágenes intensivas rápidamente. Para los diseñadores de Photoshop intermedios, la creación de este diseño tomará menos de una hora, y aprenderá algunos consejos profesionales en el camino. Empecemos!
Puede ver la vista previa de la imagen final a continuación.
Eche un vistazo al diseño del sitio que crearemos a continuación..
Nuestro editor de video, Gavin Steele, ha creado este video tutorial para complementar este texto + tutorial de imagen..
En este tutorial usaremos algunas imágenes de stock para crear un diseño web con una textura muy alta. Comencemos creando un nuevo documento con el siguiente tamaño: 1000 píxeles por 1000 píxeles.
Ahora siga adelante y descargue la textura de madera sin costura de Grafplus.com. Aquí puede encontrar el enlace de descarga: Descargar textura de madera sin costura. Abra "texture-small.jpg" en Photoshop y luego vaya a Editar> Definir patrón. Elija un nombre para su patrón y haga clic en Aceptar. Ahora puedes cerrar la imagen con la textura de la madera..
Seleccione la capa "fondo" y presione Comando + J. Este atajo duplicará la capa "fondo". Seleccione esta nueva capa y en el menú superior seleccione Capa> Estilo de capa> Superposición de patrón ... Use el patrón que creó hace unos segundos.
Use la herramienta Rectángulo para crear algunas barras verticales con diferentes colores /
Seleccione todas estas formas en la paleta de capas presionando la tecla Comando y haciendo clic con el mouse en cada capa). De esta forma seleccionarás todas las formas..
Cuando haya seleccionado todas las formas, presione Comando + E (este atajo combinará todas las capas en una sola). Cambie el modo de fusión a Color Dodge y el valor de Opacidad entre 40% y 50%..
Ahora es el momento de agregar otra gran imagen de stock. Visita grafplus una vez más y descarga la siguiente imagen: textura grunge. Coloque esta imagen en su documento en la parte superior. Vaya a Archivo> Colocar y seleccione esta bonita textura grunge.
Asegúrese de tener esta capa seleccionada y luego aplique una sombra paralela simple. Capa> Estilos de capa> Sombra paralela.
Use la herramienta Rectangular Marquee para hacer una selección como se muestra.
Asegúrese de tener la capa con la textura grunge seleccionada y luego presione Comando + J (este acceso directo creará una nueva capa a través del corte). Seleccione la nueva capa y gire la capa 180 grados (Edición> Transformar> Rotar 180. Coloque esta nueva capa en la parte superior del diseño con la herramienta Mover. Continúe y añada también su logotipo. Para este tutorial, estoy usando texto: "PSDtuts +."
Cambia el modo de fusión del logotipo de texto a Color Burn.
Usa la misma técnica para cortar algunos botones y un pie de página. Aquí podéis ver el resultado..
Si desea crear un botón distinto con otro color, debe seleccionar la capa con el botón que desea que sea único y luego presionar Comando + U para abrir la configuración de Tono / Saturación. Marque la casilla de verificación Colorear y mueva los controles deslizantes hacia la derecha o hacia la izquierda hasta que esté satisfecho con el resultado.
En el lado derecho, crea una forma blanca con la herramienta Rectángulo.
Use la herramienta Línea para crear algunas líneas finas y colóquelas sobre la forma blanca. El color utilizado para las líneas es # d3d1d2..
Seleccione la forma blanca y las líneas en la paleta de capas y luego presione Comando + E para fusionar todas las capas. Seleccione la herramienta Borrador y, con un cepillo pequeño y redondo, elimine algunas partes de la capa hasta que tenga una hoja de papel realista..
Ahora agregue los siguientes estilos de capa.
Utilice la herramienta de tipo horizontal para agregar texto. Usé la fuente Myriad Pro (la encontrarás en Windows 7 y Vista).
Ahora agregue otra imagen en el medio del diseño, y en el lado derecho de la imagen agregue dos flechas. Las flechas que encontrarás debajo de la herramienta Forma personalizada.
Junto con el archivo PSD, encontrará dos imágenes de archivo en los archivos de origen de Psd Plus para este tutorial. Por supuesto, si no eres miembro Plus, puedes buscar imágenes equivalentes en la web. La primera es una hoja, y la segunda es una flor roja. Abra ambas imágenes en Photoshop y elimine el fondo. Ambas fotos tienen una calidad muy alta de alrededor de 4000 píxeles, y puede eliminar el fondo con la herramienta Magic Eraser, o usar su método preferido.
Coloque la imagen con la hoja en el lado derecho del diseño debajo de la hoja blanca de papel.
Duplique la capa con la hoja varias veces y coloque estas hojas múltiples en diferentes posiciones como se muestra.
El último paso es colocar la flor roja sobre las hojas verdes..
Aquí esta el resultado final. Diviértete creando tus propios diseños de sitios de Photoshop altamente texturizados.
Accentsconagua