¡Buenos días a todos!

Espero que se encuentren bien.

Hoy habrá nueva Teoría, relativa al tratamiento de la imagen.

Ya comienza el Receso al finalizar esta semana: preciso tener Notsas de cada uno de ustedes.

Que tengan una buena semana, nos vemos al regreso. el 08 de agosto.

Prof. Mario

Nuevamente les digo: el software que deben bajar es potente, dinámico, gratuito y multiplataforma.

Para bajar el programa:

 https://inkscape.org/es/release/inkscape-1.1/

Este tutorial demuestra los fundamentos del uso de Inkscape. Si lo han abierto desde el menú Ayuda de Inkscape, es un documento normal de Inkscape que puede ver, editar o copiar. También puede guardar una copia en una ubicación de su elección.

El Tutorial Básico cubre la navegación en el lienzo, la gestión de documentos, los fundamentos de las herramientas de forma, las técnicas de selección, la transformación de objetos con selector, el agrupamiento, la configuración del relleno y el trazo, la alineación y el orden de apilamiento.

Navegar por el lienzo

Hay muchas maneras de desplazar el lienzo del documento.

Prueben las teclas Ctrl+flecha para desplazarse por el teclado.

(Probá esto ahora para desplazar el documento hacia abajo.)

También puedes arrastrar el lienzo con el botón central del mouse.

O bien, pueden usar las barras de desplazamiento (presioná Ctrl+B para mostrarlas u ocultarlas). La rueda del ratón también sirve para el desplazamiento vertical; pulsa Mayúsculas y mueve la rueda para desplazarte horizontalmente.

Acercar y alejar (Zoom)

La forma más fácil de hacer zoom es presionando las teclas - y + (o =). También puedes usar Ctrl+clic medio o Ctrl+clic derecho para acercar el zoom, Mayús+clic medio o Mayús+clic derecho para alejarlo, o girar la rueda del ratón con Ctrl. O bien, puede hacer clic en el campo de entrada del zoom (en la región inferior derecha de la ventana del documento, marcada con una "Z"), escribir un valor de zoom preciso en % y pulsar Intro. También tenemos la herramienta Zoom (en la barra de herramientas de la izquierda) que te permite hacer zoom en un área arrastrando alrededor de ella.

Inkscape también conserva un historial de los niveles de zoom que ha usado en esta sesión. Pulsa `-" para ir al nivel zoom anterior o Mayus "+` para ir al siguiente.

Herramientas de Inkscape

La barra de herramientas vertical de la izquierda muestra las herramientas de dibujo y edición de Inkscape. Dependiendo de la resolución de su pantalla, la barra de comandos con botones de comandos generales, como "Guardar" e "Imprimir", se puede encontrar en la parte superior de la ventana, justo debajo del menú, o en la parte derecha de la ventana, entre la barra de desplazamiento y la barra de controles de cierre. Justo encima del área blanca del lienzo, está la barra de controles de herramientas con controles específicos para cada herramienta. La barra de estado en la parte inferior de la ventana mostrará sugerencias y mensajes útiles mientras trabajas.

Muchas operaciones están disponibles a través de atajos de teclado. Abre Help⇒Keys y Mouse Reference para ver la lista completa de los atajos disponibles.

Para crear un nuevo documento vacío, use File⇒New o presionen Ctrl+N. Para crear un nuevo documento a partir de una de las muchas plantillas de Inkscape, utilice File⇒New desde Plantilla... o presione Ctrl+Alt+N.

Para abrir un documento SVG existente, utilice File⇒Open (Ctrl+O). Para guardar, use File⇒Save (Ctrl+S), o File⇒Save Como (Shift+Ctrl+S) para guardar con un nuevo nombre. (Si bien Inkscape viene con su función de Autoguardado activada, se recomienda seguir la mejor práctica de "guardar temprano, guardar a menudo").

Inkscape utiliza el formato SVG (Gráficos Vectoriales Escalables) para sus archivos. SVG es un estándar abierto ampliamente soportado por el software gráfico. Los archivos SVG están basados en XML y pueden ser editados con cualquier editor de texto o XML (aparte de Inkscape, es decir). Además de SVG, Inkscape puede importar y exportar muchos otros formatos de archivo. Puede encontrar listas de los formatos de archivo admitidos en los cuadros de diálogo Guardar e Importar.

Inkscape abre una ventana de documento independiente para cada documento. Puede navegar entre ellos utilizando el administrador de ventanas (por ejemplo, mediante Alt+Tab), o puede utilizar el atajo de Inkscape, Ctrl+Tab, que recorrerá todas las ventanas de documento abiertas. (Cree un documento nuevo ahora y cambie entre él y este documento para practicar). Atención: Inkscape trata estas ventanas como pestañas en un navegador web, esto significa que el atajo Ctrl+Tab solo funciona con documentos que se ejecutan en el mismo proceso. Si abren varios archivos desde un explorador de archivos o inicia más de un proceso de Inkscape desde un icono, no funcionará.

Crear formas

¡Es hora de algunas formas bonitas! Haz clic en la herramienta Rectángulo en la barra de herramientas de la izquierda (o presiona F4) y hacé clic y arrastrá, ya sea en un nuevo documento vacío o aquí mismo:

Como pueden ver, los rectángulos predeterminado tienen un relleno azul y un trazo negro (contorno), y son totalmente opacos. Veremos cómo cambiar eso a continuación. Con otras herramientas, también puedes crear elipses, estrellas y espirales:

Estas herramientas se conocen colectivamente como herramientas de forma. Cada forma que creas muestra uno o más mangos; intenta arrastrarlos para ver cómo responde la forma. La barra de controles de una herramienta de forma es otra forma de modificar una forma; estos controles afectan a las formas actualmente seleccionadas (es decir, las que muestran los mangos) y establecen el valor predeterminado que se aplicará a las formas recién creadas.

Para deshacer la última acción, pulsa Ctrl +Z

(O, si cambia de opinión de nuevo, puede rehacer la acción de deshacer con ++

Mover, escalar, girar

La herramienta más utilizada de Inkscape es el Selector. Hagan clic en el botón superior (con la flecha) de la barra de herramientas, o pulse

o cambiar la herramienta usando... Ahora puede seleccionar cualquier objeto del lienzo. Haz clic en el rectángulo de abajo.

Estas herramientas se conocen colectivamente como herramientas de forma. Cada forma que creas muestra uno o más mangos; intenta arrastrarlos para ver cómo responde la forma. La barra de controles de herramientas para una herramienta de forma es otra forma de modificar una forma; estos controles afectan a las formas actualmente seleccionadas (es decir, las que muestran los mangos) y establecen el valor predeterminado que verán que aparecen ocho tiradores en forma de flecha alrededor del objeto. Ahora pueden:

Mover el objeto al arrastrarlo. (Pulso para restringir el movimiento en horizontal y vertical).

Escalar el objeto mediante el arrastrado de cualquier tirador. (Pulso para conservar la proporción original.)

Vuelve a pulsar en el rectángulo. Los tiradores cambian. Ahora puede:

Girar el objeto arrastrando las asas de las esquinas. (Presionen para restringir la rotación a pasos de 15 grados. Arrastra la marca de la cruz para posicionar el centro de rotación).

Inclinar el objeto mediante el arrastre de los tiradores que no son esquinas. (Pulso para restringir la inclinación a pasos de 15 grados.)

Al utilizar el Selector, también puede utilizar los campos de entrada numérica en la barra de controles de herramientas (encima del lienzo) para establecer valores exactos para las coordenadas (X e Y) y el tamaño (W y H) de la selección.

Transformar mediante el teclado

Una de las características que distinguen a Inkscape de la mayoría de los demás editores de vectores es su énfasis en la accesibilidad del teclado. Apenas hay ningún comando o acción que sea imposible de realizar desde el teclado, y la transformación de objetos no es una excepción.

Puede utilizar el teclado para mover (teclas de), escalar (teclas y ), y rotar (teclas y ) objetos. De forma predeterminada los pasos de movimiento y escalado son de 2 px; con , lo meverá 10 veces eso. Pulsando + o + escalará hacia arriba o abajo al 200% o al 50% del original, respectivamente. El paso de rotación predeterminado es de 15 grados; pulsando

...rotará 90 grados.

Sin embargo, quizás las más útiles son las transformaciones del tamaño de los píxeles, invocadas mediante el uso de

con las llaves de transformación. Por ejemplo, + moverá la selección por 1 píxel de la pantalla (es decir, un píxel en su monitor). Esto significa que si haces zoom, puedes mover objetos con una precisión muy alta, si lo usas con el atajo de teclado Usando diferentes niveles de zoom, puedes variar la cantidad de precisión que necesitas para tu tarea actual.

De manera similar, + y + escalar la selección para que su tamaño visible cambie por un píxel de la pantalla, y + y +

rotarlo para que su punto más alejado del centro se mueva un píxel de la pantalla.

Nota: Los usuarios de Linux pueden no obtener los resultados esperados con el + y algunas otras combinaciones de teclas si su Administrador de Ventanas capta esos eventos clave antes de que lleguen a la aplicación Inkscape (y lo usa para hacer cosas como cambiar de espacio de trabajo en su lugar). Una solución sería cambiar la configuración del Administrador de Ventanas en consecuencia.

Selección múltiple

Puede seleccionar cualquier cantidad de objetos simultáneamente pulsando Mayús+clic sobre ellos. También puede arrastrar alrededor de los objetos que desea seleccionar; a esto se le llama selección elástica (el selector es elástico al iniciar el arrastre desde un punto vacío, sin embargo, si pulsa Mayús antes de comenzar a arrastrar, Inkscape siempre creará la selección elástica). Practiquen seleccionando los tres objetos a continuación:

Ahora utilice la selección elástica (arrastrando o pulsando Mayús+arrastrar) para seleccionar las dos elipses pero no el rectángulo:

Cada objeto individual dentro de una selección muestra una señal de selección - por defecto, un marco rectangular discontinuo. Estas claves hacen que sea fácil ver de inmediato lo que está seleccionado y lo que no. Por ejemplo, si se seleccionan tanto las dos elipses como el rectángulo, sin las claves sería difícil adivinar si las elipses están seleccionadas o no.

Al hacer Mayús+clic sobre un objeto seleccionado, lo excluye de la selección. Seleccione los tres objetos anteriores, luego use Mayús+clic para excluir las elipses de la selección, dejando seleccionado solamente el rectángulo.

Agrupar

Se pueden combinar varios objetos en un grupo. Un grupo se comporta como un solo objeto cuando lo arrastra o transforma. A continuación, los tres objetos de la izquierda son independientes; los mismo tres objetos a la derecha están agrupadas. Intente arrastrar el grupo.

Para crear un grupo, seleccione uno o más objetos y pulse Ctrl+G. Para desagrupar uno o más grupos, selecciónelos y pulse Ctrl+U. Estas acciones también son accesibles con el botón derecho del ratón, el menú Objeto o la barra de comandos. Los grupos en sí pueden ser agrupados, como cualquier otro objeto; tales grupos anidados pueden bajar a una profundidad arbitraria. Sin embargo, Ctrl+U sólo desgrupa el nivel más alto de agrupación en una selección; tendrás que pulsar Ctrl+U repetidamente si quieres desagrupar completamente un grupo profundo en un grupo (o usar Extensions⇒Arrange⇒Deep Ungroup).

Sin embargo, no necesariamente tienes que desagrupar si quieres editar un objeto dentro de un grupo. Simplemente Ctrl+clic en ese objeto y se seleccionará y editará solo, o Shift+Ctrl+clic en varios objetos (dentro o fuera de cualquier grupo) para una selección múltiple independientemente del agrupamiento.

También puede hacer doble clic en un grupo, para entrar en él y acceder a todos los objetos de su interior sin desagrupar. Haga doble clic en cualquier área de lienzo vacía para salir del grupo de nuevo.

Intenten mover o transformar las formas individuales del grupo (arriba a la derecha) sin desagruparlas, luego deseleccione y seleccione el grupo normalmente para ver que sigue estando agrupado.Relleno y borde

Probablemente la forma más sencilla de pintar un objeto de algún color es seleccionar un objeto, y hacer clic en una muestra (campo de color) en la paleta debajo del lienzo para pintarlo (cambiar su color de relleno).

Alternativamente, pueden abrir el diálogo Muestras desde el menú Ver (o presionar Shift+Ctrl+W), seleccionar la paleta que desea utilizar después de hacer clic en el pequeño triángulo en su esquina superior derecha, seleccionar un objeto, y hacer clic en cualquier muestra para rellenar el objeto (cambiar su color de relleno).

Más potente es el cuadro de diálogo Relleno y Borde del menú Objeto (o pulse Mayús+Ctrl+F). Seleccione la siguiente forma y abra el cuadro de diálogo Relleno y Borde.

Verás que el diálogo tiene tres pestañas: Relleno, Pintar trazos y Estilo de trazos. La pestaña Relleno le permite editar el relleno (interior) de los objetos seleccionados. Usando los botones que están justo debajo de la pestaña, puedes seleccionar los tipos de relleno, incluyendo sin relleno (el botón con la X), relleno de color plano, así como gradientes lineales o radiales. Para la forma anterior, se activará el botón de relleno plano.

Más abajo, verás una colección de selectores de color, cada uno en su propia pestaña: RGB, CMYK, HSL y Rueda. Quizás el más conveniente es el selector de Rueda, donde puedes rotar el triángulo para elegir un tono en la rueda, y luego seleccionar un tono de ese tono dentro del triángulo. Todos los selectores de color contienen un deslizador etiquetado como "A" para establecer el alfa (opacidad) del color seleccionado.

Cada vez que se selecciona un objeto, el selector de color se actualiza para mostrar su relleno y trazo actual (si hay varios objetos seleccionados, el cuadro de diálogo muestra su color medio). Jueguen con estos ejemplos o crea los suyos propios:

Finalmente, en lugar de un color plano, puedes usar gradientes para rellenos y/o trazos:

Por último, en lugar de un color plano, puedes usar gradientes para rellenos y/o trazos: cuando pasas de un color plano a un gradiente, el nuevo gradiente creado utiliza el color plano anterior, pasando de opaco a transparente. Cambia a la herramienta de gradiente (Ctrl+F1 o sólo G) para arrastrar los controles de gradiente: los controles conectados por líneas que definen la dirección y la longitud del gradiente. Cuando se selecciona cualquiera de los controles de gradiente (resaltados en azul), el cuadro de diálogo Relleno y trazo establece (y muestra) el color de ese control en lugar del color de todo el objeto seleccionado.

Otra forma conveniente de cambiar el color de un objeto es usar la herramienta Cuentagotas (F7 o D). Sólo tienes que hacer clic en cualquier parte del dibujo con esa herramienta, y el color sobre el que hayas hecho clic se asignará al relleno del objeto seleccionado (Shift+clic asignará el color del trazo).

Duplicar, alinear, distribuir

Una de las operaciones más comunes es la duplicación de un objeto (Ctrl+D). El duplicado se coloca exactamente encima del original y se selecciona, de modo que se puede arrastrar con el ratón o con las teclas de flecha. Para practicar, intenta añadir copias de este cuadrado negro en una línea contigua:

Lo más probable es que tus copias del cuadrado se coloquen más o menos al azar. Aquí es donde el diálogo Object⇒Align y Distribuir (Shift+Ctrl+A) es útil. Selecciona todos los cuadrados (Shift+clic o arrastra una goma elástica), abre el diálogo y presiona el botón "Centrar en el eje horizontal", luego el botón "Hacer iguales los espacios horizontales entre los objetos" (lee la información sobre los botones). Los objetos están ahora claramente alineados y distribuidos con espacios iguales entre ellos. Aquí hay algunos otros ejemplos de alineación y distribución:

El término orden z se refiere al orden de apilamiento de los objetos en un dibujo, es decir, a los objetos que están encima de otros objetos y los cubren, de modo que los objetos inferiores no son (completamente) visibles. Los dos comandos del menú de objetos, Subir a la parte superior (la tecla Inicio) y Bajar a la parte inferior (la tecla Fin), moverán los objetos seleccionados a la parte superior o inferior del orden z de la capa actual. Dos comandos más, Subir (RePág) y Bajar (AvPág), hundirán o harán emerger la selección en un solo paso, es decir, la moverán más allá de un objeto no seleccionado en el orden z (sólo cuentan los objetos que se superponen a la selección, basándose en sus respectivos cuadros delimitadores).

Practiquen estos comandos invirtiendo el orden-z de los siguientes objetos de manera que la elipse más a la izquierda esté en el nivel superior y la elipse de más a la derecha esté en el fondo:Una atajo muy útil para la selección es la tecla Tab. Si no hay nada seleccionado, selecciona el objeto más al fondo; de lo contrario selecciona el objeto debajo del objeto seleccionado en orden-z. Mayús+Tab funciona al revés; comienza desde el objeto que está más arriba y sigue hacia abajo. Puesto que los objetos que se crean se añaden al nivel superior de la pila, al pulsar Mayús+Tab sin nada seleccionado seleccionará los últimos objetos que se hayan creado. Practique con las teclas Tab y Mayús+Tab en la pila de elipses anterior.

Seleccionando debajo y arrastrando seleccionados

¿Qué hacer si el objeto que busca está oculto tras otro objeto? Quizás ese objeto todavía está visible si el que está encima es (parcialmente) transparente, pero pulsando en él, seleccionará el que está encima, no el que necesita.

Si usan Linux, es posible que Alt+clic no funcione correctamente. En su lugar, puede ser que se mueva la ventana entera de Inkscape. Esto se debe a que el administrador de ventanas ha reservado Alt+clic para una acción diferente. La forma de solucionarlo es encontrar la configuración del administrador de ventanas y desactivar esta combinación de teclas, o cambiarla para que use la tecla Meta (también conocida como tecla Windows), para que Inkscape y otras aplicaciones puedan usar la tecla Alt libremente.]

Esto es bonito, pero una vez que has seleccionado un objeto bajo la superficie, ¿qué podes hacer con él? Puedes usar las teclas para transformarlo, y puedes arrastrar los controles de selección. Sin embargo, al arrastrar el objeto en sí se restablecerá la selección al objeto superior de nuevo (así es como se diseña el sistema de clic y arrastre: primero selecciona el objeto (superior) bajo el cursor y luego arrastra la selección). Para indicarle a Inkscape que arrastre lo que está seleccionado ahora, sin seleccionar nada más, use Alt+arrastrar. Esto moverá la selección actual, sin importar dónde arrastre el ratón.

Practiquen Alt+cli y Alt+arrastrar en las dos formas de color marrón bajo el rectángulo transparente verde:

Selección de objetos similares

Inkscape puede seleccionar otros objetos que son similares al objeto que está seleccionado actualmente. Por ejemplo, si quiere seleccionar todos los cuadrados azules de abajo, primero seleccione uno de los cuadrados azules, y utilice Edit⇒Select Same⇒Fill Color del menú (haga clic con el botón derecho del ratón en el lienzo). Todos los objetos con el mismo color de relleno azul están ahora seleccionados.

Además de seleccionar por el color de relleno, puede seleccionar varios objetos similares por el color de los trazos, el estilo de los trazos, el relleno y los trazos y el tipo de objeto. Si estas opciones no son suficientes para su caso de uso, intente usar el diálogo Edit⇒Find/Replace.

Conclusión

Esto concluye el tutorial básico. Hay mucho más que eso en Inkscape, pero con las técnicas descritas aquí, ya serás capaz de crear gráficos simples pero útiles. Para aprender más, recomendamos pasar por el "Inkscape": Avanzado" y los otros tutoriales en Help⇒Tutorials.

La idea es que practiquen para descubrir el enorme potencial de esta herramienta, tanto para realizar Dibujos, Gráficos, Diagramas, Mapas conceptuales, como para Carátulas, Diapositivas... susceptibles a mostrar en un proyector o pantalla interactiva.

Abajo, un enlace para el Curso Completo, para quien le interesa profundizar la Herramienta de Dibujo Vectorial:

https://www.aulafacil.com/cursos/diseno-grafico-cad/inkscape-t887

Aparte, Aulafacil es una muy completa Página de Cursos española, que puede ayudarles en otras disciplinas o Herramientas varias. (En la Cuarentena, la parte de Cocina es más que interesante)

Pero tiene Copyright: Así que si van a sacar ideas de allí, mencionen el sitio siempre, para evitar problemas legales.

Ahora:

TP de práctica:

• Abrir el Programa InkScape.

• Predeterminado, abre una página en formato A4 orientada verticalmente.

Queremos que la misma esta vez esté de manera horizontal.

Para ello, vamos a la columna superior izquierda llamada Archivo. Hacemos clic para que abra el menú. Vamos hasta Propiedades del Documento. Hacemos clic y nos abre un menú contextual. (Eso significa que nos da un abanico de posibilidades para optar, solo cambiaremos en esta ocasión la orientación de la página)

Ponemos Horizontal.

Cerramos esta ventana. La página ya nos quedó horizontal.

Seleccionamos de la barra de Herramientas la Crear Rectángulos y Cuadrados.

Hacemos uno como el que sigue:

Hacemos clic con la segunda herramienta (La que sigue a la que que parece una punta de flecha) dentro del rectángulo)

Observamos que nos marca de esta manera:

El círculo superior derecho, con la misma herramienta lo mueven hacia abajo lentamente para redondear las puntas del rectángulo. Hacen clic en la primer Herramienta.

Debería quedarles más o menos algo así:

Seleccionan el rectángulo con la Primer Herramienta. Van a la barra de colores que se encuentra horizontal abajo, y seleccionan el color que deseen (La Barra de colores tiene un deslizador abajo, para seguir viendo más colores).

Teniendo seleccionado el rectángulo, van a Filtros

Allí eligen Biseles/Acero Prensado

Y si todo sale bien, debiera quedarle algo más o menos así:

Fíjense que muy pocos pasos, crearon un botón tridimensional.

Apretando Ctrl + D (Siempre que sea la tecla Ctrl, o Shift, o la que sea , es la del lado izquierdo del teclado) y aplicando sobre el rectángulo luego de hacerlo la herramienta 1, y desplazando lentamente observaremos que el rectángulo fue duplicado.

Lo hacemos una vez más, y ese segundo rectángulo duplicado le cambiamos el color.

Así podemos de esta manera sencilla efectuar organigramas o Mapas conceptuales, por ejemplo. No olviden que no conocen la Herramienta, es su primer aproximación a ella. Y realmente una vez conocida, es muy rápida en su desempeño.

La herramienta A de la Barra de Herramientas de la izquierda es para escribir Texto. Cuando uno hace clic en la hoja, puede comenzar a escribir.

Escriben la palabra Ejemplo.

Con la Herramienta 1 puede mover la palabra a donde quieran, en este caso, al primer rectángulo, a su interior.

Con los tiradores (Esas flechitas que aparecen en las esquinas y medio del rectángulo) pueden desde las de esquina "estirar" y agrandar la palabra. Como está seleccionada, también pueden cambiarle el color predeterminado negro por otro que contraste con el fondo que eligieron. Así:

Con Ctrl+D podrán duplicar el texto. (Si, Claro!: pueden modificar el texto, o cambiarlo directamente por otro)

Operen de tal manera que les quede algo así:

¿Y cómo efectuamos líneas y flechas?

No es difícil:

Herramienta DIbujar a mano alzada. Verán que "se ancla" una línea guía en rojo y hacia donde vayan con el mouse, la línea se corre. Cuando hagan clic, la línea se dibujará en negro en esa trayectoria concreta.

Así, desde el primer rectángulo, hacen una línea en diagonal hacia el que está abajo.

En el Borde inferior izquierdo hay dos cuadrados: Relleno y debajo: Trazo. Hacen clic en el cuadrado negro de Trazo, y les abrirá a la derecha en ángulo superior un Cuadro de Diálogo.

Allí tienen de izquierda a derecha:

Relleno / Color de trazo / Estilo de trazo

Color de trazo, es simple elegir otro color, haciendo clic en

Las barras de color

Rojo

Verde

Azul

Negro/Trasparente

En estilo de trazo la pestaña de la derecha, es donde se pone interesante:

Ancho: trata sobre el grosor de la línea. Coloquen en mm (milímetros) ese parámetro.

En Guiones: Tienen desde línea continua a diversas.... En este caso, la dejamos como está.

Marcadores. Leído de izquierda a derecha: marca cómo inicia, la forma en el Punto de Inicio, el Medio, y el Cierre (Final de la Línea).

En el Final elegimos esta flecha de arriba....

Y ahí vemos cómo ha quedado: