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.

Cómo dibujar un sol con rayos usando inkscape

Dibujar un sol usando inkscape es muy fácil.
Se pueden usar muchos tipos de diseño, el que vamos a dibujar hoy es el siguiente:

Si eres principiante con inkscape, los rayos ondulados pueden parecer difíciles de dibujar, pero con algunas pistas serás capaz de hacerlo en pocos minutos.
En esta entrada vas a encontrar instrucciones paso a paso de como dibujar nuestro sol, y también podras bajarte la imagen final y cada uno de los passos en formato svg (scalable vector graphics) para usarlas y modificarlas directamente tu mism@.
Todas las imagene usadas y que puedes descargar en estas páginas están licenciaciadas bajo licencia  Creative Commons Attribution 3.0 Unported License.
Qué te diviertas dibujando :-)

---------------------------------------------------------------------------------------------------
  Paso 1: Dibuja un círculo usando la herramienta de círculo

a. selecciona la herramienta de círculo.
b. en el menú contextual superior, selecciona el círculo cerrado.
c. una vez que tengas tu círculo puedes ponerle el color que prefieras en este caso hemos elegido un tono amarillo para el relleno y naranja para el trazo.



Consejo: si quieres que tu círculo sea perfecto, seleccionalo y dale el tamaño en el menú contextual superior, pon las mismas unidades en las casillas W y H, por ejemplo 45 y 45px

  Paso 2: Dibuja un triángulo usando la herramienta de estrella

a. Selecciona la herramienta estrella

b. selecciona la forma polígono en el menú contextual superior

c. Selecciona el numero de esquinas a 3

d. Fija la redondez de las esquinas en 0,05
Ahora ya puedes dibujar tu triángulo, fíjate que mantiene el mismo color que fijaste para el círculo.


  Paso 3: Da formato al triángulo ajustando el tamaño y haciendo los lados simétricos

a. en primer lugar haz click en en triángulo y achátalo hata que tenga el tamaño del rayo que quieras hacer
b. haz dobleclick en el triángulo y verás en un lado en anclaje que mueve la simetría del triángulo, ponte encima con el cursor y muévelo hasta que los dos lados largos del rayo sean simétricos.

Paso 4: Da la forma ondulada al rayo

a. Selecciona la herramienta llamada "Retocar objetos mediante la escultura o pintura"
b. en el menú contextual superior, selecciona la herramienta "Empujar parte de los trazados en cualquier dirección"
c. pon el cursor encima de la esquina del rayo , selecciona shift y empuja el rayo hacia arriba. Luego ponte en la parte del rayo más cercana al círculo y repite la operación empujando hacia abajo.

Consejo: puedes cambiar el ancho y la fuerza de la herramienta de empuje usando el menú contextual que aparece arriba a la izquierda, la forma del rayo quedará diferente dependiendo del tamaño que uses, en nuestro ejemplo hemos usando 60.

Paso 5: Duplicar el rayo
A partir de aquí simplemente tienes que duplicar el rayo tantas veces quieras para formar tu sol.
a. El primer paso es hacer un duplicado y voltearlo simetricamente.
b. Luego situa el segundo rayo en la esquina opuesta del círculo
c. Selecciona ambos rayos, copialos y pégalos de nuevo en el mismo sitio con (ctrl+alt+v), selecciona la herramienta de giro y dale un giro de 30º a los dos nuevos rayos que acabas de pegar. Vuelve a copiar los dos nuevos rayos, vuelve a pegarlos con (ctrl+at+v) en el mismo sitio y vuelve a seleccionar la herramienta de giro y dale otros 30º a los dos neuvos rayos... y así sucesivamente hasta terminar el sol.

Opcional paso 6: Dibuja la cara del sol
En este ejemplo hemos dibujado una cara muy simple usando semicírculos, prueba a hacerlo tú mism@, simplemente con la herramienta de círculo y fijando la terminación del círculo en 180º, podrás hacer algo como lo que ves aquí abajo:

Ahora puedes bajarte un fichero svg de inkscape con cada uno de los pasos seguidos para hacer esta imagen.
Por favor contáctame si necesitas más detalle de como realizar algún paso o para contribuir con tus imagenes y consejos.
Qué te diviertas dibujando :-)



DOWNLOAD SUN FILE