Cristalab |
| Transiciones de filtros en After Effects Posted: 28 Jul 2009 05:00 PM PDT Aprenderemos a usar transiciones de filtros en Adobe After Effects sobre animaciones complejas, composiciones anidadas y edición gráfica de las animaciones creadas. |
| You are subscribed to email updates from Cristalab To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
Cristalab |
| Posted: 28 Jul 2009 05:00 PM PDT El diseño web en iPhone requiere conocimientos de HTML 5, CSS y Javascript especial para usar todo el poder de Safari Mobile. En este tutorial hablamos de cómo crear sitios web optimizados para iPhone y navegadores Webkit como Android. |
| You are subscribed to email updates from Cristalab To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
Cristalab |
| Cielo y nubes con Particle World en After Effects Posted: 28 Sep 2012 08:47 AM PDT Regresamos al uso del efecto de partículas Particle World en After Effects, para ajustar sus opciones, ralentizando el desplazamiento y limitando las variaciones en las partículas que crea, para generar un manto de nubes dinámico en tres dimensiones, por el que podremos navegar gracias a una cámara, después de incorporar elementos de iluminación y un texto estilizado que enriquecerá nuestra escena y completará el efectoque buscamos obtener. Añadiremos una composición sencilla, agregando un plano al fondo con un degradado lineal aplicado, que nos permitirá simular el cielo, para posteriormente añadir una cámara y las partículas obtenidas del Particle World, junto con varios efectos de iluminación y movimiento natural de cámara, que aumentará el realismo. Saludos.
|
| Partículas, telas y fluidos en Maya Posted: 28 Sep 2012 08:42 AM PDT Empezamos una nueva serie, en la que iremos descubriendo las posibilidades que nos ofrecen los sistemas dinámicos de Maya, junto con las herramientas y atributos más útiles que pone a nuestra disposición para trabajar con las simulaciones de este tipo de procesos, que nos ahorrarán tiempo en nuestro trabajo en lo que a animación de físicas y sistemas dinámicos se refiere. Empezaremos esta serie con una rápida introducción a los diferentes módulos, herramientas y pestañas más utilizados a la hora de trabajar con estos procesos. Continuaremos cargando ejemplos desde el Visor, para conocer de antemano, los resultados que podremos lograr con el uso adecuado de las herramientas del programa, como partículas, telas y fluidos, mientras realizamos ejercicios de ejemplo para irnos acostumbrando al sistema de trabajo. Saludos.
|
| Animación de partículas con cámara lineal en After Effects Posted: 05 Sep 2012 03:03 AM PDT Aprenderemos a ajustar la animación generada a través de los keyframes interpolados por defecto que nos ofrece After Effects, iniciando el procedimiento desde una trayectoria única, y troceándola convenientemente para obtener transiciones más lineales y movimientos más bruscos y dinámicos de la cámara, dentro de un entorno de partículas tridimensional con efectos de luz emitida. Crearemos el entorno de partículas con el efecto Particle World y ajustaremos la duración y la velocidad del movimiento para lograr ralentizar la acción y controlar los desplazamientos. Completaremos la composición con nuevos efectos y refinando los diferentes elementos para ajustarlos a nuestros gustos, aplicando resplandor y Motion Blur para enriquecer el conjunto. Saludos.
|
| Crear juegos HTML5 con CreateJS en Flash Posted: 05 Sep 2012 02:57 AM PDT Hola! En este videotutorial aprenderemos a crear juegos en HTML5 con el componente CreateJS para Adobe Flash Pro, creado por Grant Skinner. Lo probé en IE, FireFox, Chrome, Safari, iPhone/iPad y funciona perfecto  Archivos y ejemplo Juego.js: Código : if (!window.lib) { window.lib = {}; } var p; // shortcut to reference prototypes // stage content: (lib.juego = function() { this.initialize(); // puntaje this.txtPuntaje = new Text("Puntaje: 0", "20px Tahoma", "#9b0000"); this.txtPuntaje.textBaseline = "top"; this.txtPuntaje.lineHeight = 22; this.txtPuntaje.lineWidth = 211; this.txtPuntaje.setTransform(2,2); this.puntaje = 0; // globos this.instance = new lib.AniHorizontal(); this.instance.setTransform(935.3,365.5,0.745,0.745,0,0,0,35,60); this.instance_1 = new lib.AniHorizontal(); this.instance_1.setTransform(1226.4,62.2,1,1,0,0,0,35,60); this.instance_2 = new lib.AniHorizontal(); this.instance_2.setTransform(1194.4,246,1,1,0,0,0,35,60); this.instance_3 = new lib.AniHorizontal(); this.instance_3.setTransform(716.5,378.1,0.704,0.704,0,0,0,35,60); this.instance_4 = new lib.AniHorizontal(); this.instance_4.setTransform(1038.4,96,1,1,0,0,0,35,60); this.instance_5 = new lib.AniHorizontal(); this.instance_5.setTransform(1043.3,274,1,1,0,0,0,35,60); this.instance_6 = new lib.AniHorizontal(); this.instance_6.setTransform(926.3,236,1,1,0,0,0,35,60); this.instance_7 = new lib.AniHorizontal(); this.instance_7.setTransform(824.4,160,1,1,0,0,0,35,60); this.instance_8 = new lib.AniHorizontal(); this.instance_8.setTransform(690.3,102,1,1,0,0,0,35,60); // fondo this.instance_9 = new lib.fondo(); this.addChild(this.instance_9,this.instance_8,this.instance_7,this.instance_6,this.instance_5,this.instance_4,this.instance_3,this.instance_2,this.instance_1,this.instance,this.txtPuntaje); }).prototype = p = new Container(); p.nominalBounds = new Rectangle(0,-3.6,1261.7,483.7); // symbols: (lib.AniHorizontal = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{},true); // timeline functions: this.frame_0 = function() { this.globo.gotoAndPlay('inicio'); } // actions tween: this.timeline.addTween(Tween.get(this).wait(0).call(this.frame_0).wait(194)); // animacion horizontal this.globo = new lib.AniVertical(); this.globo.setTransform(35,60,1,1,0,0,0,35,60); this.timeline.addTween(Tween.get(this.globo).to({x:-1265.1},148).wait(46)); }).prototype = p = new MovieClip(); p.nominalBounds = new Rectangle(1.8,-5.8,68.5,173.8); (lib.AniVertical = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{inicio:0,final:60},true); // timeline functions: this.frame_0 = function() { this.instance.onClick = function(e) { this.parent.gotoAndPlay('final'); exportRoot.puntaje += 15; exportRoot.txtPuntaje.text = "Score: " + exportRoot.puntaje; }; } this.frame_59 = function() { this.gotoAndPlay('inicio'); } this.frame_60 = function() { playSound("swosh",0); } this.frame_77 = function() { this.stop(); } // actions tween: this.timeline.addTween(Tween.get(this).wait(0).call(this.frame_0).wait(59).call(this.frame_59).wait(1).call(this.frame_60).wait(17).call(this.frame_77).wait(1)); // globo this.instance = new lib.ImgGlobo("synched",0); this.instance.setTransform(35,60,1,1,0,0,0,35,60); this.timeline.addTween(Tween.get(this.instance).to({y:23.1},29).to({y:60},30).to({y:44},1).to({y:-625.9},17).wait(1)); // comida this.instance_1 = new lib.ImgComida("synched",0); this.instance_1.setTransform(35.5,140.5,1,1,0,0,0,30,27.5); this.timeline.addTween(Tween.get(this.instance_1).to({y:107.5},29).to({y:140.5},30).to({y:126.2},1).to({rotation:-44.8,x:35.6,y:551.2},17).wait(1)); }).prototype = p = new MovieClip(); p.nominalBounds = new Rectangle(1.8,-5.8,68.5,173.8); (lib.ImgGlobo = function() { this.initialize(); // dibujo globo vectorizado this.shape = new Shape(); this.shape.graphics.rf(["rgba(255,112,112,0.702)","rgba(255,0,0,0.702)"],[0.235,1],0.4,-30.8,0,0.4,-30.8,58.8).p("AD1n6QhmhmiQAAQiRAAhmBmQhmBnAKCIQAJCIBqDHQBiC5BwAFIgNANIABABQALAGAJABQALABALgJIgOgNQB4gJBsi7QBti8AFiLQAEiKhmhn").f().s("#ffffff").ss(1,1,1,3).p("AgHEXIAAFK"); this.shape.setTransform(36,55); this.addChild(this.shape); }).prototype = p = new Container(); p.nominalBounds = new Rectangle(1.8,-5.8,68.5,121.7); (lib.ImgComida = function() { this.initialize(); // Capa 1 this.instance = new lib.comida(); this.addChild(this.instance); }).prototype = p = new Container(); p.nominalBounds = new Rectangle(0,0,60,55); (lib.comida = function() { this.initialize(images.comida); }).prototype = new Bitmap(); p.nominalBounds = new Rectangle(0,0,60,55); (lib.fondo = function() { this.initialize(images.fondo); }).prototype = new Bitmap(); p.nominalBounds = new Rectangle(0,0,640,480);Dedicado a Freddie y Mariux, siempre me gustan sus opiniones constructivas 
|
| You are subscribed to email updates from Cristalab To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
| |||||||||||
Cristalab |
| Diagrama de topología y sus herramientas en Redes Posted: 27 Sep 2012 05:01 AM PDT Estudiaremos la necesidad de generar y usar los diagramas de topologia, recuperándolos o incluyéndolos en la documentación de nuestras redes, para conseguir la mayor cantidad de información general de la infraestructura de la red con la que vamos a trabajar, de una forma rápida y efectiva, obteniendo datos sobre su diseño, qué dispositivos la forman y qué áreas participan en su funcionamiento. Haremos un estudio detallado del formato y los diferentes atributos que forman parte de los diagramas de topo logia, así como los elementos que podremos incorporar. Para poder trabajar desde el principio con ellos, repasaremos varios programas que nos ayudarán en su creación y practicaremos con sus posibilidades. Saludos.
|
| Deformación de músculo relativa a la posición en Maya Posted: 27 Sep 2012 04:58 AM PDT Retomaremos la utilización y características de los músculos simples en 3D Maya, para comprobar, cómo además de la modificación general de la forma, es posible ajustar y deformar su topología, en relación a las distintas posiciones de estiramiento o encogimiento y obtener de esa manera, muchas más posibilidades sobre la geometría de la malla y su aspecto. Crearemos un conjunto simple e incorporaremos un músculo simple, que nos servirá de base para el ejercicio, gracias al uso de la herramienta Custom Shapes, que nos ayudará a modificar su forma, tal como hicimos con las Blend Shapes sobre las mallas, mientras corregimos la torsión incorrecta producida al flexionar el músculo y que es debida, al ajuste por defecto del eje. Saludos.
|
| Huesos geométricos con Sliding en 3D Maya Posted: 04 Sep 2012 03:40 AM PDT Gracias a una esfera poligonal modelada a nuestro gusto y las propiedades de deformación de los sistemas músculares de 3D Maya, generaremos huesos que nos permitirán simular deformaciones subcutáneas producidas por estos sobre la piel, como en el caso del codo del brazo que usaremos como ejemplo y con el añadido de sumar las características geométricas del modelo en la malla a deformar, lo que nos permitirá obtener formas cargadas de realismo en nuestras simulaciones. Implementaremos el nuevo modelo en un sistema con un Skinning clásico, basado en huesos generales y Smooth bind, pero le dotaremos de las propiedades de los sistemas musculares, mientras ajustamos su área de influencia y activamos las propiedades de Sliding, que nos permitirán usarla en relación directa a las necesidades del modelo. Saludos.
|
| Diseño y medidas de tarjeta de presentación en Illustrator Posted: 03 Sep 2012 05:29 AM PDT En este videotutorial de Illustrator aprenderemos a configurar las medidas de nuestra mesa de trabajo, ajustándolas a los estándares usados en la generación de tarjetas de visita (tarjetas personales o de presentación) , revisándolas tanto en pulgadas como en milímetros y creando los márgenes de separación y seguridad adecuados, que nos permitirán colocar el texto, nuestro logotipo y varias formas sin riesgo de obtener una impresión incorrecta o fuera de lugar. Empezaremos con un documento simple, configurado con el modo de color CMYK y unas medidas concretas de tamaño, que luego volveremos a ajustar, añadiendo gracias a las reglas, una serie de guías que definirán el sangrado y los límites del área de trabajo e incluyendo bloques de texto descriptivos, un logotipo generado in situ y varias formas decorativas. Saludos.
|
| You are subscribed to email updates from Cristalab To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
| ||||||||||||||||||
