Inkscape: Animando archivos SVG 2

En este vídeo hablamos sobre la viñeta (tag) animateTransform y algunos de sus atributos.

Vídeo

 

Enlace de descarga

https://www.mediafire.com/view/mzivnds7z1k55pg/estrella.svg/file

Mi Patreon: http://www.patreon.com/aguatemala

Mi blog con mi libro online gratis: https://aguatemala.blogspot.com

Mi cómic para adulto: https://nastyheroes.blogspot.com/

Link de mi libro:http://www.lulu.com/shop/alberto-enrique-ch%C3%A1vez-guatemala/cuentos-desde-el-desempleo/ebook/product-23633887.html

Mi canal en Daily Motion:http://www.dailymotion.com/aguatemalachavez

Mis Redes Sociales
Twitter:     http://twitter.com/aguatemala
Facebook:   http://www.facebook.com/alberto.chavez.3939
Googel+:    https://plus.google.com/+AlbertoGuatemala
Tumblr:     http://aguatemalacomics.tumblr.com/
Instagram:  https://www.instagram.com/albertochavez2342/

Mi otro canal sobre Libros, cómics y más https://www.youtube.com/channel/UCGO1YofdNWou0LEZGSV-cUg

Inkscape: Animando archivos SVG

En este archivo comenzamos a explicar las viñetas XML que sirven para animar los archivos .SVG, que pueden ser creados desde Inkscape.

Vídeo

 


Enlace de descarga

https://www.mediafire.com/view/lntzfpamzvpinau/animacion3.svg/file

Mi Patreon: http://www.patreon.com/aguatemala

Mi blog con mi libro online gratis: https://aguatemala.blogspot.com

Mi cómic para adulto: https://nastyheroes.blogspot.com/

Link de mi libro:http://www.lulu.com/shop/alberto-enrique-ch%C3%A1vez-guatemala/cuentos-desde-el-desempleo/ebook/product-23633887.html

Mi canal en Daily Motion:http://www.dailymotion.com/aguatemalachavez

Mis Redes Sociales
Twitter:     http://twitter.com/aguatemala
Facebook:   http://www.facebook.com/alberto.chavez.3939
Googel+:    https://plus.google.com/+AlbertoGuatemala
Tumblr:     http://aguatemalacomics.tumblr.com/
Instagram:  https://www.instagram.com/albertochavez2342/

Mi otro canal sobre Libros, cómics y más https://www.youtube.com/channel/UCGO1YofdNWou0LEZGSV-cUg

Inkscape: Resolviendo el problema del mensaje "The fantastic lxml wrapper..."

En este vídeo, damos una solución (para Manjaro y sucedáneos, al menos), para el error "The fantastic lxml wrapper for libxml2 is required by inkex.py":

Vídeo

Mi Patreon: http://www.patreon.com/aguatemala

Mi canal en Daily Motion:
http://www.dailymotion.com/aguatemalachavez


Mis Redes SocialesTwitter:     http://twitter.com/aguatemala
Facebook:   http://www.facebook.com/alberto.chavez.3939
Googel+:    https://plus.google.com/+AlbertoGuatemala
Tumblr:     http://aguatemalacomics.tumblr.com/
Instagram:  https://www.instagram.com/albertochavez2342/

Mi otro canal sobre Libros, cómics y máshttps://www.youtube.com/channel/UCGO1YofdNWou0LEZGSV-cUg

Inkscape QuickTip: Ajustar página a contenido y quitar borde del papel

En este consejo rápido, aprendemos a ajustar la página al contenido que tenemos, además de quitar el bordel papel de la página principal:

Vídeo

Mis redes sociales
Twitter:     http://twitter.com/aguatemala
Facebook: http://www.facebook.com/alberto.chavez.3939
Googel+:   https://plus.google.com/+AlbertoGuatemala
Tumblr:     http://aguatemalacomics.tumblr.com/
Instagram https://www.instagram.com/albertochavez2342/

Patreon: http://www.patreon.com/aguatemala 

Inkscape Quictktips: Offset dinámico

En este consejo rápido, vemos las ventajas de utilizar el offset dinámico:

Vídeo:

Mis redes sociales:
Twitter:     http://twitter.com/aguatemala
Facebook: http://www.facebook.com/alberto.chavez.3939
Googel+:   https://plus.google.com/+AlbertoGuatemala
Tumblr:     http://aguatemalacomics.tumblr.com/

Patreon: http://www.patreon.com/aguatemala 

Inkscape Quicktip: Operaciones con nodos

En este consejo rápido vemos las operaciones para modificar los nodos de un objeto (las dos operaciones son Añadir nodos y Agitar nodos).

Vídeo:

 
Mis redes sociales
Twitter:     http://twitter.com/aguatemala
Facebook: http://www.facebook.com/alberto.chavez.3939
Googel+:   https://plus.google.com/+AlbertoGuatemala
Tumblr:     http://aguatemalacomics.tumblr.com/

Patreon: http://www.patreon.com/aguatemala 

Inkscape Quicktips: Centro de Rotación

En este consejo rápido vemos cómo se puede cambiar el centro de rotación de un objeto:

Vídeo:

 

Mis redes sociales Twitter:     http://twitter.com/aguatemala
Facebook: http://www.facebook.com/alberto.chavez.3939
Googel+:   https://plus.google.com/+AlbertoGuatemala
Tumblr:     http://aguatemalacomics.tumblr.com/

Patreon: http://www.patreon.com/aguatemala

Inkscape Quicktips: Rejilla Axonométrica

En este consejo rápido hablamos de la utilidad de la rejilla axonométrica en Inkscape:

Vídeo:

Mis redes sociales Twitter:     http://twitter.com/aguatemala
Facebook: http://www.facebook.com/alberto.chavez.3939
Googel+:   https://plus.google.com/+AlbertoGuatemala
Tumblr:     http://aguatemalacomics.tumblr.com/

Patreon: http://www.patreon.com/aguatemala 

Inkscape Quicktip: Cajas 3D como guía de perspectiva

Retomo esta serie de minitutoriales y empiezo con una petición hecha hace algunas semanas.

En este minitutorial, consejo rápido o quicktip, vemos cómo se puede utilizar la herramienta de cajas 3D como guía para perspectiva:

Proceso de la Extensión Perspectiva:

1. Esquina inferior izquierda
2. Esquina superior izquierda
3. Esquina superior derecha
4. Esquina inferior derecha
5. De regreso a esquina inferior izquierda

Vídeo:

Mis redes sociales
Twitter:     http://twitter.com/aguatemala
Facebook: http://www.facebook.com/alberto.chavez.3939
Googel+:   https://plus.google.com/+AlbertoGuatemala
Tumblr:     http://aguatemalacomics.tumblr.com/

Patreon: http://www.patreon.com/aguatemala  

Inkscape: Creando un tablero de juegos parecido a Monopoly 13

En este vídeo creamos el anillo de diamante y además el texto con la flecha roja (el que dice GO):

Sé que dije que éste sería el último vídeo, pero es que, tal y como lo explico en el vídeo, he estado bastante enfermo y no quería atormentarlo con algún acceso de tos durante la grabación :(

Como sea, le detallo las herramientas utilizadas:

• Círculos y elipses: Para la creación del anillo de diamantes.
• Estrellas y polígonos: Para la creación del octágono central en la base del diamante.
• Cuadrados y rectángulos: Para la creación del diamante y la base de la flecha roja.
• Curvas de Bézier: Para la creación de las estrías del diamante y las sombras del anillo.
• Diferencia Booleana (Ctrl+-): Para la creación de las dos partes que conforman el anillo (el anillo en sí, no los adornos).
• Herramienta de Nodos: Para la creación de la flecha roja y modificación de los nodos del anillo.
• Herramienta de Texto: Para la creación de las leyendas del cuadro con la flecha Roja.

Este es el vídeo:

Si desean el archivo .svg, lo pueden bajar desde el siguiente link:

http://www.mediafire.com/file/atg2serkn256fq9/monopoly13.svg

Mis redes sociales:
Twitter:      http://twitter.com/aguatemala
Facebook:  http://www.facebook.com/alberto.chavez.3939
Googel+:  http://plus.google.com/105278212122739332654/posts
Tumblr: http://aguatemalacomics.tumblr.com/ 

Inkscape: Creando un tablero de juegos parecido a Monopoly 6

En este vídeo aprendemos a crear al policía y al foco (bombillo) utilizando algunas herramientas.

Un resumen del vídeo:

• Creamos un rectángulo y añadimos algunos nodos adicionales para crear la manga del policía (los nodos se crean yendo al modo de selección de nodos y haciendo doble click en el lugar en donde queremos el nodo)
• Practicamente todo el policía es creado utilizando esta misma técnica, es decir, creando un rectángulo y añadiendo nodos para deformar el rectángulo según sea necesario.
• Para el ojo, la oreja y las arrugas, basta con crear curvas de bézier y adaptarlas a la figura respectiva.
• Para crear el foco o bombillo, simplemente añadimos una elipse y algunos nodos adicionales, para deformarlo.
• La rosca del foco no es más que una línea en ángulo duplicada tantas veces como se considere necesario para dar la impresión de rosca.

Este es el vídeo:

Si desean el archivo .svg, lo pueden bajar desde el siguiente link:

http://www.mediafire.com/file/go889kh6tasnidz/monopoly6.svg

Y si me quieren seguir en las redes sociales:

Twitter:      http://twitter.com/aguatemala

Facebook:  http://www.facebook.com/alberto.chavez.3939

Googel+:  http://plus.google.com/105278212122739332654/posts

Inkscape: Creando un tablero de juegos parecido a Monopoly 4

En este vídeo, creamos el cofrecito conteniendo los dineros y además le ponemos los signos de interrogación alrededor del cuadrado naranja.

Un resumen del vídeo:

• Agregamos texto (una serie de signos de interrogación, que para el tipo de letra y tamaño del objeto que habrá de rodear, está entre 45 y 65 signos)
• Seleccionamos el texto y luego el objeto alrededor del cual fluirá nuestro texto y vamos al menú Texto -> Poner en trayecto, para que el texto fluya alrededor del rectángulo naranja.
• Seleccionamos la herramienta de Cajas 3D y creamos el cofre. Hay que tener en cuenta que esta herramienta crea las cajas tomando como puntos de fuga el centro del documento que estamos creando, así que deberemos crear el cofre un poco debajo del centro.
• Para crear los adornos solo duplicamos una de las caras (desagrupando primero el elemento con Ctrl+Shift+G) y duplicando la cara, escalándola, duplicando la cara escalada de nuevo y escalándola de nuevo y cambiando el color de la cara intermedia a blanco.
• Para la creación de los sacos del dinero dentro del cofre, utilizamos la herramienta de círculo y elipse y luego la deformamos para que parezca realmente un saco.

Este es el vídeo:

Si desean el archivo .svg, lo pueden bajar desde el siguiente link:

http://www.mediafire.com/file/xxi99xzulhxie4z/monopoly4.svg

Y si me quiere seguir en las redes sociales:

Twitter:      http://twitter.com/aguatemala

Facebook:  http://www.facebook.com/alberto.chavez.3939

Googel+:  http://plus.google.com/105278212122739332654/posts

Inkscape: Creando un tablero de juegos parecido a Monopoly 3

En este vídeo, creamos al encarcelado y el signo de interrogación "gigante" en una de las casillas del juego.

Más que un resumen del vídeo, vamos a hacer un listado de las herramientas más utilizadas en este vídeo:

Herramienta de trazos caligráficos o pinceladas (tipo de "brocha" Oscilante):

 Herramienta de cuadrados y rectángulos:

Herramienta de texto (el tipo de letra, en caso de que la interese, se llama Exo):

Herramienta de curvas de Bézier:

Este es el vídeo:

Si desean el archivo .svg, lo pueden bajar desde el siguiente link:

http://www.mediafire.com/file/ai7d3bn03v2k8n3/monopoly3.svg

Y si desean seguirme en las redes sociales:

Twitter:      http://twitter.com/aguatemala

Facebook:  http://www.facebook.com/alberto.chavez.3939

Googel+:  http://plus.google.com/105278212122739332654/posts

Inkscape: Creando un tablero de juegos parecido a Monopoly 2

Luego de una tremenda lucha, desde la semana pasada, por poder publicar este vídeo, vemos en este cómo crear un par de iconos que se encuentran en nuestro tablero. Para ser más específicos, la locomotora y el rombo doble. Además, creamos el rectángulo en degradado que vemos a un lado del tablero.

Este es el resultado final:

Un resumen del vídeo:

• Creamos un rectángulo con la herramienta Cuadrados y rectángulos y añadimos nodos adicionales para poder crear la recámara de la locomotora.
• Seleccionamos dos de los nuevos nodos (los más centrales) y presionando la tecla Ctrl, lo elevamos sobre el eje Y.
• Con la herramienta de nodo seleccionada, nos posicionamos en el centro frontal del rectángulo y curvamos la superficie.
• Hacemos lo mismo en el centro trasero de la locomotora.
• Agregamos otro rectángulo y le damos forma en embudo en la parte de abajo, seleccionando los nodos y luego, con la tecla Ctrl presionada, moverlos hacia su centro en el eje X.
• Añadimos dos nodos adicionales en  la parte superior del nuevo rectángulo para darle la forma de diamante, simplemente seleccionando los nodos creados y moviéndolos hacia afuera sobre el eje X.
• Añadimos un rectángulo más para la parte frontal inferior de la locomotora y seleccionando los nodos inferiores, los movemos sobre el eje X.
• Finalmente, para las ruedas, añadimos dos círculos perfectos, seleccionando la herramienta de círculos y elipses y manteniendo la tecla Ctrl presionada mientras creamos el círculo.
• Para el rombo no hay más que hacer que crear un cuadrado, rotarlo 45 grados y luego duplicarlo y al duplicado eliminar el relleno y añadirle un trazo.
• Finalmente, para el rectángulo naranja, solo se añade el rectángulo y luego un degradado en dos tonos de naranja.
• Con la herramienta de degradado creamos el degradado tanto del relleno como del trazo, teniendo cuidado de que el relleno del relleno, sea opuesto al del trazo.

Este es el vídeo:

Si desean el archivo .SVG, lo pueden bajar desde el siguiente link:

http://www.mediafire.com/download/k722lesnb02orab/monopoly2.svg

Y si desean seguirme en las redes sociales:

Twitter:      http://twitter.com/aguatemala

Facebook:  http://www.facebook.com/alberto.chavez.3939

Googel+:  http://plus.google.com/105278212122739332654/posts

Inkscape: Creando un tablero de juegos parecido a Monopoly

En esta primera parte de esta serie,... que espero que no sea tan larga. Creamos simplemente los cuadros que conforman el tablero. Pude, claro está, crear el tablero con anticipación y luego solo dar las medidas respectivas, pero quise dejar el vídeo tal cual, para que se aprecie la forma en que, con frecuencia, los que diseñamos la pasamos un tanto mal entre haciendo cálculos y no queriendo hacerlos.

No creo necesario, en este primer vídeo, dar un resumen, sino simplemente le doy un par de atajos de teclado de los que se utilizaron en el tutorial:

• Ctrl+D: Duplicar un objeto
• Ctrl+G: Agrupar objetos seleccionados
• Ctrl+Shift+D: Propiedades de documento
• Ctrl+Shift+F: Propiedades de Relleno y Borde

Este es el vídeo:

Si desea el archivo .SVG, lo puede bajar desde el siguiente link:

http://www.mediafire.com/download/d8h1n85hah8mxb2/monopoly.svg

Y si me desean seguir en las redes sociales:

Twitter:      http://twitter.com/aguatemala

Facebook:  http://www.facebook.com/alberto.chavez.3939

Googel+:  http://plus.google.com/105278212122739332654/posts

Inksacpe: Clones en Mosaico y operaciones Booleanas

En este tutorial vemos algunas operaciones booleanas que se pueden llevar a cabo sobre un objeto al que se le ha clonado en mosaico:

La idea del vídeo no es más que mostrar los patrones "caprichosos" (que son en realidad patrones matemáticamente lógicos) que se crean al llevar a cabo algunas operaciones booleanas sobre una imagen creada a partir de clones en mosaico.

Este es el vídeo:

Si desean el archivo SVG, lo pueden bajar desde el siguiente link:

http://www.mediafire.com/download/1q8iiukn7b1a55h/clones-booleanas.svg

Y si me quieren seguir en las redes sociales:

Twitter:      http://twitter.com/aguatemala

Facebook:  http://www.facebook.com/alberto.chavez.3939

Googel+:  http://plus.google.com/105278212122739332654/posts

Inkscape-GIMP: Creando una herramienta de perspectiva rudimentaria

En este tutorial, vemos la forma de crear una herramienta para poder ilustrar digitalmente siguiendo las "reglas" de la perspectiva.

La idea es por demás sencilla, y tal como dice el título, es una herramienta rudimentaria, pero que puede ayudar a quien no tenga una herramienta de perspectiva en su software de ilustración o simplemente a quien quiere probar algo que le de más libertad a la hora de llevar a cabo una ilustración que requiera del uso de la perspectiva.

Un resumen del vídeo:

• Con la herramienta de curvas de Bézier, creamos una línea recta.
• Vamos a edición -> Clones -> Clones en Mosaico
• Seleccionamos la pestaña de rotación y seleccionamos los valores en Ángulo/Fila 5: 
  
• Seleccionamos la pestaña de Desplazamiento:
  
• Una vez tengamos la cantidad de clones deseada, podemos guardar el archivo.
• Abrimos GIMP
• Abrimos el archivo .svg que hemos creado y luego podemos simplemente cerrar la capa en donde la imagen se encuentra.
• Vamos a la herramienta de pincel (o puede ser lápiz o aerógrafo, no importa)
• Seleccionamos la primer brocha que aparezca (que será la imagen svg que hemos importado)
• Aumentamos el tamaño de la brocha a un tamaño muy grande (2500-3000) 
• Abrimos una nueva capa y sobre esta capa "pintamos" tantas imágenes de perspectiva como sean necesarias (1, 2 o3)
• Disminuimos la opacidad de la capa de la herramienta de perspectiva
• En una nueva capa, comenzamos nuestra ilustración, con la ayuda de la herramienta de líneas de la capa anterior.

Este es el vídeo:

Si desean el archivo .svg, lo pueden bajar desde el siguiente link:

http://www.mediafire.com/download/ro6dmbsf3rjo7w7/perspective.svg

Y si desean seguirme en las redes sociales:

Twitter:      http://twitter.com/aguatemala

Facebook:  http://www.facebook.com/alberto.chavez.3939

Googel+:  http://plus.google.com/105278212122739332654/posts

Inkscape Quick Tip: Clonado en tiempo real

En este vídeo cortito (finalmente hoy sí es cortito) vemos un consejo muy rápido de cómo crear patrones clonados de una forma sencilla y que respeta la simetría sin necesidad de mediciones que pueden significar demasiado tiempo.

No hay mucho que decir, esto es un screenshot de lo que se puede obtener:

Click para agrandar

Y este es el vídeo:

Inkscape: Dibujando una bocina. Parte IV. Final

Llegamos al final de esta serie de tutoriales. Completamos el dibujo de nuestra bocina, incluyendo la malla que recubre las bocinas en sí.

Este es el resultado final:

Click para agrandar

Como vemos, no hay detalle de la bocina que se halla pasado por alto, excepto los "diálogos" de Volumen ON/OFF, que decidí dejar por fuera por ser algo que se puede añadir con extrema facilidad.

Un resumen del vídeo:

• Duplicamos el círculo del volumen, le reducimos el tamaño y luego lo interpolamos (Menú -> Extensiones -> Generar desde trayecto -> Interpolar).
• Al objeto que resulta de la interpolación le damos un relleno radial y le modificamos la posición de dicho relleno para que simule la forma en la que luz se dispersa a lo largo del objeto.
• Con las curvas de Bézier, agregamos dos objetos para simular la muesca que sirve de indicador del lugar en donde se encuentra el volumen de la bocina. A uno de los objetos se le agrega un difuminado linal para que simule la sombra.
• Para simular la rejilla que recubre las bocinas duplicamos la base de las bocinas y lo rellenamos con un patrón creado a partir de una serie de líneas diagonales creadas con las curva de Bézier.
• Finalmente (y algo que no se ve en el vídeo) duplico la parte de abajo de la bocina (en donde se encuentran los controles de volumen y encendido y apagado) y hago una diferencia con la refijlla, para dejar sin rejilla esa parte de abajo.

Este es el vídeo:



Y si desean el archivo .svg, lo pueden bajar desde el siguiente link:

http://www.mediafire.com/download/ex9rxk3v53htxue/bocina+1.svg

Inkscape: Dibujando una Bocina. Parte III o bien Oda a la estupidez

Ahora sí, seguimos con esta serie, que muy probablemente termine en la próxima entrega, de cómo dibujar una bocina en Inkscape.

Este es el resultado a estas alturas:

Click para agrandar

En este vídeo de hoy, vemos cómo darle las luces y sombras al pedestal y a la pequeña elevación del mismo (es en esta parte en donde se compone la Oda a la estupidez Opus. 1 de Alberto Chávez) así como a hacer un solo objeto de la caja de resonancia de la bocina, agregar la parte de abajo en donde se encuentran los botones de encendido, el control de volumen y el acceso a la espiga de los audífonos, respectivamente.

Un resumen del vídeo:

• Se desagrupan los objetos que conforman la caja de renancia (Ctrl+Shift+G)
• Se crea un solo objeto con Ctrl++
• Se crea un objeto nuevo con las Curvas de Bézier y le da un relleno radial y luego se hace lo mismo con el objeto que sirve de pedestal.
• Se crea un objeto duplicado del fondo de la bocina (Ctrl+D)
• Creamos un objeto nuevo con las curvas de Bézier que atraviese la parte inferior del nuevo objeto y luego hacemos una operación Booleana de división (Ctrl+/) y eliminamos la parte superior del objeto dividido.
• Añadimos 4 círculos en el nuevo objeto creado y hacemos las distinciones respectivas de receptor de espiga, control de volumen, botón de encendido y LED indicador de encendido.
• A dos de los círculos les hacemos un duplicado y luego le damos un trazo radial para dar la impresión de que han sido tocados por la luz.
• Al LED le damos un color verde claro, duplicamos el objeto, le damos un porcentaje de desenfoque desde la caja de relleno y borde (Ctrl+Shift+F) y duplicamos el objeto desenfocado para que el efecto de brillantez sea más evidente.

Este es el vídeo:



Y si desean el archivo .svg, lo pueden bajar desde el siguiente link:

http://www.mediafire.com/download/ex9rxk3v53htxue/bocina+1.svg