Photoshop: Efecto texto vidrio/cristal

En este tutorial veremos como crear un efecto vidrio en un texto con Photoshop usando los efectos de capa

Paso 1

Primero creamos un nuevo documento de 450 x 450px, luego escribimos un texto cuidando que sea de color blanco y en el tipo de fusión cambiamos de normal a multiplicar de esta forma parecerá que el texto ha desaparecido, en realidad se ha vuelto transparente y ya es posible aplicar los efectos de capa.

Paso 2

El siguiente paso es agregar una sombra externa tal como se muestra en la imagen:

Paso 3

Para darle un poco de volumen le añadimos una sombra interna:

Paso 4

Ahora debemos acentuar un poco los bordes para darle más volumen:

Paso 5

Paso 6

Paso 7

Finalmente agregamos un leve brillo

La descarga del archivo Photoshop es sólo para nuestros fans de Facebook, puedes hacerte fan totalmente GRATIS AQUI

Descarga gratis íconos para desarrolladores

En internet encontramos gran variedad de íconos el problema es que al momento de utilizarlos en una interfaz por el tamaño que tienen y la cantidad de colores al escalarlos quedan muy distorcionados y poco visibles.

Es por eso que los desarrolladores necesitamos unos íconos que de por si sean pequeños y diseñados especialmente para ese tamaño, para esos casos les recomiendo esta excelente colección de famfamfam con mil íconos para uso gratuito.

En la captura se ven uno cuantos pero en realidad hay como mil, para todo lo que necesitemos

Pueden bajarlos AQUI

Creately: Mockups, bosquejos web

Usualmente nuestros clientes no son especialistas en web y no tienen totalmente clara la idea de lo que desean, pero interrogando un poco al cliente podemos hacernos una idea más clara de sus necesidades. Sin embargo esto no siempre es suficiente por lo que se hace necesario hacer una serie de bosquejos que nos permitan ver si estamos de acuerdo.

Hay algunos que hacen webs completas o bosquejos usando HTML pero esto en verdad demora mucho e implica un trabajo adicional excesivo, por eso prefiero hacer mockups o bosquejos de lo que será la interfaz del sitio con etas herramientas online.

Pueden probar esta excelente herramienta llamada Creately, cuenta con los elementos más comunes no sólo para web, permite exportar a PDF y cuenta con una opción gratuita aunque esta es bastante limitada en cuanto a cantidad de usuarios y mockups que podemos almacenar; sin embargo la opción pagada tampoco es demasiado cara y si a la larga la usamos con cierta frecuencia en verdad vale la pena.

Pueden probarla AQUI

Descargar Iconos Azules Gratuitos

Excelente colección de íconos azules gracias a Vista Icons, lo mejor de todo es que podemos usarlos completamente gratis

Pueden descargarlos AQUI

Facebook: Mostrar contenido solo para fans

Anteriormente ya había explicado como crear una fan page ahora voy a explicar como mostrar cierto contenido sólo para fans de nuestra página.

Dentro de nuestra pestaña copiamos un código similar a este:

Pero también puede darse el caso que debamos hacer aparecer un contenido para fans y otro para los no fans con algun mensaje tipo “Subscribete para bla, bla, bla”. Eso se hace de la siguiente forma:

// Actualización
El contenido para no fans tiende a generar un espacio en blanco para solucionar esto al div que contiene el contenido para no fans le ponemos un position absolute.

Con esto podemos hacer mil cosas como mostrar ofertas sólo para fans, permitir acceso a algunos links y cosas así que nos ayudarán a publicitar nuestra empresa.

Puedes ver el ejemplo en esta fanpage de ejemplo para ser más precisos en la pestaña “Bienvenido”