Actividad 1. Logotipo de Cuidado Forestal

Proyecto

Realizar el siguiente logotipo en materia

de ecología utilizando el programa de

diseño gráfico Inkscape. El propósito de

este diseño es promover una imagen

general de la interrelación entre el sector

forestal, la ecología y el hombre. A

continuación la siguiente figura muestra un

diseño propuesto como parte de la

actividad de estudio, la creatividad

siempre estará abierta a la generación de

nuevas propuestas que superen a lo

presente.

Inkscape1 es un software libre basado en el formato SVG (Scalable Vector

Graphics ), el cual es una especificación para describir gráficos vectoriales

bidimensionales, tanto estáticos como animados en formato XML.

Actividad 2: Entorno de diseño

Ajusta el entorno a 800 x 600 pixeles,

activar rejilla a tipo pixel con valor 1

en X y Y, activar ajustar a 20 unidades.

Ajustar el área de diseño

Para realizar el diseño, se determina el

tamaño de la página, el cual puede ser

tamaño carta (US Letter), oficio (US Legal),

A4 o personalizado, seguido de ello la

1 http://www.inkscape.org/download/?lang=es

orientación del papel (vertical u horizontal); determinar esta orientación permite

tener un panorama visual del diseño y sus limitaciones espaciales. A continuación

las unidades de medidas determinan la forma de trabajo para rejilla (cuadricula) y

guías, distinguiendo principalmente a los tipos, pixel (px), pulgada (in), centímetro

(cm), milímetros (mm). Todo esto se encuentra en Propiedades del documento

(Archivo Propiedades del documento o Shift+Ctrl+D).

Para asegurar que el diseño tenga la suficiente

exactitud de trazo, se activa la cuadricula y su ajuste,

además se puede utilizar las líneas guías como apoyo

en el espaciado, utilizar propiedades del documento

(shift+Ctrl+D) en las pestañas rejillas, guías y ajustar.

El área de trabajo tendrá vista semejante forma, en la

figura se muestran las guías y cuadriculas

consideradas para el logotipo. Cada diseñador, puede

ajustar las herramientas según sus necesidades.

Actividad 3: Elaboración de formas y operaciones

Problema

Una vez definido el ambiente de trabajo, en cuantos a formato y medidas; se

procede a realizar los trazos necesarios, utilizando los objetos de los que se

dispone en el paquete de diseño gráfico (Inkscape).

Para construir el trazo de la forma y las figuras circulares será

necesario realizar operaciones sobre objetos, dentro de las cuales existe la unión,

diferencia e intersección como principales.

¿Qué elementos geométricos necesitas para construir alguna forma?

¿Qué formas básicas de diseño se utilizarían para construir la forma ?

Realiza el trazo en papel de las formas básicas anteriores para elaborar la forma

descrita

Operaciones sobre formas

Éstas son las operaciones disponibles en breves ejemplos, notar la importancia en

el orden de los objetos.

Operación Objetos Resultado

Unión (soldar)

TrayectoUnión

(ctrl++)

Diferencias

TrayectoDiferencia

(ctrl+-)

Intersección

TrayectoIntersecció

n (ctrl+*)

Las operaciones para realizar la forma de diseño se describen a continuación

Procedimiento

Trazar un círculos utilizando la herramienta Crear círculos, elipses y arcos

de la barra de dibujo, para colorearlo debe seleccionar el objeto y hacer clic en

algún cuadro de la paleta de colores, si necesita cambiar el contorno, mantenga

presionada la tecla Shift+ Clic en algún cuadro de la misma paleta.

Para manejar los niveles de ordenación (inferior-superior) utilizar:

Manipulación de los objetos para construir el trazo e:

a. Trazar los objetos circulares y rectangulares, use la herramienta crear

rectángulos y cuadrados .

b. Realizar la diferencia seleccionando las formas circulares, para seleccionar

múltiples objetos, mantenga presionada la tecla shift, mientras hace clic en

cada uno de ellos.

c. Posterior a lo anterior, realizar la diferencia entre la forma circular y el

rectángulo.

d. Ejecutar la unión entre la forma rectangular pequeña y la media dona

generada.

Actividad: 3.A

Realizar los trazos circulares que pertenecen al logotipo, utilizando la operación de

diferencia y ordenamiento de objetos.

Actividad: 3.B

a b c d

Forma Final

En línea realizar los trazos para construir la forma

circular utilizando las operaciones necesarias

como adición y sustracción. Finalmente agrupelos.

Actividad 4: Tipografía Básica

¿Qué es la tipografía?

¿Cómo impacta la tipografía en un logotipo?

Establece una alternativa de tipografía al logotipo propuesto

Tipografía Básica

El logotipo necesita de un nombre o

acrónimos para presentar a la

empresa, el caso que se está tratando

necesita de texto y a su vez una

modificación en un carácter.

Para definir una tipografía se debe

considerar la formalidad o informalidad

del diseño y hacia quien va dirigido.

Para ecología, se utiliza la fuente

Sans en un tamaño de 40 unidades,

con un estilo negrita, esta herramienta

se encuentra en el menú TextoTexto

y tipografía (Shift+Ctrl+T)

Actividad: 4A

Una vez escrito el texto, se procede con la

ubicación de los elementos ya construidos para

visualizar el avance del logotipo.

Nota: Para separar objetos resultantes de una

unión, diferencia u otra operación; utilice

Shift+Ctrl+K.

Actividad 5: Operaciones con nodos

¿Crees que las formas básicas de diseño son

suficientes para trazos complejos como la

forma de la hoja de maple del diseño ?

¿Cómo trazarías la siguiente forma que es parte del logotipo ?

¿Cuáles consideras que son los elementos mínimos para realizar un trazo?

Trazar en papel la forma de una hoja simple a través de puntos y líneas

¿Qué es un nodo?

El trazo anterior no puede ser elaborado con formas básicas (rectángulos, elipses,

líneas); es necesario agregar el uso de una nueva herramienta llamada Bézier; la

cual está basada en el concepto de nodos; los nodos son puntos de referencia

para los trazos curvos, de hecho Bézier, está basada en la teoría de curvas

polinómicas y se le debe al ingeniero francés Bézier2 quien elaboró esta forma de

trazar curvas.

2 Referencia

Forma Final

Los nodos tienen diferentes comportamientos (simétricos, asimétricos) para

manipular o diseñar una forma, que puede ser a través del manejo de los vectores

de control.

Ejemplo: Realizar el siguiente trazo, tomando en cuenta la secuencia sugerida.

1. Crear un nuevo documento habilitando rejilla, guías y ajuste.

Ejemplo:

Paso a paso

Bézier Nodos de

Trayecto Operación con

nodos

Resultado

Nodos

Bézier

1

2

3

3

Nodos

Vectores de

control

Problema:

Una vez trazada una hoja, surge la necesidad de ubicarla y repetirla, en el caso de

la rotación de los objetos se hacen dos simples clic, el primero selecciona y

permite activar el control de tamaño, un clic más, activa el control de rotación y la

disposición de desplazar el punto de referencia ( + ). Para duplicar un objeto

presione Ctrl+D.

+

Manipulación de nodos y capas

Problema:

¿Qué podrías hacer si necesitas realizar un trazo más

complejo para el logotipo? , quizá el país de origen no es

Puerto Rico sino Canadá, y para ello la empresa envía una

imagen fotográfica de la hoja a diseñar. Para dar solución a

esta situación, se aprenderán los conceptos de

manipulación de nodos para dar formas, y el manejo de

capas, un concepto muy estándar, que servirá para sobreponer objetos.

Primero se crean las capas usando el menú Capa añadir capa…

(Shift+Ctrl+N), donde se determina el nombre, también puede renombrar usando

CapaRenombrar capa… . En este ejemplo donde se trazará una hoja se

tienen dos capas, donde la capa inferior contendrá una imagen, la cual se importa

usando el menú ArchivoImportar… ( Ctrl+I). En la capa superior

utilizaremos la herramienta Bezier y la manipulación de nodos, vea las figuras:

Un Simple Clic Dos Simples

Clic

Punto de

referencia

Actividad: 5

Realizar el trazo de la hoja de maple, utilizando capas para su

diseño, definir el propósito de cada capa con un nombre que permita

identificar su finalizad. Utilizar las herramientas de nodos para su

construcción adecuada.

Suprimir

Nodos

Editar

Nodos

Agregar

Nodos

Convertir

Nodos

Utilice Acercar o

alejar

Actividad: Logotipo terminado en trazo

Una vez cubierto todos los trazos, se dispone a

realizar la ubicación y ajuste del logotipo

desarrollado y finalmente debe corresponder a la

siguiente vista.

Tratamiento de nodos sobre caracteres

¿Cómo influye la tipografía en un diseño?

Existen diversos tipos de fuentes, pero ¿Hay algún tipo disponible para su

personalización?

Problema

Al realizar un logotipo, quizá sea

necesario modificar la tipografía original

de alguna letra o letras para proyectar

una nueva forma; el proceso para

realizar esto es el siguiente; colocar la

letra con el tipo adecuado (Shift+Ctrl+T).

Después seleccione el objeto, y presione

Shift+Ctrl+C. Su carácter se ha

convertido en “curvas”, utilice la

herramienta “editor de nodos” para realizar las modificaciones pertinentes. Shift+Ctrl+T Shift+Ctrl+C

Editar

nodos

Polígonos

Forma Final

Propuesta en la tipografía al logo.

En nuestro diseño se puede proponer un cambio a la

tipografía desde una forma básica hasta compleja,

tanto como se quiera, ya que al convertir un objeto a

trazo este permite utilizar la herramienta de nodos y

bézier para la manipulación de vectores y tipos de

nodos.

En la imagen mostrada se hace una modificación de la

palabra ecología a través de la combinación de formas y

ajuste en los vectores de seguimiento curvilíneo.

Actividad 6: Colores sobre el logotipo

Coloración de Objetos (Rellenos sólidos, radiales, lineales).

Problema:

Después de construir el logotipo,

continuamos con el siguiente

problema, ¿qué colores deben ser

utilizados para dar presencia al

logotipo? La creatividad es abierta, el

uso de colores depende de muchos

factores, aunque dar forma a un

logotipo es importante, ahora buscar

una adecuada combinación sentará la

presencia final del producto.

Primero analicemos de una manera

rápida y sutil el significado de los

colores, para poder buscar los

necesarios para proyectar nuestro

trabajo.

Blanco: En publicidad, al blanco se le asocia con la frescura y la limpieza porque

es el color de nieve. En la promoción de productos de alta tecnología, el blanco

puede utilizarse para comunicar simplicidad.

Amarillo: Cuando se sitúan varios colores en contraposición al negro, el amarillo

es en el que primero se fija la atención. Por eso, la combinación amarillo y negro

es usada para resaltar avisos o reclamos de atención.

Naranja: Es un color que encaja muy bien con la gente joven, por lo que es muy

recomendable para comunicar con ellos.

Rojo: En publicidad se utiliza el rojo para provocar sentimientos eróticos. Símbolos

como labios o uñas rojos, zapatos, vestidos, etc., son arquetipos en la

comunicación visual sugerente.

Azul: Es adecuado para promocionar productos de alta tecnología o de alta

precisión.

Verde: Por su asociación a la naturaleza es ideal para promocionar productos de

jardinería, turismo rural, actividades al aire libre o productos ecológicos

Negro: El negro representa el poder, la elegancia, la formalidad, la muerte y el

misterio.

Para aplicar la coloración utilice las herramientas que proporciona la barra de

colores, para pintar el objeto, primero

seleccione haga clic en algún color

, utilice Shift+Clic para pintar

el trazo.

El siguiente diseño se trata de un ejemplo

para realizar el relleno de objetos, este

relleno puede ser sólido, lineal o radial,

Inkscape posee las paletas necesarias y los modelos de color. Los modelos de

color son RGB, HSL, CMYK, CMS.

RGB. La acrónimo del inglés Red, Green, Blue; "rojo, verde, azul" de un color

hace referencia a la composición del color en términos de la intensidad de los

colores primarios con que se forma: el rojo, el verde y el azul. Es un modelo de

color basado en la síntesis aditiva, con el que es posible representar un color

mediante la mezcla por adición de los tres colores luz primarios.

El modelo HSL (del inglés Hue, Saturation, Lightness – Tonalidad, Saturación,

Luminancia), también llamado HSI (del inglés Hue, Saturation, Intensity –

Tonalidad, Saturación, Intensidad), define un modelo de color en términos de sus

componentes constituyentes. El modelo HSL se representa gráficamente como un

cono doble o un doble hexágono.

El modelo CMYK (acrónimo de Cyan, Magenta, Yellow y blacK) es un modelo de colores sustractivo que se utiliza en la impresión en colores. Este modelo de 32 bits se basa en la mezcla de pigmentos de los siguientes colores para crear otros más.

El degradado está

basado en dos

formatos, lineal y

radial. En ambos se

utilizan vectores de

pintado, que

permiten realizar la

modificación

correspondiente a la intensidad de cada color. En el caso de Inkscape, no sólo se

realiza el proceso de degradado de los colores, sino también la capacidad de

opacidad, así entonces genera un código de color no RGB sino RGBA, donde A

significa opacidad.

Actividad: 6A

Proporcione colores al logotipo

diseñado, utilizando el modelo

adecuado y efectos de relleno, lo que

dará un matiz propio. La figura que se

muestra utiliza los elementos de color

sólido y de degradado; para ello

utilizar el método abreviado Ctrl+F1 y

seleccionar lineal o radial para el caso

de degradados.

Diseño Final