El video tiene una duración de 2 horas, asi que si deseas verlo completo será mejor que estés lo mas cómodo posible. Los videojuegos fueron probados sobre tarjetas gráficas NVIDIA; al final podemos notar el gran avance de los gráficos  siendo estos capaces de mostrar mas detalles y texturas, a lo largo de los años.

Si deseas saber cuales son los videojuegos que aparecen en el video, el autor del mismo nos da la lista completan en la descripción del video en YouTube.

El articulo La evolución gráfica de los videojuegos para PC a lo largo del tiempo apareció primero en Trixeles.

CSS: EXPANDING OVERLAY EFFECT

CSS: CREAR UNA BARRA DE NAVEGACIÓN CON ESTILO RETRO

CSS: CREAR UNA CUADRICULA DE DIAMANTES

ICONOS: FREE UI ICONS (168 ICONOS, PSD)

ICONOS: SHARP PIXEL ICONS FREE (20 ICONOS, PSD)

ICONOS: MINIMALIST ICONS (296 ICONOS, 12×12, PNG)

GALLERY: PLANTILLA PARA WORDPRESS RESPONSIVE Y GRATUITA

THERON LITE: PLANTILLA GRATUITA PARA WORDPRESS

El articulo Elementos Gráficos (IV) – CSS, Iconos, Plantillas WordPress apareció primero en Trixeles.

Este campus cuenta con una cancha de baloncesto, un gimnasio totalmente equipado, una sala de juegos que han nombrado como “The Dungeon”, cafetería y murales artísticos de la mano de grandes como El Mac o Mike Giant.

El articulo El diseño del nuevo campus de Adobe en Utah apareció primero en Trixeles.

Como siempre, al final de post les dejare los archivos .XCF y .PSD por si algo se les complica y bueno, menos palabras y más trabajo.

[PASO 1] Para comenzar, abrimos la primera imagen que deseemos utilizar.

[PASO 2] Después abrimos la segunda imagen que queramos añadir, pero esta vez la abrimos como capas, para ello: Archivo > Abrir como capas (Ctrl+Alt+O). Las capas quedarán de la siguiente manera:

[PASO 3] En este paso podemos agregar todas las imágenes que deseemos, siempre y cuando las imágenes sean del mismo tamaño para que el Gif no se vea mal, esto se hace simple y sencillamente añadiendo capas. Estas son las imágenes que yo utilizare, ustedes pueden poner las que sean de su gusto.

 [PASO 4] Una vez que tengamos las imágenes con las que queremos formar la imagen en movimiento, pulsamos en Guardar como (Mayús+Ctrl+S), y nombramos la imagen como gusten, pero debemos añadir la extensión .gif y pulsamos en Guardar.

[PASO 5] Nos aparecerá un cuadro donde debemos marcar Guardar como animación y pulsamos en exportar, como la siguiente imagen:

[PASO 6] Para finalizar nuestra imagen, nos aparecerá otro cuadro donde debemos poner el tiempo que queremos para que se vayan moviendo las imágenes, pueden hacerlo mas rápido o mas lento. Echo esto marcamos la opción: Usar el retardo introducido arriba para todos los fotogramas y pulsamos en Guardar.

[FINAL] Ahora lo tenemos terminado, solo hay que ejecutarlo con un visor de imágenes o un navegador de internet, Buen trabajo! (:

Descargar Archivo | .XCF (Gimp) y .PSD (Photoshop).

El articulo Tutorial: Como crear una imagen Gif, con Gimp apareció primero en Trixeles.

Aunque el titulo del vídeo hace énfasis a los diseñadores y programadores web, creo que de igual manera es aplicable en fotógrafos, programadores en general, técnicos, videógrafos, publicistas, etc.

Imagen por Marc Wathieu

El articulo Clientes con los que debemos lidiar algunos diseñadores apareció primero en Trixeles.

El articulo Algunas fotografías de la WWF cobran vida apareció primero en Trixeles.

Photobox: Galería de imágenes creada con CSS3 y jQuery

Photobox es una interesante galería de imágenes creada a partir de CSS3 y jQuery, lo que destaca a esta galería de muchas otras es quizá su sencillez y diseño, ya que cuenta con una interfaz muy limpia, transiciones al pasar de una imagen a otra, lo fluido que va y un sin fin de cosas mas. Es compatible con los navegadores mas modernos, y en el caso de IE será a partir de la versión 9.

Enlace | Photobox

#50C1AL: Compartir tus redes sociales con efecto blur

#50C1AL es un interesante plugin jQuery para compartir tus redes sociales pero con la particularidad de mostrarlos en pantalla completa y con un efecto blur de fondo.

Enlace | #50C1AL

Elusive Icons: Iconos vectoriales para Bootstrap

Aunque pueden ser usados en cualquier sitio web sin necesidad de estar basado en Bootstrap, Elusive Icons cuenta con mas de 270 iconos vectoriales gracias a que prácticamente es una webfont, es compatible con los navegadores mas modernos, incluyendo IE7, aunque para este ultimo tendrás que añadir algunas lineas mas de código.

Utiliza una licencia OFL, por lo que es gratuita y podrás usarla en proyectos comerciales sin ningún problema.

Enlace | Elusive Icons

Gemicon: Mas de 600 iconos gratuitos

Gemicon es un pack completo de +600 iconos con una gran variedad de temas, cuenta con 3 tamaños diferentes (16px, 32px y 64px) en formato PNG y PSD. Es completamente gratuito tanto para uso personal y comercial.

Enlace | Gemicon

Clean Retina: Una plantilla minimalista y responsive para WordPress

Clean Retina es una plantilla para wordpress con un diseño simple, limpio, minimalista, responsive y sobre todo se ve bien tanto en una pantalla común y una retina. Es compatible con WordPress 3.5+ y es completamente gratuito.

Enlace | Clean Retina

Photo: Una galería responsive para WordPress

Photo es la plantilla de WordPress perfecta para mostrar tus trabajos, ya seas diseñador, fotógrafo o tienes la necesidad de mostrar tus trabajos mediante una galería. Cuenta con un diseño elegante y limpio, centrándose principalmente en las imágenes  La plantilla es gratuita pero es necesario registrarse en su web para descargarla.

Enlace | Photo theme WordPress

El articulo Elementos Gráficos (III) – Iconos, Plantillas WordPress y más apareció primero en Trixeles.

Si quieres ver el resultado de como quedo el trabajo final, al final del articulo les dejaré una descarga con el archivo .XCF y .PSD

[PASO 1] Creamos una imagen nueva con tu resolución de pantalla, en mi caso (1024×768) Píxeles.

[PASO 2] Usamos la Herramienta de Mezcla (F) y empezamos a combinar colores para crear el fondo, lo partimos desde la mitad hasta el extremo que más le agrade.

[PASO 3] Creamos una nueva capa, elegimos el degradado (Ctrl+G) y buscamos Blinds, nos vamos a Herramientas de Mezcla (F) elegimos el color blanco y hacemos una linea como la siguiente:

Nos quedará así.

[PASO 4] Nos vamos a Modo: Pantalla, añadimos una Máscara de Capa para ello: Clic derecho en la Capa > Añadir Máscara de Capa > Blanco (Opacidad Total), nos quedará de la siguiente manera:

[PASO 5] Nos vamos a la pestaña “Degradados” y elegimos Frente a Fondo (RGB), elegimos la Herramienta de Mezcla y marcamos una linea entre la linea que ya habíamos hecho y quedará de la siguiente manera:

[PASO 6] Le damos clic derecho a la capa de “Degradado” y en Aplicar máscara de capa, después creamos un duplicado de la capa, quedando así.

[PASO 7] Nos vamos a Capa > Transformar > Voltear horizontalmente, lo hacemos las veces que deseen creando duplicados de capa y volteándolos Horizontalmente y Verticalmente, nos saldrá un resultado como el siguiente:

Las capas que fueron utilizadas son las siguientes:

[PASO 8] Ahora pondremos el texto, para ello tienes que descargar la siguiente fuente: Depthcore Public. Le cambiamos el color para que se alcance a notar, centramos el texto y quedará de la siguiente manera:

Las capas tienen que quedar de la siguiente manera:

[PASO 9] Elegimos la Herramienta recoje-color (O) y copiamos el color de las letras, nos vamos a la pestaña Capa > Capa a tamaño de imagen. Las capas tienen que estar así:

[PASO 10] Elegimos la Herramienta de selección de rectángulos (R), la acomodamos en los picos que estén solos en el texto. Tiene que quedar de la siguiente manera:

[PASO 11] Seleccionamos la Herramienta de mezcla (L), nos pasamos a Degradados y elegimos Frente a transparente.

[PASO 12] Trazamos una linea en medio del rectángulo seleccionado, acomodándolo correctamente para que no se salga y nos quedará así:

[PASO 13] Hacemos lo mismo del Paso 12 en las partes que mas les agrade. Al final nos quedará de la siguiente manera:

[PASO 14] Elegimos la Herramienta de selección por color (Mayús+O) y seleccionamos todo el texto. Nos vamos a la pestaña Seleccionar > Invetir (Ctrl+I). Nuevamente nos vamos a la pestaña Seleccionar > Borde, abrirá un cuadro y remplazamos el “5″ con “1″.

[PASO 15] Para finalizar cambiamos la Opacidad en un 70%. De-seleccionamos el texto y movemos la Capa de Texto arriba de la Capa Fondo quedando así:

[FINAL] Y así nos debió haber quedado nuestro trabajo final. ¡Congratulations!

[OPCIONAL] Si gustas puedes cambiarle el color a todo tu trabajo, más adelante les dejaré los pasos.

[PASO 1] Nos vamos a nuestras Capas > Clic derecho a la Capa: Fondo > Aplanar la imagen. Después nos vamos a la pestaña Colores > Colorear y nos saldrá el siguiente cuadro:

[PASO 2] Cambiamos los ajustes, (Tono, Saturación y Luminosidad). Eligiendo los colores que más les guste o que más les venga a ustedes. El resultado final sería el siguiente:

Descargar Archivo | .XCF (Gimp) y .PSD (Photoshop).

El articulo Tutorial: Crear un Wallpaper grabado con tu nombre en Gimp apareció primero en Trixeles.

Mas adelante les dejo una serie de imágenes que podemos encontrar en su portfolio, así que si deseas ver el resto no dudes en echarle un vistazo.

El articulo Las obras surrealistas de Martin Wittfooth apareció primero en Trixeles.