TIDSL103 - Ventanas con vitraux ( Inkscape )

Después de realiza los vitraux con Inkscape pensé que quedarían bien ubicados en una ventana . Fue así que busqué modelos de ellas y elegí una.

Realicé la tarea de la siguiente forma:

a) Importé el modelo de ventana y el archivo png. del vitraux.

b) Agrandé la ventana para que cupiesen los vidrios.

c) Utilicé varias herramientas para obtener la imagen deseada. Dibujé en diferentes capas las distintas partes que elaboré.

d) Para lograr el dibujo semicircular que se ve en la parte de arriba de cada ventana utilicé un pedazo de vitraux. Es así que repetí las acciones que detallo en el post del 11 abril para usar solamente un trozo de un dibujo dado ( la manzana) .

Pasos:

• Duplicar el vitraux y seleccionarlo.

• Mantener la seleccionada e ir a Objeto / Patrón / Objetos a Patrón

• Hacer un rectángulo con la herramienta "Dibujar curvas Bézier y líneas rectas".

• Seleccionarlo con el cursor y hacer click derecho. Elegir Relleno y Borde y hacer click...

• Ubicar la opción Patrón en la ventana que se abre. (es un cuadrito relleno con rombitos) y hacer click... Buscar el archivo del vitraux y hacer click.

• Se observa que en el rectángulo apareció un nuevo vitraux con nodos en el contorno.

• Ahora acomodar, arrastrar los nodos y/o crear nuevos, formando el semicírculo que necesitamos.

Espero les agrade lo realizado.

Saludos y seguimos ejercitando.

TIDSL103 – Vectorizar mapa de bits - Vitraux

A continuación les detallo los pasó que seguí para hacer los anteriores vitraux.

1- Importé la imagen que ven a continuación.

2-La seleccioné y fui a Trazo/ Vectorizar mapa de bits. Se abre una nueva ventana. Fui variando los valores hasta lograr los que se ven a continuación e hice clic en Actualizar/ Aceptar .

3- Arriba de la figura importada se creó otra imagen producto de la vectorización realizada. La arrastré hacia afuera.

4- Después la seleccioné ; seguidamente con la herramienta de relleno y borde le varié el color y el ancho del trazo.

5- Tomé el baldecito y pinté el interior del vitreaux. Luego seleccioné cada una de las zonas pintadas e hice clic en relleno, gradiente lineal. Seguidamente acomodé los tiradores de los gradientes para que la figura se vieransimétrica.

6-Finalmente seleccioné uno a uno los vitraux y los exporté: (Archivo/ Exportar mapa de bits.)

Aquí no terminará la tarea , ésta es una parte de ella. En el próximo post les contaré como sigue.

Hasta pronto.

TIDSL103 - Ejercitando herramientas varias de Inkscape .

El fin de la tarea realizada fue ejercitar diferentes herramientas de Inkscape.

A continuación les comentaré cómo trabajé:

1) Importé la siguiente imagen.

2) Tracé un rectángulo rojo en una capa nueva . Lo pinté “del mismo color” que el fondo de la imagen importado.

Las figuras citadas ( imagen inicial y rectángulo) estaban en distintas capas. Para que resulten de colores “iguales” se hace lo siguiente:

• Se dejan abiertos los candaditos de las dos capas ( la del color que queremos copiar y la de la imagen que queremos pintar ) . Si hubiese más capas hay que ”cerrar” los candaditos de todas ellas.

• Se selecciona, con la herramienta correspondiente, la imagen que deseo pintar.

• Se cierran “todos” los ojitos “menos” el de la capa que tiene el color deseado . Tomar el cuentagotas (haciendo clic en él ) y seguidamente hacer clic arriba del color que se quiere copiar. Listo, Se abren los ojitos de ambas capas y se ve pintada la figura del color que el cuentagotas tomó.

3) Luego dibujé el jarrón con la herramienta para hacer curvas Bézier, le acomodé el contorno trabajando con los nodos y los tiradores de éstos. Lo pinté de negro copiando el color del original con el “cuentagotas” nuevamente.
4) Después le agregué las formas que adornan el jarrón trabajando también con la herramientas anteriormente detalladas.

5) Para hacer el reflejo blanco que bordea al jarrón dupliqué el mismo y le saqué el color negro del relleno. Después pinté el trazo que quedó de color blanco, lo engrosé y acomodé.


6) La sombra del piso del jarrón lo hice dibujando una elipse, la pinté de negro y la desenfoqué.


7) La luminosidad que se refleja en el centro del jarrón y arriba la hice trazando y “desenfocando” pedacitos pequeños de figuras blancas ( alguna tiene más de un pedacito superpuesto) .

8) Por último los jarrones que se ven delante y detrás del jarrón negro los realicé copiando y pegando, en diferentes capas, el primer jarrón que dibujé. Les cambié el color de relleno y le bajé la “opacidad”.



Espero les agrade lo realizado .
Saludos y seguimos ejercitando.

TIDSL103 – Unión de dos nodos extremos de diferentes trazos.

Es oportuno dispersar las dudas que tengamos sobre el tema planteado ya que al avanzar en el dibujo de imágenes a veces se presenta la necesidad de unir los extremos de trazos diferentes .

Hemos de acordar, que una cosa es un trazo y otra es un trayecto.

Inskscape habla de trazo como un concepto geométrico (formas) en cambio trayecto es un concepto matemático (vectores).

Ejemplificaré con los siguientes trazos:

Para lograr que los dos trazos se unan es necesario “combinar” las dos figuras.

Para ello seleccionamos un trazo , apretamos shift y lo mantenemos apretado. Seleccionamos el otro trazo y vamos a : trayecto/combinar( Inkscape versión 0.47) o trazo/ combinar ( versión 0.46)

A esta altura están los dos trazos combinados pero... sus extremos no unidos.

Ahora queda unir los nodos de los extremos de los diferentes trazos para que la figura sea un solo trazo.

Entonces apretamos shift , seleccionamos los nodos finales del los extremos que deseamos unir y hacemos clic en la barra de arriba donde dice: “unir los nodos finales seleccionados”.

Ahora sí queda un solo trazo.

Resumiendo:

Primero, “ combinamos los trazos ( Seleccionamos los dos trazos y vamos a: trayecto/combinar, o a: trazo/ combinar, según la versión de Inkscape con la que trabajamos.

Segundo , unimos los nodos finales de cada extremo.

Investigando en Google hallé la respuesta en Wikipedia al final de la siguiente página bajo el título: ¿Como unir dos nodos extremos de trazos diferentes?

Les dejo este link que también habla sobre "parte" del tema.

http://joaclintistgud.wordpress.com/2010/01/12/inkscape-convertir-trazos-en-trayectos/

Saludos y hasta la próxima.

TIDSL103 - Ejercitando las herramientas de Inkscape

Es un gusto poder participar del Taller de Imagen Digital organizado en baidarkas.net.

Para realizar la primera actividad elegí el siguiente dibujo.

Lo trabajé de la siguiente forma:

Copié en distintas capas las diferentes partes que lo componen haciendo uso de varias herramientas . Elegí trabajar cada parte en una capa distinta porque así me resulta más ordenado y al seleccionar una parte no se confunde con otra. Estuve atenta en abrir y cerrar ojitos y candaditos según fuese necesario.

Dibujé primero lo que se observa en los planos de atrás y por último lo que está en primer plano.

Después fui seleccionando cada parte y la fui pintando según me pareció más conveniente.

Finalmente le agregué un fondo a la hoja.

Les relataré el paso a paso:

1-Importé la imagen elegida.

2-Cree una capa y con la herramienta curva de Bézier tracé las montañas. Luego hice clic en la herramienta de editar nodos y con la flechita acomodé la línea alrededor de la montaña.

Después hice clic en el lapicito que está en la barra de arriba y las pinté de color marrón.

3-Cree otra capa, cerré el candado y el ojito de la capa de las montañas y dibujé el elefante, la jirafa y el humo. Trabajé ídem que con la montañas.( Herramienta curva de Bézier...) He de aclarar que cuando fue necesario para curvar la línea cree nodos naciendo doble clic sobre ella. Estos me permiten curvarla más fácilmente ( ver jirafa).

Podemos observar que la montaña está atrás y los animales y el humo delante de ésta.

4-Después en otra capa y dibujé la chimenea. Para lograr mayor precisión del dibujo trabajé con la barra de nodos ( clic en...: “suavizar nodos”, “convetir segmentos seleccionados en líneas”, “mostrar los tiradores” , “insertar nodos”, “suprimir nodos” ...

5-A continuación cree otra capa y dibujé; de igual forma que las anteriores, la locomotora del tren. Para poder observar mejor la imagen transportada inicialmente le quité opacidad a la capa creada.

Una vez conforme con lo dibujado volví la opacidad a 100%

6-En otra capa dibujé el primer vagón. En la siguiente imagen se ven los tiradores de los nodos y el cambio de opacidad de la capa.

7-Al segundo vagón lo hice en otra capa. Es importante aclarar que cuando trabajé en una capa mantuve cerrado candaditos y ojitos de las anteriores.

8-En una octava capa hice las ruedas con la herramienta de crear círculos.Primero dibujé uno y para que mantuviese la forma circular apreté Ctrl. Luego copié, pegué y ubiqué las otras ruedas de igual tamaño. Para lograr la rueda mayor copiey pegué una quinta rueda.l La seleccioné, apreté Ctrl y tiré de las flechitas para agrandarla. El apretar Ctrl permite que no varíe su forma circular.

9-Con la herramienta de crear rectángulos y cuadrados hice el rectángulo que ven sobre las ruedas.

10-Seguidamente apretando Shift seleccioné las dos ruedas de la locomotora y el rectángulo y los uní ( trazo /unión , con Inkskape 0.46) También se puede hacer trayecto/unión con Inkscape 0.47. Quedó así.

11- Acomodé el pie de la montaña ya que incorrectamente ocupaba el lugar del camino. Observar que el candado está abierto sólo en la montaña, así se evita que por error se modifiquen otras capas.

12-El dibujo quedó así:

13-Para hacer el triángulo trabajé con la herramienta de “hacer estrellas y polígonos” Clic en ella y fui a la barra que aparece arriba . Clic en el polígono que hay allí e indiqué “ de 3 esquinas”.

Luego hice clic en triángulo y tirando de las flechitas le fui dando la forma ídem al dibujo inicial. Lo realicé en una novena capa que denominé formas. Allí coloqué las formas que aparecen adelante.

14-También hice las otras figuras que se ven.

15-A esta altura me di cuenta que me faltaba dibujar el cielo y el piso. Cree una décima capa y la ubiqué abajo de la capa de las montañas.

16-Seguidamente abrí todos los candaditos y ojitos. Con cuidado fui seleccionando y pintando las distintas partes de él según me pareció más apropiado.

18- Finalmente agregué un fondo al dibujo creando una última capa. La pinté y le agregué una estrella y un espiral haciendo uso de las herramientas correspondientes..

Para “exportar “ el dibujo fui a : archivo/exportar mapa de Bits/página/examinar /clic en exportar.

Esta tarea ha tenido por fin ejercitar las herramientas del programa. Espero les haya gustado lo realizado .

Saludos y seguimos internalizando los aprendizajes.

HA903 – Recursos para pintar

Les relataré cómo hice el dibujo que tenía pendiente.

Trabajé dibujando en diferentes capas las distintas partes. Contándolas son catorce. No me acostumbro hacer pocas. Esto me asegura no confundirme en la selección de las figuras trazadas; aunque hay que ir del candadito, al ojito y del ojito al candadito...

Comencé dibujando con el lapicito y posteriormente usé la herramienta dibujar curvar Bézier y líneas rectas.

Las arruguitas del rostro las hice con la herramienta dibujar trazos caligráficos. Las mechitas, que se diferencian en el total del cabello, también. Además les apliqué ( a las mechitas) gradientes.

El efecto de color celeste del borde de la cara lo logré, como en el rostro anterior:
a)dibujé, pinté de celeste el fondo de la cara y lo desenfoqué.
b)Seleccioné, copié y pegué uno igual. Luego le cambié el color a blanco y lo achiqué . Lo coloqué arriba del rostro celeste y lo desenfoqué.

Arriba de esta nueva cara de dos colores dibujé las líneas que representan las arrugas., también las desenfoqué.

A las líneas gruesas y negras que están en el contorno de la boca y que se dirigen hacia las orejas , después de trazarlas las engrosé ( clic en estilo de trazo: apliqué 4,10 px ).

Los efectos de sombra del pañuelo los logré agregando nuevas figuras más pequeñas arriba de la que tracé inicialmente. Luego las pinté de colores distintos a los bordes del pañuelo, pero dentro de la misma gama. Finalmente las desenfoqué , a estas últimas figuras.

Igual proceso al anteriormente detallado le apliqué al saco, moño y fondo del cabello. ¡Ah! , a las líneas amarillas del pañuelo les agregué más luminosidad. ( Ir a Efectos/ color/ más luminoso )

En cuanto al sombrero y al penacho del sombrero logré las sombras en los mismos trabajando con los tiradores de los gradientes aplicados. Fui moviéndolos y buscando ubicar la sombra en el lugar que consideré más apropiado.

Se preguntarán: :¿Por qué no trabajé igual con las sombras de los otros elementos? Es que al dibujar alguno de ellos (Por ejemplo parte de arriba del saco ) no tuve en cuenta la precisión de los bordes ya que sobre él iría el pañuelo. El contorno de ambos (saco y pañuelo ) lo da el pañuelo ya que está arriba.
Al aplicar gradientes en el pañuelo se observa los bordes superiores del saco imperfectos ( línea recta derecha ). Esto ocurre porque los gradientes le dan cierta opacidad al pañuelo y se ve lo dibujado abajo.

Para hacer el fondo del dibujo cree algunos rectángulos y círculos. Los pinté, desenfoqué y le varié la opacidad.

¿Qué fue lo más relevante en este aprendizaje?

Ejercitar el manejo de los tiradores de los gradientes para producir sombras en los dibujos.

- Recordar: No olvidar la conveniencia de prever cómo se pintará la figura, qué recursos o herramientas se utilizarán. De esta forma desde un comienzo se deberá tener presente el tratamiento que se le darán a las partes que se superpondrán en el dibujo.

A continuación les dejo unas capturas de pantalla que hice cuando trabajaba con los tiradores de los gradientes.

Hasta la próxima. Seguimos aprendiendo.