Búsqueda personalizada

Worth1000

276172hmolwsq3.jpg

Worth1000.com una excelente pagina para descubrir el arte logrado a través de los fotomontajes. En la web encontraran una amplia gallería del artista y obras realmente muy bellas, raras, y de mas, pero vale la pena verla toda. Los fotomontajes se basan en objetos, animales, personas, etc. Si quisieras aprender un poco a realizar estos trucos, hay una sección de tutoriales, con los que seguramente aprenderás muy bien a realizar tus fotomontajes muy bien.

Enlace a Worth1000

Enlace a Tutoriales

Via marcuniversal | arturogoga

Publicado en Iconos,Photoshop,Tutoriales | Responder

RSS: Técnicas, tutoriales e iconos

1821101850_417151a6b6_o.jpg

Últimamente me he dado cuenta lo mucho que me agrada ver la creatividad que ponemos en los iconos que utilizamos para nuestros canales de Feed. Por mi parte no solo me fijo en los diseños empleados, técnicas, sino también en los espacios que se le dedican a ellos. Vale recalcar que de todas formas hoy en día estamos tan familiarizados con esto de los feed que no es preciso poner un icono enorme en un sitio con el hecho de atraer mas lectores, sin duda si un sitio nos agrada, por mas pequeñito que sea el enlace o icono encontremos la url del feed para agregarlo a nuestro lector diario. Como de costumbre los chicos de smashingmagazine han hecho una bonita recopilación sobre todo lo relacionado a los RSS, dentro del articulo encontraremos algunas técnicas muy llamativas empleadas por algunos blog, varios tutoriales, y como no podía faltar, algunos bonitos iconos para descargar.

 

Les dejo el enlace para descargar el icono que vemos en el post, que me ha gustado mucho.

Y El enlace a smashingmagazine – RSS: Best Design Practices And Icons con cantidad de recursos sobre RSS

Publicado en Iconos,Recursos Web,Tutoriales | Responder

Efecto Polaroid usando javascript

Via ajaxian descubro Instant.js 1.0 un script que nos permite agregar un efecto polaroid de forma fácil y rápida (una buena forma de evitar tener que editarlas). Funciona muy bien con todos los navegadores “importantes” – Mozilla Firefox 1.5+, ópera 9+ y safari. Pero en IE viejos no se vera ninguna modificación, lo que nos es problema ya que los usuarios no notaran ninguna diferencia, simplemente verán la imagen e forma normal.

Para comenzar a utilizarlo necesitamos descargar nuestra librería , subirla a nuestro hosting y llamarlo desde nuestro sitio, para ello copiaremos el siguiente código antes de nuestra etiqueta < /HEAD >

HTML:

  1. <script type=“text/javascript” src=“instant.js”></script>

Ahora a las imágenes que deseamos darle este efecto le agregamos la clase “instant”. Ej:

HTML:

  1. <img class=“instant” src=“imagen.jpg” width=“200″ height=“200″ alt=“”>
HTML:

  1. class=”instant” (llamamos a nuestro efecto)
  2. src=”imagen.jpg” (ruta de tu imagen)
  3. width=”400″  (anchura de tu imagen)
  4. height=”400″ (Altura de tu imagen)

Ejemplo:

548589678_b9ece2ba9d_o.jpg

Después de nuestra clase “instant” podemos agregar otros parámetros para personalizar o modificar el efecto, por ejemplo cambiar la inclinación, dar más opacidad en la sombra, etc.

Los parámetros que podemos agregar después de la clase instant son:

Dar opacidad a Sombra: El parametro “ishadow55” , nos sirve para modificar la opacidad de nuestra sombra, como vemos ishadow esta seguido por un numero este podrá varias entre 0 y 100 aunque si optamos por introducir únicamente la clase “instant” sin ningún parámetro, nuestra imagen tendrá una opacidad en su sombra de forma default de 33.

Ej codigo:

HTML:

  1. <img class=“instant ishadow88″ src=“tufoto.jpg” width=“350″ height=“350″ alt=“”>

Ej Visual

548589678_b9ece2ba9d_o1.jpg

Cambiar la Orientación de la imagen: luego de nuestra clase “instant” podremos agregar los siguientes parámetros que cambiaran la inclinación de la imagen, ellos son itiltright (derecha), itiltleft (izquierda), o itiltnone (ninguno)

Ej codigo:

HTML:

  1. <img class=“instant itiltleft” src=“tufoto.jpg” width=“350″ height=“350″ alt=“”>

Ej Visual

548589678_b9ece2ba9d_o2.jpg

Cambiar el Color del marco de la imagen: Para cambiar el color del marco agregamos el parámetro “icolor000000”, donde “000000” corresponde a su color, en este caso 000000 = Negro, siempre el color deseado deberá ser expresado en hexadecimal.

Ej codigo:

HTML:

  1. <img class=“instant icolor000000″ src=“tufoto.jpg” width=“350″ height=“350″ alt=“”>

Ej Visual

548589678_b9ece2ba9d_o3.jpg

Tambien podremos agregar todos los parametros juntos:

EJ Codigo

HTML:

  1. <img class=“instant ishadow80 itiltright icolor000000″ src=“imagen.jpg” width=“200″ height=“200″ alt=“”>

ej Visual

548589678_b9ece2ba9d_o4.jpg

Post original netzgesta

Via ajaxian

Publicado en Fotografía,scripts,Tutoriales | Responder

Novedades