 |
Tutorial de Ultra Fractal -- Uso de Transparencia con Transformaciones
Este tutorial asume que ya estás familiarizado con trabajar con capas y usando y estableciendo transparencia mediante el botón Solid Color en las pestañas Inside y Outside.
En mi mente, yo divido las transformaciones en dos categorías. Están aquellas que modifican tu imagen con efectos de caleidoscopio, simetría, mosaico, sesgado o estirado (etc., etc., etc.), y te dejan con una imagen llena con un diseño (áreas interiores y/o exteriores de tu fractal). La otra categoría incluye transformaciones como "3D Mapping" de Frederik Slijkerman, la cual mapea el fractal en una forma (como un huevo, esfera o plano); "Checkerboard" de Sylvie Gallet, la cual alterna cuadrados de tu imagen con cuadrados de color sólido en un efecto como tablero de ajedrez; y "Scissors" de Luke Plant y "Clipping" de Damien Jones, las cuales te ayudan a crear máscaras para bloquear partes o dar forma a tu fractal, pero el color y grado de opacidad de esas áreas sólidas puede ser cambiado usando el botón Solid Color en la pestaña Mapping. Hay muchos lugares en que esto será útil, y yo te mostraré algunos ejemplos luego, pero primero te hablaré de lo mismo mediante una imagen de muestra.
Digamos que tienes una grandiosa imagen que te gustaría enmarcar (bueno, la que voy a usar no es exactamente grandiosa, pero servirá para nuestro propósito). Resalta y copia (Ctrl-C) estos parámetros y pégalos (Ctrl-V) en una ventana de Ultra Fractal que contenga un fractal activo.
GoldenHandkerchief {
; Created with Ultra Fractal.
; Copyright 1998
fractal:
title="Golden Handkerchief" width=480 height=480
author="Janet Parke" created="August 26, 1998" numlayers=1
layer:
method=linear caption="Layer 1" visible=yes alpha=no
mapping:
center=0/0 magn=1.46788990825688 angle=0
formula:
filename="dmj.ufm" entry="dmj-Julia2-Step2" maxiter=1000 percheck=normal
p_seed1=0.5/0 p_seed2=0/0 p_switchseeds=no p_pattern=21 p_power=2/0
p_bailout=1E20
inside:
transfer=none repeat=yes
outside:
filename="dmj.ucl" entry="dmj-Triangle" transfer=sqrt repeat=yes
p_apower=1 p_aflavor="normal" p_power=2 p_bailout=1E20
gradient:
smooth=yes numnodes=4 index=99 color=1144742 index=208 color=0 index=273
color=3158085 index=354 color=14736366
}Ahora ve a la pestaña Mapping y pincha el botón Add (+) para seleccionar una transformación. Escoge "Clipping" ("Recorte") en la carpeta dmj. Tu imagen se volverá negra temporalmente. No entres en pánico. Lo que necesitamos es establecer algunos parámetros. En este caso, el centro de nuestro fractal es 0,0 así que no tenemos que ajustar el centro de recorte, y la forma de recorte por defecto es un cuadrado, lo cual es justamente lo que necesitamos para poner un marco cuadrado a este fractal, así que ve al parámetro Clipping Right Edge ("Borde Derecho de Recorte") y haz click en el icono cuentagotas. Ahora mueve el ratón para colocar el cuentagotas cerca del borde derecho, en la posición que quieres marcar el ancho del marco. ¡Poner un borde alrededor de tu imagen es tan simple como esto!
Unas pocas notas antes de continuar: Esta imagen ya tenía suficiente espacio para colocar un borde. En algunos casos, podrías necesitar alejar la imagen ("zoom out") antes de añadir la máscara de recorte a fin de proveer un espacio adecuado alrededor del área que deseas enmarcar. La transformación "Clipping" también incluye formas de círculo, rectángulo y óvalo. Con las últimas dos, necesitarás establecer un borde derecho (Right Edge) y borde superior (Top Edge) para definir la forma. Además, la configuración por defecto es Clipping Region = Outside ("Región de Recorte = Exterior"), pero si quisieras bloquear el centro de tu imagen en lugar del exterior, deberías cambiar este parámetro a Inside ("Interior").
Puedes cambiar el ancho de tu borde simplemente haciendo click con el cuentagotas de nuevo y seleccionando una nueva localización. También puedes entrar las coordenadas a mano, pero probablemente querrás hacer eso solamente para pequeños ajustes. Puedes cambiar el color de borde pinchando el pequeño icono con un Mandelbrot negro en la pestaña Mapping. También puedes usar otra imagen fractal como borde poniendo esa capa debajo de ésta y estableciendo la transparencia de la máscara de recorte a 0. Déjame mostrarte lo que quiero decir. Resalta y copia (Ctrl-C) esta capa y pégala en tu fractal con el botón Paste ("Pegar") en la pestaña Layer (Ctrl-V no funcionará esta vez porque UF es lo bastante inteligente para saber que sólo tienes los parámetros para una sola capa en tu portapapeles, no los de un fractal entero).
TextureLayer {
layer:
caption="Texture layer" visible=yes alpha=no
mapping:
center=-0.777170043945312512/0.126894287109375008
magn=4655.86814435919296 angle=0
formula:
filename="Standard.ufm" entry="FastMandel" maxiter=1000 percheck=normal
p_Start=0/0 p_Bailout=128
inside:
transfer=none repeat=yes
outside:
filename="dmj.ucl" entry="dmj-Trap" transfer=cube repeat=yes
p_trapshape="pinch" p_trapcolor="distance" p_traptype="closest"
p_traporder=4 p_trapfreq=1 p_trapcenter=0/0 p_trapdrift=0/0
p_traporbit=0/0 p_movetrap=no p_aspect=1 p_threshold=0.25 p_diameter=1
p_angle=0 p_anglestep=0 p_skew=0 p_skewstep=0 p_trapstart=0
p_trapiter=10000 p_trapskip=0 p_gauss=0 p_gaussr=0 p_gausss=0
p_gausscenter=0/0 p_radialmode="kaleidoscope"
gradient:
smooth=no numnodes=2 index=86 color=6311968 index=251 color=0
}Pincha y arrastra esta nueva capa de textura para que quede debajo de la capa original y establece el Merge Mode (modo de mezcla) de la capa superior a Normal a 100% Opacity (100% de opacidad). Recuerda, si no puedes ver la nueva capa "Texture", ¡es porque debes establecer la opacidad de la transformación de recorte a 0! Hazlo si todavía no lo habías hecho. Tu imagen debería verse más o menos como ésta (dependiendo del ancho de tu borde):
Es un bonito efecto, pero podemos mejorarlo añadiendo un pequeño borde alrededor del fractal interno que ayudará a delinear este fractal interior de su marco texturado. Puedes ver ejemplos de este efecto en estas dos imágenes de mi Gallery VIII: Delarue y Bratu (usa el botón de regreso de tu explorador para volver aquí). Para crear este efecto, necesitamos añadir otra capa entre la capa de textura y el fractal. Te instruiré sobre este paso (más que sólo proveer una capa que puedas copiar y pegar) porque hacer una capa de color sólido es una habilidad útil para tener a mano.
Haz click sobre la capa "Texture" en la lista de la pestaña Layers y luego en el botón Add (+). Esto pondrá tu nueva capa en medio de las otras dos. Nombra esta capa algo como "Borde delgado" y establece su modo de mezcla a Normal a 100% de opacidad. Cambia a la pestaña Formula. En este caso, ya estamos usando la fórmula "Built-in fast Mandelbrot", pero si no fuera así deberías pinchar el botón "..." y seleccionar dicha fórmula de la carpeta Standard. Ve a la pestaña Location y haz click en el botón Reset Parameters (>|<) ("Reestablecer Parámetros"). Haz Shift-click en el icono de visibilidad de la nueva capa para que sólo puedas verla a ésta. Ahora queremos ampliar ("zoom in") esta capa solamente al medio del "lago" del Mandelbrot, así que haz Shift-click en la lupa de la capa "Borde delgado" para desactivar las lupas de todas las demás capas. Ahora, cualquier acercamiento, alejamiento o edición de localización afectará sólo esta capa. Haz un acercamiento del lago para que tengas una imagen en negro sólido (para esta capa). Para hacer las cosas más fáciles cuando agregues la máscara, cambia cada una de las coordinadas de centro a 0 en la pestaña Location.
Ahora añadiremos una máscara cuadrada que será ligeramente más grande que la de nuestra capa superior. Añade la transformación "Clipping" a la capa "Borde delgado" tal como hiciste anteriormente. Cambia el color sólido de la máscara a cualquier color diferente de negro y establece la opacidad de la transformación a 0. Haz Shift-click en el icono de visibilidad de esta capa nuevamente para hacer todas las capas visibles, y luego utiliza el cuentagotas para seleccionar el Borde Derecho (Right Edge). Escoge un punto justo por fuera del borde derecho del cuadrado interior. Deberías tener ahora un fino borde negro separando la capa interior "Golden Handkerchief" de tu borde exterior texturado. Puedes ajustar el ancho del borde negro si es necesario. (Si quieres este borde de otro color distinto al negro, puedes establecerlo con el botón Solid Color en la pestaña Inside. Asegúrate que diga "None" a la derecha de Transfer Function.)
Hay otra linda particularidad que quiero mostrarte con este tutorial, pero antes permíteme hacer unos pocos comentarios. Este tutorial no pretende ser una guía completa sobre el uso de la transformación "Clipping". Como con todas las transformaciones, podrás querer experimentar con una imagen simple, a única capa, como el "Default Mandelbrot" para ver qué hace cada parámetro, por ejemplo cómo rotar la máscara.
Si usas "Clipping" en una imagen cuyas coordenadas no son 0 en ambos campos, y quieres que tu máscara quede perfectamente centrada, tendrás que copiar y pegar (usando los comandos del menú emergente del botón derecho) cada una de las coordenadas de centro separadamente desde la pestaña Location a los parámetros Clipping Center en la pestaña Mapping.
Si tu imagen tiene más de una capa, probablemente necesitarás una máscara en cada capa. Si el centro y magnificación es la misma para cada capa, puedes simplemente usar los botones de copiar y pegar en la pestaña Mapping para agregar la transformación a cada capa. Pero si las capas tienen diferentes localizaciones tendrás que posicionar y corregir el tamaño de cada máscara separadamente. Si quieres conseguir esta apariencia de enmarcado, siempre coloca la/s capa/s de borde en lo más bajo de la lista, luego el borde interior (si tienes uno), y luego las capas fractales, la más baja de las cuales tendrá que tener su modo de mezcla en Normal a 100% de opacidad.
Muy bien, ahora un último efecto. Mientras estaba pensando en escribir este tutorial, pensé: "Hey, no hay razón por la cual no pueda colocar sombras aquí mismo en UF!" Mucha gente publica sobre páginas blancas imágenes que arrojan sombra, así que ¿no sería grandioso hacer eso mismo con UF sin tener que ir a otro programa de edición de gráficos? Ya tenemos el concepto básico: un fractal con un borde estrecho y luego un área de borde transparente fuera de todo esto. Ahora solo necesitamos una capa de sombra para colocar por debajo y que se verá asomando desde las demás capas.
Si quieres conservar la imagen que acabamos de hacer como ejemplo, guárdala ahora, porque lo siguiente que quiero que hagas es borrar la capa más baja de la lista ("Texture"). Ahora resalta y copia (Ctrl-C) el texto de esta capa y pégalo en tu imagen (de nuevo usando el botón de pegar en la pestaña Layers)
DropShadow {
layer:
caption="Drop Shadow" visible=yes alpha=no
mapping:
center=-0.0584953912343803845/0.0584120661022083095
magn=1.74999999999999977 angle=0
formula:
filename="Standard.ufm" entry="Mandelbrot" maxiter=1 percheck=normal
p_start=0/0 p_power=2/0 p_bailout=1E20
inside:
filename="dmj.ucl" entry="dmj-Trap" transfer=log repeat=yes
p_trapshape="astroid" p_trapcolor="distance" p_traptype="first"
p_traporder=100 p_trapfreq=1 p_trapcenter=0/0 p_trapdrift=0/0
p_traporbit=0/0 p_movetrap=no p_aspect=1 p_threshold=0.1 p_diameter=1
p_angle=0 p_anglestep=0 p_skew=0 p_skewstep=0 p_trapstart=0
p_trapiter=10000 p_trapskip=0 p_gauss=0 p_gaussr=0 p_gausss=0
p_gausscenter=0/0 p_radialmode="kaleidoscope"
outside:
filename="dmj.ucl" entry="dmj-Trap" transfer=arctan repeat=yes
p_trapshape="astroid" p_trapcolor="distance" p_traptype="closest"
p_traporder=1000 p_trapfreq=1 p_trapcenter=0/0 p_trapdrift=0/0
p_traporbit=0/0 p_movetrap=no p_aspect=1 p_threshold=0.25 p_diameter=1
p_angle=0 p_anglestep=0 p_skew=0 p_skewstep=0 p_trapstart=0
p_trapiter=10000 p_trapskip=0 p_gauss=0 p_gaussr=0 p_gausss=0
p_gausscenter=0/0 p_radialmode="kaleidoscope"
gradient:
smooth=yes numnodes=4 index=0 color=8882055 index=65 color=14474460
index=293 color=16777215 index=333 color=16777215
}Pincha y arrastra esta capa para que sea la más baja de la lista. Ahora, en lugar de un color sólido o un borde con un patrón alrededor de tu fractal, tenemos un fondo blanco y un efecto de sombra. Si necesitas mejorar la posición de la sombra, asegúrate primero de hacer Shift-clic en su icono de lupa para desactivar el movimiento de las demás capas, y luego realiza Ctrl-arrastrar en la capa de sombra hasta alcanzar el efecto deseado. También puedes editar el grado de gris mediante el editor de gradiente.
Esta capa de sombra tiene el tamaño y posición adecuado a esta imagen de muestra. Si tus bordes tienen un tamaño diferente, o si la usas en otras imágenes, puedes necesitar acercarla o alejarla (usa la propiedad Shift-arrastrar) para ajustar el tamaño de la sombra. Si usas esta capa en una imagen de proporción 4:3 (rectángulo horizontal), cambia el parámetro Aspect en la pestaña Inside a 1.33. Si la imagen es de proporción 3:4 (rectángulo vertical), este parámetro debería ser .75. (Y si usas cualquier otra proporción, estás por tu cuenta :-)). Por favor, siéntete libre de guardar una copia de esta capa "Drop Shadow" en tu carpeta de parámetros para usar en cualquier momento. (¡Y gracias a Damien por proporcionarla!)
Estos efectos de enmarcado son sólo ejemplos de las muchas posibilidades en el uso de transparencia con transformaciones. Los mismos efectos pueden alcanzarse con la transformación "Scissors" ("Tijeras") de Luke, pero actualmente no existe la opción de utilizar el cuentagotas para seleccionar centros y bordes. Probablemente necesitarías una calculadora, también, para realizar los cálculos de coordenadas, y las cosas se complican todavía más cuando la imagen es rotada, pero la transformación "Scissors" tiene más formas disponibles. Antes de que Damien escribiera la transformación "Clipping", usé "Scissors" para hacer estas imágenes: At Tierce, Vespers and Compline y Kundalam. La última utiliza máscaras para dividir las espirales para que diferentes algoritmos de coloreo pudieran ser utilizados en cada lado. (Hay tres capas de coloreo para la espiral izquierda y cuatro para la derecha.)
Hay muchos, muchos otros usos para las transformaciones "Clipping" y "Scissors". También deberías echarle un vistazo a la imagen Martian Landscape de Luke, para la cual escribió originalmente la transformación "Scissors", y las Space Scenes de Samuel Monnier hacen un uso extensivo de "Scissors". Y para ejemplos del uso de transparencia con otras transformaciones, revisa las entradas en el Easter Egg Decorating Contest y Challenge #8.
Back to UF Tutorials
