Inicio > Inkscape > INKSCAPE

INKSCAPE

febrero 25, 2015

Hola,soy Maria Ocampo Alvarez y  hoy vamos a aprender a utilizar inkscape , yo os voy a enseñar a hacer iconos web 2.0 .

para empezar abrimos inkscape , hay millones de iconos pero para hacer pero yo voy a enseñaros a hacer uno muy facilito el de Facebook , que es este:

logo-facebook

pero hay muchos mas :

80-iconos-redes-sociales-web-20

que iremos viendo después de realizar el de Facebook

lo primero que debemos hacer es realizar un cuadrado y cambiarle el color en la barra que esta en la parte inferior a azul y a continuación observaremos que el cuadrado contiene unos círculos y cuadrados en sus esquinas , estos los utilizaremos para redondear las esquinas :ScreenShot001

después fuera del cuadrado escribimos una letra f, que le cambiaremos el tamaño ,tipo de letra, grosor… y por ultimo la metemos dentro del cuadrado y fin , si queremos también podemos darle algún tipo de brillo parta darle un efecto 3D por lo que quedaría de la siguiente manera:ScreenShot002

ScreenShot003

Bueno este era muy facilito , ahora vamos a complicarlo un poquito y realizaremos el icono de whats App que es este:

Whats-App-1000x1024

Para realizar este icono observamos que hay dos círculos no? pues lo que hacemos es dibujar un circulo y lo deformamos con los nodos para realizar el pico que tiene , a continuación lo duplicamos (CTRL+ D) y le cambiamos el color a verde , lo hacemos mas pequeño y los encajamos :

ScreenShot004

 

luego la parte mas difícil es realizar el teléfono pero es simplemente un circulo que lo vas deformando hasta darle forma de teléfono :

ScreenShot005

Aunque no me haya salido del todo igual parece un teléfono :,)

cuando tengas el teléfono en color blanco lo incrustas dentro de ambos círculos y listo .

ScreenShot006

Y listo , se pueden hacer muchooos mas , si teneis alguna duda de como funciona os lo aclarare sin ningun problema ,simplemente dejar un comentario 🙂

un saludo, María.

Categorías: Inkscape Etiquetas: ,