En este tutorial explico brevemente como hacer un efecto de trozo de papel en Inkscape. El tutorial se basa en este otro tutorial que anda en la web,
Heathenx: Episode 083 – Torn Paper Effect
Al final del tutorial describo alguna observaciones sobre trozos de papel de la vida real.
Ver en Español
Instrucciones
Para seguir este tutorial al pie de la letra necesitás tener la última versión de la extensión "Jitter Nodes". Si no la tenés, podés hacer el tutorial de todas maneras, pero no vas a obtener los mismos resultados.
Para empezar, hacé dos lineas horizontales con un ancho 500 px y dos verticales con un alto de 200 px.
Variaciones de baja frecuencia
Primero vamos a generar variaciones del contorno, aleatoreas y de baja frecuencia, es decir, curvas que varian aleatoreamente en distancias mas bien grandes. Para hacerlo necesitamos agregar nodos a la linéa. Para lograr esto usamos la extensión "Add Nodes" (Menú Extensions ‣ Modify Path ‣ Add Nodes). Elejimos una distancia que que sea un 10% del lado más corto. Esto nos permite poner mas o menos 10 variaciones a lo largo del contorno. Para el rectángulo utilizé 35 px como se muestra en el snapshot.
Ahora vamos usar nuestro caballito de batalla, la extensión "Jitter Nodes" (Menú Extensions ‣ Modify Path ‣ Jitter Nodes). En las opciones de "Jitter Nodes" usamos solamente desplazamiento vertical y la distribución Gaussiana, como se ve en el snapshot. Ajustá el valor de desplazamiento a tu gusto, yo usé 7 px. Aplicá esto a las dos lineas horizontales.
Con las lineas verticales hacé lo mismo, pero esta vez utilizá desplazamineto horizontal.
Estamos listos con las variaciones de baja frecuencia. En otros tutoriales esta parte del trabajo se realiza a mano alzada utilizando la herramienta de "draw freehand lines" (tecla F6), por ejemplo en el episodio 083 de HeathenX . El resultado es similar, pero quizás esta manera es un poco más automática.
Variaciones de alta frecuencia
Para dar un efecto de papel arrancado, vamos a agregar variaciones de alta frecuencia. Volvé a abrir la extensión "Add Nodes" y esta vez selecciona una distancia corta. Yo utilizé 0.5 px.
Aplicá estos cambios a todas las lineas.
Cerramos y volvemos a usar la extensión "Jitter Nodes". Esta vez seleccioná la distribución de "Pareto" o la "Log-normal". Estás distribuciones, ademas de variaciones pequeñas, generan picos y es justo lo que necesitamos para simular la fibra del papel. Para las lineas horizontales yo usé desplazamientos verticales y, para las lineas verticales, desplazaminetos horizontales.
Una vez que has agregaste las variaciones a todas las lineas hay que combinarlas. Acomoda las lineas en un formando rectángulo. Tené cuidado de dejar un pequeño espacio entre los extremos para hacer la unión mas fácil. Seleccioná todas las lineas y presioná Ctrl-k para combinarlas.
Luego ve a cada esquina y suelda los nodos de los extremos como muestra la figura. Para hacer esto usamos la herramienta de edición de nodos (tecla F2) y la opción "Join selected nodes". Ya que estás usando esta herramienta, podés arreglar los picos que sean muy exagerados. yo acorte los que están en el lado inferior del rectángulo.
Estamos listos con el el contorno del papel. A continuación repetimos los pasos de otros tutoriales para dar mas realismo al trozo de papel.
Ok, en principio lo que tenés hasta ahora ya se parece a un trozo de papel. Esta figura representa la capa inferior del trozo de papel (ver fotos en Observaciones).
Para darle mas detalle podemos construir otra capa de papel (la capa superior), esta vez sin variaciones de alta frecuencia. Costruye una un rectángulo similar al que ya tienes. Llenalo con un color sólido y ponelo por ecima del trozo de papel.
Convertí el rectángulo a lineas ("Object to path") y deformalo levemente. Asegurate que en algunas zonas el nuevo rectangulo deje ver el trozo de papel. Cuando estes conforme con la apariencia, aplicale la extensión "Fractalize" (Menú Extensions ‣ Modify Path ‣ Fractalize)
Se puede dar un poco de profundidad de la siguiente manera. Hacé una copia de la capa superior del papel, llenala de color negro y aplicale "Blur" muy pequeño (0.5 o algo del estilo). Mueve esta copia entre la capa inferior y la capa superior del papel usando la tecla Page Down.
La capa supeior del papel se puede rellenar con algo mas interesante que un color sólido. En la figura al comeinzo del este post yo utilizé un gradiente lineal con varios pasos intermedios. Tambien podés utilizar texturas de papel, para ello tienes que sacarle una foto a un trozo de papel o buscar alguna textura gratis en la internet. Importa la foto a tu dibujo, selecionala y convertila a una textura (Menú Object ‣ Pattern ‣ Object to Pattern). Ahora puedes usarla para rellenar la capa superior del papel (puedes borrar la foto que importaste).
Observaciones
Las fotografías de abajo muestran el controno de un trozo de papel arrancado. En la primera imagen las variaciones de baja frecuencia son claramente visibles, también se observa la textura generada por la fibra del papel, una especie de "pelo".
El detalle de las variaciones de alta frecuencia se aprecia en la foto siguiente. Ahí vemos claramente la fibra del papel y las differentes capas de papel. La capa superior conserva la impresión de las lineas del papel. La capa de abajo es mas cruda y aparece brevemente cerca de los bordes.
Para seguir este tutorial al pie de la letra necesitás tener la última versión de la extensión "Jitter Nodes". Si no la tenés, podés hacer el tutorial de todas maneras, pero no vas a obtener los mismos resultados.
Para empezar, hacé dos lineas horizontales con un ancho 500 px y dos verticales con un alto de 200 px.
Variaciones de baja frecuencia
Primero vamos a generar variaciones del contorno, aleatoreas y de baja frecuencia, es decir, curvas que varian aleatoreamente en distancias mas bien grandes. Para hacerlo necesitamos agregar nodos a la linéa. Para lograr esto usamos la extensión "Add Nodes" (Menú Extensions ‣ Modify Path ‣ Add Nodes). Elejimos una distancia que que sea un 10% del lado más corto. Esto nos permite poner mas o menos 10 variaciones a lo largo del contorno. Para el rectángulo utilizé 35 px como se muestra en el snapshot.
Ahora vamos usar nuestro caballito de batalla, la extensión "Jitter Nodes" (Menú Extensions ‣ Modify Path ‣ Jitter Nodes). En las opciones de "Jitter Nodes" usamos solamente desplazamiento vertical y la distribución Gaussiana, como se ve en el snapshot. Ajustá el valor de desplazamiento a tu gusto, yo usé 7 px. Aplicá esto a las dos lineas horizontales.
Con las lineas verticales hacé lo mismo, pero esta vez utilizá desplazamineto horizontal.
Estamos listos con las variaciones de baja frecuencia. En otros tutoriales esta parte del trabajo se realiza a mano alzada utilizando la herramienta de "draw freehand lines" (tecla F6), por ejemplo en el episodio 083 de HeathenX . El resultado es similar, pero quizás esta manera es un poco más automática.
Variaciones de alta frecuencia
Para dar un efecto de papel arrancado, vamos a agregar variaciones de alta frecuencia. Volvé a abrir la extensión "Add Nodes" y esta vez selecciona una distancia corta. Yo utilizé 0.5 px.
Aplicá estos cambios a todas las lineas.
Cerramos y volvemos a usar la extensión "Jitter Nodes". Esta vez seleccioná la distribución de "Pareto" o la "Log-normal". Estás distribuciones, ademas de variaciones pequeñas, generan picos y es justo lo que necesitamos para simular la fibra del papel. Para las lineas horizontales yo usé desplazamientos verticales y, para las lineas verticales, desplazaminetos horizontales.
Una vez que has agregaste las variaciones a todas las lineas hay que combinarlas. Acomoda las lineas en un formando rectángulo. Tené cuidado de dejar un pequeño espacio entre los extremos para hacer la unión mas fácil. Seleccioná todas las lineas y presioná Ctrl-k para combinarlas.
Luego ve a cada esquina y suelda los nodos de los extremos como muestra la figura. Para hacer esto usamos la herramienta de edición de nodos (tecla F2) y la opción "Join selected nodes". Ya que estás usando esta herramienta, podés arreglar los picos que sean muy exagerados. yo acorte los que están en el lado inferior del rectángulo.
Estamos listos con el el contorno del papel. A continuación repetimos los pasos de otros tutoriales para dar mas realismo al trozo de papel.
Ok, en principio lo que tenés hasta ahora ya se parece a un trozo de papel. Esta figura representa la capa inferior del trozo de papel (ver fotos en Observaciones).
Para darle mas detalle podemos construir otra capa de papel (la capa superior), esta vez sin variaciones de alta frecuencia. Costruye una un rectángulo similar al que ya tienes. Llenalo con un color sólido y ponelo por ecima del trozo de papel.
Convertí el rectángulo a lineas ("Object to path") y deformalo levemente. Asegurate que en algunas zonas el nuevo rectangulo deje ver el trozo de papel. Cuando estes conforme con la apariencia, aplicale la extensión "Fractalize" (Menú Extensions ‣ Modify Path ‣ Fractalize)
Se puede dar un poco de profundidad de la siguiente manera. Hacé una copia de la capa superior del papel, llenala de color negro y aplicale "Blur" muy pequeño (0.5 o algo del estilo). Mueve esta copia entre la capa inferior y la capa superior del papel usando la tecla Page Down.
La capa supeior del papel se puede rellenar con algo mas interesante que un color sólido. En la figura al comeinzo del este post yo utilizé un gradiente lineal con varios pasos intermedios. Tambien podés utilizar texturas de papel, para ello tienes que sacarle una foto a un trozo de papel o buscar alguna textura gratis en la internet. Importa la foto a tu dibujo, selecionala y convertila a una textura (Menú Object ‣ Pattern ‣ Object to Pattern). Ahora puedes usarla para rellenar la capa superior del papel (puedes borrar la foto que importaste).
Observaciones
Las fotografías de abajo muestran el controno de un trozo de papel arrancado. En la primera imagen las variaciones de baja frecuencia son claramente visibles, también se observa la textura generada por la fibra del papel, una especie de "pelo".
El detalle de las variaciones de alta frecuencia se aprecia en la foto siguiente. Ahí vemos claramente la fibra del papel y las differentes capas de papel. La capa superior conserva la impresión de las lineas del papel. La capa de abajo es mas cruda y aparece brevemente cerca de los bordes.
UNDER CONSTRUCTION - Return soon!
In this post I explain how to create a ripped piece of paper in Inkscape. This tutorial is based on this video tutorial that you can find in the web,
Heathenx: Episode 083 – Torn Paper Effect
At the end of the post I comment on some observations about real life ripped paper.
Read in English
UNDER CONSTRUCTION - Return soon!
