Pero ganar dos premios en la misma semana reconozco que es raro hasta para mí. (Supongo que va a ser cierto el refran ese de “afortunada en el juego, desafortunada en…”)

Sea como fuere aquí van las dos cositas que he ganado últimamente. Las he separado en dos post para darle a cada una la importancia que se merecen.

A través de Criterion, con el gran de señor Skeku al frente, me tocó mediante un sorteo de entre los que comentaron su post, un super Librazo Inspiracional:
Tempus Fugit, de Index Book

El tema sobre el que trata el libro son los calendarios. Y como buen libro inspiracional tiene un gran surtido de toda clase, desde los más clásicos hasta los más transgresores (Anda que no me hubiera venido bien este libro para un trabajito de hace unos meses…)

La verdad es que no sólo inspira para si toca volver a hacer calendarios, tiene ideas muy chulas que pueden extrapolarse a cualquier formato, web, gráfico o multimedia. Y frases interesantes que, en este caso, más que inspirar, animan.

Más sobre el libro:

http://www.indexbook.com/libro.php?idLibro=920

Anuncio:
http://www.criteriondg.info/wordpress/ganadores-sorteo-indexbook-y-workshops-masterd/

Lo de la rosa no ha ocurrido, pero lo de el libro se puede decir que sí.

Me encontrado en mi recién redescubierto Twitter un montón de enlaces a páginas donde ofrecen gratis libros.

Libros frikis, de los mios: Social media, Internet, nuevas tendencias, Ahi van los enlaces:

117 libros gratuitos sobre Comunicación y Social Media (inglés-español)

150 libros de temas variados relacionados con Internet (Blogging, Redes Sociales, Cultura de Internet, Comunicación, SEO…)

54+1 Libros gratis sobre Comunicación Marketing y Social Media

40 libros gratis sobre social media comunicacion y web 2.0

25 libros y manuales gratuitos en español sobre twitter

10 libros libres sobre tecnologia en castellano que debes descargar

No he hecho la suma total de libros, pero creo que hay lectura suficiente hasta el próximo San Jordi.

A disfrutar.

Y hete aquí que resulta que he ganado! weeeeeeeeeeee!!!

Me han mandado los vectores ya y son PRECIOSOS. Seguro que no tardo mucho en empezar a usarlos porque es verlos e inspirarte. ¡más chulos!

Se acabó tener que embeber fuentes en flash, o usar imágenes de background y ocultar los textos por ahi.

Gracias a Google ahora tenemos una serie de fuentes de todo tipo que podemos usar tan facilmente como quien usa la Times new Roman. Y, hasta donde yo sé, compatible con todos los navegadores :D

El modo de uso no puede ser mas facil:

Eliges tu fuente favorita, e introduces en tu head un link a su hoja de estilos:

ejemplo:

<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Indie+Flower”>

Donde Indie+Flower es el Font API parameter name de la tipo que he elegido.

Luego añades ese estilo al texto elegido:

body{ font-style: ‘Indie Flower’; }

y ya tienes tu estilo!

Yo he usado aquí Indie Flower y Schoolbell.

Luego sale lo q se puede…

Pero para hacer cosas bonitas lo primero es empaparse de arte, Arte Web, en este caso. Y para ello hay recopilaciones de Webs por todo internet que nos pueden ayudar a inspirarnos. Siempre esta bien echarles un ojo para coger ideas, ver últimas tendencias… en definitiva inspirarse.

Hay van unos cuantos recopilatorios:

_ Specky Boy

Tiene un monton de recopilatorios por temáticas:
50 diseños creativos de Ilustracion en Diseño Web – Porque incluir Ilustración en el diseño web hace que tu web sea original, y personal. Enseña “que puedes hacer” sin tener que ir al portafolio, y muestra tu creatividad en todo su esplendor.

50 webs minimalistas inspiradoras y frescas – Diseños, en principio sencillos, que resaltan el conteniddo, sin abandonar la usabilidad ni la creatividad. Menos es más, pero aunque a primera vista un diseño minimal parezca mas econimico y rápido de hacer, requiere de un buen trabajo de estructuración y navegación.

50 creativos e inspiradores portafolios personales Probablemente el trabajo más duro de los diseñadores, su propia web, el lugar que debe hablar por si mismo del propio autor, más alla del contenido. Un buen diseño de portafolio invitara a querer ver el contenido o no. (ojo, si acabas de terminar tu portafolio, como es mi caso, no veas este enlace o querrás destruirlo y hacer uno nuevo… avisado quedas.)

50 increibles diseños de blogs personales Un buen diseño de blog personal es aquel que de un vistazo muestra la personalidad del blogero. (ojo, misma advertencia que en el enlace anterior.)

50 webs de agencias de diseño web profesionales Del mismo modo que un portafolio ha de mostrar tu trabajo, y un blog personal tu personalidad, las agencias de Diiseño web tienen que demostrar a sus posibles clientes lo q son capaces de hacer en su propia web. Su propia web ha de ser su mejor portafolio.

50 preciosos webs de comercios corporativos En este recopilatorio no hay webs pequeñas si no grandes proyectos para grandes clientes. Cuidado al detalle para grandes presupuestos bien invertidos.

_ Hongkiat

50 tentadoras webs de diseñadores En honkiat han hecho un recopiatorio de lo mas original. Los diseñadores han de serlo, y han de demostrarlo, de entrada, en su propia web, buscando nuevas formas de presentar sus ideas, creando estilos…

Preciosos y creativos Portafolios de una sola página La mezcla perfecta de un curriculum gráfico aprovechando la interactividad de la web. Sin perder al visitanteentre secciones, estos portafolios muestran la creatividad de sus creadores de la forma más sencilla y llana posible. (Al lado de estos queda un poco triste ahora, pero yo en su día tambien hice mi portafolio en una sola pagina)

Más de 100 Diseños Web limpios, simples y minimalistas los diseños minimalistas tienen la ventaja de ser más rápidos de cargar y ocupar menos espacio en el servidor y suelen tener un aspecto mas profesional. Pero limitar el numero de elementos gráficos y poner el foco en el espacio en blanco y la tipografía requiere un gran ojo espacial.

50 preciosos diseños web dibujados a mano Muchos Diseñadores web empiezan sus diseños con lapiz y papel; pero hay quienes lo terminan así. De hecho este estilo se esta convirtiendo en habitual por la singularidad y la originalidad que aporta a la web.

_ Smashing Magazine

Muestra de Diseños Web creativos Con la cantidad de páginas web que existen, hay que buscar el modo de destacar. En este recopilatorio no solo se muestran las webs mas creativas, si no que hablan en cada una de sus puntos más notorios.

50 preciosos y creativos portafolios Otra coleccion de portafolios de los que destacan entre los miles de portafolios en internet, con comentarios en cada uno para coger buenas ideas.

40 webs originalemente maquetadas. Estas webs rompen con las tipicas estructuras para maquetar, y experimentan sabiamente con locas ideas que tambien funcionan muy bien y derrochan originalidad.

recopilatorio de Webs corporativas Por lo general las webs corporativas solo gustan a las propias empresas, pero en este recopilatorio encontramos webs que no solo destacan por su estetica si no por su entra experiencia de uso. Merece la pena pasarse por cada pagina.

Recopilatorio de paginas bonitas pero poco usables Un recopilatorio de advertencia, con un analisis de posibles problemas de usabilidad que lleva la creatividad sin medida. ojo!

___

Hay más recopilatorios temáticos en cada una de estas webs, y más webs con más recopilatorios, pero creo que para un solo post estos están bien. Aun así recomiendo que curioseeis en los enlaces de las propias webs para ver las demás recopilaciones.

Si alguien conoce otro buen recopilatorio u otra web de diseño interesante que la postee por aquí en un comentario.

Espero que os ayude a inspiraros!

Hace un tiempo vi por ahí a alguien que hizo este efecto en su FB. Me gusto, y lo he adoptado. creo q es bastante fácil pero para quien no sepa hacerlo le explico los pasos que he seguido.

1º- Se hace una captura de pantalla y se pega en un archivo Nuevo en Photoshop.

2º- Se crea una capa nueva y dibujamos en ella 5 cuadrados negros que coincidan con las imagenes de arriba. Yo he usado trazados, que luego he rellenado de negro.

3º – Abrimos la imagen que queremos usar y la incluimos en nuestro archivo, en una capa por encima de los cuadrados.

4º – Click derecho en la capa de la imagen y seleccionamos la opción: crear mascara de recorte. Así vemos como quedaría.

5º- Con la capa de la imagen seleccionada CTRL+T y escalamos, movemos y giramos nuestra imagen hasta que quede bien.

6º- Guardamos cada imagen, para eso usaremos la herramienta recortar y recortaremos la imagen de la izquierda lo mas fielmente posible. Una vez recortada eliminaremos la capa del cuadrado negro de debajo para evitar trasparencias. y guardamos con el nombre 5.

7º- Volvemos hacia atras en el historial 2 pasos y hacemos la misma operacion con la siguiente foto, q se llamara 4, y así con todas.

8º- En el Fb dependera de vuestra privacidad y vuestras preferencias. Podéis meter estas imágenes en una carpeta nueva y editar privacidad para que la vea quien vosotros querais, o podeis ponerla en vuestras imagenes de perfil y abrir la privacidad de este (si no lo teneis abierto ya) para que lo vea todo el mundo. En cualquier caso, Has de colocar las fotos en el orden correcto, y tagearte en el orden correcto. Si las has puesto de perfil, asegurate de volver a cambiar la foto principal de tu perfil después.

El efecto no se pierde cuando sois tageados porque podéis eliminar las fotos en las q sois tageadas de vuestro perfil pasando el ratón por encima y cliqueando en la X. Seguiríais estando tageados, pero no aparecería en vuestro perfil.

Podéis ver el resultado aquí.

Eso es todo. Si tenéis dudas, comentad, q no muerdo.

Elige el proyecto y responde a las preguntas para dar con tu tipo. Está en ingles, pero del fácil.

Original en grande aquí:

http://www.behance.net/Gallery/So-you-need-a-typeface/486723

Hay concursos de todo tipo: dise?os de p?ginas completas, logos, camisetas, banners…

Merece la pena echarle un ojo.

Fuente: Bitelia