Efecto loading de imágenes con CSS

En esta ocasión paso a mostrarles una manera muy sencilla de crear un efecto loading o carga de imágenes mediante CSS, el cual nos puede ser muy útil para la presentación de ciertas imágenes dentro de nuestra web.

  1. Debemos conseguir una imagen en formato GIF para usarla como animación para la carga. Recomiendo generar una que se ajuste a nuestro estilo mediante: Ajaxload
  2. Crearemos una nueva clase de estilo en nuestra hoja de estilos, en mi caso la llamare loadimg, y agregamos un código similar a este:
       1:  .loadimg {
       2:      background-image: url(imagenanimadadefondo.gif);
       3:      background-repeat: no-repeat;
       4:      background-position: center center;
       5:  }

  3. Simple, cierto? Ahora para implementar este estilo en nuestras imágenes simplemente hacemos esto dentro de nuestro código html:
       1:  <img src="tuimagen.jpg" border="0" class="loadimg" />

Creando un logo en Adobe Illustrator

Mar AzulHoy crearemos un logo para una empresa de viajes o turismo, lo primero que debemos hacer es enfocarnos al medio geográfico de la misma. En esta ocasión crearemos un logo para una empresa llamada Mar Azul, ubicada en Pisco (Perú), cercano a la Reserva Nacional de Paracas.

Grafico 3D con Reflexión

Aprenda a crear un Gráfico 3D usando Adobe Illustrator con la herramienta de Efecto 3D y luego terminarlo con una atractiva reflexión.

 

Apreciación global

Esta guía será útil para usted o sus clientes, con un valor agregado, de manera rápida a esos gráficos estadísticos aburridos que acostumbramos ver en las presentaciones. Funciona maravillosamente para presentaciones de PowerPoint, reuniones de negocios, páginas web, y más. Éste es el resultado final:

 

clip_image003

Efecto fruncir y engordar

image

Hay muchos secretos ocultos en Illustrator. Incluso yo tengo el sentimiento que uso sólo una parte de la aplicación. Eso probablemente es porque a veces estoy trancado en mi viejo hábito de hacer las cosas. Si usted ha estado trabajando con la aplicación desde la versión 3 como yo, entonces sabe sobre lo que estoy hablando. Es bueno explorar las nuevas y mejores maneras. Las maneras de hacer las cosas más rápido y de una manera más flexible. Hoy mostraré cómo usar el Efecto Fruncir & Engordar. Es otro fresco efecto de Distorsionar y transformar.

>> Enlaces Patrocinados <<