Knowledge Diseño Gráfico y Web Diseño Gráfico
Este material didáctico forma parte del Curso online de Obtención de Imágenes para Proyectos Gráficos (UF1457)

Técnicas manuales e infográficas de ilustración

Para realizar ilustraciones a mano hemos de dominar el lápiz, la pluma, el pincel, etc. para lo cual aparte de tener unos dotes para el dibujo has de practicar y de esta forma podrás llegar a dibujar lo que te propongas.

El primer paso que se recomienda seguir a la hora de comenzar una ilustración es:

  • Visualizar cómo y qué queremos reflejar en nuestra pieza gráfica. Si nuestro trabajo no tiene una idea o fin preestablecidos y contamos con libertad creativa, podemos aprovechar y buscar inspiración en revistas, webs etc..

  • Una vez que tenemos claro qué queremos ilustrar, podemos pasar a abocetar las primeras formas.

    Para crear una buena ilustración hemos de tener en cuenta una serie de cosas:

    Detalles

    Aprender a ver los detalles en su conjunto, es decir en un dibujo complejo hemos de ver cómo cada detalle se encuentra relacionado con todos los demás detalles.

    Pensar

    Pensar en lo individual, hemos de aprender a dibujar sobre un plano cualquier objeto sin dirigir la atención a la relación que tiene este objeto con dicho plano.

La infografía

Combinar

La infografía es una combinación de imágenes sintéticas, explicativas y fáciles de entender y textos con el fin de comunicar información de manera visual para facilitar su transmisión.

Comunicar

Las infografías son una manera informal y mucho más atractiva para comunicar, ya que busca llamar la atención de la persona que las observa a partir del uso de colores, imágenes o diseños especialmente seleccionados.

Informar

Las infografías no suelen contener demasiada información si no que la misma es brindada en cantidad limitada, ya que lo central de este tipo de gráficas es el diseño en sí. Por lo general, una infografía saca la información de las mismas imágenes y la representa en pequeños y breves textos que hacen su lectura mucho más rápida y ágil.

Los tipos de infografía más comunes son:

Descriptiva
 Imágenes acompañadas de flechas y textos explicativos.
Secuencial
Describe algo en pasos o en orden cronológico.
Estadística
Muestra los resultados de una encuesta o estudio por medio de gráficos.
Geográfica
Mapas o dibujos para mostrar un hecho o paisaje.
Decisión
Preguntas y respuestas unidas por líneas para ayudar en una decisión.
Interactiva
Se puede interactuar pinchando en algunos elementos.
Jerárquica
Lo más importante va al principio y a mayor tamaño.

Antes de diseñar es conveniente hacer un boceto en papel y lápiz de cómo puede quedar nuestra infografía.

La técnica del dibujo a lápiz sea más sencilla dada la forma peso y tamaño del lápiz constituye un instrumento de dibujo muy manejable. Podemos trabajar con diferentes minas y esto hace que según lo que queramos dibujar podemos escoger el más conveniente. El utilizar diferentes minas también nos permite generar diferentes tonos de grises.

Otra de las ventajas del lápiz es que lo que hacemos se puede borrar con facilidad. El lápiz nos permite crear trazos seguros y limpios con el mismo grosor y además realizar sombreados.

Nociones sobre trazados

TRAZADO

Llamamos trazado a una línea compuesta de uno o más segmentos rectos o curvos. Pueden ser muy simples (un solo segmento) o muy complejos con miles de segmentos.

Los trazados permiten crear otros objetos más complejos como trazados compuestos, formas, mallas de degradados, máscaras de opacidad y recorte, fusiones, etc., siendo la base de todo el dibujo vectorial.

TRAZADOS ABIERTOS Y CERRADOS
Un trazado abierto tiene un marcado punto inicial y final, como por ejemplo una línea ondulante. Un trazado cerrado no tiene punto inicial ni final como por ejemplo un círculo. Para cerrar un trazado desplazamos la pluma al primer punto del trazado y hacemos clic. Illustrator mostrará el cursor de pluma con un círculo, como se muestra en la imagen de abajo...
SEGMENTO

Cada una de las líneas rectas o curvas que forman un trazado.

PUNTO DE ANCLA
Cada segmento se calcula con dos puntos, que definen la forma del segmento. Los puntos de anclaConforme dibuja, crea una línea denominada trazado. Un trazado consta de uno o más segmentos rectos o curvos. El inicio y el fin de cada segmento queda marcado por puntos de ancla, que funcionan como clavijas de sujeción de cables. conectan todos y cada uno de los segmentos que forman el trazado. Existen dos tipos: suavizado y vértice.
PUNTO DE ANCLA SELECCIONADO

Punto actual sobre el que se puede realizar alguna acción como desplazarlo o moverlo. En la imagen inferior podemos ver dos herramientas para seleccionar puntos de ancla: selección directa permite hacer clic sobre un punto. Con la tecla shift podemos realizar selección de múltiples puntos.

CONTROLADORES DE DIRECCIÓN

Cada punto de ancla dispone de dos controladores (tiradores) de dirección o curvatura. El controlador de dirección consta de una línea de dirección tangente al punto de ancla (ver imagen inferior), que terminan en un punto de dirección.

El ángulo y la longitud de las líneas de dirección determinan la forma y el tamaño de los segmentos curvos.

Los controladores de dirección pueden encontrase contraídos en las misma coordenadas que su punto de ancla, en cuyo caso el punto de ancla podrá definir un segmento recto si el siguiente punto tiene también los controladores contraídos. Al mover los puntos de dirección, se modifica la forma de las curvas.

Las líneas y punto de dirección no se imprimen ni aparecen en la salida final.

PUNTOS DE ANCLA

Existen dos tipos de punto de ancla, puntos de vértice y puntos suavizados.

Los puntos de vértice son cambios de dirección bruscos, formando un pico. Por ejemplo, encontramos este punto de ancla en cada esquina de un cuadrado, donde se unen sus segmentos.

Los puntos de ancla suavizados pueden unir segmentos rectos, rectos y curvos o sólo curvos.

Los puntos suavizados redondean el punto de unión, dando el aspecto de que son uno sólo. Sólo se puede suavizar la unión de segmentos curvos.

Ejemplo de puntos de v�©rtice y trazados.

Para hacernos una idea más clara, si pudiésemos pasar un dedo sobre el contorno del dibujo, notaríamos sólo los puntos de vértices, y percibiríamos los puntos suavizados como una curva más o menos pronunciada, pero que no rompe la continuidad del trazo.

Podemos convertir un punto de vértice en suavizado y viceversa con la herramienta Convertir Punto de ancla ,que está agrupada junto a la herramienta Pluma.

Convertir punto de ancla

Aprenderemos la importancia que tienen unos u otros cuando expliquemos cómo editarlos.

PUNTOS Y LÍNEAS DE DIRECCIÓN

Hemos visto que al seleccionar un segmento curvo, o un punto de ancla que lo una, se muestran líneas de dirección, con un punto de dirección en cada uno de sus extremos. Estas líneas son tangentes a la curva.

El ángulo tamaño de estas líneas determinan el tamaño del segmento curvo.

En la imagen vemos dos trazados con tres puntos de ancla a la misma distancia. Lo único que se ha modificado es el ángulo y el tamaño de las líneas de dirección.

En los puntos suavizados también encontramos líneas de dirección, pero unidas, ya que si modificamos el ángulo de una se modifica también el segmento continuo, para conservar la suavidad.

En caso de que sea un punto de vértice en el extremo de una curva, podemos modificar estas líneas sin que modifique el segmento continuo

 Herramienta pluma

La herramienta Pluma (accesible con la tecla P) es la más útil y versátil en el dibujo vectorial, ya que con ella podemos concretar exactamente dónde y cuántos puntos de ancla tendrá nuestro trazo, si son suavizados o vértices, y si los segmentos son rectos o curvos.

Esta herramienta se divide a su vez en sub-herramientas, que aunque las podemos elegir directamente en la barra de herramientas, podemos también utilizarlas a medida que dibujamos con la pluma.Pluma La herramienta Pluma nos permite dibujar un trazado, haciendo clic donde queramos crear un punto de ancla. La herramienta Añadir punto de ancla crea un nuevo punto de ancla al trazado sobre el que pulsemos, y en la posición del clic. La herramienta Eliminar punto de ancla elimina el punto de ancla existente sobre el que hagamos clic.

  • Podemos alternar entre estas dos herramientas pulsando la tecla Alt, con cualquiera de ellas activa. La herramienta Convertir punto de ancla transforma un punto ya existente. Por ejemplo, si hacemos clic sobre un punto suavizado, se convertirá en un vértice. Y si hacemos clic sobre un vértice y arrastramos, podremos controlar las líneas de dirección y transformarlo en un punto suavizado

1. Dibujo de segmentos de línea rectos

El tipo de trazado más sencillo que se puede dibujar con la herramienta Pluma es una línea recta, que se crea haciendo clic con la pluma para crear dos puntos de ancla. Si se sigue haciendo clic, se crea un trazado compuesto de segmentos rectilíneos conectados por puntos de vértice.

1
Seleccione la herramienta Pluma.
2
Sitúe la herramienta Pluma donde desee que empiece el segmento recto y haga clic para definir el primer punto de ancla (no arrastre).
 

El primer segmento que dibuje no será visible hasta que haga clic en un segundo punto de ancla. (Seleccione la opción Goma elástica en Photoshop para realizar una previsualización de segmentos de trazado.) Además, si aparecen líneas de dirección, significa que ha arrastrado por accidente la herramienta Pluma; elija Edición > Deshacer y vuelva a hacer clic.

3
Haga clic de nuevo donde desee que termine el segmento (pulse Mayús y haga clic para limitar el ángulo del segmento a un múltiplo de 45°).
4
Continúe haciendo clic para definir puntos de ancla de segmentos rectos adicionales. El último punto de ancla añadido aparece siempre como un cuadrado sólido, lo que indica que se ha seleccionado. Los puntos de ancla definidos anteriormente se convierten en huecos y sin seleccionar, a medida que añade más puntos de ancla.
5
Complete el trazado llevando a cabo uno de los procedimientos siguientes:
  • Para cerrar el trazado, coloque la herramienta Pluma sobre el primer punto de ancla (hueco). Cuando esté situada correctamente, aparecerá un pequeño círculo junto al puntero de la herramienta Pluma . Haga clic o arrastre para cerrar el trazado.

    Para cerrar un trazado en InDesign, también puede seleccionar el objeto y elegir Objeto > Trazados > Cerrar trazado.

  • Para dejar el trazado abierto, pulse Ctrl (Windows) o Comando (Mac OS) y haga clic en cualquier lugar lejos de
    todos los objetos.
  • Para dejar el trazado abierto, también puede seleccionar una herramienta diferente o elegir Seleccionar > Deseleccionar en Illustrator o Edición > Deseleccionar todo en InDesign.

2. Cómo mover nodos o puntos de un trazado.

1
Para mover nodos de lugar en un trazado similar a este:
3
se utiliza la herramienta de selección directa desde la barra de herramientas o mediante la tecla ( A ).
5
Una vez seleccionada, hacemos un clic sobre el trazado. Notaremos que los tres puntos se vuelven blancos.

7
Seleccionamos el punto del medio con un clic, y notamos que el punto está seleccionado porque ha cambiado su color mientras los demás siguen estando blancos, como lo muestra la imagen.
9
Ahora sólo nos queda arrastrar el punto hasta otro lugar.

3. Cómo generar trazados con curvas.

Como dijimos antes, para comenzar un trazado sólo se deben hacer dos puntos en lugares diferentes. Pero si quiero realizar un trazado completamente curvo, debo, a cada punto, arrastrar el puntero para que se genere la curva en cada extremo, por cada nodo.

Veamos los pasos a seguir en el gráfico, las flechas rojas indican la dirección de arrastre que debemos darle al puntero. Cuanto más lo alejemos del nodo, más pronunciada será la curva:

4. Cómo generar curvas a partir de un ángulo.

Para generar curvas debemos tener la herramienta pluma ( P ) seleccionada. Si nos posicionamos frente a un nodo o punto, vemos cómo al cursor se le suma el signo de sustracción ( - ), pero si apretamos la tecla ( Alt ), vemos cómo el cursor cambia en forma de pico:. Teniendo entonces apretada la tecla ( Alt ) procedemos a arrastrar el puntero hacia un costado y vemos cómo se genera una curva.

5. Cómo generar esquinas angulosas a partir de una curva.

Este punto para el manejo del vectorSegmento de recta, contado a partir de un punto del espacio, cuya longitud representa a escala una magnitud, en una dirección determinada y en uno de sus sentidos. es muy útil. Teniendo la herramienta pluma seleccionada, sólo debemos arrastrar el punto de dirección mientras apretamos la tecla Alt.

Vemos que al apretar la tecla ( Alt ) ya el puntero cambio a la forma de pico, que es lo que nos permitirá convertir el trazado.

Lo que está dentro del círculo rojo es el punto de dirección, y es lo que debemos arrastrar, formándose una esquina en punta.

Si tenemos una curva y sólo queremos que quede como un ángulo, debemos mantener apretada la tecla ( Alt ) y hacer un solo clic.

  

Herramienta pluma
Ver Actividad Actividad de aprendizaje: Resuelve estas cuestiones relacionadas con los trazados.

Trabajar con trazados I

1. Combinar segmentos rectos y curvos

Hasta ahora hemos visto que al hacer un clic creamos un punto de ancla. Si soltamos el ratón inmediatamente, el punto creado es un vértice, mientras que si arrastramos, el punto es suavizado, y los segmentos que unen curvos.

Pero sabemos que puntos de vértice también pueden unir segmentos curvos o rectos y curvos. Vamos a ver como lo hacemos.

Nos basaremos en que si situamos la Pluma sobre el último punto de ancla creado (que será un extremo), esta se comporta de forma muy parecida a la herramienta Convertir puntos de ancla, pero únicamente afecta al próximo segmento.

Por ejemplo, para crear un segmento recto seguido de uno curvo, creamos primero el recto haciendo dos clics, sin arrastrar al final. Seguidamente, nos situamos sobre el último punto de ancla hasta que el cursor de la pluma muestre un triángulo . Hacemos clic y arrastramos. Vemos que en este caso sólo aparece una línea de dirección, que corresponde al futuro segmento. Después, hacemos clic en el lugar donde finalizará el nuevo segmento.

RectaRecta - curva

En este ejemplo, el último punto creado es un vértice, porque no hemos modificado sus líneas de dirección (aunque podríamos haberlo hecho). Por lo tanto si hacemos otro clic, el segmento resultante será recto.

Pero si queremos trazar un segmento recto después de un arco que termina en un punto suavizado, tendremos que transformarlo. Para ello basta con volver a hacer clic sobre él (sin arrastrar), con lo que se convierte en un punto de vértice.

Cuando lo que queremos es crear un punto de vértice que una dos segmentos curvos, podemos también hacerlo como hemos visto: crear un arco, y si el último punto es suavizado, convertirlo a un punto de vértice haciendo clic antes de crear el nuevo trazado.

Otra opción más rápida es utilizar la tecla Alt mientras manejamos las líneas de dirección del extremo final. Al pulsar la tecla, pasamos a controlar la dirección del siguiente segmento, como hacíamos al volver a hacer clic y arrastrar tras crear una recta.

curvacurva

Otra forma de conseguir este mismo efecto es preocuparnos sólo por modificar la primera de las líneas de dirección, y modificar la segunda después de crear el punto, manteniendo pulsada la tecla Alt mientras pulsamos y arrastramos del punto de dirección.

Puntos suavizadoPuntos suavizadoPuntos suavizado

2. Editar trazos con la Pluma

1
En la Barra de herramientas, seleccione la herramienta Selección directa SelecciÃ?³n directaSeleccione un punto de anclaje y arrástrelo. Si tiene seleccionados varios puntos de anclaje, al mover uno de ellos, se moverán todos los puntos seleccionados.
2
Si situamos la herramienta Pluma sobre el trazado que estamos creando, o sobre uno ya existente y seleccionado, se comportará como la herramienta Añadir punto de ancla. Al hacer clic añadirá un punto de ancla, sin que este afecte a la forma del trazado si no lo modificamos.
3
Del mismo modo, si situamos el cursor sobre un punto de ancla, excepto los extremos, y hacemos clic, el punto desaparecerá como pasa con la herramienta Eliminar puntos de ancla. Esto sí afectará al trazado, ya que se unirán los puntos de ancla anterior y posterior.

3. Unir trazados

Seleccione los puntos finales.

Si los puntos finales coinciden (están uno encima del otro), arrastre un marco por ambos puntos finales para seleccionarlos. Con ambos puntos seleccionados vamos al menú objeto / trazado / unir

4. Continuar dibujando un trazado

Podemos continuar un trazado abierto ya existente con la herramienta Pluma. Para ello, tras seleccionarlo, debemos hacer clic sobre uno de sus extremos, cuando aparezca un segmento en el cursor.

Continuar trazo

1
Por otra lado, si durante la creación de un trazo, nos equivocamos al colocar un punto de ancla, podemos eliminarlo con Deshacer (Ctrl + Z) sin que nos salgamos del trazo, o podemos pulsar la tecla Espacio antes de soltar el ratón para desplazar la ubicación del punto de ancla. También podemos moverlo, si hacemos Ctrl + clic para cambiar a la herramienta Selección directa SelecciÃ?³n directa
2
Para cambiar entre puntos de vértice y suavizados, sin deseleccionar la Pluma, podemos cambiar a la herramienta Convertir puntos de ancla al mantener pulsada la tecla Alt.
3
Es difícil crear un trazado exacto directamente con esta herramienta, salvo que tengamos mucha experiencia. Los más cómodo será crearlo lo más aproximado que podamos y después editarlo poco a poco hasta obtener el dibujo que buscábamos.
Trabajar con trazados I

 

Trabajar con trazados II

1. Cortar un trazado

Puede dividir un trazado en cualquier punto de ancla o a lo largo de cualquier segmento. Al dividir un trazado, tenga en cuenta lo siguiente:

1
Si desea dividir un trazado cerrado en dos trazados abiertos, debe cortar por dos sitios del trazado. Si sólo corta el trazado por un sitio, sólo obtendrá un trazado con un hueco.
2
Los trazados que resulten de una división heredan la configuración del trazado original, como el grosor de trazo y el color del relleno. La alineación del trazo se restablece de forma automática al centro.
3
Seleccione el trazado para ver sus puntos de ancla.
4
Realice una de las siguientes acciones:
  • Elija la herramienta Tijeras y haga clic en el trazado que desee dividir. Al dividir el trazado en medio de un segmento, se crean dos nuevos puntos finales uno encima del otro y uno de ellos queda seleccionado.
  • Elija el punto de ancla en el que desee dividir el trazado y, a continuación, haga clic en el botón Cortar trazado en los puntos de ancla seleccionados del panel de control. Cuando se divide el trazado en un punto de ancla, aparece un nuevo punto de ancla encima del punto de ancla original, y uno de ellos queda seleccionado.
5
Utilice la herramienta Selección directa para ajustar el nuevo punto de ancla o segmento de trazado. SelecciÃ?³n directa
6
Los cortes hechos con la herramienta Tijeras se deben hacer en una línea o en una curva y no en un extremo.
7
Allá donde picamos con las Tijeras, aparecerá un nuevo punto de ancla seleccionado. En realidad la herramienta Tijeras crea dos puntos de ancla independientes y que podremos separar (corte) pero que, justo al cortar, se muestran uno encima del otro.
Trabajar con trazados II

 2. Relleno y contorno de trazados

Relleno 

Un relleno es un color liso, motivo o degradado situado en el interior de un trazado. Podemos aplicar rellenos a trazados abiertos, cerrados y a otros objetos... Los rellenos pueden ser colores degradados, motivos etc....

Contorno

Es el dibujo que sigue la línea del trazo. En la imagen inferior se observa un trazado de tres puntos con contorno de color liso, contorno de de motivo y de pincel. El contorno también admite grosor en píxeles como el primer trazo de 20 px. de la imagen inferior

Trabajar con trazados III
Herramienta tijera
 

Este contenido didáctico abierto está extraído del Curso online de Obtención de Imágenes para Proyectos Gráficos (UF1457).

Amplía tus conocimientos con el Curso Online de Obtención de Imágenes para Proyectos Gráficos (UF1457)

Puedes continuar ahora la formación matriculándote en el curso, o si lo prefieres, consultar nuestro catálogo con cerca de 400 actividades formativas acreditadas.

Benefíciate del crédito para formación bonificando el curso.

Este sitio web utiliza cookies de terceros con la finalidad de analizar el uso que hace de nuestra web y personalizar el contenido de los anuncios. Si continúa navegando entendemos que acepta su uso. Más información