WorldjamBlog

SLIDE-5-TITLE-HERE

jueves, 30 de junio de 2011

Pinceles (brushes) de helados para Photoshop


Hoy os he querido premiar vuestro apoyo visitando mi blog con estos pinceles (brushes) para Photoshop de helados, dado que en esta epoca en la que aprietan los calores no hay nada mejor que refrescar el cuerpo y la mente con un buen helado. Que lo disfruteis!!

By worldjam with No comments

Imagenes vectoriales de pelotas deportivas


En esta ocasión os presentamos un recurso en formato imagen vectorial de distintas pelotas o balones o utensilios para las distintas practicas deportivas, muy útiles si estamos realizando un diseño con motivos de esta índole.

By worldjam with No comments

Iconos sociales con forma de chapas de refrescos


Original colección de iconos sociales que están inspirados en las chapas de los refrescos que usan los niños (al menos en mi epoca) para jugar a las carreras de chapas con la cara de tu ciclista favorito!!

No los dejes escapas, son de descarga gratuita y en alta calidad.

free-social-media-icons-old-bottle-crowns-icon-set

By worldjam with No comments

miércoles, 29 de junio de 2011

Pinceles (brushes) abstractos para Photoshop


Los pinceles abstractos son uno de los temas de pinceles que no puedes dejar de tener ya que te sacan de muchísimos apuros y pueden ser empleados practicamente para cualquier tipo de retoque que necesite algo diferenciador y que realce el diseño. Para ello hoy te presentamos una colección de 52 conjuntos de pinceles abstarctos para que puedas elegir el que mas te guste para emplear en tus diseños.

By worldjam with No comments

martes, 28 de junio de 2011

Los 10 plug-ins de Firefox 5 que debes tener instalados


En este enlace aparece una selección de los 10 mejores plug-ins para Firefox 5 que debes tener instalados y que son de una grandísima utilidad para gente que navega horas y horas por Internet en busca de infromación.

By worldjam with No comments

Mapas del mundo en formato vectorial


Otro recurso imprescindible en el cajón de todo diseñador es tener imágenes en formato vectorial de planos o mapas del mundo, ya que siempre se necesitan para ilustrar alguna página web de contacto. Puedes encontrar en el siguiente enlace una importante colección de mapas en formato vectorial de muy deversos tipos, que seguro que ilustran a la perfección tus propósitos de diseño, ya que tienes más de 100 mapas distintos.

By worldjam with No comments

Sitio del día para inspirarte 28/06/2011


Ultimamente veo muchas webs que se basan en una sóla página, es decir, toda la información está dentro del mismo archivo HTML y el menú te lleva a una parte del documento. En principio parece que estas páginas vuelven un poco a los orígenes de la codoficación HTML, pero tienen algo diferente y en este caso, la página simula un edificio, en la que las diversas plantas te dan un tipo de imformación, con un ascensor que hace de menú que te lleva a una u otra planta, subiendo o bajando.

By worldjam with No comments

Pinceles (brushes) de rotuladores fluorescentes (Stabilo Boss) para Photoshop


Otro interesante pincel para Photoshop que nos ayudará a crear o marcar puntos claves a reseñar dentro de nuestros diseños con estos lápices marcadores que puedes crear de muchas formas y de los colores que mas precises. No dejes de descargarlo de forma gratuita estos pinceles de alta calidad.

By worldjam with No comments

Pinceles (brushes) de flechas pintadas a mano para Photoshop


Vamos incrementando nuestra colección de pinceles dejando una selección de ellos como pinceles (brushes) imprescindibles que todo diseñador debe tener a mano para hacer sus diseños. En esta ocasión os traemos una colección de pinceles de flechas pintadas a mano para Photoshop. Hay fechas de todos los tipos que seguro que se adaptan a cualquier diseño.

By worldjam with No comments

lunes, 27 de junio de 2011

70 patrones de alta calidad para Photoshop


Al igual que ocurre con las texturas y los pinceles, los patrones son otro de los aspectos que todo diseñador tiende a coleccionar con el objetivo de hacer un buen conjunto de recursos de calidad que le ayuden el el día a día de su trabajo. En esta ocasión os traemos una gran colección de patrones de muy diversos tipos que os van a resultar imprescindibles en esa tan ansiada colección.

By worldjam with No comments

Pinceles (brushes) de costura para Photoshop


En esta ocasión os traemos unos pinceles muy útiles para "bordar" tus diseños. Se trata de pinceles (brushes) para Photoshop de costura, que simulan los distintos tipos de bordados, y que puedes usar o bien sobre papel, tela, o incluso piel humana.

By worldjam with No comments

Como diseñar y programar una "Landing Page" para Facebook




A estas alturas todos sabemos la importancia y el poder que tiene Facebook para que las empresas puedan conectar e interacturar con sus clientes potenciales. Para tener una mejor presencia, es muy importante, diseñar una página de bienvenida en la que poder mostrar que tipo de cosas se pueden encontrar al hacerse "fan" de dicha página.

By worldjam with No comments

Dibujos a mano de ciudades en formato vectorial


Interesante colección de vectores de bocetos de ciudades realizados a mano. Tenemos bocetos, de Londres, Moscú, Roma... ideales para utilizar en los diseños de galerías de las fotos de tus viajes.

By worldjam with No comments

viernes, 24 de junio de 2011

Sitio del día para inspirarte


Ultimamente he visto webs con este estilo que os presento hoy como sitio de inspiración. Webs cargadas de imágenes intermezcladas con mucho criterio, e insertando pequeñas cajas de texto muchas de ellas con tweets de usuarios y en la que segun avanzas en el scroll, se van cargando mas y mas imágenes. La verdad es que el resultado final es sorprendente.

By worldjam with No comments

20 herramientas JQuery ideal para desarrolladores


Excelente compilación de herramientas y plug-ins JQuery que harán la vida mucho mas fácil a todos los programadores webs. Estos plug-ins te ayudan a tener una gran capacidad de interacción con el usuario sin tener que pasar horas codificando.

By worldjam with No comments

Atajos en la implementación CSS

Poco a poco vamos conociendo mas y mas sobre CSS y las propiedades casi ilimitadas que posee, por lo que a veces resulta necesario contar con algún atajo que nos permita codificar más rápido. Para ello se ha creado un esquema que te indica distintas formas de codificar una propiedad de CSS con mucho menos esfuerzo gracias a land-of-web.com

By worldjam with No comments

miércoles, 22 de junio de 2011

Imagen vectorial del interior de un museo


En anteriores entradas te presentábamos interiores de habitaciones vacías. En esta ocasión se trata del interior de una sala de un museo, con su espacio para colgar el cuadro que consideres oportuno y dar un ambiente idóneo para por ejemplo presentar algunas de tus mejores fotografías. La imagen está en formato vectorial por lo que no tendrás problema de tamaño y su descarga es gratuita, por lo que no tendrás problemas con tus finanzas!!

By worldjam with No comments

+100 conjuntos de botones creados mediante CSS


En el siguiente enlace se muestra una recopilación de mas de 100 conjuntos de botones creados mediante CSS. Hay botones de todo tipo, con imágenes, sin imágenes, mediante JQuery, animados o incluso simples, pero todos tienen algo en común y es que no es necesario que sean creados con Photoshop y cualquier cambio en ellos se produce modificando su hoja de estilos, así de simple. Entre estos conjuntos puedes encontras numerosas herramientas generadoras de códido CSS.

By worldjam with No comments

Aumenta el brillo de tus ojos con esta acción de Photoshop


Dicen que los ojos son el espejo del alma y si eres aficionado a la fotografía sabrás que para hacer un retrato siempre hay que enfocar a los ojos. Si por alguna razón no has conseguido sacar todo el partido a los ojos de tu modelo, no te preocupes pues con Photoshop podemos retocar nuestros retratos para dar un brillo especial a esos ojos sin expresión. Para ello vamos a emplear esta acción de Photoshop para realzarlos que se puede descargar de forma gratuita.

By worldjam with No comments

martes, 21 de junio de 2011

Como hacer un "Fotomatón" con PHP CSS y JQuery


En este tutorial explican cómo realizar una galería fotográfica en la que incluso te da la posibilidad de tomar una foto con la propia camara de tu ordenador y almacenarla en su web para así poder mostrarla al púbico, la verdad es que es una forma de interactuar con la web muy original y dejar tu rastro y tu aportación a su diseñador.

By worldjam with No comments

Backgrounds con gradientes mediante CSS

Una forma de dar un estilo diferente a tu background que utiliza un color como fondo puede ser mediante gradientes de CSS. Con estos gradientes puedes pasar de un color a otro e indicarle la dirección, como en los siguientes ejemplos:

De Izquierda a Derecha:
/* mozila code */
background-image: -moz-linear-gradient(left, right, from(#A1D004), to(#6B9A00)); 
 
/* webkit code */
background-image: -webkit-gradient(linear, left top, left bottom, 
color-stop(0.00, #A1D004), color-stop(1.00, #6B9A00));

/* IE code - note GradientType=0 means vertical */
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', 
startColorstr=#A1D004, endColorstr=#6B9A00, GradientType=0);
 
De Arriba a Abajo:  
background-image: -moz-linear-gradient(left, right, from(#A1D004),to(#6B9A00));
background-image: -webkit-gradient(linear, left top, left bottom, 
color-stop(0.00, #A1D004), color-stop(1.00, #6B9A00)); 
 
/* IE code - note GradientType=1 means horizontal */
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
startColorstr=#A1D004, endColorstr=#6B9A00, GradientType=1); 
 
Se puede usar en cualquier elemento HTML, aunque lo normal es asociarlo con la etiqueta BODY

By worldjam with No comments

Texturas de pared de ladrillo para Photoshop


En esta ocasión os traigo una textura sinple, pero que resulta espectacular a la vez que imprescindible. Se trata de un conjunto de texturas de pared de ladrillos que combinandolas con pinceles por ejemplo estilo grunge se pueden hacer creacciones con un aire muy urbano y callejero a la par que industrial.

By worldjam with No comments

lunes, 20 de junio de 2011

25 fuentes estilo Grunge para diseñadores


smashinghub.com nos trae una compilación de 25 fuentes tipográficas estilo grunge de muy diversos tipos para emplear en tus diseños mas urbanos. Estas fuentes se pueden descargar de forma gratuita y resultan imprescindibles para ser instaladas en tu sistema.

By worldjam with No comments

Alfabeto vectorial en Origami


Un recurso mas de una fuente de inspiración inagotable!! En esta ocasión se trata de letras vectoriales que tienen un aspecto de de Origami, es decir, de figuras de papel, con formas de letras. Tienes todo el alfabeto y en formato vectorial de alta calidad de descarga gratuita.

By worldjam with No comments

Reflexiones y gradientes con CSS


Un paso mas con CSS, si hasta ahora habíamos visto, formas, sombras, transiciones y colores con CSS ahora os mostramos como emplearlo para hacer reflexiones de todo tipo en imágenes y jugar con los gradientes para conseguir efectos realmente espectaculares y simples de implementar.

By worldjam with No comments

Como crear una tarjeta de visita (Tutorial de diseño)


En el siguiente enlace podrás encontrar una serie de tutoriales que te mostrarán paso a paso como diseñar tu propia tarjeta de visita de muchos estilos diferentes mediante Photoshop, dando verios trucos para poder vender tu imagen ante clientes potenciales, no dejes de visitarlo, ya que puede serte muy positivo.

By worldjam with No comments

Listado de las fuentes mas descargadas de 2011


En el siguiente enlace se muestra un artículo de smashinghub.com donde recopila las fuentes tipográficas mas descargadas en lo que va de 2011. Entre estas fuentes hay de todo tipo, pero todas ellas tienen algo en común y es que todas ellas llaman la atención del usuario. Prueba a descargartelas y probarlas en tus diseños, no te arrepentirás.

By worldjam with No comments

viernes, 17 de junio de 2011

Sitio web del día


El sitio de hoy me ha llamado mucho la atención por su diseño, ya que esta cargado de humor para a priori presentar un tema que a mucho seguro no les saca una sonrisa, como son las conferencias. El caso es que su diseño, combinación de colores, el tratamiento de las fotos y sobretodo las ilustraciones hacen de este, un sitio de lo mas llamativo.

By worldjam with No comments

Texturas de tela vaquera (denim) para Photoshop


Hoy os presentamos esta interesante textura de tejido vaquero (denim) de muchos tipos diferentes y con gran cantidad de tonalidades diferentes, en alta resolución y de descarga gratuita.

By worldjam with No comments

jueves, 16 de junio de 2011

Estilos de capa para Photoshop - Estilo Pegatina (sticker)


Los estilos son una parte mas de ese universo llamado Photoshop y que cuanto más lo usas, más te das cuenta de que apenas controlas una pequeña parte de sus posibilidades. En esta ocasión te traemos un estilo de capa con efecto pegatina o sticker que te será de gran utilidad en tus diseños y que te simplifica realmente tu forma de trabajo.

By worldjam with No comments

Como crear un dropdown menu con CSS3


Esta claro que a estas alturas ya nadie se sorprende de las increibles propiedades del código CSS. Un ejemplo de esto lo tenemos con los fantásticos menús que se pueden construir mediante HTML y una hoja de estilos, sin tener que recurrir al javascript para desplegar los submenús y dar cierto movimiento. En estos enlaces teneis dos buenos ejemplos de como, mediante CSS se pueden hacer un menú estilo dropdown sin ningún tipo de complejo.

By worldjam with No comments

miércoles, 15 de junio de 2011

12 ejemplos de parrafos con CSS


A veces es muy importante organizar bien la información en una web, tanto ordenadamente como su formato visual, pues bien los párrafos de texto tienen las dos cosas, por un lado, hay que elegir bien la fuente y el contenido, saber como ubicarlo y de que manera hacerla, mediante párrafos que nos ayudan a organizar la información. Si quieres saber cual es la mejor forma mediante ejemplos empleando CSS, pincha en el siguiente enlace.

By worldjam with No comments

Siluetas de personas en formato vectorial


De la mano de recursos2d.com podemos compartir con todos vosotros un recurso de lo mas interesante. 300 siluetas de personas, de todo tipo (300, son muchas siluetas!!) para que utilices justo la que estás buscando en este momento y además en formato vectorial, para que puedas ajustar su tamaño a tu diseño.

300-siluetas-de-personas-vectoriales
Enlace a 700 siluetas más en formato vectorial de alta calidad:
700-vectores-de-siluetas-de-personas 

By worldjam with No comments

Efectos de sombras de texto mediante CSS


La guía definitiva con 12 ejemplos contundentes para dominar el efecto sombra en texto mediante CSS en sencillos pasos y con un resultado realmente espectacular!

By worldjam with No comments

50 conjuntos de iconos de alta calidad


Interesante colección de iconos de alta calidad de tipos muy diversos, desde los conjuntos de iconos de redes sociales hasta conjuntos de iconos de pimientos!! Todos ellos de descarga gratuita y alto brillo, algunos de ellos en formato 3D.

By worldjam with No comments

Pinceles (brushes) de estrellas para Photoshop


Cada día vamos ampliando mas y mas la colección de pinceles para Photoshop y yo particularmente cada día los utilizo mas, ya que dan aspectos claramente diferenciadores y que te ahorra dar muchos pasos con Photoshop para simularlos. En esta ocasión te traigo unos pinceles (brushes) para Photoshop de estrellas y galaxias siderales de alta calidad y de descarga gratuita.

By worldjam with No comments

martes, 14 de junio de 2011

Tutoriales y recursos de HTML5


A pesar que la especificación final de HTML5 no está prevista que se termine antes del 2022, es muy comuún que muchos desarrolladores ya hayan estado buceando e investigando sobre las posibilidades que tiene este estandar. Sin duda lo más destacable es la capacidad de interacturar con el usuario sin tener que recurir a javascript u otro tipo de codificación. En este enlace podrás encontrar un monton de recursos, tutoriales y ejemplo para empezar a introducirse en HTML5.

By worldjam with No comments

Uso de la etiqueta "figure" en HTML5


HTML5 cada día se va imponiendo mas y mas y eso se debe a la capacidad que tiene para jugar con los distintos elementos y dar a las webs un caracter mas interactivo sin tener que tirar muchas líneas de código. Un ejemplo es la etiqueta <figure> que en este caso se va a utilizar para crear un mapa interactivo de una imagen.

By worldjam with No comments

lunes, 13 de junio de 2011

Vectores de cristales rotos para Photoshop


Excelente colección de vectores de cristales rotos para Photoshop que puede dar un resultado increible al aplicar en cualquier diseño simulando por ejemplo un monitor roto y dejando al usuario con la duda de si realmente ha sucedido algo con su flamante pantalla.

By worldjam with No comments

Texturas de papel efecto vintage en varios colores para Photoshop


En alguna ocasión hemos publicado texturas de papel, que sin duda es un recurso de lo mas interesante para tener siempre a mano a la hora de aplicarlo en cualquiera de tus diseños. En esta ocasión estas texturas de papel tienen la particularidad de que tienen un efecto vintage y que las puedes encontrar en distintos colores con lo cual seguro que encuentras una que mas se acople a tu diseño.

By worldjam with 2 comments

Colección de acciones para Photoshop


Hoy os presentamos una colección de accciones para Photoshop, de muy diferentes tipos y que te va a permitir transformar tus imágenes de una manera espectacular con un solo click!! Hay mas de 80 acciones, con los cual podras pasar un buen rato experimentando cual puede ir mejor con tus diseños.

By worldjam with No comments

viernes, 10 de junio de 2011

El sitio del día


Hoy os quiero mostrar una web, designada como "site of the day" por la web www.awwwards.com que muestra trabajos de webs que no debes dejar de admirar y que seguro que te inspirará a la hora de realizar tus mejores diseños. En esta ocasión el diseño de esta página se basa en algo muy de moda, en la que se prioriza las imágenes de fondo, empleando capas transparentes para mostrar el texto y restarle el menor protagonismo prosible a las imágenes.

By worldjam with No comments

Galería fotográfica mediante JQuery con efecto grid de navegación


Excelente ejemplo mediante JQuery de una galería fotográfica en la que las imágenes se presentan en un grid y tiene un efecto de navegación en vertical que va mostrando nuevas filas dentro de la tabla de grid. Sin duda es un efecto muy conseguido, que puede dar ese toque definitivo a tu galería fotográfica y mediante un tutorial explicado para que implementes tu galería sin problemas.

By worldjam with No comments

Como construir pestañas de navegación mediante SpryTabbedPanels


Estamos muy familiarizados a manejar las pestañas en cualqueir aplicación de windows e incluso en muchas web que simula una aplicación cliente, sin embargo imagino que muchas veces te habrás preguntado una forma de implementarlas en tus diseños sin tener qu emeplear capas que mediante javascript ocultes o pongas visibles según el contenido que queremos mostrar. En este ejemplo se simplifica mucho la codificaciín y mediante SpryTabbedPanels podemos hacerlo de una forma mucho mas sencilla.

By worldjam with No comments

Tutorial para convertir un diseño PSD de Photoshop a HTML/CSS


Una de las técnicas mas importantes que tiene que dominar un diseñador web hoy en día es sin duda el manejo del Photoshop y como no su "traslado" a HTML/CSS. Este paso aunque el propio Photoshop te lo simplifica enormemente siempre hay una serie de pasos que hay que tener en cuenta y que hay que seguir en un orden para que la construcción de tu página web adquiera todas las cualidades que un diseño estático no le puede dar. Este enlace muestra una serie de tutoriales que nos enseñan a como emplear esta técnica de conversión de .psd a html/css, algunos de estos tutoriales ya han sido mostrados anteriormente en este blog, por lo que estoy seguro de que te sonarán.

By worldjam with No comments

jueves, 9 de junio de 2011

Pinceles (brushes) de pelos para Photoshop


Ya casi nada nos sorprende en el increible mundo de los pinceles (brushes) para Photoshop!! Esta vez os traigo un conjunto de pinceles de pelos, sí has oido bien, de pelo, toda clase de pelos para aquellas ocasiones en las que un determinado diseño te traiga de cabeza!!

By worldjam with No comments

Pinceles (brushes) de dibujos urbanos para Photoshop


Hoy os traigo un conjunto de pinceles (brushes) para Photoshop de la mano de tansimbaker.com de dibujos a mano con motivos urbanos que me han llamado mucho la atención, ya que está a medio camino entre los pinceles mas grunge y los pinceles de figuras hechas a mano. Espero que os gusten!!

By worldjam with No comments

miércoles, 8 de junio de 2011

Texturas de nieve para Photoshop


10 texturas de nieve para Photoshop en alta resolución, para dar un estilo "fresco" a todos tus diseños y ambientarlos de una forma muy invernal. La descarga es gratuita para su uso personal.

By worldjam with No comments

Guía de referencia SEO


Hoy os traigo una guía que os será de gran utilidad a la hora de realizar y diseñar vuestras webs de cara a su posicionamiento SEO en Google, ya que sin un buen posicionamiento no sirve de nada tener un diseño espectacular si nadie puede acceder a el y descubrirlo y admirarlo. Esta guía es obra de Javier Casares.

By worldjam with No comments

martes, 7 de junio de 2011

Pinceles (brushes) de post-it y notas para Photoshop


Si el anterior tutorial te ha resultado un tanto complicado o simplemente no tienes el tiempo suficiente o la paciencia para llevarlo a cabo, no desesperes, porque aqui tienes la solución!! Pinceles de Post-it y notas lista para descargar y usar con Photoshop, para que te resulte extremadamente sencillo conseguir ese efecto de nota pegada en tus diseños.

By worldjam with No comments

Como crear un Post-it con Photoshop


En este tutorial se explica paso a paso como crear un post-it mediante Photoshop con un realismo fantástico en el que además le incorporan un efecto sombra para darle mucho mas realismo y un efecto 3D

By worldjam with No comments

    • Popular
    • Categorías
    • Archivos