Como Crear el Logotipo de Alexa en Inkscape
Trata de: Sin categoría

El día de hoy aprenderemos a crear el logotipo de Alexa, un sitio web muy famoso que muestra el Rank mundial de cualquier sitio web. Y como amamos el software libre, lo haremos con uno de ellos, el famoso Inkscape.

Este es un tutorial bastante fácil ya que sólo tenemos 8 sencillos pasos para que puedas crear tu logotipo vectorial.

Recuerda que también podrás descargar el “SVG File” para que puedas tener una mejor vista del resultado de este tutorial.

Paso 1:
Creamos un circulo con la Herramienta Circulo (F5) y le añadimos el siguiente degradado.
Relleno y Borde: (Ctrl + Shift + F ó Clic derecho sobre objeto seleccionado > Relleno y Borde)
Relleno > Degradado Lineal > Le aplicamos un degradado que va desde #1C4064 hasta #6BC7F1 Color de Trazo > Sin Relleno
Estilo de Trazo > Ningunos

Paso 2:
Duplicamos el circulo anterior y reducimos un poco de tamaño. Lo ajustamos y le asignamos el degradado siguiente (Este será diferente al anterior porque tendrá 3 paradas).
Relleno y Borde: (Ctrl + Shift + F ó Clic derecho sobre objeto seleccionado > Relleno y Borde)
Relleno > Degradado Lineal > Le aplicamos un degradado que va desde #061A57, #085BDF hasta #6BC7F1
Color de Trazo > Sin Relleno
Estilo de Trazo > Ningunos

Paso 3:
Creamos otro circulo con la Herramienta Circulo (F5), que tendrá un tamaño menor a los anteriores y le aplicamos el siguiente degradado.
Relleno y Borde: (Ctrl + Shift + F ó Clic derecho sobre objeto seleccionado > Relleno y Borde)
Relleno > Degradado Lineal > Le aplicamos un degradado que va desde #027ED6 hasta #17C2F4
Color de Trazo > Sin Relleno
Estilo de Trazo > Ningunos
A este objeto le agregamos un desenfoque de 2.

Paso 4:
Duplicamos el objeto hecho anteriormente (Ctrl + D) (le quitamos el desenfoque), y lo posicionamos exactamente encima del objeto anterior. El degradado que le asignaremos será el siguiente.
Relleno y Borde: (Ctrl + Shift + F ó Clic derecho sobre objeto seleccionado > Relleno y Borde)
Relleno > Degradado Radial > Le aplicamos un degradado que va desde #010101 hasta #02356E
Color de Trazo > Sin Relleno
Estilo de Trazo > Ningunos

Paso 5:
Usando la Herramienta Circulo (F5) dibujamos el siguiente elipse y le aplicamos un relleno uniforme de color #72ACE6.
A esto le agregamos un desenfoque de 35.

Paso 6:
Usando nuevamente la Herramienta Circulo (F5) dibujamos el siguiente elipse y le aplicamos el siguiente degradado de 3 paradas.
Relleno y Borde: (Ctrl + Shift + F ó Clic derecho sobre objeto seleccionado > Relleno y Borde)
Relleno > Degradado Radial > Le aplicamos un degradado que va desde #6A8095 hasta #122881 (Este último con 100 de Transparencia).
Color de Trazo > Sin Relleno
Estilo de Trazo > Ningunos

Paso 7:
Esta vez usaremos la Herramienta Pluma o Bézier (Shift + F6 ó B) y dibujaremos la siguiente forma, al mismo que le aplicaremos un relleno uniforme de color #81B6D6.

Paso 8: Final
La letra que caracteriza al logo de Alexa es la letra “a”, pero como no todos podemos darnos el lujo de comprar una fuente tipográfica solo para usar una vocal, lo haremos nosotros mismos, para esto usaremos la Herramienta Pluma o Bézier (Shift + F6 ó B) y dibujaremos la siguiente forma de letra a.

Juntamos los objetos de la siguiente manera y nos dirigimos a Barra de Menú > Trayecto > Exclusión

Por último posicionamos el nuevo objeto creado (nuestra vocal a) encima del logotipo y le aplicamos un color de relleno de #FFFFFF (Blanco). Después nos dirigimos a Barra de Menú > Filtros > Sombras y brillos > Sombra paralela…
Y le asignamos los siguientes atributos:

Obteniendo esto como resultado final.

Tenemos muchos tutoriales paso a paso para que pueda aprender algo de diseño.

Publicado por:

Lo último en el sitio

 

Nombre

Atención: Antes de aportar al artículo con sus comentarios, le pedimos encarecidamente que evite generar spam, discusiones agraviantes o mensajes de contenido violento y racista. Todo usuario que no acate a este llamado, será suspendido en la brevedad.

 
 
 

Sitios recomendados

 
  Articulos populares
 
+ Angry Birds RIO para PC Windows | PC Game completo (156)
+ Windows 7 Loader / Activador de Windows 7 (Actualizado Octubre 2011) (81)
+ Invitaciones a Google +, te enviamos una (74)
+ Angry Birds Seasons 2011 - 2012 (Descarga gratuita) (68)
+ Windows 7 Loader, Activador de Windows 7 (Actualizado Febrero 2011) (63)
+ Activar Facebook Timeline | Biografía Facebook (54)
+ Angry Birds v1.6.3 para PC (28)
+ Angry Birds v2.0.0 para PC (Enero 2012) (28)
+ Como Instalar Debian 6 "Squeeze", paso a paso [Guía Fácil] (25)
+ Instalar y configurar phpMyAdmin 3 en Windows 7 / paso a paso (24)
 
 
  Tags del sitio
 
Angry Birds Aplicaciones Aplicaciones Linux Apple Como Hacerlo Consejos Desarrollo Web Descargas Diarios Diseño El País Entretenimiento España Facebook Firefox Fotos Gadgets Google Google Chrome Google Plus Infografia Internet iPhone Juegos Linux Navegadores Negocios Negocios y Marketing Noticias de Tecnologia Paso a Paso Periódicos Redes Sociales Revistas Seguridad Social Media Social Media Marketing Tecnología Telefono Celular Tips Twitter Ubuntu 11 Video Windows Windows 7 WordPress
 
 
  Comentarios recientes
 

Maryza:  cabal
amnada:  no sirve
Juan José:  ey amigo.!!! tengo
Eduardo:  ADVERTENCIA Estas
chuck:  amigo lo que quier
shantal:  no me guta + +
Coder Architect:  viejo, este juego
dameseano prieto:  solo quiero la cla
Horacio:  Debes hacer una pa
Carlos:  Ustedes se quejan?