WorldjamBlog

SLIDE-5-TITLE-HERE

miércoles, 31 de octubre de 2012

Blackberry en formato PSD

Si estás buscando un archivo PSD de un teléfono móvil Blackberry no busques mas porque aqui te dejo dos ficheros para Photoshop editables de descarga gratuíta con los que podrás incluir en tus diseños estos dispositivos y dotar a tus webs de la tecnología que atesoran. Tienes dos modelos disponibles, la Backberry Bold 9700 y la Balkberry Strom





By worldjam with No comments

Diego Koi, artista de la semana


Diego Koi es un artista hyper realista al que le dejas un lápiz y una hoja en blanco y realiza unos dibujos que realmente pensarías que es una fotografía en blanco y negro! Este tipo de obras a mi me resultan fascinantes y al ver su trabajo no es dudado en darle un espacio en este blog porque realmente su trabajo lo merece. Las imágenes hablan por si solas.



By worldjam with No comments

Esquinas ocultas mediante CSS


Sin duda en mas de una ocasión habrás visto una tarjeta de visita alojada en un espacio dentro de una carpeta cuyas esquinas, las de la tarjeta se insertan dentro de unas pestañitas para evitar que la tarjeta caiga pero se pueda acceder sin problemas a ella. Esto ahora lo puedes simular en tu web y además mediante CSS3. ¿Cómo? pues en el siguiente enlace te explican paso a paso a cómo conseguirlo. Los resultados no dejan de ser increíbles.

By worldjam with No comments

Gridster un plugin JQuery para implementar tus grid


Gridster es un plugin JQuery que nos permite de una forma sencilla realizar una web con un grid, en los cuales cada una de las cajitas se pueden mover de posición al gusto del usuario, arrastrándola y llevándola a otra parte del grid. Sencillamente es espectacular el resultado y el aspecto que da a tus webs es sin duda muy muy profesional, por lo que no dudes en echar un vistazo al siguiente enlace y disponer de este plugin ya!! Compatible con Explorer 9+, Firefox, Chrome, Safari and Opera.

By worldjam with No comments

La colección definitiva de Custom Shapes para Photoshop


Los custom shapes ó formas de Photoshop son un recurso quizás no tan utilizado como los pinceles (brushes) pero que sin embargo nos pueden aportar algo muy similar a lo que podrían ser las imágenes vectoriales pero además instaladas en Photoshop y ocupando mucho menos espacio. Su uso es realmentre sencillo ya que es elegir la forma y arrastar sobre la capa para dar el tamaño que deseamos, por lo que no dejes de echar un vistazo a esta super colección de formas (shapes) para photoshop, porque sin duda muchas acabarán formando parte de tu Photoshop.

By worldjam with No comments

martes, 30 de octubre de 2012

Logotipos con efecto 3D


La siguiente colección de logotipos, tienen en común que utilizan sus diseño para llamar la atención del usuario porque parecen estar en tres dimensiones y hacer incluso que el usuario intente tocar el logotipo, por lo que estará mucho mas presente en el ya que le llamará mucho mas la atención. Esta colección de logotipos sin dudas despertarán tu creatividad si estás en esa fase de diseño de uno de ellos y quizás des con la clave para realizar un logo de altísima calidad.

By worldjam with No comments

Tutoriales Photoshop para dar relieve a tus textos


A pesar que parece que la tendencia en diseño vuelve a ser en dos dimensiones, a mi personalmente me gusta darle volumen, rugosidad, textura a los elementos de mi web, que parezcan que tienen 3 dimensiones y que den la sensación de que flotan en la pantalla. Una de las formas mas interesantes para tener este efecto es el de dar a los textos un efecto impreso, es decir, un efecto de haber sido grabado en el elemento que usamos de fondo y si quieres aprender cómo hacerlo en el siguiente enlace encontrarás una colección de tutoriales para Photoshop que te explican cómo llevarlo a cabo.

By worldjam with No comments

Pinceles (brushes) de monstruos manuscritos para Photoshop


Divertida y simpática colección de pinceles (brushes) para Photoshop con motivos monstruosos. Todos ellos con un aspecto manuscrito, ideales para realizar tus diseños de Halloween ó cualquier otro diseño al que quieras dar una nota de humor "austando" al usuario con estos simpáticos monstruitos.

By worldjam with No comments

Fuente tipográfica "Benton Sans"


La fuente tipográfica de hoy me ha llamado la atención poderosamente al verla en una web que me ha gustado mucho precisamente por la correcta elección de su fuente tipográfica. Eso sí en la web la fuente estaba en forma de imagen y había sido un poco retocada para hacerla menos angulosa. De todas formas sus caracteres originales destacan sobremanera y he querido compartirla con todos vosotros.

By worldjam with No comments

lunes, 29 de octubre de 2012

Imagen vectorial de "Gangnam Style"


Es sin duda el bonbazo musical de año, este surcoreano ha conseguido algo extraordinario en el mundo de la música y es que a través simplemente de youtube se haya convertido en todo un himno conocido en todas las pistas de baile. La cación es pegadiza pero lo que pega de verdad es su baile asociado, de esos que todo el mundo quiere imitar al escuchar la canción, pero si no eres muy habilidoso con los pies y prefieres seguir con tus diseños esta imagen vectorial del surcoreano haciendo su famoso baile puede ser muy interesante para ti.

By worldjam with No comments

Fuente tipográfica "Ten O'clock"


Interesante fuente tipográfica la que os presento hoy! Se trata de una fuente de estilo manuscrito, empleando una forma muy peculiar de realizar cada uno de los caracteres, ya que utiliza trazos desordenados, recurrentes y asimétricos para crear un tipo de letra que muchas veces hemos realizado manualmente mientras estamos con un boli en la mano y repasamos una y otra vez un texto escrito. Sin duda realmente original!

By worldjam with No comments

Sitio del día para inspirarte 29/10/2012

El sitio del día viene muy a cuento ya que en estos días se estrena la nueva entrega de la saga de películas del agente secreto mas famoso del mundo entero, James Bond. Una de las particularidades de este personaje es que no sólo se ha hecho famoso por cómo resuelve los casos, si no que siempre sale con algún coche que inmediatamente al salir en la película se convierte en un vehículo clásico y sobretodo deseado. Una extensa colección de vehículos sólo al alcance de un hombre cómo James Bond. 


En cuanto al diseño de la web, se inspira en estos vehículos y los muestra de una forma con efecto paralax y usando infografías con lo cual su diseño está totalmente a tono con las tendencias de diseño web actuales.

By worldjam with No comments

Colección de patrones "tileables"


Excelente y extensa colección de patrones para Photoshop. Todos ellos "tileables" es decir, que se pueden expander vertical y horizantalmente sin notar ningun salto en el diseño y poder extenderlo a cualquier superficie. Este conjunto tiene un poco de cada estilo, hay patrones estilo, grunge, textil, pixelado... sin duda una referencia para cualquier diseñador que en algún momento necesite disponer de un conjunto de patrones para sus diseños.

By worldjam with No comments

viernes, 26 de octubre de 2012

8 nuevas fuentes para tus diseños


Colección de 8 fuentes tipográficas muy útiles y especialmente diseñadas para diseñar con el texto, simplemente con eso, rellenas una hoja en blanco, dándole toda una experiencia visual al usuario a la vez que le transmites toda la información que le quieres hacer llegar, con textos estudiados y directos. No te la pierdas, porque sin duda sond e esas fueentes que deben tener disponibles en cualquier momento.

By worldjam with No comments

Temas minimalistas, responsables y gratuítos para Wordpress

En muchas ocasiones, los programadores web siempre queremos realizar algo exclusivo, que no se parezca a nada visto hasta entonces, pero no siempre se consigue ó simplemente no funciona, por lo que a veces es mejor simplificar para ganar! Una de las formas mas sencillas de seguir esta línea de trabajo es la de empezar usando plantillas, temas ó elementos ya diseñados y que sabemos que han sido efectivos en anteriores ocasiones, por lo que sin duda estos temas de wordpress te pueden servir en esta labor, ya que son sencillos, responsables y sobretodo, gratuítos.

By worldjam with No comments

Indicadores circulares en formato PSD


El siguiente recurso en formato PSD para Photoshop nos trae una colección de indicadores circulares cómo los que podemos encontrar en el salpicadero de un coche u otro tipo de vehículo, en formato digital, que nos da información sobre todo tipo de medidas con sus parámetros. Estos indicadores pueden formar parte de muchos diseños dando al usuario la información de una forma muy original.

By worldjam with No comments

Sitio del día para inspirarte 26/10/2012

De vez en cuando, suelo poner en este blog, sitios web destacados que me han resultado especialmente interesantes y que creo que pueden servir de inspiración a los diseñadores web. No son sitios que esten patrocinando esta publicidad (si quieres publicitar tu sitio, contacta conmigo, jeje) si no que quitando su posible publicidad comercial, lo destaco por su diseño y sus soluciones en programación. En este caso me ha gustado mucho el diseño de sus fondos y su mená, así como la prespectiva de ciertos elementos y la superposición de unos sobre otros.

By worldjam with 2 comments

jueves, 25 de octubre de 2012

Plugins JQuery de paginación


Cualquier programador web en alguna ocasión ha tenido que dividor los resultados que se muestran en pantallas en mútiples páginas dependiendo del volumen de resultados. Recuerdo que esta taréa la sólia programar en PHP y resultaba una taréa que si bien no era excesivamente complicada sí que requería cierto esfuerzo, tiempo y sobretodo conocimiento. Hoy en día este problema lo podemos resolver con los distintos plugins JQuery disponibles para realizar la paginación. En el siguiente enlace se muestran una compilación de muchos de ellos que sin duda te serán de utilidad la próxima vez que necesites realizar una paginación.

By worldjam with No comments

Colección de iconos de aplicaciones Android


A día de hoy ya estamos familiarizados con el uso de los smartphones y detectamos y manejamos con naturalidad los distintos iconos que tiene uno de los sistemas operativos más utilizados en dispositivos móviles, cómo es Android. Cada sistema operativo tiene unas medidas y estilo propios de iconos. Si quieres conocer y poseer una bonita colección de iconos para Android en formato PSD para Photoshop.

By worldjam with No comments

Conjunto de patrones textiles para Photoshop


En esta ocasión el conjunto de patrones engloba toda una colección de textiles de diferentes texturas y colores, que resultan de una calidad increíble y que nos garantizan que dar un motivo a un elemento Photoshop resulte fácil y con un resultado sorprendente, desde un color apagado y soso a todo un acontecimiento visual y sensorial.

By worldjam with No comments

Conjunto de patrones cortados en dado


Este conjunto de 5 patrones, destaca por su aspecto y calidad, el resultado que da a los diseños donde se emplea dice mucho del artista que lo está desarrolando, ya que impacta de una forma muy intensa y llamativa al usuario sin llegar a cansarlo y dando un aspecto muy profesional con un gran acabado y además de una forma muy sencilla de usar cómo son los patrones ó motivos en Photoshop.

By worldjam with No comments

miércoles, 24 de octubre de 2012

Texturas de huellas de neumaticos


Excelente colección de texturas donde el protagonista absoluto es la huella que deja ese elemento que nos agarra a la carretera cuando conducimos un vehículo. No cabe duda de que los neumáticos y su evolución han hecho posible que los vehículos sean mucho mas seguros y la evolución de los mismos hacen que pocos neumáticos sean iguales habiendo muchos tipos diferentes según el uso que les vayamos a dar. Estos neumáticos dejan huella!

By worldjam with No comments

Colección de infografías


Quizás el termino "infografía" te suena de haberlo oido en muchas ocasiones pero no sabes muy bien definirlo si alguien te pregunta verdad? Pues bien, despues de ver el siguiente enlace seguro que tienes un mejor concepto de lo que puede llegar a ser una infografía y sobretodo a aprender cómo se pueden usar y para qué. Estas infografías han marcado un muevo estilo en diseño web, ya que son muy usadas de forma muy creativa a la hora de mostarr datos al usuario de forma que sea amena y se entienda bien. Échale un vistazo al siguiente enlace porque puedes encontrar un montón de ejemplos que te ayuden a realizar tus diseños basados en este nuevo estilo.

By worldjam with No comments

Iconos circulares de metal


Interesante colección de iconos circulares con un acabado en metal de alto brillo, sin duda una colección de iconos muy bonitos y que no desentonan en ningún diseño, ya que son sencillos, elegantes y discretos a la par que llamativos. Es uno de estos recursos que guardas con especial interes y que estás deseando tener una ocasión para usarlos y así incrementar el interés del usuario por tu diseño.


By worldjam with No comments

Fragmentos de código CSS básicos


En muchas ocasiones me ha sucedido que en un proyecto que estoy llevando a cabo recuerdo haber usado en alguna ocasión un código CSS que me puede venir muy bien pero que en ese momento no recuerdo exactamente su sintaxis y me cuesta recordar y encontrar en el proyecto donde lo estuve utilizando, para ello y como seguramente le pase a muchos programadores web, los chicos de codrops.com han realizado una compilación de códigos CSS básicos para tener a mano y usar en cualquier momento en el que tengamos la necesidad de hacer uso de ellos. Guardate este enlace en un sitio bien accesible porque sin duda lo vas a usar mucho.

By worldjam with No comments

martes, 23 de octubre de 2012

Ejemplos de diseño web "cafeteros"


Cuando afrontamos un nuevo diseño web, debemos tener en cuenta que es lo que queremos hacer llegar ó transmitir al usuario. Si queremos mostrar un producto, podemos usar una buena imagen, si necesitamos comunicar algo, usamos un texto claro y conciso, si queremos llamar la atención tenemos especial cuidado con los colores, pero si por ejemplo, queremos diseñar la web de una cafetería, debemos hacer que incluso la web al mostrarla al usuario huela a café! ¿Cómo lo conseguimos? hay varias formas, cómo las imágenes, los colores, el tipo de letra.. pero la mejor muestra es que eches un vistazo a la siguiente colección de webs, donde el café es el protagonista para recoger ideas.

By worldjam with 3 comments

Como hacer el logo de Pepsi con Photoshop


El tutorial que os presento a continuación me ha llamado la atención por varios motivos, yo ya solo por el resultado final, que está muy conseguido sino por como lo realiza ya que me ha servido para aprender algunas cosas que me pueden ayudar en un futuro en mis proyectos. Se trata de un tutorial que nos enseña paso a paso a diseñar el logotipo de la conocida marca de bebidas refrescantes Pepsi, con sus conocidos colores rojo, blanco y azul y su terminación que simula algo un efecto 3D y que provoca una sensación refrescante muy conseguida.

By worldjam with No comments

Acción de Photoshop para dibujar tus imágenes


Esta acción de Photoshop que te presento en el siguiente enlace es muy similar a otras acciones que os he presentado anteriormente, ya que realiza un efecto de imagen manuscrita ó dibujo realizado a mano a partir de una imagen, por lo que no te resultará novedoso, sin embargo, en esta ocasión puedes elegir el color que quieres dar a esos trazos manuscritos, ya que van desde el balnco y negro hasta coloreado, pasando por un efecto vintage añadido, sin duda la acción de paso a boceto definitiva.

By worldjam with No comments

45 conjuntos de iconos en format PSD


Los iconos son recursos que indudablemente son muy  odiciados en diseño web. Practicamente todas las webs disponen de uno ó varios iconos en su interfaz gráfico y son parte importante del diseño, ya que incitan al usuario a realizar algún tipo de acción, por lo que deben ser llamativos y que expresen por si mismo lo que podemos encontrar al pulsar sobre ellos. Es importante disponer de una buena colección de iconos por lo que aqui te dejo un enlace a 45 conjuntos de excelentes iconos de altísma calidad.

By worldjam with No comments

lunes, 22 de octubre de 2012

33 de las mejores fuentes tipográficas gratuítas


Me gustan las compilaciones de fuentes tipográficas, ya que aparecen representadas de una forma muy artística extrayendo lo mejor de cada una de ellas dentro de un diseño propio pero con un protagonismo destacado, además si la compilación es de fuentes gratuítas mucho mejor, ya que podemos realizar la descarga y probarlas en nuestros diseños para ofrecer el mejor producto posible. No dejes de echar un vistazo a este enlace donde se presenta 33 fuentes de gran calidad.

By worldjam with No comments

iPhone 5 3D en formato PSD

Ya tenemos aqui el nuevo producto de Apple, un dispositivo móvil que da una vuelta de tuerca al ya conocido iPhone 4S y del que todo el mundo opina, ya sea para bien ó para mal, pero este no es un blog en el cual solemos opinar de productos tecnológicos, si no que usamos su estética y diseño para reproducir total o parcialmente en diseños gráficos ó como parte de un diseño web. Para ello nada mejor que tener este tipo de diseños en formato PSD para Photoshop con los cuales puedes modificar a tu antojo y hacerle parte de un proyecto de diseño y esta vez en 3D.

By worldjam with No comments

Interfaz de usuario retro en formato PSD

A estas alturas todos los diseñadores web sabemos que el estilo retro se impone en los diseños de las webs mas modernas y que tienden a ofrecer al usuario un porducto exclusivo, con una temática vintage que envuelve al usuario y le alienta a inventigar por esa web para descubrir a través de su interfaz lo que ella ofrece. Pues bien si estás pensando en un nuevo proyecto que tenga ese estilo retro, este interfaz de usuario (UI) en formato PSD para Photoshop te puede ayudar mucho a desarrollar dicha web. No te lo puedes perder!!

By worldjam with No comments

Cómo dar un aspecto retro a una imagen mediante CSS3


Aunque hemos moctrado en anteriores ocasiones numerosos tutoriales y acciones Photoshop para dar un aspecto retro a una imagen, a veces iniciar el Photoshop para realizar esta acción no es necesario, ya que con la llegado de CSS3 podemos dar un aspecto retro a una imagen de una web mediante código y por tanto podemos ir modificando la imagen y experimentando con ella teniendo siempre la imagen original intacta. Prueba este código en las imágenes de tu web y dales un nuevo aspecto.

By worldjam with No comments

viernes, 19 de octubre de 2012

40 fuentes tipográficas de alta calidad


Las fuentes tipográficas como todos sabemos son muy importantes y juegan un papel fundamental en cualquier diseño gráfico. Pues bien, estas fuentes se deben seleccionar y emplear de una forma adecuada ya que no todos los diseños casan con una determinada fuentes, por eso hay familias y estilos y estudios de las distintas fuentes. Si no quieres pasar por todo eso y simplemente quieres ver una selección de fuentes de todo tipo, mira el siguiente enlace y descubrirás una selección de 40 fuentes de todo tipo de altísima calidad.

By worldjam with No comments

Textos con efecto madera mediante Photoshop


El otro día estuve buscando por la red y los reconocidos blog sobre Photoshop un buen efecto de texto de madera para aplicar a un menú de una de las webs en las que estoy trabajando y encontré uno que realmente me gustó el efecto que daba, si bien seguí investigando y he encontrado esta colección de tutoriales de Photoshop sobre efectos de texto de madera. Todos ellos son realmente espectaculares y hay de muchos tipos para que elijas el que crees que se puede adaptar mejor a tu diseño y todo gracias a psd-dude.com

By worldjam with No comments

Fuentes tipográficas calificadas cómo "alucinantes"


Sí, el título quizás esté libre de interpretación ya que ese adjetivo puede ser muy dubjetivo, pero no cabe duda de que esta colección de fuentes tipográficas al ver los ejemplos son realmente sorprendentes. Muchas veces a una fuente se le saca mejor partido en un ambiente de diseño especício y con unos colores adecuados, pero no cabe duda de que los resultados que se consiguen son muy buenos y la fuente ya de por sí sola adquiere un verdadero protagonismo.

By worldjam with No comments

50 logos minimalistas con mensaje oculto


Sin duda esta colección de logotipos minimalistas son pequeñas obras maestras, son la total expresión de un buen diseño, sencillo, elegante y sobretodo inteligente y comunicativo y todo ello usando apenas unas letras para dar mucho mas énfasis al logo. A mi este tipo de trabajos me parecen increíbles y son propios de gente con gran imaginación y saber hacer en cuanto a marketing y expresión plástica.

By worldjam with No comments

jueves, 18 de octubre de 2012

Texturas de papel envejecido

 
Sin nunguna duda, una de las texturas estrella para un diseñador son las de papel, ya bien sea el recurso en forma de pincel, patrón ó imagen siempre son de gran utilidad en cualquier diseño, ya que en muchas ocasiones se trata de simular en web los recursos habituales de cualquier persona a la hora de realizar sus tareas cotidianas. Hoy te presento una colección de texturas de papel envejecido muy útil para dar efectos retros, antiguos ó vintage a tus diseños.

By worldjam with No comments

Cómo crear un poster con efecto acuarela en Photoshop


Para un buen diseñador gráfico, dominar la herramienta Photoshop es fundamental, hay profesionales que se pasan todo el día trabajando con esta herramienta y se conocen todos los secretos que ofrece, sin embargo para muchos otros que no somos 100% diseñadores, pero que la programación no la concebimos sin un buen interface gráfico nos quedan muchas cosas por aprender y gracias a los distintos tutoriales de los gurús del Photoshop, podemos ir realizando cosas con mucho estilo. Uno de esos grandes tutoriales es el que te presento a continuación. Se trata de un tutorial de cómo realizar un poster a partir de un retrato dándole un aspecto de acuarela en papel envejecido. Sin duda el resultado final es espectacular y voy a tener que ponerlo en práctica a ver si consigo algo similar!

By worldjam with No comments

Siluetas de bailaores de flamenco en formato vectorial



Interesante recurso de siluetas de personas en formato vectorial, esta vez el conjunto trata acciones propias de los bailaores de flamenco en distintas posturas y atuendos propios de este baile típicamente español. Sin duda las siluetas vectorizadas siempre facilitan mucho los trabajos de diseños y son muy bien valoradas por los diseñadores.

By worldjam with No comments

Las 100 mejores fuentes tipográficas del 2012


awwwards.com es una web que premia a todas aquellas webs, que tras una votación por parte de los especialistas mas importantes e influyentes del mundo de la programación web consideran que ha sido la web mas innovadora y creativa de Internet y muchos de esas web hoy en día son una fuente de inspiración para los desarroladores que encuentran en esta página una referencia y una guía de estilo a seguir. 



Pero awwwards.com no solo se dedica a premiar las webs mas innovadoras tambien recopila y muestra los recursos mas importantes para los diseñadores web, como son por ejemplo la colección de 100 fuentes que te muestro a continuación. Si despues de esto sigues sin encontrar una fuente que se adapte a tu diseño, seguramente esa fuente no exista.

By worldjam with No comments

miércoles, 17 de octubre de 2012

Colección de texturas de césped


Expectacular colección de texturas de césped de todo tipo, césped de campos de futbol, de campos de golf, de jardines... césped cortado minuciosamente, césped con calvas, césped alto, sobresaliendo de las teselas del suelo... en definitiva una extraordinaria colección de 40 texturas de césped diferentes donde sin duda encontrarás la más adecuada para tus diseños.

By worldjam with No comments

Patrones de texturas metálicas

El conjunto de patrones que te presento en el siguiente enlace es uno de esos conjuntos que debe tener cualquier diseñador gráfico, ya que es un básico en cuanto a texturas a emplear en cualquier diseño. Estas texturas son metálicas y hay de diversos tipos, ya que van desde el aluminio pulido hasta la plancha de metal agujereada, sin duda un elemento muy empleado en cualquier diseño y que al ser patrones de tipo "tileable" se pueden usar para fondos ó background sin romper su continuidad.

By worldjam with No comments

Fuente tipográfica "Edmondsans"


La fuente tipográfica de hoy basa su estilo en la familia de fuentes "sans" que nos ofrece la web de losttype.com una web especializada en fuentes tipográficas de alta calidad y que hoy quiero destacar uno de sus trabajos, la fuente tipográfica denominada "Edmondsans" ya que se trata de una fuente ligera, simétrica y muy elegante, ideal para cabeceras y textos de letras no demasiado pequeñas. No la dejes escapar!!

By worldjam with No comments

30 super-manuales de Wordpress para diseñadores

A pesar de que Wordpress es una de las plataformas CMS mas intuitivas y sencillas de manejar una vez instalado, no siempre es fácil realizar ciertas cosas a las que estamos aconstumbrados los programadores y diseñadores web, por lo que siempre hay que investigar e incluso meterse en las tripas del código de Wordpress para poder realizar algunas de las tareas. Si estas un poco perdido ó simplemente quieres aprender mas sobre Wordpress te invito a echar un vistazo a esta colección de 30 super-manuales para diseñadores de Wordpress que sin duda te sacarán de mas de un apuro.

By worldjam with No comments

    • Popular
    • Categorías
    • Archivos