Tutoriales

Nueva imagen para el inicio de sesión en cuentas de Google

by Alan Medina el agosto 22, 2011 @ 08:41:45 AM

Como parte de la campaña de renovación de imagen y refresco del diseño de productos de Google, ahora toca el turno de las pantallas de inicio de sesión que aparecen cuando se requiere que en usuario inicie sesión con su cuenta Google. Hasta este momento no se habían vistos cambios similares en este tipo de páginas pues como hay que recordar, Google comenzó con los cambios en el diseño de las SEPRs (páginas de resultados de búsqueda), para posteriormente expandir esta imagen hacia otros productos y servicios de la misma compañía como por ejemplo, Google Plus.

Google iniciar sesion

Las nuevas ventanas de inicio de sesión cuentan con la típica paleta de colores del rediseño de Google, con colores claros, interfaz sencilla y sobretodo agradable. Para probar esta nueva implementación, tan solo hay que ir a una página que pida iniciar sesión. Ya sean servicios como YouTube, Blogger o GMail, cualquiera de estos sirven para comprobar y probar el nuevo diseño. Tan solo hay que ir a gmail.com por ejemplo (obviamente sin estar logueados(as)).

Al llegar a la página de siempre solo hay que buscar en el pie de página (footer) hasta encontrar un vínculo con el texto Probar la nueva interfaz. Una vez que se ha dado clic en probar, se podrá disfrutar automáticamente de la nueva versión de pantalla de inicio de sesión para personas que usan alguna cuenta de Google para sus actividades diarias.

Vía | gHacks

Guardado en: Tutoriales

Tutoriales para Photoshop

by prigeek el junio 14, 2011 @ 06:08:17 PM

Ya hemos hablado antes sobre el programa de edición de imágenes, Photoshop. Como ya debemos haber visto, leído o conocemos por propio uso, este programa nos permite hacer un sinfín de modificaciones y correcciones a todo tipo de imágenes siempre y cuando las mismas cuenten con una calidad razonable para poder trabajar sobre ellas.

Luego de conseguir el programa e instalarlo en nuestra computadora, a más de uno debe surgirle la misma pregunta ¿Ahora que hago?. Si este es tu caso, nada te vendría mejor que unos buenos tutoriales para aprender a utilizar todos los trucos y herramientas de Photoshop.

En este listado de videos explicativos , encontrarás desde lo más básico, hasta los trucos que utilizan los diseñadores gráficos más reconocidos en todo el mundo, aquellos que trabajan para las tapas de revistas mas famosas, marcas de ropa, alimentos, entre otras cosas. Así que si te estabas embarcando en aprender el uso de Photoshop, aquí se termina tu búsqueda, puesto que en estos videos, aprenderás todo lo que debes saber para ser un excelente diseñador.

Guardado en: General,Photoshop,Tutoriales

Tutoriales Photoshop – Imagen multicolor

by cokalover el febrero 22, 2011 @ 11:37:20 PM

Ideal para flyers o carteles para fiestas o anuncios es este tutorial photoshop para convertir una imagen en una brillante imagen multicolorida que dará una buena sensación a todos los que la vean. Pueden ver la imagen de ejemplo y el enlace del tutorial aquí bajo.

Vía | Tutorial Photoshop

Guardado en: Photoshop,Tutoriales

Estilizar tablas con CSS3

by cokalover el febrero 7, 2011 @ 11:52:28 PM

Hablando de las bondades de los nuevos estandares para el desarrollo de paginas web como HTML5 y CSS3, descubrimos la gran capacidad que nos otorgan para estilizar etiquetas HTML, un ejemplo de ello y del que hoy hablamos son las tablas.

Gracias a CSS3 podemos realmente convertir y revolucionar el feo concepto que teniamos de tablas, esas de bordes grises de los años 90′s estan destinadas a desaparecer, para muestra este tutorial para potencializar al máximo su uso.

Enlace | Estilizar tablas con css3

Guardado en: Tutoriales

Tutoriales Photoshop – Transformar personas en alienigenas

by cokalover el enero 31, 2011 @ 11:19:08 PM

Otro tutorial muy bueno para photoshop, esta vez se trata de convertir a la persona que tu quieras en un habitante de otro planeta!. Siguiendo este tutorial podrás hacer posters o tarjetas de tu cara como si fueras un allien para apantallar a tus amigos.

Enlace | De persona a alienigena

Guardado en: Photoshop,Tutoriales

Tutoriales Photoshop – Traer a la vida una estatua

by cokalover el enero 25, 2011 @ 10:18:33 PM

Todos sabemos de las infinitas bondades de Photoshop, no por nada es de los editores de imagenes más usados en todo el mundo, una de las principales ventajas es la gran cantidad de recursos que la misma comunidad genera, por ejemplo tutoriales photoshop.

En esta ocasión encontré un interesante tutorial en donde podremos hacer parecer la foto de una estatua como si hubiera cobrado vida, muy bueno y sencillo.

Enlace | Tutorial photoshop – Traer a la vida una estatua

Guardado en: Tutoriales

Tutorial conectar base de datos con php

by cokalover el enero 8, 2011 @ 10:24:37 PM

Al momento de desarrollar aplicaciones web en uno de los lenguajes más utilizados (me refiero a php) una de las primeras cosas que deseamos aprender es como conectarse a una base de datos sql con php o realizar consultas e inserciones con MySQL.

He de decirles que no es tan díficil pero si necesitan una pequeña ayudadita en el blog.unijimpe crearon un tutorial sencillo y práctico de PHP + Mysql, espero les sirva.

Enlace | Tutorial PHP + MySQL

Guardado en: Tutoriales

Como diseñar juegos para redes sociales

by cokalover el diciembre 28, 2010 @ 12:25:16 AM

Muchos hemos querido alguna vez diseñar un juego (no importa que consola o género) y más aún cuando vemos el boom que han tenido juegos en las redes sociales digase cityville, farmville, etc…

imgres¿Pero que tan difícil es hacer un juego? si queremos uno a nuestra medida pues será difícil codificarlo desde cero con todo lo que eso implica, afortunadamente hoy en día podemos encontrar engines que facilitan el bastante proceso.

roar engine esta pensado para crear juegos del tipo RPG donde tienes que cumplir objetivos, tus personajes tienen atributos, existen tiendas, etc. Lo interesante es que es increíblemente sencillo realizar los juegos, pues te limitas a llenar y darle forma a tu historia sin preocuparse por la codificación.

Captura

Además entre las bondades que ofrece podemos encontrar que el juego creado es multi plataforma, con integración para Facebook, recursos para monetización, estadísticas, api para el desarrollo de tus aplicaciones, y módulo para usuarios premiun que pagaran dinero real en tu juego. Todo un sistema pensado para comenzar a diseñar y ganar dinero con tu juego.

Evidentemente no todo podía ser miel sobre hojuelas, la principal limitación es la cantidad de usuarios o llamadas al servidor que se pueden realizar mensualmente, tal vez al inicio no importe, per si tu juego despega habrá que comenzar a pagar bastante. Confundido En fin, les dejo la página para que le echen un ojo y vean si los convence.

Enlaces | Tabla con funcionalidades | roar engine

Guardado en: Tips,Tutoriales

Manuales HTML gratis para hacer una web

by Alan Medina el diciembre 18, 2010 @ 12:31:10 PM

Así que quieres aprender a hacer una web. Para tu fortuna, en Internet existen muchos recursos como guías, manuales y tutoriales gratuitos, que te podrán ayudar a comprender el proceso que implica crear una página web. Desde l más básico como los conceptos de HTML, hasta el manejo de servidores, transferencia de archivos, optimización, bases de datos, etc.

Hacer una web

Debido a la gran cantidad de sitios que existen sobre este tema, recomendaré algunas páginas en español, fáciles de entender y en donde hay muchos usuarios que también quieren aprender cómo hacer una web. Recuerda tomar todo con calma y paciencia, y que el aprendizaje es un proceso largo que requiere dedicación y disposición de tu parte. Aquí tienes mis sugerencias:

Con esos enlaces que te acabo de recomendar podrás aprender mucho si así te lo propones. Todos los manuales que enlacé son gratuitos y de libre acceso, así que lo único que necesitas es disposición de aprender y un poco de tiempo libre. Espero que aprendas mucho de estos recursos pues son de los mejores que hay en la red y me han servido mucho estos últimos años.

Guardado en: Diseño Web,Tutoriales

Tutorial: Cómo crear un botón en Photoshop

by Alan Medina el diciembre 11, 2010 @ 12:48:41 PM

Tiene mucho tiempo que no escribo un tutorial en este sitio, por lo que me decidí a realizar una pequeña guía para aprender a crear un botón en Photoshop. La guía estará basada en Photoshop CS5 pero con versiones anteriores del programa también se puede hacer de la misma manera.

1. Crear un nuevo documento

Cómo crear un botón en Photoshop

Primero hay que crear un nuevo Documento (File → New… o Archivo → Nuevo…). Hay que elegir un tamaño adecuado. En mi caso fueron 300 x 150 pixeles pero puede ser del tamaño que necesites. Si lo deseas, puedes darle un nombre al documento.
[click to continue…]

Guardado en: Diseño Web,Tutoriales