Inicio

Texturas y gifs animados rescatados del olvido

5 comentarios

Actualización: Definitivamente los enlaces a los que apunta este post han fenecido. No os molestéis en seguir leyendo. Intentaré encontrar los ficheros originales y colgarlos en una nueva ubicación.

cola

Acabo de descubrir que una galería de texturas y otra de gifs animados que hice hace años, sorprendentemente y contra todo pronóstico siguen en línea. Deben llevar como 4 o cinco años abandonadas e ignoro cuanto tiempo más permanecerán colgadas, pero por si a alguien le puede interesar el contenido que hay en ellas aquí os dejo los enlaces.

cameraGalería de texturas

cameraGalería de gifs animados

camera Nueva web de texturas

Las imágenes que veis en este post pertenecen a estas librerías. Las texturas se pueden repetir por todos los lados y utilizar como fondos, fueron creadas en un software fantástico para Macintosh -desafortunadamente extinguido- llamado TextureScape. Jamás he vuelto a ver ningún programa de creación de texturas tan bueno como aquel, ni siquiera en la propia Adobe.

Los gifs animados fueron hechos con…. bueno la verdad es ya ni me acuerdo, sólo se que en algunos de ellos hice servir las primeras versiones de Fireworks y Macromedia Extreme 3D y Poser para otros.

Anuncios

Control de impresión en Acrobat 8

Deja un comentario

Ahí va otro seminario Online para aumentar conocimientos de herramientas Adobe. En este caso se trata de un interesante seminario de Ana Mesas acerca de las opciones de Acrobat 8 para producción impresa. Muy indicado para todas aquellas personas interesadas en controlar el flujo de impresión profesional de sus documentos originales.

Seminario Control de impresión en Acrobat 8

Presentación CS3 en MAD

Deja un comentario

Si en BCN fué bien, aquí ni te cuento.

Presentación CS3 en BCN

Deja un comentario

Hoy hemos presentado CS3 "en familia" con todos nuestros partners y ha sido un rotundo éxito (espero)…

La vídeo instalación de Eva Moreno

Deja un comentario

Este pequeño vídeo corresponde a la vídeo instalación de Eva Moreno una de las alumnas que tuve en el último postgrado de vídeo digital de la Universidad Pompeu Fabra en el que participé como profesor. La instalación es el proyecto de fin de postgrado. Sinceramente quedé gratamente sorprendido tanto del montaje técnico de la instalación como de la estructura conceptual de la pieza.

Os resumo un poco en que consistía. La pieza estaba formada por una rayuela dibujada en el suelo de la sala con tiza, ya sabéis, la cuadrícula esa que se utiliza para jugar a la”charranca” y otras variaciones similares. Pues bien resulta que este juego infantil y en aparencia tan simple esconde un profundo simbolismo entre las líneas de su cuadrícula que proviene de la noche de los tiempos. Cada una de las casillas sencillas o grupo de casillas dobles tiene un siginificado que tienen que ver con las diferentes étapas de crecimiento espiritual que atraviesa el ser humano a lo largo de su vida. El semicírculo final de la rayuela simboliza el fin del ciclo y el comienzo de un nuevo bucle (ésto de los bucles cíclicos parece sacado de la filosofía oriental, pero como véis es un tema que se ha tratado también en la filosofía y la mística occidental y no sólo en este juego sino en muchas otras ocasiones). Pues bien encima de cada una de las casillas de la rayuela había un sensor que identificaba la posición del jugador. Esta información era envíada al ordenador que la procesaba en un software llamado Jitter (otro día hablaré más en detalle de este programa) y devolvía a cambio unas imágenes o unas secuencias de vídeo tratadas en After Effects que variaban en función de la casilla ocupada por el jugador o de la dirección empleada, es decir si iba siguiendo el orden de las casillas o volvía sobre sus pasos recorriendo las casillas en sentido contrario.

Lo cierto es que el resto de proyectos del postgrado presentados por los demás de alumnos también eran muy interesantes, el nivel en general fue bastante alto.

Cursos de migración Quark Xpress a In Design en Lisboa

Deja un comentario

Os copio este correo electrónico que he recibido de mi colega Ângela Rodrigues, colaboradora habitual de Adobe. Que está organizando un curso de migración de Quark Xpress a In Design en Lisboa.

Si habitas por tierras lusas y estabas buscando un curso de estas caracterísiticas no dejes escapar esta oportunidad.

Caros,

Para todos os que pretendam “dar o salto” do Quark para o InDesign, aqui enviamos o anúncio de um curso à medida…

O conteúdo programático detalhado pode ser encontrado no site: www.posgraficos.pt, na secção CURSOS.
Melhores cumprimentos
Ângela Rodrigues

Diseño líquido con Dreamweaver

11 comentarios

Ya hace varias versiones que es posible trabajar con diseños basados en CSS (Cascade Style sheets) dentro de Dreamweaver, pero en la versión CS3 la integración del programa con esta tecnología es realmente buena y resulta muy cómodo diseñar páginas web basadas en CSS aún siendo neófito en el tema.

Una de las ventajas que siempre ha tenido Dreamweaver es la capacidad de construir la composición de la página de forma visual sin dejar por ello de atender la parte de código. Hay diseñadores web que argumentan (en realidad muchos de ellos simplemente repiten lo que han oído) que Dreamweaver genera un código HTML muy sucio, no estoy de acuerdo, en todo caso es el usuario el que genera el código sucio ya que lo único que hace Dreamweaver es traducir a líneas de programación nuestras acciones en la parte visual. Es tan impropio como decir, “ese automóvil conduce muy mal”, en todo caso será el conductor. Es cierto que quizás algunas extrapolaciones de diseño visual a código podrían mejorarse, pero de ahí a decir que no hace código límpio va un gran trecho. En general opino que Dreamweaver siempre ha generado un código HTML, Java Script y CSS bastante manejable, y desde luego la versión CS3 en este aspecto ha mejorado, sobretodo en lo que se refiere al código Java Script creado por los widgets del spry de AJAX.

A mi particularmente me gusta trabajar con el modo compartido visual-código. De es forma trabajas en la parte visual pero estás controlando en todo moemnto lo que ocurre en la parte de código.

split

Una de las características que más me gustan del nuevo Dreamweaver CS3 son las nuevas plantillas de creación de páginas basadas en CSS que permiten crear muy facílmente lo que en diseño web se conoce como “diseño líquido” aquel en el que la página o partes de la página pueden redimensionarse y adaptarse al tamaño de la ventana del navegador.

Echémos un vistazo rápido a estas opciones.

1. DISEÑO LÍQUIDO

liquido.gif

Esta opción crea un espacio de maquetación líquido, es decir su ancho se adapta al ancho de la pantalla y se mide en porcentaje. El contenido de texto y la ubicación de las imágenes se adaptan a dicho porcentaje.

liquidex.jpg

2. DISEÑO ELÁSTICO

emspace.gif

En esta ocasión el ancho de la columna de maquetación se adapta al ancho de los caractéres y se mide en espacios eme (el espacio que ocupan 2 m en una tipografía concreta).

elasticex.jpg

3. DISEÑO SÓLIDO

soilid.gif

Por último está la opcíon de una columna sólida con un ancho fijo de píxeles en pantalla independientemente del tamaño del texto de de la ventana del navegador.

solidex.jpg

 

Aparte de estos tres típos de maquetación básica, Dreamweaver CS3 nos ofrece múltiples combinaciones de columnas donde es posible combinar partes sólidas, flexibles y líquidas.

varis.gif

Como ya se ha comentado todos estos diseños están basados en estilos CSS. Cuando creamos una página es posible decirle si queremos incluir el código CSS en la propia página o si queremos crear un documento CSS independiente. Esta última opción es muy útil ya que podremos asignar la misma hoja de estilos a múltiples páginas del sitio web, luego un sólo cambio en la hoja de estilos actualizará automáticamente todas las páginas del sitio. Una vez creado el fichero CSS es posible crear nuevas páginas que estén vinculadas a esa hoja de estilos.

csslayout1.gif

Older Entries