You are on page 1of 4

Evolución de un logo

De Scribus Wiki
Este artículo es parte de la serie HOWTOs .

Instalación • Uso • Problemas de PDF • Imposición • Otro

Introducción
Este artículo lleva al lector a través de un proceso creativo ficticio de hacer un nuevo logotipo de la empresa desde
el primer boceto hasta el modelo 3D. Verá cómo puede usar diferentes aplicaciones de código abierto / libre para
crear algo de principio a fin.

Este artículo no pretende mostrarle cómo crear el logotipo paso a paso. Ha sido creado para, con suerte, inspirar a
las personas que podrían querer ver diferentes programas pero no sabían por dónde empezar ni qué podrían hacer
con ellos.

Todas las aplicaciones utilizadas aquí son totalmente gratuitas para descargar y usar sin restricciones.

ESTE NO ES UN TUTORIAL CLICK POR CLIC. Todos los pasos se muestran pero se han
omitido muchos detalles. Si lo sigue, necesitará aprender a realizar cada paso a medida que lo
encuentre.

Bosquejo inicial
Se le ha asignado la tarea de crear un logotipo para un nuevo negocio que contrata yates para turistas. El cliente le
ha dado un resumen de diseño que es para un logotipo simple que muestra algo que podría ver en uno de sus yates.
Usted decide usar la imagen de un ojo de buey y una vista del mar más allá.

Primero necesita un boceto inicial, algo para darle al cliente una idea de lo que va a crear.

Abra Scribus y cree un documento en blanco.


Muestre una cuadrícula y ajústela, para facilitar el dibujo.
Crea tres nuevos colores: azul claro, azul medio y azul oscuro.

Tome nota de los valores de color azul que utilizó. Esto hará las
cosas más fáciles para usted más tarde. (Asegúrese de obtener la
configuración de color RGB, no CMYK).

Crea un círculo grande con uno ligeramente más pequeño dentro de él.
Use una Operación de ruta para cortar el círculo más pequeño del más
grande para dejar un anillo.
Llene el anillo con azul oscuro y elimine el contorno. Figura 1
Crea un círculo más pequeño dentro del anillo.
Dibuja una línea más bezier a través del círculo y edita para hacer una
forma de onda.
Espesar la línea y convertirla en un trazo.
Resta el trazo del círculo y divide para crear dos nuevas formas.
Coloree la forma superior en azul claro, y la forma inferior en azul medio (mientras que también quita sus
contornos).

Ahora tiene el boceto inicial, figura 1, para mostrarle al cliente.


Al cliente le gusta la idea pero: "¿Se puede hacer un poco más 'dinámico' para
mostrar la luz que brilla sobre él?"

"Está bien" dices.

Crea un nuevo color de azul aún más claro (casi blanco).


Cambia el relleno de la forma superior para que sea un degradado radial
libre entre el azul más claro y el color original de la forma.
Mueva el vector del degradado a una diagonal superior-izquierda a
inferior-derecha, dentro del borde del anillo exterior.
Haga lo mismo para la otra forma, y luego lo mismo para el anillo.

Ahora tiene una versión "encendida" del logotipo - figura 2. Figura 2

El cliente dice: "Está bien, pero esperábamos algo un poco más '3D'".

"Está bien", dices, "más '3D' es ...".

Segunda versión
Sabiendo, como lo hace, que las herramientas gráficas Scribus son buenas, pero no pueden hacer frente a los
efectos muy complicados con mucha facilidad, usted decide llevar esto al siguiente nivel. Te mueves a Inkscape,
que se puede descargar desde aquí (https://inkscape.org/en/) . Pero también sabe que Scribus puede guardar
páginas como archivos SVG que Inkscape puede manejar para que no tenga que volver a empezar a dibujar el
logotipo.

Exportar el logotipo como un SVG de Scribus.


Abra Inkscape y cargue el logotipo.
Compruebe que todo se ve bien, pero mantenga todo el logotipo agrupado.
Aplique el filtro "Bisel / Botón" al logotipo, edite el filtro y cambie la Fuente de luz de iluminación especular
a una Luz puntual para obtener un agradable efecto "3D" - figura 3.
Esto se ve bien, pero prueba el filtro "Bisel / Borde levantado" en su lugar y obtienes algo que también se ve
bien pero de una manera diferente, figura 4.
A continuación, intente utilizar un "Shadows / Cutout Glow", que también se ve bien, figura 5.

figura 3 Figura 4 Figura 5 Figura 6

Todos estos se ven bien, pero usted decide ir con la versión de "Botón". También quiere que se vea un poco más
"3D".

Dibuje una forma trapezoidal con el lado izquierdo más corto que el lado derecho y use Extensiones →
Modificar ruta → Perspectiva para darle al logotipo un aspecto de perspectiva - figura 6.

Al cliente le gusta pero querían "algo realmente 3D, ¿sabes?".

"Está bien", dices, "no hay problema. Realmente 3D es entonces ...".

Transición
Si bien sabes que Inkscape puede producir fantásticos efectos tridimensionales, te das cuenta de que cualquier
cambio adicional que el cliente desee puede tomar mucho tiempo para modificarse en tu dibujo de Inkscape.
Simplemente cambiando ligeramente un ángulo causará muchas molestias a menos que haya configurado todo
correctamente. Entonces vuelves a subir y traes las armas pesadas. Te mueves a Blender (que se puede descargar
desde aquí (http://www.blender.org/) ).

Como sabe que Blender también puede importar archivos SVG, sabe que no tendrá que volver a dibujar el
logotipo. Sin embargo, antes de entrar en Blender, debe limpiar el SVG para facilitar la edición posterior.
Vuelva a cargar el SVG original (exportado desde Scribus) a Inkscape.
Desagrupa el logo.
Seleccione solo el anillo y use Ruta → Simplificar .
Haz lo mismo con las otras dos formas.
Guarde el dibujo recién simplificado como un nuevo archivo.

Debe simplificar las curvas porque Scribus tiene la costumbre de hacer curvas a partir de muchas
curvas de bezier cuando usa las funciones de Operación de ruta. No suele ser un gran problema, pero
es mucho más fácil editar un número pequeño de curvas en lugar de una gran cantidad de ellas.

Realmente 3D
Abre Blender e importa el logotipo de SVG simplificado que guardaste de Inkscape.
Escale el logotipo importado para que pueda verlo mejor, muévalo al centro y restablezca su origen en el
centro de la grilla de Blender.
Seleccione cada forma por turno y dé a cada una un nuevo Material con el color correcto - figura 7.
Extienda el anillo por 0.004, asígnele un Bisel de 0.002 con un Desplazamiento de -0.002 y una Resolución
de 2.
Haz lo mismo con las otras dos formas, pero Extrúyelas por 0.003, para mantenerlas "dentro" del anillo.

Figura 7 Figura 8

Esto empieza a verse bien, figura 8, pero hay un problema con las "esquinas" de las
formas, figura 9. Como Scribus, Inkscape y Blender no funcionan con las curvas
exactamente de la misma manera, puede haber discrepancias cuando te mueves
dibujos entre ellos. Tendrás que arreglar esto ahora. A su cliente no le gustarán las
formas con rincones extraños. Recuerde guardar su modelo antes de comenzar a
cambiar las cosas para poder regresar si hace un desastre. (Esta es solo una solución
rápida que funciona para este modelo. Debe arreglar sus propios modelos
correctamente).
Figura 9
Seleccione una de las formas y entre en el modo de edición.
Arrastre el nodo del vértice "puntiagudo" más a lo largo de la forma para
detener el corte en el extremo de la forma.
Haz lo mismo con la otra forma.

Eso se ve mejor, ahora para configurar la escena.

Cambie la lámpara a un punto y gírela para señalar en la parte superior


izquierda del logotipo.
Mueva la cámara y gírela para mirar el lado derecho del logotipo.
Configure la iluminación ambiental con la configuración predeterminada de 1.
Establezca el sombreado alfa de la escena en transparente.
Renderice la escena y guarde la representación resultante en un archivo.

Usted muestra el nuevo logotipo, la figura 10, al cliente y le dicen: "Se ve muy bien,
pero ¿podemos verlo 'en acción'? ¿Y si también le damos una sombra?"

"No hay problema." tu dices.


Figura 10

Ediciones finales
Ahora que tienes la imagen base, es hora de hacer un poco más de procesamiento. Esta vez usarás GIMP, que se
puede descargar desde aquí (http://www.gimp.org/) .

Ve a GIMP y carga la imagen que acabas de exportar desde Blender.


Agregue un efecto Filtros → Luz y Sombra → Sombra paralela.
Use la herramienta Seleccionar Elipse para seleccionar un área alrededor del
logotipo y la sombra. Haga un espacio entre el logotipo / sombra y la selección.
Crea una ruta desde la selección.
Recorta la imagen a la Selección (para perder el área innecesaria).
Guarde la nueva imagen como TIFF.

Podrías haber agregado la sombra en Blender, pero hubieras tenido que


crear un plano de fondo para que la sombra caiga y, por lo tanto, no
puedas usar una transparencia detrás del logotipo.
Figura 11

Poniéndolo en acción
Y ahora has vuelto al círculo completo.

Regresa a Scribus y crea un nuevo documento.


Cree un marco de imagen y coloque su imagen de logotipo en él.
Cambie la imagen y / o el tamaño del marco para que se vea bien.
Haga clic con el botón derecho, elija "Propiedades de imagen extendidas".
Elija la ruta de la elipse y OK el diálogo.
En "Propiedades / Forma", establezca el Trazado de recorte.
Agregue texto y fondo alrededor de la imagen, luego mueva la imagen a la parte superior de la pila para que
el texto fluya a su alrededor.

Y tu estas listo. El cliente está muy satisfecho y le da una bolsa llena de dinero en efectivo. ¡Hurra!

Epílogo
Si has estado leyendo todo el camino hasta aquí, has visto cómo un boceto inicial realizado en Scribus puede
tomarse a través de varias aplicaciones hasta llegar a un modelo 3D completo y volver a entrar en Scribus. ¿No es
fantástico el software libre?

Espero que esto te haya dado un poco de inspiración para aprender más sobre Scribus, Inkscape, GIMP y Blender y
comenzar a crear algunas obras maestras gráficas propias.

Retrieved from "https://wiki.scribus.net/wiki/index.php?title=Evolution_of_a_logo&oldid=32068"

Categorías : CÓMO EN

Esta página fue editada por última vez el 19 de marzo de 2015, a las 13:00.
El contenido está disponible en Attribution-ShareAlike a menos que se indique lo contrario.