Monchito.net

Diseño y desarrollo web

Tutorial de Inkscape: Iconos retro y descarga

Bienvenidos al tutorial de Inkscape sobre como crear iconos retro. Si aún no tienes instalada esta herramienta, descargala desde su sitio web oficial.

En esta ocasión vamos a hacer un juego de iconos sociales, aplicándole un estilo retro. Comienza creando un objeto en forma de estrella de 100 x 100 pixeles, con las siguientes características:

  • Esquinas: 12
  • Radio: 0.850
  • Redondeo: 0.250
  • Color de relleno: #d03432

tutorial de iconos retro en inkscape

Duplica el objeto (CTRL+D) y rotalo a como se muestra en la imagen. Aplica un color de relleno de #4d4d4d.

Selecciona los dos objetos y duplicalos. Tendrás ahora dos objetos iguales.

Selecciona el objeto gris en la copia y mándalo al fondo.

Selecciona ahora los dos objetos de la copia (el gris y el rojo) y dale Diferencia (CRTL+-). Dale al nuevo objeto un color de relleno de #2ea368…

…y alinealo con el objeto gris del original. Ahora tendrás una figura de tres colores.

Nota: Es probable que tengas que bajar el objeto rojo y gris para que el celeste aparezca al fondo. Utiliza los botones o atajos correspondientes para esto.

Para este tutorial de Inkscape tendrás que bajarte el pack de iconos sociales Salyut. Utilizaremos la versión Dark para nuestros nuevos iconos.

Duplica el pájaro en el icono de Twitter y redimensionalo para que tenga un alto de 30 pixeles. Centralo luego de forma horizontal y vertical en el botón.

Crea dos rectangulos de color blanco de 42.5 x 2.5 pixeles. Ubicalos uno encima del logo y el otro debajo.

Ya estamos casi listos! Ahora debes bajarte la textura de desgaste que le vamos a aplicar al icono para que tenga ese aspecto añejo. (Enlace de descarga al final del tutorial)

Copia y pega la textura encima del icono. Cambia el color de la textura a blanco… y listo! Ahora puedes exportar tu icono a formato PNG y usarlo en tu sitio web.

tutorial de inkscape

Esperamos que les haya gustado este tutorial de Inkscape.

Haz click en el botón de descarga para descargar la textura y el juego completo de botones en formato SVG y PNG. Disfruta!

Descargar329 downloads

Imagen destacada cortesía de: Lori L. Stalteri, CC-BY 2.0.

Comparte en las redes:

3 pensamientos en “Tutorial de Inkscape: Iconos retro y descarga

  1. Pingback: Tutorial: Iconos sociales estilo retro en Inkscape « [comuNIdad]

Deja un comentario

Iconos retro en Inkscape


Autor: Monchito

Fecha: 6 noviembre, 2012


Categoría(s):

Descargas, Recursos, Tutoriales

También te podría interesar:

Enlaces externos:

¡Síguenos!