Diseño

Estas navegando bajo la categoria Diseño.

Todo lo que tenga un toque artístico o de buen gusto y sea digno de mención.

10 juguetes en HTML5

bye bye Flash


Bitelia »10 fascinantes experimentos en JavaScript y HTML5 para hacer en tu navegador.

Parkour en StopMotion

parkour motion reel from saggyarmpit on Vimeo.

Fuente: Ilustrae.

Cu3r, banner rotativo 3D en Flash totalmente configurable via xml


Agradable, bonito, sencillo, totalmente configurable y gratis.
Cu3r es un proyecto en Adobe Flash que te permite, modificando de forma sencilla con el bloc de notas un archivo .xml, alterar a tu gusto las transiciones y demás propiedades de slider de imágenes.
En su página oficial tienen un ejemplo bien grandecito :)
Esencial ojear la documentación, especialmente el apartado dedicado al protocolo del XML.
Enlace: http://www.progressivered.com/cu3er/

Lo bueno si breve, dos veces bueno [Videos]

Tres estupendas animaciones que no debes perderte: 

Oktapodi

A la altura de la mismísima PIXAR, Gobelins nos presenta el siguiente Corto. 

Dos minutos y medio de animación sin diálogo donde el argumento se basa en una pareja de pulpos intentando evitar que les separen. 

Puedes visualizarla en Youtube HD o descargar la animación en mejor calidad (Formato MPG4, Tamaño 48MB, H.264, 640×480, Millones AAC, Estéreo (I D), 24.0000 kHz)



EepyBird’s Sticky Note experiment

De los creadores del experimento de la Coca-Cola Light y los Mentos (EepyBird’s), más de 280.000 postits y muchas, muchas horas invertidas, muy original. Puedes ver el video en Vimeo HD.



A short love story in stop motion
Animación preciosa realizada integramente por Carlos Lascano. Ver en Vimeo HD o descargar en formato Quicktime (44Mb)

 

Momentos épicos pintados al óleo.

Se llama Jeremiah Palecek, en su Blog le proponen temas para pintar y como siempre la comunidad freak de internet mete mano en esa idea, resultado; óleos francamente frikis, momentos estelares en internet.

Vía: Yonkis.com

PicLens, excelente forma de ver las galerías de fotos desde tu navegador


PicLens es un producto de la empresa CoolIris, se trata de una extensión para el navegador (IE, Firefox y Safari) que añade la funcionalidad de visualización de fotos en tres dimensiones. Para ello se alimenta del archivo XML con la ruta de todas las fotos, entre otras cosas, por lo tanto no funciona con todas las páginas que tengan fotos, sinó sólo con aquellas que tengan sindicadas sus galerías, como Flickr, Facebook, Picassa…Es un producto excelente, ¡se consigue navegar por las fotos incluso más rápido que por la propia web original!

Para instalarla sigue uno de estos enlaces: Firefox, Internet Explorer o Safari.

CoolIris también posee otro producto conocido para los navegadores, una extensión que realiza previsualizaciones de los enlaces, pero me ha gustado tan poco que ni siquiera la comento, aquí el enlace para quien quiera probarla: CoolIris Preview.

La petite mort o pequeña muerte

Al alcanzar el orgasmo algunas mujeres pierden la conciencia durante unos segundos. Es lo que se conoce como la petite mort o pequeña muerte.

Enlace al video en Youtube.

Desempaquetando: iPhone


Pulsa sobre la imagen para acceder a la galeria.

100 buenos pinceles para Photoshop

Fresh foliage Drawn flower brushes Japanese folliage set Curly flowers Foliage brushes Vector flowers brushes Beautiful flowers Barbie doll brushes Hearts brushes Watercolor brushes Ink splatter brushes Butterfly garden
Doodles brushes Progressive rock brushes Lego bricks brushes Floral brushes Grunge ink splatter Splatter brushes Random splatter Blood grunge Splatter brush Romantic brushes Vintage garden brushes Antiques brushes
faeries brushes Chinese watercolor brushes Feathers brushes Polaroids brushes Grungy frames Old stuff Picture frames brushes Frames brushes Grunge frames brushes Classic frames brushes Frames brushes Flourish masks brushes
Boxe brushes Flourish brushes Tape brushes Stamps brushes Halftone dots brushes Marker brushes Abstract brushes Abstract brushes Fractal brushes Light brushes Film strip brushes Foliage brushes
Cityscapes brushes High tech circles brushes circles Tree brushes Tree brushes Flowers brushes Clouds brushes Snowflakes brushes Snow brushes Starfield brushes Nebulae and galaxies brushes Planet brushes
Spiro lines brushes Deathbat brushes Halo 3 brushes Crazy Spiders Skull brushes Seiyastock sparkle brushes script brushes Old letter brushes Vector grunge brushes Vector brushes Dreaming brushes Lips and lashes brushes
Gargoyle brushes Eyes brushes Light effects brushes Sneakers brushes Dirigibles brushes Apples brushes Fireworks brushes Crack effect brushes Iris brushes Text brush set chalkboard brushes Hair strands brushes
Slugs and worms brushes Books brushes Abstract brushes Valentine day card brushes Hearts brushes Hello Kitty brushes The Simpsons brushes Cartoon brushes Toon Brushes Skellington brushes Nightmare before christmas brushes Disney brushes
Tatoo brushes Worn Photoshop brushes Smoke brushes

Anuncios Pixelados 3D; Apple iPod.

Curiosa forma de ver películas Quicktime, quizás peca de baja resolución :P


Enlace: 3D isometric pixelated video.

Fondo de escritorio, Firefox.

El único fondo de escritorio de Firefox que necesitas.

Consejos para Photoshop

He traducido (no literalmente) un artículo de Techlicious: 53 Ultimate tips for better Photoshoping.

Consejos para agilizar el trabajo en Photoshop:

  • Pulsa [Tabulador] para esconder todos los paneles y ver sólo el proyecto, si lo haces con [Mayúsculas] pulsado mantendrás la barra de herramientas.
  • Pulsa [Mayúsculas + Click] sobre la barra azul de cada panel para acercarlo al eje más cercano, [Doble Click] en la misma para minimizar el panel.
  • [Doble Click] sobre el fondo gris iniciará el diálogo “abrir archivo” y con [Mayúsculas] pulsado el Adobe Bridge.
  • En Photoshop todos los botones “Cancelar” puedes cambiarse a “Restaurar” manteniendo la tecla [Alt] pulsada.
  • Con [Bloq. Mayús.] cambiaras el cursor para una mayor precisión.
  • Pulsa [F] para cambiar entre tres modos de área de trabajo que te proporcionaran más espacio.
  • Para conseguir una línea recta, utiliza la tecla [Mayúsculas] mientras la estés trazando.
  • Para mover un objeto utiliza la tecla [Control], cuando la sueltes volverás a tener la misma herramienta que antes de pulsarla.
  • Utiliza [Control + Alt] para clonar objetos o selecciones.
  • Con la [Barra espaciadora] pasarás a la herramienta “Mano” hasta que la sueltes.
  • Con la herramienta “Zoom” seleccionada pulsa [Control + Barra espaciadora + Click] para hacer “Zoom para acercar” y [Alt + Barra espaciadora + Click] para hacer “Zoom para alejar”.
  • Pulsa [Control + "-"] para reducir Zoom y [Control + "+"] para aumentar Zoom.
  • Con la herramienta “Cuentagotas” pulsa [Alt + Click] para establecer el color de fondo.
  • Para medir un ángulo: utiliza la herramienta de medición para hacer una linea, luego pulsa [Alt] y haz otra linea partiendo de un punto de la primera.
  • [Control + Alt + Z] y [Control + Mayúsculas + Z] te moverás adelante y atrás en el histórico de acciones.
  • [Alt + Retroceso] cambia al color principal la selección, [Control + Retroceso] al color de fondo, [Control + Alt + Shift + Retroceso] elimina la selección.
  • [Control + J] para duplicar la capa actual.
  • [Control + Mayúsculas + E] unirá todas las capas en una, [Control + Mayúsculas + Alt + E] hará una copia en una capa nueva de todo lo visible en el proyecto.
  • [Control + D] para deseleccionar, [Control + Mayúsculas + D] para reseleecionar lo deselccionado.
  • Pulsando [Alt] sobre el icono del ojo que hay en cada capa, ocultará el resto de capas.
  • Selecciona una capa, mantén pulsada la tecla [Alt] mientras pulsas el eje superior de otra capa, eso las agrupará.
  • Con [Control + Tabulador] pasaras de un documento a otro que tengas abierto, parecido a [Alt+Tabulador] en Windows con las aplicaciones.
  • [F12] dejará el documento en el estado que tenía la última vez que se guardó.
  • Cuando estés transformando un objeto con [Control + T] utiliza [Mayúscula + Alt] mientras lo transformas para conservar la escala y el centro original.
  • [Control + A], [Control + C], [Control + V] centrará la imagen/Selección en una nueva capa.
  • Haciendo [Doble Click] sobre la lupa de la Heramienta Zoom ajustarás la imagen al tamaño de la pantalla.
  • Si en lugar de transformar con [Control + T] lo haces mediante [Control + Alt + T] lo harás en una copia del objeto.
  • [Control + Alt + Cursor derecha] Duplicará la capa actual.
  • [X] Intercambia los colores principal y de fondo y viceversa.
  • [D] Establece los colores principal y de fondo a blanco y negro.
  • La herramienta de clonación se puede usar entre varias imágenes, no tiene porque ser de la misma el origen y destino.
  • Cuando escribes un texto con la Herramienta Texto, con el [Intro] generas una linea nueva, en cambio pulsando [Control Intro] o el [Intro] del teclado numérico finalizaras la introducción de texto.
  • [Control + rueda de ratón] moverás la imagen de derecha a izquierda.
  • [Alt + rueda de ratón] Aumentarás o reducirás Zoom.

iPod Touch, desempaquetado.

Dejo una serie de fotos del desempaquetado del iPod Touch 16Gb que recién me llegó hoy.

(Pulsa sobre la imagen para acceder a la galería)

Microsite Audi TT: un ejemplo del buen uso del flash.


(Pulsa sobre la imagen para acceder al sitio Web.)

¿Cómo cambiar los métodos abreviados de teclado en Photoshop?

Después de hacer un listado la mar de interesante sobre los métodos abreviados de teclado más usados en Photoshop, voy a explicar en dos sencillos pasos cómo cambiar los preestablecidos o crear nuevos.

Accedemos al menú “Edición” y pulsamos sobre “Menús…”

Se abre un diálogo del cual cambiaremos de pestaña a “Métodos abreviados de teclado”.


Allí tenemos el listado (los objetos son desplegables) de los preestablecidos y las funciones que aún no tienen ningún método asignado, para asignarlo basta con que hagamos clic sobre él y simulemos el método o combinación de teclas que queremos darle a esa función, en caso de conflicto con otra función Photoshop nos avisará para que podamos deshacer los cambios.