Cinemagraphs™ – cinemagraphs.com


by Jamie Beck and Kevin BurgPress

The History of Cinemagraphs

jamie beck and kevin burgA Cinemagraph is an image that contains within itself a living moment that allows a glimpse of time to be experienced and preserved endlessly.

Visual Graphics Artist Kevin Burg began experimenting with the .gif format in this style in 2009 but it wasn’t until he partnered with photographer Jamie Beck to cover NYFW that Cinemagraphs were born. Marrying original content photography with the desire to communicate more to the viewer birthed the cinemagraph process. Starting in-camera, the artists take a traditional photograph and combine a living moment into the image through the isolated animation of multiple frames. To quote supermodel Coco Rocha “it’s more than a photo but not quite a video”.

Beck and Burg named the process “Cinemagraphs” for their cinematic quality while maintaining at its soul the principles of traditional photography. Launched virally through social media platforms Twitter and Tumblr, both the style of imagery and terminology has become a class of its own. The creative duo are looking forward to exploring future display technologies for gallery settings as well as pushing this new art form and communication process as the best way to capture a moment in time or create a true living portrait in our digital age while embracing our need to communicate visually and share instantly.

Jamie Beck and Kevin Burg reside in New York City.

Leer más “Cinemagraphs™ – cinemagraphs.com”

Fotografías de la Primera Guerra Mundial en 3D


La gente de A Nerds World — quienes descubrieron la cámara — crearon unos GIF animados que nos permiten darnos una idea de una de las guerras más terribles de la humanidad.


world-war-1-camera[1]

Vía http://anerdsworld.com & fayerwayer.com
Each slide is a piece of history in photographic form and I get shivers every time I place a glass slide into the 3D stereo viewer. Only at A Nerd’s World 986 Bathurst street can you see the 3D stereo camera, viewer, and actual World War I slides in person – leaving you with an experience you’ll never forget.

 

STOKER: “GIFs for India TV Spot”


To celebrate the release of STOKER on 3/1, we’ve crafted this TV spot made of GIFs from our microsite Letters To India (http://www.letterstoindia.com). Watch it on Adult Swim this Thursday (2/28) on Cartoon Network.

FoxSearchlight

GIF-iti, el arte callejero que sólo puedes ver online


 

FayerWayer
Dosis diarias de tecnología en español.™

Sí, sabemos que no es la primera vez que alguien realiza una animación cuadro por cuadro –o también llamadostop motion– con grafitis callejeros (donde el más impresionante es el creado por el artista de seudónimo ‘Blu’ en las calles de Buenos Aires), sin embargo, es el primero que conocemos donde su fin último es crear un típico GIF animado de Internet.

Esto es porque un artista en Europa –bajo el seudónimo de INSA– nos muestra el potencial de lo que él le llama los ‘GIF-iti’, una palabra que mezcla grafiti con GIF, y que es una animación stop motion cuyo último cuadro debe ser lo más parecido al original para que así nos evoque ese eterno e hipnótico loop del antiguo formato de imágenes que ha visto su resurgimiento este último tiempo gracias a Tumblr y 4Chan (entre otros).

Amo el hecho de que Internet te permita ver las obras de distintas personas alrededor del mundo. Suelo ver diariamente cientos de creaciones increíbles…   Leer más “GIF-iti, el arte callejero que sólo puedes ver online”

2013: THE YEAR BRANDING MARRIES CONTENT? BY CHUCK KENT




Three Experts Speak Out On The Intersection of Branding and Content Marketing

The rise of consumer control, particularly via social media, and the unprecedented ability of consumers to choose, or reject, messages Content marketing has been around for over 100 years, ever since The John Deere company introduced The Furrow, a custom-published magazine designed to help farmers (and John Deere) be more successful.

For most of that century-plus, many of the denizens of “sexier,” higher-profile brand marketing firms have looked down at content marketing as one of the lesser “below the line services.’ However, a confluence of powerful factors suggests that all marketers – and their agencies – will be wise to consider how to best marry traditional brand messaging with the informational, educational, entertaining charms of content marketing, online and off. Those factors include, but certainly aren’t limited to: The shift toward search algorithms that favor quality content over SEO manipulation.The growing consumer distrust of traditional, paid advertising and marketing communications.

The opportunity to shift from a forced “push” marketing model to a natural “pull” model, a shift beyond the short-term value of transaction to create the long-term value of trust.“We Are Just At the Beginning of Thinking Differently” >>>> Sensing a sea change at hand, we asked three content leaders and practitioners to give their forecast as to what extent content would finally penetrate brand marketing programs in 2013. Leer más “2013: THE YEAR BRANDING MARRIES CONTENT? BY CHUCK KENT”

LooGix, herramienta web gratuita para crear gif animados en pocos pasos


See on Scoop.itGabriel Catalano the name of the game

Si quieres crear tus propias imágenes animadas, en formato gif, para enviar por email o compartir con tus amigos de las redes sociales, puedes hacerlo de forma muy sencilla con LooGix. Se trata de una utilidad web de uso gratuito, no hay que descargar ni instalar nada, donde con apenas unos clics tendrás lista tu animación. Leer más “LooGix, herramienta web gratuita para crear gif animados en pocos pasos”

The Future Isn’t About Mobile; It’s About Mobility


HBR Blog Network

While the globe grapples with uncertain economic realities, “mobile” appears to be gold.

Facebook is expected to announce their uniquely targeted mobile advertising model before the end of the month. Amazon is talking to Chinese manufacturer Fox Conn with ambitions of building their own mobile device to serve as a compliment to Amazon’s considerable digital ecosystem of products and services. China itself has surpassed the US as the world’s dominant smartphone market with over a billion subscribers and roughly 400 million mobile web users. Advisory firm IDC predicts that by 2014 there will have been over 76 billion mobile apps downloaded resulting in an app economy worth an estimated thirty five billion in the same year. Mobile business will become big business in the not so distant future.

However, there will be blood as the business world pursues the mobile gold rush. Leer más “The Future Isn’t About Mobile; It’s About Mobility”

Operan con un neuro GPS en un hospital público de Argentina


tomamateyavivate.com.ar

Permite ubicar con exactitud lesiones y tumores en el cerebro .Es una tecnología de punta ya utilizada en establecimientos privados que por primera vez llega a la salud pública: se usó en el Presidente Perón, de Avellaneda. También sirve para tratar la epilepsia y el Mal de Parkinson

Operan con un neuro GPS en un hospital.

Foto: http://es.paperblog.com/

Neuronavegador. Está compuesto por un ordenador, cámaras de infrarrojos y unas pinzas. El método guarda similitudes con la cirugía laparoscópica.

Para un neurocirujano, encontrar una lesión cerebral durante una intervención quirúrgica puede resultar una tarea mucho más complicada que la de hallar una calle de la ciudad de Buenos Aires para un conductor inexperto. Sin embargo, ambos pueden valerse de la misma tecnología para resolver sendos problemas. Un GPS que permita detectar el objetivo rápidamente y con precisión se transforma en una herramienta de suma utilidad para la medicina moderna. El Hospital “Presidente Perón” de Avellaneda se convirtió en el primer nosocomio público que realizó una cirugía asistida por un neuronavegador portátil.

La intervención fue realizada a fines de enero por los profesionales del servicio de Neurocirugía del establecimiento, a cargo del doctor Marcelo Platas, con la asistencia de Federico Villasante, responsable de operar el GPS que permitió con éxito obtener la ubicación exacta del daño.

“Esta tecnología permite ubicar tumores u otras lesiones cerebrales indicando al cirujano, con el cráneo abierto, la ubicación exacta de la lesión”, explicó a Crítica de la Argentina Jorge Trainini, director del hospital.

“Se trata de un elemento técnico innovador que permite avizorar progresos enormes en áreas como la cirugía cerebral o raquimedular”, completó el profesional consultado.

El método guarda similitudes con la cirugía laparoscópica. “La imagen obtenida permite una reconstrucción global del cerebro o columna en tres dimensiones. Además posibilita la visualización de los cortes axiales, coronales y sagitales al mismo tiempo”, puntualizó Trainini. “A través de catéteres ubicados por vías periféricas se tratan los aneurismas y las hemorragias cerebrales”, agregó.

Si bien hay varios establecimientos privados que utilizan esta técnica, éste es el primer hospital público en efectuar este tipo de intervenciones.

EL GPS POR DENTRO. Leer más “Operan con un neuro GPS en un hospital público de Argentina”

Animated GIFs Map The Wonders Of Bird Migration

Animated GIFs are like the Internet’s version of silent films–the technology behind them is archaic, but they have a certain retro charm. In the right hands, they can even be elegant. These scientific GIF-maps of annual bird migration patterns fall into both categories: They’re like infographics as zoetropes. On one hand, they’re technically bulletproof scientific visualizations of “over 42 million records”; on the other, they’re fleetingly wistful glimpses of the passage of seasons and time.


 

http://www.fastcodesign.com/1669151/animated-gifs-map-the-wonders-of-bird-migration

INFOGRAPHIC OF THE DAY

THE INTERACTION DESIGN IS HARDLY INNOVATIVE, BUT THE EXPERIENCE IS KIND OF MAGICAL.

 

Animated GIFs are like the Internet’s version of silent films–the technology behind them is archaic, but they have a certain retro charm. In the right hands, they can even be elegant. These scientific GIF-maps of annual bird migration patterns fall into both categories: They’re like infographics as zoetropes. On one hand, they’re technically bulletproof scientific visualizations of “over 42 million records”; on the other, they’re fleetingly wistful glimpses of the passage of seasons and time.

The Upland Sandpiper

As Nathan Yau curtly notes on Flowing Data, “birds move”–so any infographic about their behavior should have a temporal component. These GIF maps visualize the birds’ seasonal comings-and-goings as a kind of flame that flickers in stuttery, pixelated motion over the landscape of the United States, burns brightly for a couple seconds, and then dissipates.

As a tool for “understanding patterns of bird occurrence at continental scales, [which] has long been one of eBird’s fundamental challenges,” the maps are certainly thorough. But to me they resonate emotionally, much like Scott Thrift’s seasonal clock, “The Present,” does. The eBird maps compress a whole year, a whole continent, and all the majesty of these birds’ thousand-mile journeys, into a few short seconds. It’s awesomely huge and fleetingly small at the same time. The looping GIF format is even poetically appropriate–the birds come and go in their cycles, of their own accord, no way to control it, just sit back and watch… Leer más “Animated GIFs Map The Wonders Of Bird Migration”

JPEG 101: A Crash Course Guide on JPEG

Semantics and Disambiguation: JPEG vs. JFIF/Exif

Many people refer to any image format that uses the JPEG compression algorithm as a “JPEG file.” However, most image-capturing devices (such as a digital camera) and image-editing programs actually create a file in the JFIF or Exif format. For all intents and purposes, when people say “JPEG file” or when a software application says they’re saving your work in JPEG, you can just think of it as a file that uses the JPEG algorithm, whether it’s really JFIF or Exif.
Why Use JPEG?

JPEG allows you to control the degree of “lossiness” by adjusting compression parameters. This way, you can achieve very small files with just the minimum amount of quality that you really need.

The second important advantage of JPEG is that it stores full color information: 24 bits per pixel (that means 16 million colors). GIF, another image format widely used on the web, can only store 8 bits per pixel (256 colors). This capacity for storing colors is why JPEG compression is great for displaying images that have rich colors and that are photographic in quality.
JPEG Compression

Opposite to the PNG format (which uses a lossless compression algorithm), JPEG uses a lossy compression method.

Lossy compression reduces the image size by discarding information. Think of lossy compression as an excellent book summary of just the important and interesting parts of a book you’re reading. For example, you could summarize a book that’s long-winded and redundant in prose, to just a page worth of notes containing only the information that’s really important.

The problem, then, is when you want to recreate the original book from your one-page book summary; it wouldn’t be possible.

The other problem is that if you continue to summarize the book summary again, then you’ll lose more fidelity and accuracy from the original book.

With lossy compression, compressing an image again means losing more data, which means reduced image quality.


by Catalin Rosu
http://sixrevisions.com/graphics-design/jpeg-101-a-crash-course-guide-on-jpeg/

 

JPEG 101: A Crash Course Guide on JPEG

JPEG, a compression algorithm optimized for photographic images, is something we encounter on a regular basis. JPEG is not limited to a certain amount of color (unlike GIF, for example) and is popular due to its variable compression range, meaning that you’re able to more easily control the amount of compression, and consequently, the resultant image quality. In this guide, we will discuss the important things you need to know about JPEG.

 

Quick Overview of JPEG

Here is a list of things you should know about JPEG:

  • JPEG is a lossy compression algorithm; this means that it discards some data from an image to reduce its file size
  • JPEG is often pronounced as “jay peg”
  • JPEG is an acronym for Joint Photographic Experts Group, the organization that developed the JPEG format
  • .jpg and .jpeg are the most common file extensions of images compressed using JPEG compression algorithm; they are the same, but old DOS systems have a 3-character limit on file extensions — modern operating systems recognize both .jpg and .jpeg
  • Other file formats that use the JPEG compression algorithm are .jpe, .jfif and .jif Leer más “JPEG 101: A Crash Course Guide on JPEG”

Fat Free Web Design

For web designers, coming across an awesome WordPress or jQuery plugin can be a lot like opening up an awesome gift on Christmas morning. But once that initial burst of joy wears off, we realize that we may not need this junk at all; it’s just a burden and another thing we need to deal with. [Más…]
Skiny Beginnings

Of course, the web has not always had the luxury of such excess feature bloat. In its early days, the web was no place for unnecessary applications and fat feature sets; and even if you wanted them, there was no technology available to implement them with. Back then, designers had to show a healthy respect for page size and consideration for a user’s connection speed (56k modems + 1MB animated GIF = forget about it). Even image compression was not as advanced, and that encouraged even more caution in the number of images displayed on a page. These restrictions were not always a bad thing; if a designer is forced to limit the number of images they place on a page, they are naturally limited to choosing only images and page elements that are relevant and necessary.

As IT advanced and networked infrastructures got bigger, web pages got fatter. Images, audio and video are commonplace in websites. Bandwidth is hardly a concern anymore, at least when we’re not dealing with mobile designs.

In addition, the web has become substantially more interactive and dynamic, which increases the number of opportunities for richer and more interactive features a website can have. The entry level for using and implementing these whiz-bang features have been lowered with tools such as jQuery, MooTools and WordPress that cut down the required skills someone has to have in order to create awesome stuff.

All of this functionality and multimedia is a dream come true for designers; but too much of anything, just like junk food, is a bad thing.

More and more, we see websites getting liberal with their implementations of plugins; websites that get slower and slower because of too much junk that no one needs; websites that become a burden to use because there’s just too much fat.
Getting Health Conscious

The capabilities of the web have, without a doubt, shifted significantly. The Web Designer mindset needs to make equally significant shifts. It is imperative that we move from an outlook of wants, to one of needs. We can no longer afford to want that real-time Twitter feed, that large header graphic, or that (oh, please stop this already) Flash menu. Sure, many of these site features can enhance the user experience, but just as likely, there are web designers who are packing on pounds of weight on their web pages with irrelevant junk.

Of course, web designers are not the only ones to blame, or even the ones that are truly responsible for fat and bloated web designs. Clients can go crazy when they learn about all of the things their site is capable of. They can be just as guilty of being caught up in the fun of it all and wanting features to be implemented when there is no justification for doing so.

Getting Health Conscious

As a web designer, it is your job to be the health coach. Be sure that things you’re made to create have a purpose.

We need to start thinking about information overload and a healthy site focus. Functionality must marry happily with purpose, and if a site feature does not have a clear purpose that matches closely with that of the overall site, then it shouldn’t be there.
Expanding Mediums

Web-based, internet-enabled interfaces surround our lives, whether we are ready for them or not. Internet connectivity is growing at a faster and faster rate. The web is in more pockets and at the end of more fingertips than ever, and the sites we design are right there along with it all.

So, now, our worries are shifting from download speeds and bandwidth restrictions, to screen sizes and more diverse resolutions. This demand for flexible and responsive designs has revealed the gluttony in the design community.
Our Dirty Secret

In a desperate attempt to deploy a site onto small-sized screens like mobile devices and netbooks, designers often find themselves stripping out page elements such as images and interactive features. Stock photography, Twitter feeds and other social networking tools, Flash objects, and other supporting multimedia rarely find their way onto a mobile website.

So, then, if we can remove these things to deliver a better user experience on small screens to the user browsing our site outside of the desktop or laptop, why are they needed for the desktop/laptop version?

Finding out that you have unneeded junk — excess fat — in your web design after you need to strip it down to fit a new medium is the wrong way to go. It’s time for web designers to move away from all of the wants and focus on the needs of a website.


by Jason Gross
http://sixrevisions.com/web_design/fat-free-web-design/

Fat Free Web DesignEverybody loves to have a little more. We want a little more money, a little more free time or maybe a little more chocolate on our ice cream. Living a life of excess is a great way to flaunt your achievements and to show everyone just how much awesome you are.

But this big-pimpin’ philosophy does not translate well in web design. Extravagant websites become a sloppy usability nightmare. Chunky websites that have too many things going are clogging up the arteries of the web. It’s time for some exercise.

For web designers, coming across an awesome WordPress or jQuery plugin can be a lot like opening up an awesome gift on Christmas morning. But once that initial burst of joy wears off, we realize that we may not need this junk at all; it’s just a burden and another thing we need to deal with. Leer más “Fat Free Web Design”

9 Photoshop Editing Tips Web Developers Should Know


9 Photoshop Editing Tips Web Developers Should Know

There are quite a few reasons why having basic Photoshop skills beyond slicing PSD’s to XHTML/CSS is essential to any web developer.

I have discussed some of those reasons in this article on my blog, but to make a long story short, there are times when you just need to do minor image editing tasks but don’t want to hassle your web designer for it.

Here are common tasks and processes that web developers often need to deal with when working on a web design/web interface using Photoshop.

1. Changing the background color of an icon

As a web developer, one of the most common tasks I encounter is changing the background color of an icon or making its background transparent.

Let’s take an RSS icon for example. RSS icons come in different shapes and sizes.

RSS icon

When you finally find the “perfect” icon, you sometimes need to modify it. One common issue is that if your site’s background color is one color and the icon’s background is another color, to make them seamlessly match, there is a little work we need to do to it.

If the image is in GIF format, I recommend converting it to PNG because they’re similar, but PNGs will usually be smaller in file size. Read about the pros and cons of using GIF versus PNG at W3C.

To do that, open the image in Photoshop, then go to File > Save for Web & Devices (Ctrl/Cmd + Alt/Option + Shift + S), then select either PNG-8 or PNG-24 under the Optimized file format drop-down on the right-side. You’ll have to see which one is better in terms of quality and file size.

(See a guide on how to save images for the web.)

Then close the original GIF file because we are done with it, and then open the image with the new format you have just saved.

Now if you look at your Layers Panel (if it’s not visible, hit the F7 key to toggle the panel’s visibility), you might see that there is a layer called Background.

Right-click on that layer, select Layer from Background from the menu that appears, and then click OK.

Second step: use the Magic Wand Tool (W) from the Tools Panel.

1. Click on the Magic Wand Tool.

2. Make sure that the Tolerance value is set to about 20 and that the Anti-alias and Contiguous options are checked as demonstrated below.

Changing the background color of an icon

Then click on the white (or whatever color) background area surrounding the icon.

Make sure that the selected area doesn’t “eat” too much of the shadow below the icon. If it does, play with the tolerance value a bit (and reselect the background again with the Magic Wand Tool), until you get the desired result.

Changing the background color of an icon

To delete the background color

To delete the background and make it transparent, simply press the Delete key to clear the area below the selection. Then save it again as a PNG by going File > Save for Web & Devices, making sure that the Transparency option is checked.

To change the background color

1. Click on your Foreground color, select the desired color from the Color Picker dialog window, and then click OK.

2. Click on the Paint Bucket Tool (G). If you don’t see the Paint Bucket Tool, right-click on the Gradient Tool icon and choose the Paint Bucket Tool from the menu that appears.

Then, click inside the selected are around the icon to apply the color you chose.

Changing the background color of an icon Leer más “9 Photoshop Editing Tips Web Developers Should Know”