7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Complete Websites

Cómo crear un diseño web con temática de cómic, de Photoshop a HTML + CSS (Parte 1)

Scroll to top
Read Time: 20 mins

Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)

¡Actualizado con el tutorial de codificación! Esta vez tengo un tutorial divertido para todos. En la primera parte crearemos un diseño muy original para todos los fanáticos de los cómics que hay por ahí. Crearemos este diseño de blog desde cero usando varios trucos en Photoshop para que se vea increíble. Luego, en la Parte 2, aprenderemos a cortarlo, codificarlo y dejarlo listo para convertirlo en un tema de blog CMS. ¿Estás preparado?


La fase de codificación está disponible

¡La fase de codificación del tutorial (Parte 2) ya está disponible en nuestro sitio hermano, Nettuts! Cuando hayas terminado con esta fase de diseño, dirígete a Nettuts para segmentarlo y codificarlo en HTML/CSS. ¡Gracias a todos por los comentarios y las solicitudes de seguimiento!


Antes de empezar

¡Vamos a empezar! Para agilizar la lectura evitaré algunas de las explicaciones más básicas (como la creación de una máscara de capa o la edición de los manejadores o Beziers de una forma vectorial). Necesitarás algunos conocimientos básicos sobre Capas, Guías, Máscaras vectoriales y de Capa, Pinceles, la Herramienta pluma, y trabajar con tipografía (caracteres y párrafos).

Los recursos para este tutorial son:

El primer paso es crear una maqueta, un bosquejo, o incluso sólo un borrador del diseño en una servilleta. Tener un borrador de la estructura del sitio facilita la colocación de los elementos en el diseño. A continuación verás un sencillo boceto que muestra los siguientes elementos:

Un encabezado, con el logotipo, la barra de búsqueda y los enlaces a las redes sociales, además de la barra de navegación principal. Un banner, con las entradas destacadas, fíjate en cómo el texto de la publicación se coloca sobre la imagen en una burbuja de conversación para representar el estilo "cómic". Un área de contenido, con una lista de publicaciones mostradas en dos columnas, cada publicación tiene una imagen asociada y el texto se muestra en una burbuja de conversación también. Un pie de página, con una lista de las categorías del blog, los archivos, las publicaciones populares y los comentarios recientes, así como la información sobre el copyright.

Paso 1: Configuración del documento

Abre Photoshop, descarga la plantilla de 12 columnas de Photoshop de 960 Grid System o crea un nuevo documento de 960px y dibuja unas guías en los bordes izquierdo y derecho.

Aumenta el área de trabajo para ver cómo se ve en resoluciones más amplias y aumenta también la altura. Yo estoy ajustando las dimensiones del documento a 1420px de ancho y 1200px de alto. Finalmente ve a Capa > Nueva capa de relleno > Color uniforme... y establece un fondo negro (#000000) para el lienzo.

Paso 2: Fondo del encabezado

Dibuja una Guía horizontal a unos 450px del borde superior, la usaremos como guía de referencia para añadir una sombra en la parte superior de la página. Usando la herramienta Rectángulo, dibuja un rectángulo ancho usando este color como primer plano (#AA0001). A continuación, aplica una Máscara de capa de degradado (de negro a blanco) al rectángulo para ocultar la parte inferior del mismo. Consejo: no utilices nunca una Capa de degradado para los fondos, porque al aumentar la altura del lienzo (una práctica muy común en el diseño web) el fondo se distorsiona.

Paso 1: Añade una textura al fondo

Abre la "Textura de papel" de los recursos, cópiala y pégala encima de la capa de degradado rojo. Ajústala para que encaje en los límites del diseño y cambia el Modo de fusión de la capa a Subexposición lineal. Segmentaremos esto como un fondo de imagen grande, pero para resoluciones más amplias necesitamos sutilizar la fusión de los bordes del papel con el fondo negro, para ello, usando la herramienta Subexponer, oscurece las áreas cercanas a los bordes izquierdo y derecho de nuestra textura de papel. Puedes utilizar un pincel grande y difuso (0% de dureza).

Mantén siempre tus capas organizadas, pon ambas capas ("Papel" y "Rectángulo") en una carpeta llamada "Encabezado Bg".

Paso 1: Rayos solares

Siguiendo con el estilo de cómic, vamos a añadir algunos rayos solares con el fin de crear un fondo dramático para el logotipo.

Abre las formas de "rayos solares" de los recursos. En la herramienta de formas personalizadas, elige tu forma de rayo solar favorita y dibújala sobre la capa de degradado rojo. Coloca la forma cerca del borde izquierdo de la plantilla 960 (muestra las guías para ver los límites). Aplica a la capa "Rayo solar" una Máscara de capa de degradado radial (blanco en el centro y negro en el exterior). Cambia la Opacidad de la capa al 50%. Opcional: usando un pincel irregular, pinta con negro sobre la máscara de capa para crear una fusión más grunge entre el rayo solar y el fondo.

Paso 1: Semitono

Para reforzar el estilo de cómic, añadiremos algunos puntos de semitono sobre el fondo del encabezado. Crea una nueva capa por encima de la capa "Rayo solar", e interpreta algunas nubes en blanco y negro en ella (Filtro > Interpretar > Nubes). Luego ve a Filtro > Pixelizar > Semitono de color. Cambia el Modo de fusión de la capa "Semitono" a Multiplicar y añade una Máscara de capa > Ocultar todo. A continuación, con un pincel grande y difuso (Color: Blanco, Opacidad y Flujo al 75%) pinta algunas zonas de la máscara de capa para hacer visible sólo un poco del motivo de semitono.

Paso 1: El título

Ahora que tienes el fondo del encabezado terminado, vamos a añadir el Logo. Primero dibuja una guía de referencia alrededor de 180 px por debajo del borde superior, el logo no debe estar por debajo de esa guía. Usando la fuente "Komika Title" de los recursos escribe el título del sitio ("Comicastic") Tamaño de la fuente: 68pt y color de primer plano: #FFB401. A continuación, añade más elementos de texto, como el signo de exclamación o el eslogan en blanco (tamaño de fuente 16pt).

A continuación, con la herramienta Transformación libre, gira el texto unos grados a la izquierda para que parezca menos formal. Intenta obtener algo parecido a la imagen de abajo, pero recuerda no colocar ningún elemento por debajo de la guía. Finalmente pon todas estas capas en una carpeta llamada "Logo".

Paso 7: Estilos de capa del logotipo

Añade un Estilo de capa > Superposición de degradado (#EA9403 - #FFC501) un Trazo (Tamaño:1px, Interior, #FCB600) y una Sombra paralela (Negro, 50% Opacidad, Distancia y Tamaño: 2px) a la capa del "logo". Utiliza un estilo similar al del eslogan, pero cambia los colores de la Superposición de degradado a #EDEDED - #FFFFFF y el Trazo a Blanco (#FFFFFF). Si colocas el signo de exclamación al logotipo, puedes intentar convertirlo en una forma (Capa > Texto > Convertir en forma) y distorsionarlo un poco como se muestra en la parte inferior de la imagen de abajo.

Banner de publicaciones destacadas

Paso 8: Fondo

Utiliza la herramienta Rectángulo redondeado (Radio 5px) para dibujar un rectángulo ancho a lo largo de todo el banner debajo del logo como se muestra en la imagen de abajo, la altura del rectángulo depende de ti, yo he puesto 250px. A continuación, se aplica un estilo de capa de Superposición de degradado (Colores: #DA7E00 - #F0AD00, Ángulo: 90 °) y Trazo (Color: #F2AA00, Tamaño: 1px, Posición: Interior) a la misma.

Paso 9: Modificación del banner superior

Usando la herramienta Selección directa (A) sobre nuestro flamante rectángulo redondeado, toma los puntos de la esquina superior izquierda y muévelos hacia la derecha (puedes usar los cursores para un movimiento preciso). A continuación, mueve los puntos de la parte inferior derecha unos cuantos píxeles hacia la izquierda.

Paso 10: Adición del contenedor de imágenes deslizantes

Ahora, con la herramienta Rectángulo dibuja un rectángulo gris dentro del banner amarillo (630px x 250px aprox.), puedes dejar la parte inferior del rectángulo gris a unos cuantos pixeles de distancia de la parte inferior del banner amarillo para crear un efecto de fuera de límites. Añade un Trazo (Tamaño: 1px, Posición: Interior, Color: #FFFFFF) y una Sombra paralela (Color: #000000, Opacidad:50%, Distancia: 0px, Extensión: 0px, Tamaño: 5px) e intenta colocar el rectángulo como muestra la imagen inferior. Por último, coloca ambas capas (rectángulos gris y amarillo) en una carpeta llamada "Banner superior".

Paso 11: Navegación principal

Usando la familia de fuentes "Komika Text" escribe la navegación de las páginas en la parte superior derecha del banner superior, establece el tamaño de la fuente en 18px y el color: #FFFFFF. Colócala en una carpeta llamada "Navegación de páginas", asegúrate de que esta carpeta está detrás del "Banner superior". Luego usando la herramienta Rectángulo redondeado (Radio: 3px, Color: #EFA800), dibuja un rectángulo justo detrás de la primera palabra de la navegación, nombra la capa "Pestaña seleccionada". A continuación, utilizando la herramienta Selección directa (A) mueve los puntos de la parte inferior izquierda como muestra la imagen de abajo. A continuación, aplica una Superposición de degradado a la capa "Pestaña seleccionada" (Colores: #F0A900 - #FEBF00, Ángulo: 90°). Si quieres, puedes añadir una sutil sombra paralela (Color: #000000, Opacidad: 25%) al texto de navegación.

Paso 12: Añade las imágenes del banner

Para mostrar un ejemplo real, pegar cualquier imagen sobre el banner. Si la imagen es más grande que el rectángulo se puede utilizar una Máscara de recorte, para esto pega la imagen por encima del rectángulo gris, a continuación, pulsa Opción / Alt - clic entre las dos capas, esto recortará la imagen dentro del rectángulo sin necesidad de recortar.

Paso 13: Controles del banner

Selecciona la herramienta Forma personalizada, elige una de las flechas, y dibuja un par una al lado de la otra, ambas apuntando a la izquierda. A continuación, aplica a ambas una Superposición de degradado (#6D0004 - #980000) y un Trazo (Tamaño: 1px, Posición: Interior, Color: #B20002). Coloca ambas flechas en una carpeta llamada "Anterior" y utilizando los controles de Transformación libre y manteniendo la tecla Comando / Ctrl, distorsiona un poco las flechas. Luego duplica la carpeta y renómbrala como "Siguiente", muévela a la derecha del banner y ve a Edición > Transformar > Voltear horizontalmente para cambiar su dirección. Finalmente pon ambas carpetas "Siguiente" y "Anterior" en una nueva carpeta llamada "Controles".

Paso 14: Controles Hover

Ahora duplica las carpetas "Siguiente" y "Anterior" y aplica un estilo de capa diferente a las flechas para crear un efecto "hover" para cada una. Copio el estilo de capa del signo de exclamación del título.

Paso 15: Detalles de semitono

Con el mismo proceso del paso 5, crea una capa de semitonos sobre el banner amarillo. Con la capa "semitono" seleccionada pulsa Comando / Ctrl - Clic sobre el banner amarillo, luego pulsa Comando / Ctrl + Mayús + I para invertir la selección, y luego borra el excedente. Cambia el Modo de fusión de la capa "semitono" a Superposición y la Opacidad al 25%. Por último, añade una Máscara de capa > Ocultar todo y, con un pincel blanco grande y difuso, pinta sobre algunas zonas de la máscara de capa para hacer visibles sólo algunas partes del motivo.

Paso 16: Burbuja de diálogo del artículo destacado

Ahora es el momento de añadir un campo para poner el contenido de la publicación destacada. Para ello, utilizando la herramienta Forma personalizada busca la burbuja de diálogo redondeada y rectangular. Dibújala sobre el Banner de "Imagen destacada" y colócala a la derecha como muestra la imagen de abajo. Antes de diseñar cualquiera de estas características necesitas investigar si es posible lograr este tipo de efecto, incluso si no sabes cómo codificar, puedes buscar algunas bibliotecas existentes de Ajax (JQuery / MooTools), ver lo que ya está hecho y funcionando, y luego adaptar tu diseño a una biblioteca existente.

A continuación, utilizando la herramienta Selección directa (A) distorsiona la forma de la burbuja un poco. Por último, aplica una Sombra paralela (Color: #000000, Opacidad: 25%, Distancia: 5px, Extensión: 0px, Tamaño: 10px).

Paso 17: Texto de la publicación destacada

Es el momento de añadir el título y un resumen a nuestra publicación destacada. Para el título utiliza "Komika Title", 18pt. #680001. Para el texto del cuerpo, utiliza "Komika Text Tight", Tamaño: 16pt, Color: #1B1B1B. Coloca las capas de texto alineadas a la derecha como se muestra en la imagen de abajo.

Paso 18: Caja de comentarios y meta de la publicación

Ahora, añade otra burbuja, pero más pequeña esta vez, utiliza este color como primer plano: #9C0001 y añade un estilo de capa Trazo (Color: #D00000, Tamaño: 1px, Posición: Interior), tal y como muestra la imagen de abajo, luego añade el número de comentarios con la fuente "Komika Title", Color: #FFFFFF y Tamaño: 24pt. Y la palabra "Comentarios" con "Komika Title", Tamaño: 12pt, Color: #FFB301.

Por último, añade una pequeña Meta (información sobre la publicación) debajo del resumen de la publicación con la fuente "Tahoma", Tamaño: 10pt, Color: #1B1B1B. Si no hay suficiente espacio para poner el texto de la Meta, puedes usar la herramienta Selección directa para aumentar un poco la altura del cuadro de la burbuja de la publicación destacada.

Consejo: Nunca transformes un elemento de vértices redondeados usando la herramienta Transformación libre en Photoshop, esto distorsionará el vértice, selecciona los puntos que quieres mover usando la herramienta Selección directa y luego desplázalos.

Paso 19: Fondo del título de la publicación destacada

Duplica la burbuja de fondo de la publicación destacada, oculta la sombra paralela, cambia el color de relleno a amarillo (#FFC001) y rasterízala. A continuación, utilizando la herramienta de selección Marco rectangular, selecciona toda la burbuja amarilla debajo de la línea del título, y luego elimina la selección. A continuación, añade una línea de borde, con la capa "Burbuja de título" seleccionada, haz Comando / Ctrl - Clic sobre la Máscara vectorial "Fondo de la burbuja". A continuación, ve a Edición > Modificar > Contraer y establece el valor en 1px. Por último, pulsa Comando / Ctrl + Mayús + I para invertir la selección y borrarla.

Este es un buen momento para organizar todo lo relacionado con el banner superior en carpetas y añadir más detalles si quieres, yo estoy añadiendo una línea amarilla entre el resumen de la publicación y la meta.

Contenido principal

Paso 20: Fondo del contenido

Ahora avancemos con el fondo del contenido principal, crea una Carpeta llamada "Contenido de la página" y dibuja un Rectángulo de vértices redondeados blanco (#FFFFFF) (radio de 5 px) de varios píxeles de altura (Si el tamaño del lienzo original se hace demasiado pequeño en este momento puedes aumentar su tamaño, sólo asegúrate de mantener el borde superior como está).

Paso 21: Imagen de la publicación

Es el momento de empezar a añadir contenido a la página, por defecto en los blogs diseñaremos una lista de las últimas publicaciones.

Dibuja dos cuadrados (3 columnas de ancho aprox.) y colócalos como muestra la imagen de abajo. Haciendo el mismo proceso que en el paso 12 añade algunas imágenes sobre los cuadros usándolas como máscaras de recorte. Finalmente seleccionamos el cuadrado y le añadimos un Estilo de capa de trazo (Color: #FFB801, Tamaño: 1px, Posición: Interior).

Trabajaremos sobre una de estas imágenes añadiendo el contenido a su alrededor, y luego la duplicaremos tantas veces como publicaciones queramos mostrar en la página de inicio.

Paso 22: Añadición de los títulos y categorías de las publicaciones.

Dibuja dos rectángulos anchos, uno amarillo (#F2AA00) y otro blanco con borde amarillo debajo (#FFB401). Sobre la franja amarilla, escribe el título de la publicación utilizando "Komika Title", Color: #670003, Tamaño: 18pt. Y sobre la franja blanca, escribe los nombres de las categorías usando "Komika Text Tight" Tamaño: 13pt, Colores #212121 para los enlaces y #670003 al pasar el ratón.

Paso 23: Resumen de la publicación y meta.

Dibuja una burbuja de diálogo de nuevo, sobre la imagen y la franja amarilla, rellénala con este Color #333333 con un trazo de 1px (Color: #696969) y también aplica la Sombra paralela que hicimos antes en el banner. A continuación, añade un ejemplo de texto breve utilizando "Komika Text Tight" Tamaño: 14pt, Color: #FFFFFF, un ejemplo de texto meta usando "Tahoma" 10pt Color #979797 y si quieres una línea entre ambos textos (#4B4B4B).

Paso 24: Finalización del contenido principal

Para terminar esta parte añade una Burbuja de comentarios, básicamente repitiendo el proceso del Paso 18. A continuación, coloca todo en las carpetas, estoy nombrando a la carpeta de publicaciones "A publicaciones". Luego, duplícala (Comando / Ctrl + Arrastrar) y colócala a la derecha. Repite el proceso con dos o tres filas de publicaciones como se muestra en la parte inferior de la imagen de abajo. Aumente la altura del fondo blanco según sea necesario para que quepan todas las publicaciones.

Paso 25: Esquina de contenido de la página

Para aumentar el estilo "cómic", añadiremos un simple rizo de página en la parte inferior derecha del fondo blanco.

Primero dibuja un triángulo negro en la esquina inferior derecha (puedes usar la herramienta Pluma), luego duplícalo y mueve el triángulo haciéndolo un "reflejo" del negro, puedes rellenar esta copia con cualquier otro color. A continuación deforma el segundo triángulo haciéndole una pequeña curva. Luego, aplica al triángulo deformado una Superposición de degradado usando una buena mezcla de colores: (#9C0001 - #FE0000 - #9C0001) y cambiar el Ángulo a cualquier cosa que se vea bien de acuerdo con el ángulo del rizo, en este caso 108 grados. A continuación, utilizando un pincel difuso (Negro, Opacidad y Flujo 50%) pinta algunas sombras en una nueva capa detrás del triángulo deformado. Si quieres, añade algunos puntos al triángulo deformado para añadir un vértice redondeado a la punta tal y como muestra la parte inferior de la imagen de abajo. Por último, pon todas las capas relacionadas con el rizo en una carpeta llamada "Rizo de página". Tenla a mano porque la usaremos más adelante.

Paso 26: Fondo del pie de página

Ya casi terminamos, primero crea una carpeta llamada "Pie de página" y asegúrate de que esté debajo de la carpeta "Contenido de la página", dentro de ella dibuja un círculo rojo (#9C0001), luego aplica un Desenfoque gaussiano de al menos 65px de radio. Luego transforma el círculo desenfocado resultante para que coincida con las guías de delimitación.

Paso 27: Rayo solar de fondo

Ahora, con la herramienta Forma personalizada, selecciona una de las formas de rayo solar y dibuja una negra en el centro, luego baja su Opacidad al 50%. A continuación, añade el motivo de semitono sobre el círculo rojo brillante, escóndelo utilizando una Máscara de capa y muestra sólo algunas partes del mismo. Finalmente baja la opacidad del círculo rojo al 50%..

Paso 28: Fondo del contenido del pie de página

Vamos a añadir elementos comunes de un blog como Categorías y Archivo en el pie de página.

Añadiremos un fondo para los elementos del pie de página, dibujaremos un Rectángulo redondeado (5px de radio) Color:#1A1A1A y estableceremos su valor de Relleno al 50%, haciéndolo alrededor de 3 columnas de ancho. Puedes crear copias del mismo para que quepan 4 cuadros en el pie de página.

Paso 29: Fondo del contenido del pie de página - Rizo

Selecciona el primer rectángulo, (puedes eliminar los otros en este punto). Luego duplica la carpeta "Rizo de página" y colócala dentro de la carpeta "Pie de página", transfórmala para que coincida con la esquina inferior derecha del rectángulo, luego cambia los colores del degradado a diferentes tonos de gris. Finalmente añade a la capa del rectángulo un Estilo de trazo (1px, Interior, #242424).

Paso 30: Categorías

Ahora, añade el título de la sección, en este caso "Categorías" utilizando "Komika Title", Tamaño: 14px Color: #F2AA00. Utiliza guías para delimitar la línea de base del título, mantenla al menos 20 px por debajo del final del fondo del contenido de la página. A continuación, añade algunas filas como categorías de muestra, utilizando "Komika Text Tight", Tamaño: 16px, Color: #FFFFFF, y Rojo (#EC000A) como efecto hover. Como detalle adicional para el efecto hover, añade una pequeña flecha amarilla (#FFB301) usando la herramienta Forma personalizada. Coloca todas las capas en una carpeta llamada "Elemento de pie de página".

Paso 31: Duplica la sección del pie de página

Duplica la carpeta "Elemento de pie de página" y muévela a la derecha, cambia las palabras para representar "Archivos" esta vez.

Luego duplica la carpeta de nuevo pero esta vez expande el fondo translúcido para hacerlo dos veces más ancho, en la parte superior, escribe los títulos de "Mensajes populares", "Últimos mensajes" y "Comentarios recientes", usa amarillo para el primero y gris para los otros dos. Como puedes adivinar, esto tendrá una funcionalidad similar a la de un panel con pestañas. Luego añade un pequeño triángulo amarillo para marcar la pestaña seleccionada.

Paso 32: Contenido del panel de pestañas

Dado que esta parte tendrá en su mayoría las listas de publicaciones, vamos a añadir, básicamente una combinación de "Komika Título" y "Komika Text Tight" con diferentes colores (Véase la captura de pantalla a continuación). La primera fila será una muestra del elemento seleccionado (hover), en este, añade un rectángulo redondeado negro (#000000) detrás del texto y añade una Máscara de capa de Degradado horizontal (Negro a Blanco).

Por último, añade un pequeño Pager en la parte inferior de esta sección.

Paso 33: Barra de búsqueda

Es hora de añadir algunos detalles para terminar nuestro gráfico. Empecemos con la barra de búsqueda. Crea una carpeta llamada "Barra de búsqueda" encima de todo, crea un Rectángulo redondeado (Radio 3px, Color: #000000 con un Efecto de trazo Tamaño: 1px, Posición: Interior, Color: #7C0000) como la entrada de búsqueda, y un pequeño rectángulo para el botón de búsqueda; copia el Estilo de capa del elemento seleccionado en la navegación principal y pégalo en el botón de búsqueda. Para el botón en cuestión, escribe la palabra "Ir!" sobre él con el color blanco, y aplica la misma Sombra paralela que el texto de la navegación principal (reciclar estilos de capa es un gran ahorro de tiempo). En la entrada de búsqueda, escribe la palabra "Buscando algo" usando el color "Komika Text Tight": #F9A600.

A continuación, añade un Rectángulo detrás de todas las capas dentro de la "Barra de Búsqueda", rellénalo con un rojo oscuro #380001 (Relleno: 50%) y aplica un Trazo usando este Color: #890101. Conviértelo en un objeto inteligente y aplica una máscara de capa > Ocultar todo, rellena la máscara con un degradado negro-blanco reflejado para crear el efecto que se muestra en la parte inferior de la imagen de abajo.

Paso 34: Iconos de redes sociales

Repite el proceso del fondo de la barra de búsqueda pero esta vez usando una barra de menor altura y con un color de trazo diferente (#860001). Luego escribe la palabra "Síguenos" usando "Komika title" y pega todos los iconos que quieras añadir, puedes usar los mini iconos de los recursos. No olvides mantener tus capas organizadas en carpetas.

Paso 35: Navegación a pie de página e información de copyright

Terminando el trabajo de hoy, vamos a añadir la navegación de pie de página. Delimitamos la sección con una línea blanca, enmascarada con un degradado blanco-negro reflejado. Escribe los enlaces de navegación usando Arial, Tamaño 10px, Color: #515151 y subraya un efecto hover con amarillo: #F2AA00. A continuación, añade el texto de copyright alineado a la derecha.

Paso 36: ¡Ya está!

Por último, comprueba que todas las capas se encuentran en sus respectivas carpetas.

Conclusión

Hemos terminado la parte gráfica del proceso, ahora es el momento de saltar a NetTuts+ para ver cómo segmentar esto y convertirlo en HTML+CSS, ¿estás preparado?

.
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.