viernes, noviembre 10, 2006

 

Uno, dos, tres...probando




Poner la flecha o el puntero del mouse en la imagen siguiente y mover...


sábado, noviembre 04, 2006

 

Stretching y la virgen de hierro



En esta escena vemos a Martina tomándose su martini y detrás de ella vemos el panel de la ironVirgin

Ahora nos acercamos al frente de Martina y vemos a nuestra ironVirgin estirada -dibujada a stretching, según el punto desde que se mire, así es la perspectiva- Esto ya lo hizo Samuel Marolois en algunos de sus dibujos en el año 1614. Nada nuevo bajo el sol.
Seguidamente las imágenes modificadas:



Y ahora...esperemos unos cuantos segundos para que baje el flash por primera vez...

Para oir mas música:

http://quiroa-lyrics.blogspot.com/
http://quiroa-latin.blogspot.com/


viernes, noviembre 03, 2006

 

Pluma, la.

La pluma
No de águila, pero sí de photoshop, freehand ó flash.

Bien o bueno (así decimos por allá) ahora sí es la últimamodificación de esta entrada: el caso era que recientemente realicé una presentación en PowerBullet un programita que da como resultado una película flash, pero que me cargó algo así como un peso 4.99 Mb al estar ya realizada la tal presentación (problemático para visualizar en internet ya que algunos no tenemos supermáquinas y el tiempo de carga puede aburrirnos), entonces, en función de la “practicidad” (¿existirá esta palabra?) decidí experimentar y empezar a pasar algunos jpg a dibujo vectorial…utilizando y practicado con LA PLUMA. Llevo catorce (14) pantallas y solo,...solo: 210 kb, o sea que se redujo el peso del archivo casi 20 veces!…bien, un ejemplo de la potencia del formato vectorial! Aunque, claro…apareceran otros colores y otras vistas relativamente planas, bien, ya veremos, al final el asunto será…ya veremos (repito).

Así que allí van los resultados y las gráficas de esta primera etapa:

Usando la pluma


Comparando dibujos


Veamos ahora parte de la presentación.

NOTA: Navegar con los botones en la barra roja inferior, para pasar las pantallas que actualmente se ven...bien, bien, mmm...no está mal para principiar. Sí se pulsa el botón "volver a presentación" entonces, las pantallas que tengan animación y lo requieran volveran a arrancar solo si se cliquea "replay" en cada una de ellas, según se vaya viendo.

El mundito lo pasé a vector con la pluma a partir de un gif pequeñito, idem, el mapa de Guatemala aunque desde un archivo jpg.



Etiquetas: , , , , ,


martes, octubre 31, 2006

 

Anamorfosis

Ni con Ana ni con la morfina.

Anamorfosis es una forma de perspectiva y por tanto obedece a las leyes de esta disciplina pero es una técnica más complicada y estricta. No significa transformación o morphing, término este último que proviene de una abreviatura del anglicismo metamorphosing, el cual a su vez proviene del prefijo griego meta que significa además, más alla, después, y de la palabra griega morphe que a su vez significa forma. Mientras que el estudio de las formas y de los contornos se conoce como morfología, el morphing ha sido definido como la transformación de formas vía técnicas digitales.

Bueno, pero tranquilo, aquí el asunto es mencionar que, después de unas lecturijillas (como diría Flanders el vecino de Homero) me preparé un truco anamórfico:

Saqué de mi cartera la foto de una de mis novias, veámosla:

La partí, en cuatro slices verticales, usando Visio (el de Microsoft, no el vicio de licor, cigarro y etcs.)

Los cuatro panelitos los coloqué en un arreglo semicircular (los ángulos elegidos fueron a sentimiento de artista, no con ciencia, paciencia ó matemática, bueno, aparte de que si hubiera usado mas slices la cosa hubiera salido mas fina –pero, mucho work ó arbeit) Apliqué perspectiva con sketchUp, tomé las vistas y ya, mas o menos:

Aquí aparece ya contenta (un poco a lo Lisa Kudrow):

Seguidamente ya se va poniendo un poquito triste (me faltó mas triste, pero...como es mi novia, no me quise meter en problemas):
Y aquí, pues en conjunto:
Ya desde el siglo XVI, algunos pintores, como por ejemplo Hans Holbein ensayaron la anamorfosis y es de mencionar a Giacomo Barrozzi Da Vignola quien en 1583 publicó, en Roma, un tratado de perspectiva, el cual incluía algunos temas de anamorfosis. En internet hace algunos años el pintor Julián Beever, gringo de origen belga (bueno: podría ser un cruce de Edy Mercxx y de Lance Armstrong. Aunque parece ser que tiene nacionalidad británica) fue motivo de gran difusión por sus dibujos raros en aceras y paredes, lo que mucha gente no sabía y nunca supo es que solo aplicaba una técnica antigua para volverse popular y conocido: dibujos anamórficos.

Veamos: "Los embajadores", año 1533, técnica: temple sobre tabla, dimensiones: 207 x 209 cm.National Gallery, Londres. Autor: Hans Holbein / En primer plano se ve el dibujo de una calavera en perspectiva anamórfica, dibujada o pintada ya hace rato ¿no?.

Etiquetas:


 

Escalando con el ratón

(mas conocido como mouse por los turistas)

Vaya, debido a mi deficiente técnica para manejar la luz las fotos de la copa han salido dignas de una vieja revista Bohemia de los años 40 ó 50 –cuando las fotos eran oscuras pero los reportajes buenísimos-, así que mucho trabajo con el Photoshop y mejor decidí trabajar con la foto de una mi amiga, nada difícil como dirían Tarzán o Mandrake.

Un gráfico (la foto en jpg, gif ó png), se pasa o convierte en movieClip y se le pone código.

onClipEvent (enterFrame) {
//calcular la distancia desde el centro del mc al puntero(mouse)
dx=_root._xmouse-this._x;
dy=_root._ymouse-this._y;
//Ahora, configurará la escala del mc
this._width=dx*2;
this._height=dy*2;
}

Resulta:

perfect woman1




lunes, octubre 30, 2006

 

La Copa 1

En atención a la "disgresión" anterior, hoy se me ocurre dispararme un flashito con el cual se pueda transformar una copa de vino con el movimiento del cursor, ya tomé la foto, luego le daré un fondo transparente y etc, etc, etc...solo que, sí (condicional) solo que, como mi cámara está descargada no puedo bajar todavía las fotos así que la tarea será presentada en el next post.
Bien o bueno (así decimos allá por el Quiché), por lo pronto solo manifiesto que ubique a D. Rommel Aguilar vía o por intermedio (término cineasta, por cierto) de D. Herbert Mendía a ver sí me comentan algo.
O sea que sí recibieron mi correo, entonces, aparte de ver esto podrán ver también:

http://quiroa-med.blogspot.com
http://quiroaquiroa.blogspot.com
http://quiroamendez.blogspot.com/

vinculo

Y hay otros, pero están en servidores secretos o cuando menos para después.

domingo, octubre 29, 2006

 

Una disgresión

Bueno, por ser domingo y estar dibujando una copa de Casillero del Diablo:


 

La Mujer Perfecta


Declarada la intención para los temas de este Blog en mi primer POST, ya debidamente colocado el día de ayer, veamos ahora la potencia de un ejemplo FLASH sencillo.

Cuando uno busca capacitarse en la web por el método del autoaprendizaje la situación se le puede volver caótica, cada cuate, amigo o relator pone los temas, generalmente no pensando en uno, sino pensando en él, básicamente: manifestándose, expresandose, dándose a conocer…quisiéramos que todo el mundo nos conozca, pero somos selectivos en quien queremos o que queremos conocer. Así pues, éstos no son tutoriales, sino temas de relax.

Bitmaps, vectores y lupa.

Dicen los manuales (está escrito):

Gráficos vectoriales y de mapa de bits
Los ordenadores muestran gráficos en formato vectorial o de mapa de bits. Es muy importante comprender la diferencia existente entre ambos formatos para poder utilizarlos de la forma más eficiente.
Imágenes de mapa de bits
Las imágenes de mapa de bits están compuestas por puntos de color, denominados píxeles, organizados en una cuadrícula. Por ejemplo, la imagen de una hoja se describe mediante los valores de posición y color específicos de cada píxel en la cuadrícula, que crean una imagen de una manera muy parecida a como se crea un mosaico.
Al editar una imagen de mapa de bits, se modifican los píxeles y no las líneas o curvas. Las imágenes de mapa de bits dependen de la resolución ya que los datos que las definen están fijados en una cuadrícula que tiene un tamaño determinado. La modificación de una imagen de mapa de bits puede alterar su calidad. En concreto, el cambio de tamaño de un mapa de bits puede dejar bordes desiguales en la imagen al redistribuirse los píxeles en la cuadrícula. La visualización de una imagen de mapa de bits en un dispositivo de salida con menor calidad de resolución que la propia imagen también disminuye su calidad.
Gráficos vectoriales
Los gráficos vectoriales representan imágenes mediante líneas y curvas, denominadas vectores, que también incluyen propiedades de color y posición. Por ejemplo, la imagen de una hoja se representa por puntos a través de los que pasan líneas que crean el contorno de la hoja. El color de la hoja lo determina el color del contorno y el del área que encierra dicho contorno.
Al editar un gráfico vectorial, se modifican las propiedades de las líneas y curvas que definen su forma. La posición, el tamaño, la forma y el color de los gráficos vectoriales puede cambiarse sin que por ello pierdan calidad. Los gráficos vectoriales no dependen de la resolución, es decir, pueden visualizarse en dispositivos de salida de distintas resoluciones sin que se vea alterada su calidad.”

Al navegar en la red, yo cuando menos, encuentro la mar de ejemplos o tutoriales de lupas para Flash o Photoshop complicados y enredados -el summun normalmente, ya que son ejemplos de maestros o maes que han avanzado mucho-, pero como le dijo Hannibal Lecter a Claris Starling: “simplicidad mí querida Claris”. Aparte de ¿Para qué nos sirve una lupa?
Así que me he disparado un ejemplillo flash: “La Mujer Perfecta” donde puedo ver la diferencia entre bitmaps y vectores aplicando una lupa muy sencilla, nada complicado y enlazo todo lo anterior en dos películas, una viendo la imagen bitmap y otra viendo la imagen vectorial con la lupa en ambos casos.

Claro, por allí como que hay que hacer movie clips e insertar código ActionScrip, aparte de dibujar vectorialmente a la Mujer Perfecta (lo cual realice a brocha rápida) pero mi objetivo no es explicar o detallar el proceso, sino, mostrar los resultados.

Bien, de todas maneras el asunto es sencillo:

En Flash, usamos el fotograma 1 y:
Primero: Creamos dos capas, en la primera colocamos una imagen y en la capa inferior la misma imagen pero más pequeña, según la escala que se quiera y centrada respecto de la más grande.
Segundo: Insertamos una tercera capa superior y allí se coloca un movieClip que hará las veces de lupa (un círculo, por ejemplo)
Tercero: A la tercera capa mencionada la convertimos en máscara y al mc le asignamos el siguiente código…

onClipEvent(load){
this.startDrag(true); // el true es para centrar el MC con el puntero del mouse
}

y ya! Ver flashes ahora:
perfect woman1
perfect woman2

Nota: Para ver flashes en red el navegador debe tener instalado el plugin del Flash Player, lo cual debido a la popularidad de los programas flash es bastante normal o estándar, sí no es así, entonces, es fácil actualizar el tal plugin desde el sitio de Adobe.
http://www.adobe.com/shockwave/download/triggerpages_mmcom/flash-es.html

sábado, octubre 28, 2006

 

Capas Photoshop


Dibujo y Técnica

First Post…today

Inicio de un nuevo ciclo de estudio: Flash, Camtasia, Photoshop, SketchUp, Freehand y XHTML, así que para distraerme un poco empezaré esta nueva Bitácora ya que mi plan de estudios es cargado y recargado y no será para nada, pero para nada corto: espero llegar a dominar estos temas cuando menos para enero próximo e iré poniendo algunas cosillas por aquí, aparte de noticias sobre diseño.

PHOTOSHOP: Uso de capas, un ejercicio pequeño y simple en tres imágenes…

Entonces a ritmo de y con “Papas Fritas” The…Way you walk (oyéndolo desde radio.blog.club) subimos las imágenes y el texto al blog…
www.radioblogclub.com
I can tell by the way you walk you wanna be alone with him
'Cause you're pacing at an open door, you're waiting and you can't come in

Why do you make up all these stories
Made up your mind, decided for me

I can tell by the way you walk you wanna be alone with him

When you called me on the telephone I knew that you were miles away
'Cause the words that you said to me weren't hiding what you couldn't say

Plans sort of changed up for the weekend
Friend came to town been years since I seen him

I can tell by the way you talk you wanna be alone with him (alone with him)

(Ooh alone with him)
(Ooh alone with him)
(Ooh alone with him)
(Ooh alone with him)

Bueno, la letra de la canción no muy juega con la composición gráfica, pero…qué? Qué de qué?
Dada la extraña situación que genera este tipo de suelo decidí modificarlo, he aquí el resultado:

Y para medio combinar con algo de la letra de la música o whatever…

Dada la baja calidad de la foto de las chicas. el efecto de sierra (pixelización) después del corte se nota con el primer fondo pero se adapta mejor este contorno con otros fondos…

Bien, bien, será y es solo por escribir, así que nada de tutoriales…solo ideas, ejercicios y comentarios.

This page is powered by Blogger. Isn't yours?

Suscribirse a Entradas [Atom]