sábado, 1 de enero de 2011

Cómo diseñar el texto de tu logotipo con inkscape

Hola a tod@s, mi primera pregunta cuando empecé a usar inkscape era como escribir y hacer un logotipo que fuera profesional. Más o menos buscaba algo así:

Mi primer problema era que no encontraba la herramienta de "escribir" no se en vuetra versión, pero en la mía no está fácilmente accesible. 
Después ví varios tutoriales en inglés y en español, pero casi todos están pensados para usuarios algo avanzados, así que me costó un poco empezar.
En esta entrada vais a encontrar instrucciones paso a paso de como dibujar vuestro lotipo, y también podréis bajaros la imagen final y cada uno de los pasos en formato svg (scalable vector graphics) para usarlos y modificarlos directamente vosotros mismos.
Todas las imagenes usadas y que se pueden descargar en este blog están licenciaciadas bajo licencia  Creative Commons Attribution 3.0 Unported License.
Qué os diviertais dibujando :-)

---------------------------------------------------------------------------------------------------


Paso 1: Escribir el texto del logotipo con el tipo de fuente y color seleccionado
Si en vuestra versión tenéis en el menú lateral el icono de escribir representado por una "A" lo seleccionáis directamente, si no la forma más rápida de empezar a escribir es pulsando F8.
Una vez que tengáis el texto de vuestro logotipo, podeéis elegir la fuente. Para ello, siempre que tengáis seleccionado el texto, podéis seleccionar en el menú contextual superior, entre una amplia base de fuentes la que más os guste para representar vuestro nombre, o el de vuestro proyecto o empresa.
Si el menú de tipos de fuente no está abierto, podéis seleccionar la herramienta "Ver y seleccionar familias tipográfica..." representado por una letra T en los iconos debajo del menú principal.


Paso 2: Darle color al texto
Para elegir el color se utiliza la misma herramienta de color que para el resto de objetos. La forma más facil de seleccionarlo es mediante el icono que representa un pincel en una ventana o mediante el menú Objeto "Relleno y Borde".
Se puede dar color sólo al fondo del texto o un color diferente al borde del texto, para ello se selecciona  la pestaña de trazo y se elige el color que se desee. Además se puede elegir el tamaño del trazo, así como el estilo y terminación.



Paso 3: Darle una sombra curvada al texto

Para darle la sombra curvada al texto lo primero que hay que hacer es duplicar el texto. Para ello, lo copiais y lo pegais en el mismo sitio usando ctrl+alt+v.
El siguiente paso es darle un color diferente al nuevo texto, en nuestro caso vamos a darle el mismo color que el trazo.
Ahora dibujais encima del texto un círculo que será la curva que utilicemos para cortar el texto. En vez del circulo podeis utilizar cualquier forma que os parezca más adecuada.

Una vez que teneis el círculo dibujado (da igual el color que tenga) seleccionais el círculo y el texto (el que habíamos copiado) y nos vamos al menú Trayecto y seleccionamos "Intersección". Vereis como el segundo texto que habíamos copiado queda cortado en forma de curva:

Paso 4: Darle profundidad con un marco desviado
El siguiente paso es darle una mayor profundidad al texto metiéndolo dentro de una burbuja o marco que crearemos con el desvío dinámico:
Volvemos a seleccionar el texto que dibujamos inicialmente que tenia el trazo de distinto color y volvemos a pegarlo en el mismo sitio usando ctrl+alt+v.
Ahora seleccionamos en el menú "Texto" el comando "Convertir a texto", y seguidamente seleccionamos en e menú "Trayecto" el comando "Desvío dinámico".

Seguidamente pulsando ctrl+( podemos ampliar el desvío, o bien pulsando en el anclaje del texto y ampliándolo con el cursor.
Seguidamente cambiamos el color del fondo a blanco y lo envíamos al fondo pulsando en el icono de "Bajar la selección al fondo".

Paso 5: Crear una sombra para el logotipo
El último paso será crear una sombra para darle volumen al logotipo. Para ello crearemos un círculo debajo del logotipo y darle un color oscuro. Luego seleccionaremos el degradado radial del relleno y lo empuaremos al fondo del dibujo y ya tendremos listo nuestro logotipo.





1 comentario:

  1. Hola gracias por tu tutorial...
    Tengo una duda, como puedo guardar en formato jpg?

    ResponderEliminar