Mostrando entradas con la etiqueta Inkscape. Mostrar todas las entradas
Mostrando entradas con la etiqueta Inkscape. Mostrar todas las entradas

miércoles, 28 de abril de 2010

Un texto con reflejos y brillos



vamos a generar un texto con efecto tridimensional como el que dice baidarkas con Inkscape... tu puedes!un texto con sombras y brillos




escribe con la herramienta texto, en la caja de herramientas a tu izquierda (una T dentro de un cuadrito) y duplica ese texto con ctrl + d

Escribe tu nombre, una marca, o un titulo para un trabajo o presentación.
Te gustaría un rótulo para identificar una caja?, los nombres de tus alumnos?
Lo que te venga a la gana!!!



coloreas el texto, desde la paleta abajo

También puedes acceder a la paleta como un diálogo flotante en ver>muestras
en las pestaña VER>MUESTRAS


o en el diálogo relleno y borde que se encuentra en la barra de arriba, en este iconito
este iconito del pincelito te abre el diálogo relleno y borde


En este diálogo de relleno y borde tienes la opción desenfocar, prueba a dar un ligero desenfoque
coloreas el texto y desenfocas, diálogo relleno y borde opción desenfocar


mueve la sombra de manera que quede corrida del texto en negro
Ubicar la sombra azul debajo del texto
con este iconito puedes ubicar la sombra debajo del texto en negro
estos botoncitos te permiten subir un objeto o bajarlo del todo o ir de a niveles.


calma, calma....
Ahora prueba tú, paso a paso con caaaaalma y paciencia...
Por favor no le pegues al computador.....
si te cansas toma un respiro, haz cualquier otra tarea y vuelve un ratito aquí.

Qué has dicho??? que quieres ir un poco más allá con brillos y reflejos??.... venga!!

paso 1
duplica otra vez el texto y pintalo con relleno blanco y con borde azul
puedes hacerlo desde el diálogo relleno y borde
o puedes hacerlo desde la paleta abajo.
Para pintar el borde desde la paleta pincha el color mientras tienes la tecla shift presionada.


paso 2
puse esta última copia sobre el negro y usé la herramienta degradado
puedes degradar tanto el relleno como el borde, lo que permite lindos efectos de bisel



paso 3
duplicas otra vez el texto y lo pintas de azul
con el iconito reflejar la inviertes de manera que parezca espejada
si halas de la agarradera del centro le puedes dar una ligera inclinación... ves el cursor blanco que se apoya sobre una flechita verde?? esa es la agarradera por donde halar.



paso 4
volvemos a usar la herramienta degradado... a veces está oculta, si has minimizado la ventana del programa o si tu monitor no es muy grande... búscala porque no se ha ido, está allí a tu izquierda casi abajo del todo...juega con los tiradores para achicar o agrandar el degradado.

paso 5
creas una línea gris o negra con la herramienta línea
te despegas de la herramienta con enter o pulsando escape


la ubicas entre el texto de arriba y el reflejo de abajo para dar sensación de que el texto está apoyado sobre un piso muy pulido...y le aplicas un degradado y ... no olvides guardar tu trabajo: Archivo>guardar

miércoles, 14 de abril de 2010

Vectorizar



vectorizar es convertir una imagen de mapa de bits, una imagen de píxeles, en otro tipo de imagen: de objetos o vectores

Vamos a vectorizar!! que es como dibujar pero de otra manera...
Es transformar una foto u otra imagen en objetos individuales.
Puedes tomar la misma foto que en el ejercicio anterior
Yo elegí este gato para que veas la diferencia entre el trabajo anterior y además me encanta...


Elige un dibujo que hayas hecho tú, o tus hijos, o tus chicos...
Tienes algún dibujo que quieras conservar? una acuarela? unos garabatos en crayones?
puedes escanear o tomarle una fotografía.

Importar
La importas a Inkscape desde este icono.
Te abre una ventana para que busques en tus carpetas ese dibujo.
Importar quiere decir, en principio, que traes a tu hoja de trabajo ese dibujo o foto.
archivo> importar o desde este iconito




Trayecto>vectorizar
Ya tienes la imagen? está seleccionada? se ven las flechitas negras alrededor?
Entonces puedes ir a trayecto > vectorizar mapa de bits



Las opciones
juega con las opciones en el diálogo vectorizar, experimenta!!
recuerda que cada diálogo por complejo que te parezca son preguntas que Inkscape te hace para que las decisiones las tomes tú
fijate que sucede si achicas o agrandas el número de pasadas



Desagrupar
prueba ahora a desagrupar el objeto creado en la pestaña arriba, objeto>desagrupar (o Ctrl + shift + g) ... yo obtuve este resultado
desagrupé y me quedé con ocho capas de color conforme las pasadas seleccionadas.



Charánnnn!!!
Y aquí el mismo gato remozado que lo pinté con otros colores... pobre de él.






Fijate el resultado y escribe unas líneas en el foro feed back en nuestra baidarka sobre cual te parece la diferencia entre esta y la actividad anterior en que dibujamos cada parte una por una.

Qué piensas? Vectorizando...¿Tienes total control sobre todos los elementos de la imagen?
¿Para qué cosas te serviría dibujar sobre la imagen y para qué otras cosas te serviría vectorizar directamente??
¿Cuál te parece que es la diferencia entre vectorizar y dibujar en vectores? (como el ejercicio anterior)


Sube tu actividad al foro, es decir el archivo SVG que has creado cuando guardaste tu trabajo y escribe una nota de estas impresiones. Un saludo! Nina

Empecemos a Dibujar

A dibujar se ha dicho!!!! verás te vas a entusiasmar... palabra de honor...
Ahora vamos a poner en práctica toda esa experimentación y exploración previa que hicimos.... con calma y paciencia :)



Capturar una imagen
Toma una foto con tu cámara o con el celular por ejemplo de una caricatura
o escanea una imagen que vayas a utilizar en algún trabajo yo tomé una foto de una tarjetita con este lindo gatito...regalito de mi amiga Dámaris...
La guardas... en una carpeta en tu disco duro que se llame por ejemplo TIDSL103 para que no ande dando vueltas por ahí...


Importar
ahora abres el Inkscape vas a archivo importar y eliges la foto que tomaste, como ves en esta imagen















te va a quedar la foto de fondo, de modelo y vamos dibujar encima...


Para eso precisamos trabajar en capas, como si apiláramos recortes de papel para armar un collage...

O como si hiciéramos un trabajo en decoupage, recortando las diferentes partes y luego montándolas...


Capas
  • abre el diálogo capas (arriba en la barra dice capas)
  • cierra el candadito en la capa uno (es para que no se te mueva la imagen del gato y no te impacientes)
  • crea una nueva capa con el signo más +
  • click en la capa nueva que está arriba para empezar a trabajar en ella.

Dibujas la carita con la herramienta elipse



y los bigotes con la herramienta línea, la boquita también, y para curvarla recuerda pinchar en la herramienta nodos y halar los tiradores...




Si se te ha presentado alguna dificultad o duda, no te la guardes ni pienses que es demasiado tonto preguntar: nadie tiene la obligación de saberlo todo.
Seguro tú sabes muchas cosas que yo desconozco... y estamos juntos para aprender.
Espero tu consulta en el foro feed back, en nuestra baidarka o aquí pero no olvides dejar tu nombre.
Te recuerdo que tengas paciencia y disfrutes de esta actividad. Saludos!! Nina

Figuras Básicas



Vamos a ejercitarnos en la creación de figuras básicas con Inkscape, colorearlas y darles diferente opacidad.


Esta herramienta te permite crear espirales, prueba a hacer varios espirales y fíjate que arriba hay una fila de botones que corresponden a las propiedades de cada herramienta, eso varía según la herramienta que hayas seleccionado. Prueba todo!!


Puedes crear estrellas y polígonos, las opciones de herramienta te permiten modificar la cantidad de puntas.
Fíjate que el objeto que dibujaste tiene dos noditos.
Pincha en la herramienta nodos y hala y arrastra uno de ellos.
Eso te permite abrir y cerrar los rayos de tu polígono o estrella.
Mira estos ejemplos.













Puedes crear rectángulos y cuadrados.
También puedes redondear las esquinas Mira las opciones asociadas a cada herramienta.












Puedes hacer círculos y elipses y también arcos abiertos como si fuera una torta a la que le falta una porción, o puedes dibujar una porción de torta también.
Ten la costumbre de mirar qué opciones tiene cada herramienta, en la barra de arriba, debajo de las consabidas pestañas.








Cómo vamos a pintar las figuras??
Hay varias maneras de hacer una misma cosa, fíjate:
esta es una


Tienes seleccionado el objeto? sí me refiero a tu dibujo, un círculo, cuadrado, etc.
Ahora click en algunos de los colores, eso rellena tu dibujo.
Mantén presionada la tecla de mayúscula o shift mientras haces click en un color, eso pinta el borde o trazo.

otra forma es desde el diálogo de relleno y borde
Para que te resulte más sencillo ves la pestaña que dice Rueda?












y otra forma que también uso es esta
, que me muestra tanto el color como su nombre en números.
Como verás hay muchas maneras de colorear.
Prueba la que te resulte más sencilla para comenzar.
Una vez que vayas tomando confianza todo será muy natural.











¿Cómo te ha ido??
Deja tu comentario en el foro feedback en el moodle de baidarkas o aquí y por favor pon tu nombre
Un saludo!! Nina

martes, 13 de abril de 2010

Ejercitarnos con Bézier



Para comenzar abres Inkscape y dibujas una línea con la herramienta líneas o bezier, normalmente está en la barra de herramientas a la izquierda.



Da la impresión que no te puedes despegar de ella???
Presiona enter (o botón derecho del mouse) y dejará de dibujar.
Ahora ya tienes tu línea, esa línea es un objeto vectorial. Muy bien!!!

Ahora vamos a curvarla pero debe estar seleccionada con la herramienta selección....



ves como la rodean unas flechas o agarraderas?? ...
Es como si le dijeras a Inkscape: "mira ahora trabajo sobre esto, sobre este objeto en particular".
Ya lo verás más claro cuando tengas muchos objetos.




Ahora pincha en la herramienta nodos.
Los nodos son como articulaciones que te permiten curvar la línea.

Hala o tira de la línea por su centro como si fuera un elástico... así, sí arrastrando con el ratón sin soltar.
Verás como aparecen unos tiradores, una especie de volantitos para curvar la línea... como estos

escribe en el foro feedback o deja un comentario y tu nombre ¿Cómo te ha ido??
Deja tu comentario en el foro feedback en el moodle de baidarkas o aquí, no olvides firmar.
Un saludo!! Nina

miércoles, 31 de marzo de 2010

La Interfaz de Inkscape parte 3




Diálogos!!
Sí, diálogos también... pero a no impacientarse!!
Puedes abrir Inkscape y detener tu mouse sobre cada uno de los botones de arriba (y espera) aparecerá un texto explicativo de para qué sirven.

Cuando haces click sobre la mayoría de ellos se despliega una ventana de diálogo.

Diálogo de relleno y borde...
Imagina que pulsaste el pincel dentro del cuadrito

Se abre esta ventana que te interroga cómo quieres que sea tu objeto.
Inkscape te dice:

"¡¡Socorro!!! qué hago??
¿Cómo relleno tu dibujo?

¿Como pinto el borde (trazo)?
¿Quieres el borde finito, ancho, uniforme, punteado?
¿Te gustan las uniones suaves o angulosas?"

de hecho Inkscape te pregunta todo el tiempo, para que seas tú quien decida, tómalo de esa manera
Haz esta prueba
dibuja un círculo y abre el diálogo que ves aquí.
juega con esas opciones y mira cómo se modifica tu círculo.
Si por error has cerrado un diálogo puedes volver a abrirlo, no se fue a ninguna parte

Capas

El ojito te indica si has dejado visible o no una parte de tu dibujo. El candado te permite bloquear una capa para que no borres por error algo que sea importante, o para que no se mueva mientras dibujas. El signo más agrega capas, el menos las borra con las flechas puedes subir o bajar una capa Y tambien darle transparencia.

Si tienes pocos objetos puedes trabajarlos en una sola capa y subirlos o bajarlos con estos botones...

mira el siguiente ejemplo, los botones son una metáforade acomodar las cosas unas delante de otras







Por favor me cuentas, brevemente, cómo te ha ido, si? Un saludo! Nina




Haciendo click aquí puedes visitar el aula del curso TIDSL103 en Baidarkas