Diseñar Un Sitio Web Unico y Exclusivo [Photoshop]

Paso 1

Crear un documento nuevo (1000X800px). Crear una nueva capa de su trayectoria y llenarlo con el color #E3D4B9.

Paso 2

Ahora pegue una imagen de papel rayado, la foto la he sacado del Conjunto de imagenes de PSDFAN. Recorte el papel a través de su herramienta de varita mágica y, a continuación, hay que ir a Imagen> Ajustes> Desaturar. Luego aplique la configuración de la Caída Sombra, como se muestra a continuación:

Paso 3

Ahora hay que agarrar algunas imágenes de nuestra colección Grunge Essentials Pack. Empezar poniendo algunas manchas de café sobre el papel con rayas, a continuación, para asegurarse de que sólo se mostrará en mi papel y no mi fondo selecciono mi capa de papel, haga clic en alguna parte alrededor de él utilizando la herramienta de varita mágica, a continuación, seleccione mi capa y las manchas de café y presino Supr. Reducir la opacidad de las capas de su mancha de café al 25%. Ahora la posición sobre un clip de imagen al lado de su papel y usar su herramienta de lazo para cortar la parte del clip que debería estar detrás de el papel. Luego le dan un descenso sutil sombra. Luego pegar en las imágenes de la cinta adhesiva (también de nuestro grunge pack). También el puesto instalado en la imagen que, aunque el siguiente paso le explicará cómo hice esto con más detalle. Por último, he añadido algo de texto a mi correo la nota (fuente: Dakota escritura).

Algunas referencias

Grunge diseño tiene que ver con montaje de imágenes muy bien juntos. Para hacer la mezcla de la cinta adhesiva con el resto de mi diseño he reducir la saturación de la imagen a -45 (imagen> ajustes> tono / saturación). También reducir la capa de cinta adhesiva a la opacidad de 90% para dar la ilusión de un poco las variaciones en la superficie que cubre. Puesto que para mi imagen que alteró drásticamente la saturación y luminosidad / oscuridad con el fin de encajar bien con mis otros elementos grunge.

Otro consejo para diseño grunge es variar sus elementos visuales. Es aceptable utilizar las mismas imágenes una y otra vez, pero no puede hacer que se busca exactamente el mismo. Con cada uso de mi imagen de cinta adhesiva He intentado cambiar el tamaño / rotar un poco, así como alterar sutilmente el brillo / saturación. Esto ayuda a crear la apariencia general desordenado de grunge.

Paso 4

Después de pensar en cómo los diferentes elementos encajan bien juntos, no pude evitar notar la forma en que la imagen de papel rayado parecía ser un poco plana en blanco y negro. Para darle un tinte de color fui a Imagen> Ajustes> Equilibrio de Color y se aplican los valores que se muestran a continuación. Esto permitió a la mezcla con otros elementos mucho mejor.

Paso 5

Ahora me agarro una imagen de nuestro High-Res Solar Set. Me pega para que el centro de la Sunburst está detrás de mi puesto que la imagen. Para eliminar las partes de la superposición de mi papel de rayos de Sol selecciono mi capa de papel, haga clic fuera de ella usando la varita mágica y, a continuación, seleccione la capa Rayos de Sol y pulse borrar. Asimismo, seleccione cada uno de los agujeros en la parte superior de la imagen de papel y repita el mismo paso. A continuación, ajuste la capa Rayos de Sol en modo de capa de la mezcla de "color de quema 'y reducir la opacidad de la capa a un 8%. Esto logra un fresco tipo de efecto de acuarela.

Paso 6

Ahora crear un nuevo documento y dibujar un cuadrado alrededor de marrón oscuro en el centro de la imagen. Con su plaza, seleccione para seleccionar ir> modificar> contrato y contrato de su selección por 10px, luego pulsa borrar para dejar una especie de marco. Luego agarra tu cepillo de goma y borrar su marco marrón acuarela utilizando un pincel a baja opacidad. Ahora agarra la imagen que desea poner en su marco y el tamaño y cultivos para que se adapte.

Paso 7

En su documento marco de ocultar su principal blanco capa de fondo y luego ir a capa> combinar visibles fusionar su marco y de la imagen. A continuación, copie la imagen fusionada de nuevo en su documento original. Repita esta etapa utilizando diferentes imágenes hasta que usted tenga sobre 3 en la ventana principal de diseño. La ventaja de crear tus imágenes en un nuevo documento es que se puede cambiar fácilmente la imagen que se enmarca y luego fusionar / copiar esta de nuevo en su diseño original. Asimismo, añade un texto y una flecha encima de estas imágenes.

Paso 8

Ahora pegar en otra imagen de nuestro Conjunto de texturas de papel en la parte inferior del diseño. Asegúrese de crear una nueva capa debajo de su principal conjunto de papel rayado zona, como queremos que esta sección se sitúa por debajo de esa zona. Mezclar muy bien con el fondo me puse la capa de mezcla a modo de 'quemar lineal y lo redujo a la opacidad de 30%. También aplica la sombra interior ajustes se muestra a continuación para dar el efecto de profundidad.

Paso 9

Esta parte es realmente a su creatividad. Uso de texturas de papel ya que muchos como usted puede encontrar comenzar pegar pedazos de papel en todo su diseño. Asegúrese de hacer que se mezclan muy bien las imágenes mediante el ajuste de colores / lightnesses. También me pega en mi imagen de cinta adhesiva unas cuantas veces más para contribuir al fondo, pero asegúrese de mantener la opacidad baja para que no fue abrumadora. El truco es combinar el mayor número posible de imágenes sin demasiado ocupado o de distracción. Es mejor mantener la opacidad de las capas más bajas de verdad, como entonces, usted puede crear una grungy realmente sienten sin menoscabo de sus áreas de contenido.

Paso 10

Ahora debo añadir algunos detalles más, como más manchas café / clips y añadir la etiqueta de mi Grunge Essentials Pack. Por último, añadir texto a la etiqueta, simplemente escribiendo y, a continuación, se va a editar> transformar> rotar y la instalación correctamente.

Paso 11

Ahora para crear el menú del sitio. Yo a mi tipo de menú a más de la hoja de papel debajo de mi etiqueta. Luego usar mi herramienta de línea y formas personalizadas herramienta para crear líneas divisorias y las flechas al lado de mi menú de enlaces. Lo bueno de grunge diseño es que a menudo las cosas no tienen que ser demasiado preciso. Al establecer sus flechas y líneas que no tienen que preocuparse de todos ellos es el mismo tamaño o la alineación de todos perfectamente, sólo sacar fuera lo más rápida y más o menos como te gusta. Por último, unir todas sus flechas en una capa y, a continuación, todas las líneas de su separación en una sola capa. Coge un poco de opacidad, pincel de acuarela de borrar y borrar partes fuera de sus líneas / flechas para crear un aspecto más grungy.

Paso 12

Pegar en una bonita imagen sobre su papel con rayas, asegúrese de que esta nueva posición por debajo de la capa de publicar su capa y la imagen en miniatura capas. Ya basta usar la varita mágica técnica ya se ha explicado anteriormente. A continuación, establezca el modo de capa de mezcla a "duros luz y reducir la opacidad al 70%. Finalmente utilizar un pincel de acuarela goma para borrar la parte inferior / parte de su imagen en un estilo desordenado.

Paso 13

El diseño es bastante bueno viendo hasta ahora, pero siente que carece de estructura, especialmente en el área superior. A pesar de diseño típicamente grunge es muy desordenado, esto no significa que carece de estructura. Algunos de los mejores diseños grunge todavía bastante rígidas estructuras de la aplicación, simplemente, porque ayuda a atar un diseño bien juntos. En ese caso he elegido la creación de 2 barras oscuras que cruzan mi diseño. Esto puede ser bastante simple de hacer, pero realmente ayuda a la disposición, como ya se carece de una verdadera forma o definición. Las dos líneas para la creación de planos a lo largo de los ojos y ayudar a enmarcar las imágenes desordenado en el resto del diseño. Recuerde - desordenado no significa no estructurados.

Paso 14

Ahora debo seguir para crear un boletín de registro de la zona debajo de mi menú. Las técnicas son bastante explica por sí misma al ver la imagen a continuación, pero de nuevo, el razonamiento detrás de ellos es esencial para la comprensión del diseño grunge. Yo deliberadamente variado la oscuridad del texto ( «Newsletter» es más oscura que 'Nombre' y 'Correo electrónico', ya que esta se acumula en capas una mirada. Estructurado crear cajas para firmar el formulario, pero redujeron su opacidad y suavemente los bordes borrados un poco para darles una grungy sentir.

Paso 15

Añadir algún texto para el fondo de mi diseño. Es importante señalar que se combinan las fuentes manuscritas y regular las fuentes - la explotación de la combinación de estructura / desorden que he mencionado antes. Aviso también cómo reutilizar las flechas de mi menú. Reutilización de elementos no hacer su diseño repetitivo o aburrido, pero puede ser un buen toque de grunge diseño, dibujo y diseño en conjunto.

Paso 16

Por último, esta es una técnica que he usado durante un tiempo. Para lograr un buen esquema de estilo a mano alrededor de mi pie encabezados selecciono un pincel 1px un gran empate, áspera forma oval. A continuación, el tamaño de una forma ovalada para adaptarse a esta alrededor de mi cabecera. Porque he de tamaño tanto, el cepillo de las marcas que anteriormente parecía áspero y ahora tienen un poco vagos, de calidad para ellos. Por último, me agarra un pincel de acuarela bajo la opacidad y la pintura más o menos detrás de mi cabecera, sólo para darle un poco más de preferencia sobre los enlaces debajo.

Listo!

Aquí está el diseño terminado. Haga clic en la imagen a continuación si desea ver la versión en tamaño completo.