Blog de Diseño Web Vida MRR

Publicidad interactiva en la calle

noreply@blogger.com (Marcos Rivas) — Sun, 03 Jun 2012 09:37:03 PDT

La publicidad impresa a veces no es lo suficiente efectiva, porque de alguna forma el llamar la atención de la gente se pierde por ser publicidad estática. Pero si combinas la tecnología y la publicidad puedes lograr un efecto muy diferente en la gente.

La publicidad que les presento en esta ocasión tiene que ver con anuncios interactivos en la calle, en lugares donde la gente pasa y al contrario de un cartel o anuncio normal, llama mucho más la atención este tipo de publicidad porque interactúa el usuario con lo que se pretende ofrecer, logrando algo más llamativo.

Coca Cola

Anuncio en aeropuerto

Publicidad en contra de la agresión

McDonald’s

Honda

Xerox

LG

6 impresionantes videos speed painting, dibujando a alta velocidad

noreply@blogger.com (Marcos Rivas) — Fri, 01 Jun 2012 06:30:00 PDT

Quiero afirmar que creo que todos hemos visto un video de speed painting, la técnica en la que uno hace un dibujo en la computadora y lo graba, pero para evitar tener un video de horas de duración se le acelera para reducirlo a un tiempo considerable, pudiendo ver los detalles de la creación del dibujo a alta velocidad.

Pues bien, busqué y encontré 6 impresionantes speed paintings, hechos la mayoría en Photoshop, y si no me equivoco dos en MS Paint, porque la verdad es que en mi infancia yo también dibujaba en Paint y hacer lo que hicieron estos usuarios en ese simple programa no tiene precio ni nombre, así que no se los pierdan por nada del mundo, en especial el de Hulk, que es lo más impresionante que he visto.,

Piccolo de Dragon Ball Z hecho en Paint

Hulk

Neytiri de Avatar

Spiderman hecho con Paint

Megatrón

Crysis

Ya está disponible la versión Release Preview de Windows 8

noreply@blogger.com (Marcos Rivas) — Thu, 31 May 2012 12:35:40 PDT

Justo como lo anunció Microsoft se ha publicado la versión Release Preview de Windows 8, una versión “beta” antes de la versión final. Hay que decir que esta versión todavía es gratis y se puede descargar pero no encontraremos al parecer muchas novedades, una, porque muchas ya están integradas, y otra porque Microsoft quiere reservarse algunas para el estreno final del SO.

Entonces, vamos a hablar sobre novedades que aparecen en esta versión, minúsculas lo sé, pero al final creo que es interesante para ver qué ha mejorado Microsoft con la primera beta, que ha decir verdad era muy lenta.

Entérate del análisis a fondo que Vida MRR hizo a Windows 8 leyendo la parte 1 y la parte 2

Novedades

Se han incluido nuevas apps y actualizaciones de las que ya estaban actualmente. Ahora hay apps de viajes, noticias y deportes, así como una app para la integración con Xbox. Se mejoraron las apps de correo electrónico, fotos y personas.

Internet Explorer tiene algunas características nuevas, entre ellas está una versión específica de Adobe Flash Player para el navegador, con lo que se corrigen errores de rendimiento. Otra mejora es la función de “No realizar seguimiento” que nos permitirá tener mayor control sobre nuestra privacidad.

Se ha mejorado el rendimiento en general y por ejemplo, también se ha mejorado el soporte para múltiples monitores. En la versión de normal de escritorio ya sabemos que no habrá más efecto Aero, consumiendo así muchos menos recursos por el efectito. También los gestos de alguna forma se han mejorado para tener un poco de más compatibilidad con los trackpads actuales, aunque obviamente cuando salga la versión final la compatibilidad será mejor con los nuevos.

Video con novedades

Los muchachos de The Verge no al tener vida social no tardaron en subir un video con las características que les menciono, por si es que hay quienes no me creen.

Pueden descargar una versión desde la página oficial de Windows 8 y espero que lo hagan, mientras está en estado beta podemos probar el SO completamente gratis, para que ya en octubre (fecha tentativa de estreno) ya sabremos si realmente va a valer la pena pagar por el o quedarnos con nuestro hermosos Windows 7.

7 tips para elaborar mejores sitios web minimalistas

noreply@blogger.com (Marcos Rivas) — Thu, 31 May 2012 06:00:06 PDT

Los sitios web minimalistas debes ser elaborados con un gran detalle, porque al no contar con mucho contenido secundario, ni diseños tan extravagantes tenemos que prestar mucha más atención en que el usuario se enfoque en el contenido que le damos, y no sienta que el sitio está pobre.

Por eso les paso 7 tips para elaborar mejores sitios web minimalistas, consejos básicos para poder enfocarnos muy bien y no caer en el problema de querer ver algún relleno en un espacio en blanco; tips para no caer en el pecado de no hacer un sitio web minimalista.

1. Espacio en Blanco

El principal elemento de todo el concepto de minimalismo. El espacio en blanco no es malo si lo sabemos usar, por ejemplo, resaltar colores o elementos (ya lo veremos más adelante). Como sea el caso el uso de espacio en blanco debe ser usado con cuidado, sólo una vez si es posible, o al menos una vez por sección, porque de otra manera el espacio se convertirá en un diseño mal orientado que parece que le quitaron algo.

2. Menos es más

El espacio en blanco nos brinda en cualquier diseño un poco de luz en caso de que el diseño esté apretado, pero en el minimalismo debemos combinarlo con pocos elementos. Cuando digo que menos es más me refiero a que debemos conservar sólo los elementos fundamentales.

Un ejemplo es por ejemplo tener un menú, un logo, un contenido de texto y nada más, nada de barras laterales, nada de contenido extra, sólo dejamos lo que el usuario busca, teniendo en mente que al quitar mucho contenido debemos ordenar el que nos queda para que siga la línea del diseño.

3. Un uso adecuado de tipografías

Un sitio web minimalista aunque tenga un fondo blanco puede sobresalir y diferenciarse de un diseño vacío y chafa por la tipografía. La tipografía es importante porque al ser parte del contenido, o título del sitio, éste tiene que tener la suficiente belleza para resaltar, y no hacer que se vea como una simple Arial o Times.

Otro tip muy útil en cuanto a tipografías es el tamaño. El tamaño normal de la fuente que nos dan los navegadores está entre 14 y 15 pixeles, pero si ocupamos fuentes de otros tipos este tamaño no nos sirve, porque en la mayoría de los casos la fuente en si es muy pequeña. Hay que variar tamaños, para sobresalir títulos, subtítulos, nombre de blog y datos importantes.

4. Uso mínimo de colores

Así como a las identidades de las empresas se les pide que no usen muchos colores, o más bien, que use un número entre dos o tres colores para delimitar toda la marca de la empresa, así tenemos que hacer con nuestro sitio. Exagerar en el número de colores desviará la estructura total del sitio. Se debe hacer uso del mínimo número de colores, yo diría que al menos tres: uno para el texto, otro para títulos, y otro para algún recuadro para compartir o resaltar el menú.

5. Imágenes en alta calidad

Si lo que buscamos es hacer un sitio web puramente las imágenes que tengamos deben tener una gran calidad, ya que al no haber tanta distracción para la vista, ésta se enfoca mejor en los detalles de los pocos elementos, y una imagen con partes pixeladas no se ve nada bien. Se suele usar imágenes de alta calidad y de gran tamaño para recubrir o servir para un pequeño texto, y no se ve nada mal, y más si los colores de la imagen combinan o contrastan a los colores del sitio.

6.Uso de creatividad

Muchos de los sitios web minimalistas que he visto tienen un toque de creatividad único, algo que los caracteriza y que le da un toque dinámico, de sorpresa o de impresión, cosa que no causa un sitio web vacío. La creatividad en este caso quisiera guiarla más a un poco de programación para hacer algo dinámico y muy vistoso; también, no exagerando demasiado y limitarse a aplicar un efecto dinámico a una o dos acciones.

7. Todo organizado

Que el sitio sea minimalista no significa que no haya una estructura. Es necesario tener una estructura, se vea o no, para que todo esté en orden, porque quitar contenido, colores y distracciones no es excusa para no maquetar y darle una buena estructura que haga que el contenido luzca al máximo y no se vea un feo hueco (no espacio en blanco) en donde podríamos suponer que falta algo.

[Video] Viaje por el mundo en Street View con efecto globo

noreply@blogger.com (Marcos Rivas) — Wed, 30 May 2012 12:35:53 PDT

Hoy es Miércoles y como es mitad de semana, y me encontré el video de a continuación no pude evitar posteárselos para relajarse y sorprenderse un rato. El video trata de un viaje que se hizo a lo largo de los 5 continentes pero viajados desde Google Street View, de tal forma que una vez que lo grabó la aplicó un efecto de mundo flotante para que pareciera que en el video se está viajando por la carretera en una esfera o planeta que no tiene fin.

El efecto es muy conocido en Photoshop porque teniendo una imagen panorámica podemos recrear el efecto, pero al menos yo nunca había visto el efecto en un video tan bueno como este.

10 texturas en alta definición para descargar

noreply@blogger.com (Marcos Rivas) — Tue, 29 May 2012 07:00:05 PDT

Las texturas son una gran maravilla que ayuda a cualquier diseño que pretenda tener una sensación mucho más táctil a la vista. Muchos aún no han encontrado el uso a las texturas, pero veo que cada día buscan más texturas para ir probando en todos sus proyectos.

A continuación les dejo 10 texturas en alta definición para descargar, texturas de madera, de gotas de agua, de pintura, y otras que estoy seguro les van a encantar porque están a una definición muy buena, por lo que podremos manipularlas de una forma muy fácil sin perder resolución.

Vía abduzeedo

Uso de selectores básicos en CSS

noreply@blogger.com (Marcos Rivas) — Tue, 29 May 2012 06:00:07 PDT

CSS no tendría un gran potencial si no fuese porque cuenta con selectores, que son una forma de estilizar un comportamiento, como cuando el mouse pasa sobre un elemento. Este tipo de comportamientos son útiles y nos ayudan a no tener que usar javascript puesto que con estos selectores podemos filtar, seleccionar, y alterar los estilos de acuerdo a un determinado comportamiento.

A continuación vamos a conocer el uso de selectores básicos en CSS, para que de alguna forma nos quede mucho más claro cómo funcionan, pero más importante, cómo es que nos hacen la vida mucho más fácil al momento de hacer sitios web dinámicos.

Entonces, en este post conoceremos 10 selectores básicos en CSS, con lo que tendremos ya mucha imaginación para jugar con ellos.

*

Este selector lo usamos cuando queremos que todos los elementos tengan un estilo definido. Por ejemplo, si quisieramos que todos los elementos que tengan texto o no tuvieran el mismo tipo de fuente usaríamos * para definir la fuente, y de esa forma todos los textos que tengamos en nuestro sitio tendrán la misma fuente.

Elemento

Este es el más usado, y por Elemento me refiero a cualquier etiqueta HTML (span, div, img, etc). Si quisiéramos definir un estilo para todas las imágenes definiríamos un estilo img{} para que afecte a las imágenes, un p{} para los párrafos, y así con cada etiqueta que quisiéramos.

.clase

También podemos usar el “.” para definir un estilo y que éste aplique a todas las etiquetas HTML que tengan la propiedad ‘class=”nombreClase”’. También se puede usar “#” para definir un id específico para un único elemento que tenga en su propiedad el mismo nombre en el id.

ElementoA ElementoB

Este selector sirve para que los estilos se apliquen a todas las etiquetas Elemento A que dentro de ellas tengan una etiqueta ElementoB. Por ejemplo, si quisieramos que todas las capas que dentro tienen párrafos tengan un espacio interior (padding) definiríamos la regla como div p{} porque puede que haya elementos <p> que no están dentro de una capa y por ende no queremos que tengan cierto estilo.

Esta propiedad sirve para todos los elementos que puedan contener otros elementos, como capas, tablas, párrafos, links, etc. Las imágenes no podrían usarse como ElementoA puesto que no pueden contener nada.

ElementoA .clase

Y como podemos definir que se aplique un estilo a todos los ElementoB que estén dentro de ElementoA, también podemos decirle que busque por todas las clases (“.clase”) o id’s (“#nombre”) para seleccionar sólo aquellas que cumplan con las dos condiciones.

ElementoA, ElementoB, ElementoC

En vez de definir dos veces los mismos estilos para dos etiquetas diferentes podemos agruparlas usando un espacio entre cada nombre de la etiqueta, de esa forma ahorramos espacio y no tenemos que modificar estilos dos veces. Por ejemplo, si quisiéramos que los H1, H2, y H3 tuvieran el mismo color de texto lo lógico sería hacer un estilo para H1{}, luego para H2{}, y para H3{}, pero para hacernos la vida más fácil podemos definir un sólo estilo que afecte a las tres etiquetas quedando como H1, H2, H3{}

ElementoA > ElementoB

Este selector es un poco más difícil de entender. En HTML existe una jerarquía de maquetación, lo que hace que haya padres e hijos (no literalmente). Un padre es aquel que contiene otros elementos, y un hijo es un elemento que está contenido. Sin embargo si un hijo también es padre el padre sería el abuelo, pero eso ya no existe, sólo existe un nivel, y para eso nos sirve el símbolo “>”

A diferencia de ElementoA ElementoB con ElementoA > ElementoB la jerarquía se toma en cuenta, como en la imagen, si retomamos que queremos sólo a los <p> que sean hijos de <div>, o div > p, entonces el tercer <p> no se cuenta porque es hijo de <span>, no de <div>; con ElementoA ElementoB se seleccionaría el <p> hijo de <span> porque el selector quiere a todos los <p> sin importar jerarquía.

ElementoA : first-child

Si sólo quisieramos que el estilo se aplique al primer elemento hijo de ElementoA usaríamos el selector :first-child. En la imagen vemos que si ElementoA fuera un div su primer hijo sería el primer <img/> según el orden en que escribamos las etiquetas.

ElementoA:hover

Este selector se activa cuando el mouse pasa sobre ElementoA. También puede usarse si usamos .clases, o #ids, no importa el elemento, :hover actua sobre todos. :hover no es el único, también está :visited, :active y :link, que son usamos más que nada cuando usamos enlaces para denotar que ya ha sido visitado, que el link es el último que se uso, y todos los enlaces que no han sido visitados, respectivamente.

ElementoA:before

Con :before declaramos que nuestro ElementoA tendrá un contenido antes del contenido de ElementoA, por lo general usando la propiedad content: y si agregamos más propiedades a nuestra regla todo afectara al espacio entre el inicio de nuestra etiqueta hasta el inicio del contenido de la misma.

ElementoA:after

De la misma forma que :before si quisieramos definir algo después de nuestro contenido ahora usaríamos :after para eso.

¿Ya conocías estos selectores?

10 sitios web con tutoriales para empezar a desarrollar para el iPhone

noreply@blogger.com (Marcos Rivas) — Mon, 28 May 2012 07:00:02 PDT

Hace poco que estoy practicando para desarrollar aplicaciones para el iPhone con Objective-C. La verdad es que si ya sabes cómo funcionan los lenguajes orientados a objetos como Java tienes el 1% de conocimientos para programar para el iPhone. Si sabes objetos como en C++ puede que tengas el 10% de conocimientos suficientes para desarrollar para el iPhone.

Objective-C es relativamente fácil, de ese 90% que falta yo diría que fácil el 60% es dominar la sintaxis, y lo demás es la pura práctica que se forma con el tiempo y el aprendizaje de metodologías para trabajar. Y si están buscando empezarse en esta área les traigo 10 sitios web con tutoriales para empezar a desarrollar para el iPhone, que de igual forma abarca el iPod Touch y iPad, y si dominas bien el lenguaje también para Mac OS X

Desgraciadamente los mejores tutoriales y guías para desarrollar para el iPhone son en inglés, pero considero que ya es hora de darse cuenta que si uno quiere programar tiene que saber inglés y buscar en sitios ajenos al español, de otra forma te quedarás con lo más pequeño del conocimiento.

71squared

Este sitio se dedica totalmente al desarrollo de aplicaciones para toda la plataforma de Apple, hay tutoriales de muy buena calidad y sobre todo un foro para que también preguntes y consultes sobre más del lenguaje y técnicas de desarrollo.

lynda

Este sitio es bastante popular porque tiene un montón de video tutoriales de varios lenguajes, así como de varias aplicaciones como las de Adobe. En esta sección específicamente que les presento nos dan 14 capítulos para aprender a programar para el iPhone, eso si, al ser de los más profesionales en cuanto a video tutoriales para ver todo tenemos que pagar una suscripción, pero si no tienes ni la menor idea de cómo descargar Xcode te va a servir mucho.

Centro de desarrollo de Apple

Apple tiene su sitio para desarrolladores con muchos artículos para descargar sobre el desarrollo para el iPhone. Tiene tres tutoriales básicos para empezar a usar Xcode y Objective-C, y después de eso puedes encontrar una librería infinita de artículos para tener una metodología sobre cómo programar adecuadamente. Tiene tutoriales pero tiene muchos más temas sobre cómo hacer verdaderamente profesionales tus aplicaciones.

cimgf

Este es un blog también dedicado a todo el mundo de la programación con Apple. El link que les dejo es un tutorial para empezar a usar Xcode y crear una pequeña aplicación, la típica del “Hola Mundo”, donde también nos enseñan cómo funcionan las jerarquías de objetos que se usa.

Edumobile

También un muy buen blog que se enfoca a aprender a usar varias herramientas que nos proporciona el SDK para el iPhone, se actualiza casi diario, entonces, son muy frescos los tutoriales.

Dreamincode

Este sitio es un foro, y específicamente este un tutorial para una introducción a todo lo que es Xcode, Objective-C y el SDK. Al ser un foro podrán encontrar tanto dudas como tutoriales, muchos recursos. El foro no es de Apple ni nada por el estilo, es un foro de programación u desarrollo web, me gustó bastante porque fotos así no hay en todas partes.

Otros sitios

Estos 6 son los mejores que encontré en el rato que busqué, mejores por la forma de explicar y los detalles que se daban, sin embargo todavía les traigo otros 4 sitios muy buenos para que chequen y vayan empapándose de las mieles del desarrollo para el iPhone.

Yahoo! Axis y su forma de navegación, analizado a fondo

noreply@blogger.com (Marcos Rivas) — Mon, 28 May 2012 06:00:05 PDT

Hace unos días Yahoo! presento una extensión para cambiar la forma de navegar en internet llamada Yahoo! Axis, que lo que básicamente hace es presentarnos de forma visual las búsquedas que nosotros hagamos, y no como lo hemos hecho toda la vida, en forma de una extensión para los navegadores web.

Hoy vamos a analizar esta herramienta disponible para navegadores web de escritorio, y como aplicación para el iPhone y el iPad, porque si bien es cierto que algo que viene de Yahoo! hoy en día es digno de ser dudado como bueno, esta herramienta tiene cierta curiosidad que hace que indudablemente la descarguemos para ver qué tal.

¿Qué es Yahoo! Axis?

Como les decía al principio, Yahoo! Axis es una herramienta de Yahoo! en forma de extensión que nos permite obtener búsquedas de forma visual, obviamente usando el motor de búsquedas de Yahoo!. Lo interesante de esto es la integración que tiene con dispositivos. Hay extensión para navegadores web y para el iPhone y iPad viene en forma de app, haciendo en estas dos que sea como un navegador web móvil.

Funcionamiento

Yo definiría la extensión como una extensión para navegación de resultados visuales, porque realmente se enfoca en eso, y Yahoo! no lo explica del todo bien, se queda en los resultados visuales. En fin, lo interesante de toda la extensión es esa posibilidad de navegar entre los resultados, algo que no había visto al menos por el momento. Google ya implementa algo similar usando la vista previa, pero con Yahoo! Axis podemos ver cada uno de los sitios de las búsquedas, y eso me agradó bastante.

Al ser una extensión para el navegador tenemos un pequeño recuadro de búsqueda que se incrusta en la parte inferior, además de añadir dos botones a los lados de la pantalla para ir viendo las páginas siguientes de nuestra búsqueda. Otra de las opciones que nos da es la de “Home”, una pantalla donde podemos ver nuestras páginas que marcamos como favoritas o listas para leer más adelante,también de forma visual.

Algo que le critico a Yahoo! con la opción de “Home” es que ya por defecto nos agrega todas las páginas de Yahoo! a las secciones, como si en verdad necesitara usar alguna de ellas, pero es obvio que al ofrecer esta extensión para todos, y sabiendo que no pasa por el mejor momento, es muy lógico que te quiera ofrecer todos sus servicios.

También tenemos la opción de buscar imágenes, y también me gustó por el hecho de que para ver las imágenes basta dar clic en las flechas para ver la siguiente o la anterior, y no tener que abrir las imágenes en otra pantalla. Como lo repito, es muy útil porque la navegación de hasta el momento se basa en dar clic, y si no te gusta el resultado tienes que retroceder y volver a dar clic, o en en más remoto de los casos abrir nuevas pestañas por cada resultado que quieras ver.

¿Es bueno o no?

Primero hay que aclarar que Yahoo! Axis no es un navegador web en versión de escritorio. En versión móvil si podría clasificarlo como un navegador.

Segundo, al menos para la versión de escritorio esta extensión no pasa más que por una extensión, y a menos que realmente te hagas adicto a ella no creo que la uses después de un rato, como en mi caso, para probar y jugar un rato, no realmente para usarlo sabiendo que tienes la barra de buscador mucho más sobresaliente.

Tercero, al menos en Chrome y Firefox no sentí que la aplicación corriera más lento, y si afecta realmente el rendimiento no es muy perceptible que digamos, usa recursos, pero lo normal tratándose de una extensión. Dicen que con IE si se nota alguna lentitud pero considerando que ya de por si es lento el navegador, y como no está muy capacitado para tener extensiones (es de toda la vida ese problema), esa puede ser la posible causa que le atribuyo al hecho de que IE vaya más lento si instalas la extensión.

Por último, quiero recalcar que me gustó la extensión, es muy buena la forma que implementó para navegar entre resultados, de hecho siento que si implementara Yahoo! esta opción por defecto en su buscador ganaría algunos usuarios, pero al ser solo una extensión no creo que atraiga mucho a la gente. Entonces, si quieren descargarla pueden hacerlo, si les gusta pueden seguir usándola, sino, pueden eliminarla y ya, pero yo al menos si les recomiendo probarla, creo que hay gente a la que si les resultará bastante útil, porque a mí realmente no.

Sitio Oficial de Yahoo! Axis

10 comerciales tecnológicos de los años 80

noreply@blogger.com (Marcos Rivas) — Sun, 27 May 2012 10:55:08 PDT

Llegamos a un domingo más, y antes de que se nos acabe el fin de semana yo les presento una serie de publicidad muy creativa. Y es que al menos en los años 80 todavía no nacía, ni siquiera estaba en planes, pero los comerciales de tecnología de esos tiempos más que hablar de productos serios parecían publicidades cómicas sin sentido.

De eso se trata este post, de comerciales tecnológicos de los años 80, donde empresas como Microsoft, Apple, Atari o Motorola nos presentaban lo último en tecnología, de la forma más rara que he visto en mi vida.

Microsoft

Windows 1.0

Steve Ballmer anuncia el SO de Microsoft, pero tratándose de Ballmer con su voz enérgica y su pelona a mí me produce cierta risa al momento de presentar a Windows.

Drivers Wanted

Este comercial es una parodia del comercial de Volkswagen también de los años 80. En este comercial promocionan a IE nada más y nada menos que Bill Gates y Steve Ballmer, y de nuevo, muy extraño porque pareciera que quieren hacernos reír, pero yo me divierto viendo la cara de Bill Gates en el comercial.

What is love?

Estos muchachos en ese tiempo seguro no sabían que existía la mercadotecnia, porque haciendo de nuevo una parodia no promocionan nada, y es donde el video se queda más como un momento de gracias al ver a Bill Gates tan gracioso.

Apple

Computer Man

Apple no se quedó atrás en cuanto a publicidad graciosa, en este video que también es una parodia ataca a Microsoft y su sistema operativo. Recordemos que en un principio Apple atacaba a IBM, pero luego que Microsoft sacó su sistema operativo con interfaz gráfica sus comerciales se enfocaron a atacarlo a él y ya no tanto a IBM.

Comercial de Machintosh

Uno de los mejores comerciales de todos los tiempos, más en ese tiempo por el impacto. El video promociona la salida del Machintosh, la primera computadora con interfaz gráfica, y como en esos tiempos Apple y Microsoft eran medio amigos, el objetivo a destruir era IBM, que en el video es representado como el Big Brother

Nightmare

Este comercial nos demostraba que todos los estudiantes están traumados cuando tienen examen, y que teniendo un Apple II podemos estudiar en cosa de segundos algunas páginas para volver a dormir y no tener pesadillas

Otros

Atari 2600

Allá por los 80 todavía Atari era todavía la mejor empresa de videojuegos. Ahorita vemos los juegos y las gráficas del video y no se antoja jugar nada de eso, pero en ese tiempo eso era lo más novedoso

Motorola – Dynatac

Haya hace treinta años tener un teléfono portátil era sólo posible para la gente de negocios, que tenía un buen traje y un gran portafolio donde guardarlo. Motorola era innovador en ese tiempo por ofrecer un producto nuevo al mercado, hoy en día es propiedad de Google, y se podría decir que la empresa se sentó en los laureles porque si hubiera seguido innovando quizá sería líder en smartphones hoy.

El juego de ET- Atari

Si no saben la historia se las resumo rápidamente. Dice la leyenda de que el juego de ET es considerado el peor juego de la historia, y en su tiempo pensaban lo mismo, y que fue tan malo y tan poco lo que se vendió que lo que hicieron fue recolectar todos los cartuchos del juego y enterrarlos en el desierto. Por este juego Atari empezó a desplomarse, porque todos los siguientes juegos eran como los de ET, feos y mal hechos.

AT – IBM

IBM a pesar de ser ya una empresa muy grande para ese entonces también le imprimía cierto humor a sus comerciales, incluyendo a Chaplin como en el siguiente video. En general podemos ver que las empresas nuevas como Apple y Microsoft en esos tiempos se arriesgaban más en su publicidad al mostrar algo de gracia y comicidad, pero empresas como Atari, Motorola e IBM son más conservadoras, aunque no por eso tratan de mostrar también algo divertido y atractivo.

Videos obtenidos de emezeta

Extraordinarias fotografías encontradas en Street View

noreply@blogger.com (Marcos Rivas) — Fri, 25 May 2012 10:14:42 PDT

Las fotografías de Google que toma para el servicio de street view son todo menos maravillosas, en muchos casos muy raras por las situaciones en las que son tomadas, pero de eso a que realmente admiremos que fueron tomadas para ser dignas de una exposición eso jamás lo he visto.

Pero al parecer no todo es así y es que las siguientes imágenes son extraordinarias fotografías encontradas en Street View, fotos que tienen un mucho mejor retoque, y que se ven realmente mucho mejor, y aunque dudo que por si solo el auto de Google las hubiera tomado nada más porque si, hay que decir que también en algunos lugares es posible subir nuestras propias fotos.

Vía fordoing

16 únicas y originales tarjetas de presentación

noreply@blogger.com (Marcos Rivas) — Thu, 24 May 2012 09:53:00 PDT

La colección del día de hoy les va a gustar mucho. Si creían que ya habíamos visto a todos los tipos de tarjetas de presentación posibles nos equivocamos completamente. Les presento 16 únicas y originales tarjetas de presentación, con las formas más originales y estilos que quizá a muchos no se les hubiera ocurrido, increíbles todas ellas, y claro, nos sirven de inspiración para cuando nosotros mandemos a hacer las nuestras.

Vía webdesignerdepot

Razones por las que considero a Google Chrome

noreply@blogger.com (Marcos Rivas) — Thu, 24 May 2012 06:00:00 PDT

Google Chrome pasó a ser el navegador más usado en el mundo esta semana, según el sitio StatCounter, y aunque al menos ahorita que la veo ya volvió Internet Explorer a ser el más usado esto nos habla que el navegador de Google está muy cerca, sino es que demasiado, de ser el más usado por un periodo de tiempo muy largo.

Por tal motivo vamos a analizar algunas de las razones por las que considero a Google Chrome el mejor navegador web, a pesar de que está ese problema de que no puede ser que Webkit (motor detrás de Chrome y Safari) tenga más dominio sobre otras tecnologías web, pero eso no analizaremos ahora.

Gráfica de StatCounter

#1 Rapidez

Es la razón número 1 por la que elegí el navegador y por la que veo que la demás gente lo hace. Es curioso pero los que usan Firefox no todos lo dejan, pero los que usan Internet Explorer realmente sienten la sensación de rapidez, y creo que eso es lo que le ha dado un puesto muy importante sobre los usuarios que se cambian de Internet Explorer a alguna otra alternativa.

#2 Es de Google

Otra cuestión bien curiosa. Cuando abres Internet Explorer si deseas buscar algo te traer en primer lugar a Bing, el buscador web de Microsoft. Bing no es tampoco un buscador muy querido, y la gente prefiere Google, por lo que cuando instalan Google Chrome y ven que al buscar les trae directamente al buscador la gente por alguna razón se siente mejor, y deciden quedarse con el navegador.

Yo he comprobado eso, y he visto como la gente opta por usar Chrome por el simple hecho de que al buscar es como si ya buscaras en el buscador. También está el hecho de que a Google lo asocian más por servicios web y a Microsoft por todo menos por esos servicios, entonces la gente también tiene un aire de que usando el navegador de Google los servicios que usan serán también más rápidos.

#3 La interfaz

Algo que caracterizaba (o lo sigue siendo) a IE es que teníamos en la pantalla miles de barras de herramientas que por alguna razón inexplicable se instalaban sin siquiera avisarnos de nada, lo que hacía que la gente común y corriente no supiera cómo quitarlas, provocando cierto enojo por ver tanto botón.

Con Chrome la interfaz es minimalista al extremo en un principio, lo que le da al usuario una mejor visión de lo que puede picar, y al no haber tantas barras de herramientas para Chrome la gente ya no tiene tanta basura enfrente de su navegador.

#4 Actualizaciones automáticas

Se agradece que Mozilla ya lo quiera incluir como parte nativa del navegador, e incluso Microsoft lo quiere hacer con Internet Explorer 10, pero no cabe duda que a mí me gusta Google Chrome por ser el primero en implementar las actualizaciones automáticas, y de la mejor manera posible. Ni siquiera te tiene que avisar el navegador, ni siquiera sé cómo es que se actualiza, pero lo hace, y eso me agrada porque me he olvidado de volver a pensar en descargar de nuevo el navegador.

#5 Sincronización

Google hace uso de todos sus servicios para poder hacer posible que podamos sincronizar ya casi todo lo que tenemos en nuestro navegador en cualquier computadora. Esto es indispensable cuando ya eres un adicto a tu programa muy personalizado, pero igualmente esta opción sigue siendo única para Google Chrome.

#6 Eficiencia

Algo que me hizo cambiar de Firefox a Chrome era el rendimiento, ya que Firefox, por ese entonces de la versión 4 se trababa pero casi cada vez que arrancaba el programa, sin mencionar que incluso al arranque tenía que esperar mucho tiempo.Yo no he vuelto a probar Firefox porque me dejó traumado, y a lo mejor lo pruebe de nuevo pero estoy seguro que seguiré utilizando Chrome.

Chrome podrá usar un poco de más de recursos, pero sabe usar ese poco muy bien, porque el número de veces que se te puede morir el programa es casi nula, y considero que eso es bastante bueno.

¿Qué es lo que más les gusta de Google Chrome?

20 impactantes sitios web reales hechos en HTML5

noreply@blogger.com (Marcos Rivas) — Wed, 23 May 2012 10:10:39 PDT

HTML5 no sólo es el uso de nuevas etiquetas, sino también nace el concepto de usar una nueva experiencia de usuario, ya que con la idea de que tenemos muchas más opciones para ofrecer mejores experiencias de usuarios en si los sitios web deben ser más atractivos.

Es difícil entender en principio cómo reconocer un sitio web en html5, y aunque yo siempre digo que es aquel que no usa flash, no es cierto del todo, por eso les traigo 20 impactantes sitios web reales hechos en HTML5, sitios web de verdad que no son sólo para experimentos, un poco arriesgado por el hecho de que no todas las empresas quisieran dar este paso, pero bueno si ya lo han hecho.

Adobe – The Expressive Web

OrangeSprocket

Har Du Det I Deg

HTC

Suit Up or Die Magazine

Casey Britt

Lois Jeans

Glamour.biz

Bobadilium

Societe Generale

Whiteboard

Ghost Horses

FiftyThree

lend your leg

KRYSTALRAE

Capitol Couture

Air Jordan 2012

Bikes aus Düsseldorf

Nature Valley Trail View

Pulpfingers

Discover Bagigia

Superlovers

Soleil Noir 2012

Guns N Roses

Vía: designmodo

Cómo validar formularios con jQuery #1

noreply@blogger.com (Marcos Rivas) — Wed, 23 May 2012 06:00:13 PDT

Hoy toca un nuevo tutorial de nuestro curso para aprender a programar sitios web dinámicos usando jQuery, y toca ver un tema muy interesante. Lo que vamos a aprender es validar formularios usando jQuery, donde veremos que usando la propiedad .val() es posible obtener el contenido de cajas de texto.

También aprenderemos a usar las funciones fadeIn() y fadeOut() para mostrar y ocultar contenido de forma animada, así que no se pierdan el tutorial de la semana, y cualquier duda o comentario déjenla para responderla personalmente.

10 fuentes con estilos japoneses y chinas

noreply@blogger.com (Marcos Rivas) — Tue, 22 May 2012 07:00:01 PDT

El uso de fuentes o tipografías es muy variado. A mi me gusta experimentar porque la verdad es que nunca se sabe cuando se va a necesitar cierto estilo de fuente, y si no abrimos nuestras mentes pues nunca sabremos como se vería una determinada fuente en nuestros diseños.

Si de pura casualidad están buscando fuentes con temas chinos o japoneses les traigo 10 fuentes ideales para eso, con estilos y trazos muy parecidos a los que se podrían hacer con un pincel, y claro, hay desde los que son trazos para representar las letras, y otras que si le metieron inspiración para hacerla muy fantasiosa, pero igual descarguen y prueben, pero al probar significa probar en un diseño y si no les convence elimínenla, que también gasta memoria tener muchas fuentes.

Den clic en la imagen para descargar la fuente

Chinyen

Ajari kids

Japonesa

Lz Bladerunner

Manga

Samurai

Hiroshi

Made in china

Karate

Las nuevas características de Dreamweaver CS6

noreply@blogger.com (Marcos Rivas) — Tue, 22 May 2012 06:00:03 PDT

A pesar de que ya salió Adobe Dreamweaver CS6 no me ha nacido probarlo, ni siquiera el de 30 días, porque considero que Dreamweaver ya es una opción para hacer ya algo muy profesional, y no tanto para probar y jugar, que no significa que sea malo, pero la mayoría de sus características es para manejar ya un sitio inmenso, y no para uno chiquito.

Sin embargo estoy seguro que muchos de ustedes quieren saber las nuevas funciones o características de Dreamweaver, más sabiendo que Adobe quiere ponerse guapo presumiendo que tiene más compatibilidad con HTML5, CSS3 y frameworks para trabajar.

Ojo, quiero aclarar que si sigo usando Dreamweaver, uso la versión CS5 y por eso considero que no le veo mucho caso a usar el CS6 porque considero que lo que nos proporciona al menos para los desarrolladores podemos hacerlo a mano y podría asegurar que podemos obtener un mejor resultado.

Responsive design

Con el nuevo Dreamweaver podemos tener un diseño que se adapte a los diferentes dispositivos, llámese smartphone, tablet o computadora. Me gusta esta idea de usar un grid o una rejilla para lograr eso, y esto es una muestra de que Dreamweaver trata de moverse a las tendencias y no nada más ofrecer algo regularsón.

Como les digo, el efecto se ve que funciona, pero no sé qué tanta pezuña le mete Adobe a nuestro sitio, por lo que igualmente un buen responsive design siempre va a ser más efectivo si lo hacemos nosotros mismos a mano.

Soporte de transiciones CSS3

Esta es la que si me impresiona, un panel dedicado a poder configurar transiciones con puro CSS. La característica anterior y las que vienen no me agradan tanto porque ya se meten con otro tipo de aspectos no tan propios de HTML y CSS, y si conocemos bien los productos de Adobe sabemos que a él le gusta a veces hacer que algo funcione muy fácil sin tener precisamente que poner código muy fácil. Pero esta herramienta no, ya que es como si usáramos el panel de estilos para editar.

Compatibilidad con jQuery Mobile

Esta característica también me ha gustado mucho, sobre todo porque no sólo incluye soporte con jQuery, sino ahora también con jQuery Mobile, dándole un verdadero soporte. jQuery Mobile nos permite hacer un sitio web muy al estilo de la interfaz del iPhone, pero con la facilidad de que escribimos html como normalmente lo hacemos y el framework lo transforma solito.

Por eso me ha agradado el soporte que tiene ahora Dw porque facilitará el uso del framework pero sobre todo la personalización que creo es de los pequeños problemas o inconvenientes al momento de usarlo.

Soporte con PhoneGap

Al igual que con el grid layout el soporte completo con PhoneGap no lo presiento tan verdadero, claro, me ha falta probarlo para comprobarlo, pero en teoría ahora podemos hacer uso de PhoneGap para exportar nuestros sitios o aplicaciones en HTML a aplicaciones nativas para Android, iPhone e incluso Windows Phone.

Si todo funciona como debería funcionar ahora podremos tener en la palma de la mano la posibilidad de hacer que una aplicación web sea trasladada a una aplicación nativa. Digo que desconfió del todo porque para el iPhone no he visto otra herramienta para obtener una app que con Xcode, incluso PhoneGap se tiene que usar con Xcode si quieres que funcione, por eso mismo lo dudo un poco, pero supongo que para Android si es más fácil.

Panel Vista previa multipantalla actualizado

El problema principal de Dw es que la visualización preliminar de tu sitio nunca se veía a cómo en realidad era en el navegador, y gran parte de la culpa era la resolución de nuestra pantalla, o la pantalla del editor. Ahora podremos probar nuestro sitio desde diferentes resoluciones y asegurando aún más que nuestro contenido se vea como en realidad se debería ver en un navegador, aunque también sabemos que no es 100% lo que vemos lo que obtenemos.

Conclusiones

Dreamweaver es una excelente herramienta, al menos la mejor en el área de pre visualización, y cualquier empresa que quiera tener un sitio web debería tener al menos una copia del programa para tener un buen resultado. Lo que pasa es que ahora los tiempos cambian y si quieres que algo se vea cómo tu quieres que se vea tienes que hacerlo con código paso por paso; esa es la tendencia con HTML5 y CSS3, y por eso Dreamweaver se vuelve más un complemento para hacer algo increíble pero rápido, pero la mejor opción siempre va a ser un editor de textos sencillo, al menos para mí.

14 fondos de pantalla minimalistas y oscuros

noreply@blogger.com (Marcos Rivas) — Mon, 21 May 2012 07:00:08 PDT

A mi me gusta cambiar el fondo de pantalla de mi computadora casi cada semana, porque por alguna razón una vez que encuentro una imagen muy buena al rato ya no me gusta, o ya me acostumbre a ella. A lo mejor les pasa a ustedes y creo que es una buena práctica cambiar el fondo de pantalla para renovarse, o al menos no ver lo mismo todos los días.

Por eso les traigo por ser lunes una colección de 14 fondos de pantalla minimalistas y oscuros, para adornar sus pantallas con algo minimalista y dark pero con mucho estilo, ojalá les gusten.

Edge of Nowhere

KiTS

Dark Wood 2

Cat

Black Labrador

Black Cat in Dark Room

Dark Side of The Moon

Negative Space

Valentine

ParkSlide

Dark Window

Structure Complexe

Simple Rain

Coffee

Vía inspiremonkey

Prezi analizado a fondo, para darle vida a tus presentaciones

noreply@blogger.com (Marcos Rivas) — Mon, 21 May 2012 06:00:11 PDT

Como cada inicio de semana analizamos una aplicación web o de escritorio, algún servicio o cualquier cosa que sea relevante en esos días, y hoy toca el turno a Prezi. Prezi ya tiene tiempo funcionando pero me pareció adecuado darle un análisis por el hecho de que he empezado a ver que cada vez más gente prefiere usarlo a usar algo como Power Point ya que lo que lo caracteriza es la no linealidad que genera con las presentaciones.

Entonces, no se pierdan a continuación un análisis a Prezi, una aplicación web para crear presentaciones mucho más interactivas, que sin duda a pesar de ser sencilla si le da competencia muy buena a aplicaciones conocidas del mismo tipo.

¿Qué es Prezi?

Prezi es una aplicación web que nos permite crear presentaciones interactivas, más movidas a las que estamos acostumbrados. Diciéndolo de otra forma, es una alternativa a las típicas presentaciones de PowerPoint o similares, ya que rompe con la linealidad del flujo de la presentación.

Características

Según puedo ver la aplicación está hecha en Flash, cosa que no me sorprende, porque gracias a eso es posible hacer las impresionantes presentaciones tan dinámicas y animadas. Lo que si me sorprende es que además de ser una aplicación muy buena tiene tintes de red social ya que podemos ver los trabajos que otros han hecho, comentarlos, compartirlos y darle el famoso “like”

Pero vamos al grano. Lo que diferencia a esta herramientas con las ya conocidas es que no tenemos la abstracción de diapositivas para poner información, sino un lienzo y un patrón a seguir para navegar entre nuestra información. Con esto podemos agregar texto, imágenes e incluso videos en donde queramos, con el tamaño que queramos y en la forma que queramos, para que una vez que ya logramos acomodar nuestro contenido lo único que basta es agregar un patrón a seguir para que podamos movernos entre dicho contenido.

Esto nos permite tener un espacio infinito tanto para hacer zoom como para navegar entre todo lo que deseemos mostrar. Y creo que hasta aquí a lo mejor no muchos han entendido como funciona, por eso vamos a pasar a lo siguiente.

¿Cómo usarlo?

Al ser una aplicación para crear algo no basta decirles que es lo que hace, hay que hacer un ejercicio o ejemplo para mostrar el potencial de dicha herramienta, y eso haremos con Prezi. Una vez que ya nos logueamos con una cuenta de Prezi o con una de Facebook vemos que podemos escoger entre una plantilla, la cuál escogí que fuera en blanco para no tener nada ya hecho.

Y es cuando vemos la interfaz del programa. Básicamente tenemos tres partes en nuestra interfaz, el panel izquierdo que muestra a forma de diapositivas los movimientos o los puntos de encuentro donde la animación se va a detener, aunque como les digo, sólo muestra esta información a modo de diapositiva. La segunda y tercera parte es nuestro círculo de herramientas y nuestro lienzo de trabajo.

Prezi nos da la posibilidad de añadir formas como rectángulos o círculos para poner nuestro contenido, pero considero que si se quiere más personalización recomiendo no usar estas formas. Como podemos ver en la imagen podemos modificar el texto, muy básico pero lo suficiente para poder darle cierta personalización.

Cualquier cosa que agreguemos a nuestro lienzo es un objeto que podemos rotar, agrandar, hacer más pequeño o mover, todos los objetos tienen esas propiedades, y tienen otras dependiendo del tipo de objeto que agreguemos, como el texto o formas.

Prezi nos da una opción para aplicar temas por defecto, y si no nos gusta ninguno podemos crear uno nosotros, también es muy fácil configurar todo esto ya que como les decía, el círculo de herramientas cuenta con 4 opciones, así que si no pueden manipular 4 secciones pues si están muy perdidos.

Una característica muy buena es que no sólo podemos agregar texto e imágenes, sino también una presentación de power point que ya tengamos y que quisiéramos darle más estilo. También podemos insertar un video en Youtube, agregar un diagrama con formas u otro archivo que puede llegar a tener soporte, como un pdf, o swf. Esto es lo más importante que nos brinda la aplicación, y con esto ya tenemos el 90% de nuestro trabajo hecho porque tenemos un sin fin de contenido multimedia que podemos añadir.

Una vez que ya tenemos nuestro contenido, en mi caso medio feo, lo que tenemos que hacer es crear un patrón para le flujo de movimiento. Como les dije al principio, aquí no hay diapositivas ni un orden lineal, el programa no sabe donde empezar ni donde terminar, y eso es lo que tenemos que configurar usando patrones.

Usando la opción de patrón lo único que tenemos que hacer es dar clic en nuestros elementos conforme queremos que se muestren, es decir, si primero quiero que salga mi texto le doy clic y si luego quiero irme a mi imagen le doy clic, etc. La sucesión nos parece con números, y podemos usar tantos movimientos como queramos.

Ya una vez que terminamos podemos salir de nuestra edición y pasar a una versión final de cómo se vería, abajo nos aparecen algunas opciones para nuestra presentación como editarla tu, editarla en grupo, verla, descargarla, sacarle una copiar, etc., Y con eso tendríamos ya nuestra presentación terminada, muy fácil y muy rápido con un acabado muy bueno.

El único pero

El único pero que le he encontrado a esta herramienta es la creatividad. Vi algunos ejemplos que tiene en portada el sitio y me han parecido espectaculares por el diseño y la forma en que construyeron la presentación, por eso considero que es de vital importancia tener en cuenta que esta herramienta es única y exclusivamente si se quiere tener algo realmente creativo, o que se tiene la noción de hacer algo creativo y muy visual.

Lo anterior lo digo porque si no tienen la suficiente coherencia de cómo tiene que quedar su presentación, o su información no da lo suficiente como para ser animada (en otras palabras, tienen sólo texto y texto y texto y texto…) pues no recomendaría usar Prezi, ya que el contenido si es realmente importante, y obviamente entre más contenido tengamos para mostrar mejor se va a ver.

Les dejo la presentación que hice para el post, para que vean cómo luce una de estas increíbles presentaciones.

Nike y su excelente video para la Eurocopa

noreply@blogger.com (Marcos Rivas) — Mon, 21 May 2012 08:21:04 PDT

Esta semana con motivo de la final de la Champions entre el Bayer y el Chelsea (no quiero pelear con nadie por si fue justo que ganara el Chelsea o no, ese no es nuestro asunto) Nike sacó un promocional increíble llamada, “My Time is Now” presentada para la Eurocopa 2012 que inicia el próximo 8 de Junio

Este tipo de videos en el que salen varios famosos mundiales del futbol y además con buenos efectos y haciendo lucir a un estado al que todos quisiéramos ir pues es innegable que se haga viral, y como al final es publicidad pues es un buen pretexto para mostrarles el video este domingo.

Lo que compartí en la semana en Twitter y Facebook I

noreply@blogger.com (Marcos Rivas) — Sat, 19 May 2012 09:37:47 PDT

Este sábado inauguro una nueva sección en el blog, en el que les compartiré lo que comparto con todos ustedes en las redes sociales, especialmente en Twitter y Facebook. Como muy bien saben en Twitter y Facebook además de compartirles los posts del blog también trato de compartir contenido que no sale en el blog, para que haya un plus por haberle dado like o seguirme en las redes sociales.

Entonces, a continuación les presento todo lo que compartí, donde estoy seguro que si me siguen a la perfección pues ya habrán visto todo, pero sino estoy seguro que les gustará mucho el contenido.

Desde este enlace pueden seguirme en Twitter

Y desde este otro en Facebook

Fotos sobre la salida de Facebook a bolsa

noreply@blogger.com (Marcos Rivas) — Fri, 18 May 2012 09:07:20 PDT

El día de hoy Facebook salió a bolsa en Nasdaq, lo que la hace oficialmente una empresa pública, como GM, Microsoft, y un sin fin de empresas internacionales que son exitosas. La verdad es que este momento es de reconocerse porque a pesar de que el chico Zuckerberg no tuvo la idea original sobre Facebook si ha sabido llevar por un buen rumbo a su red social, tanto que con esto de ahorita queda más que rectificado que Google+ no ha podido ni siquiera hacerle cosquillas.

A continuación les traigo una serie de fotografías de lo que se vivió en la salida de la bolsa en la mañana, Mark Zuckerberg no fue directamente a tocar la campana de inicio como tradicionalmente se hace, sino que lo hizo desde sus oficinas con todo su equipo de trabajadores.

Vía spots

39 increíbles fondos para adornar tu twitter

noreply@blogger.com (Marcos Rivas) — Thu, 17 May 2012 07:15:00 PDT

La gente siempre busca personalizar su espacio de trabajo y en Twitter no existe la excepción. Y es que tenemos que admitir que los fondos que nos da Twitter son lo que le sigue de feos. Lo que no puedo comprender es que con la última actualización de su interfaz no pudo ni incluir un fondo nuevo, cosa que siempre me ha hecho enfadar, porque quiere decir que no renovó del todo el servicio completo.

Por tal motivo yo les traigo 39 fondos para twitter si andan en busca de uno original y de buena calidad, pero sobre todo que combine con la interfaz de la red social.

Bay Bridge

Apple Background

Light Pink Touch

Dark red and black

Rough blue color

Sunset Scene

Creativity

Roadside

Colorful Stones

Horror Scene

Simple and beautiful

Building Pictures

Dotted Pink

Awsum TB

Robotic

Music Flow

Wodden

Wallphoto

Rough style

Space related

Painting art

Descargar

Vía slodive, styledip winepressofwords

Crear un efecto vintage a nuestras fotos en Photoshop

noreply@blogger.com (Marcos Rivas) — Thu, 17 May 2012 06:00:01 PDT

Uno de los efectos que la gente más busca para aplicar a sus fotos es sin duda el efecto vintage, o el efecto para hacer parecer vieja a una foto. Es bien curioso porque en si el efecto vintage no hace que la foto se vea rota e inservible, al contrario, se ha hecho el efecto para que luzca moderna con toques de efecto retro, logrando un efecto todavía mejor.

En el siguiente tutorial vamos a aprender cómo crear un efecto vintage en Photoshop con unos sencillos pasos, de tal forma que al final tengamos una foto espectacular con un efecto espectacular también, así que no se lo pierdan a continuación.

10 videos de speed painting y speed drawing

noreply@blogger.com (Marcos Rivas) — Wed, 16 May 2012 07:00:08 PDT

Este mes les he mostrado muchos ejemplos de dibujos impresionantes o estos dibujos sobre autos sucios, pero en esta ocasión les traigo algo un poco más espectacular.

Se trata de una colección de 10 videos de speed painting y speed drawing, gente ordinaria que se graba dibujando y para no subir el video de unas cuantas horas mejor aceleran la velocidad para que en pocos minutos veamos sus obras terminadas. La que más me impresionó sin duda fue la de Emma Watson, pero a ustedes ¿Cuál les impresionó?