WorldjamBlog

SLIDE-5-TITLE-HERE

martes, 31 de mayo de 2011

Texturas de arena y playa para Photoshop


Hoy os traemos unas texturas imprescindibles que todo buen diseñador debe tener almacenada en su disco duro lista para salir cuando la inspiración llama. Se trata de texturas de arena y playa para Photoshop en alta calidad, listas para descargar, ordenadas por categorías.

By worldjam with No comments

Herramienta en línea generadora de texto CSS


Interesante herramienta "online" que nos permite generar el código html de un texto con cualidades CSS en el que a partir de un texto de entrada, podemos darle formas onduladas o circulares, especificar la fuente y el tamaño y descargar de una manera sencilla el código CSS apropiado para el navegador especificado.

By worldjam with No comments

lunes, 30 de mayo de 2011

pinceles (brushes) imitando celofan para Photoshop


En esta ocasión os traigo un pincel (brushes) para Photoshop muy interesante, se trata de una simulación de una cinta adhesiva o papel celo ideal para simular que se pegan cosas sobre la pantalla y que quedan "superpuestas"

By worldjam with No comments


Si te gustó la entrada de garabatos en formato vectorial que te ofrecimos hace unos días (garabatos-en-formato-vectorial) pero no encontraste la imagen vectorial adecuada para tu diseño, no te preocupes porque aqui tienes una dosis extra de garabatos en formato vectorial para usar con Photoshop y emplear en cualquiera de tus diseños mas desenfadados.


By worldjam with No comments

Formularios con checkboxes y radio buttons mediante CSS y JQuery


Hoy presentamos un artículo donde se muestra una buena alternativa para dar algo de estilo a los formularios web. En esta ocasión se trata de un formulario con checkbox y radio button al que se le ha dado un increible diseño mucho mas acorde con el resto de la página que puedas estar diseñando. Para lograr este efecto se emplea CSS3 y JQuery explicando paso a paso como conseguir el resultado final.


Y si quieres ver mas ejemplos de formularios con CSS y JQuery, visita este enlace de line25.com

By worldjam with No comments

viernes, 27 de mayo de 2011

Texturas de camuflaje para Photoshop


Interesante textura que nunca puede faltar en tu carpeta de recursos web!! nunca se sabe cuando vas a necesitar una textura de este tipo, ya que se puede asociar con multiples diseños. Las texturas son gratuitas y están en formato JPG de alta resolución.

By worldjam with No comments

Pinceles (brushes) "animal print" para Photoshop


Hoy os traemos de la mano de recursos2d.com pinceles (brushes) para Photoshop que simulan la piel de un animal salvaje. Hay de muchos tipos, como el de vaca, tigre, cebra, leopardo... ideal para dar un toque "fashion" y salvaje a todos tus diseños.

By worldjam with No comments

Galería fotográfica mediante JQuery y CSS3

En anteriores entradas, te proponiamos un sencillo ejemplo de galería fotográfica con JQuery en la que las imágenes se desplazaban deslizandose horizontalmente galeria-fotografica-con-jquery 


En esta ocasión ofrecemos otro ejemplo de galería fotográfica en la que hay una pantalla inicial en la que se muestran todas las imágenes expuestas en miniaturas con sorprendentes efectos "hover" mediante CSS3 y que una vez pulsadas se ofrece una descripción de la imagen y la posibilidad de verla en gran tamaño.

By worldjam with No comments

jueves, 26 de mayo de 2011

Interesante efecto de texto con un background en movimiento con JQuery


Sí, has leido bien en el título!! se trata de un texto en el que se le acopla una imagen de fondo que mediante JQuery se va moviendo en distintas direcciones consiguiendo un efecto muy interesante y poco visto hasta el momento. El tutorial se explica paso a paso y no contiene muchos pasos con lo cual lo podrás implementar sin demasiada dificultad.

By worldjam with No comments

Efecto texto de maquina de escribir con CSS


Hoy te queremos mostrar una posibilidad mas del potente CSS. Esta vez se trata de un efecto de texto que simula el de una maquina de escribir. El tutorial viene explicado paso a paso para que te sea realmente facil llevarlo a tus diseños y darle un toque diferente probando con este efecto.

By worldjam with 1 comment

Luces de neón con CSS3


En este tutorial se explica paso a paso como realizar un texto con efecto luces de neón simplemente con CSS3. El efecto final es realmente conseguido y nada tiene que envidiar a los realizados puramente con Photoshop. Ademas mientras con Photoshop el resultado final es una imagen, con CSS3 simplemente necesitamos un texto escrito y una hoja de estilos, con lo cual la carga de la pagina se realizará con mayor rapidez. El único problema de esta técnica es que puede resultar no ser compatible con todos los navegadores.

By worldjam with No comments

Pinceles (brushes) grunge para Photoshop


Excelente colección de pinceles estilo grunge que tanta utilidad tienen en cualquier diseño, por su capacidad para dar tanto un toque antiguo, como un efecto usado y viejo a la par que sucio y un tanto oscuro. En esta colección seguro que encuentras el pincel para Photoshop que andabas buscando y que seguro que va a encajar a la perfección.

By worldjam with No comments

miércoles, 25 de mayo de 2011

Pinceles (brushes) de salpicaduras de agua


Si anteriormente te presentaba unos pinceles para Photoshop de condensación de agua, en esta ocasión te presento el paso previo, es decir, pinceles de salpicadoras de agua o de agua fluyendo. Esta claro que el agua siempre da frescura, limpieza y hace sentir al visitante un efecto refrescante, muy útil cuando empiezan a subir las temperaturas.

By worldjam with No comments

Pinceles (brushes) de condensación de agua


Original pincel para Photoshop de efecto de condensación de agua con el que puedes hacer que tus diseños "suden" y parezcan mas vivos que nunca gracias a recursos2d.com

By worldjam with No comments

Conjuntos de formas (custom shapes) para Photoshop


Sin duda a estas alturas ya todos poseemos una amplia colección de pinceles (brushes) para Photoshop que nos ahorran gran cantidad de tiempo a la hora de realizar nuestros diseños, pero no todo acaba con los pinceles, esxisten otras alternativas en Photoshop y estos sin duda son los "custom shapes" que no son mas que formas predefinidas, pero que no se quedan en las formas básicas como pueden ser cuadrados o circulos, si no que las hay de siluetas, de arboles, de piezas mecánicas... en fin todo un universo muy util para todos nuestros diseños.

By worldjam with No comments

Texturas de nubes para Photoshop


¿A que huelen las nubes? Si te haces la misma pregunta es porque seguro que estas pensando en ellas y por lo tanto necesitas unas buenas texturas de nubes rapidamente! No te preocupes porque hoy te traigo un conjunto de ellas!

By worldjam with No comments

martes, 24 de mayo de 2011

Cientos de recursos web


Recuerdo en la facultad cuando un profesor nos dijo "no reinventeis la rueda, siempre hay que aprovechar el trabajo ya hecho" y no le falta razón ya que a veces nos empeñamos en hacer una y otra vez cosas ya resueltas y disponibles en la web y aunque siempre es bueno practicar y entender como se hacen las cosas no cabe duda de que al final el que tiene una cierta habilidad adquirida en localizar recursos acaba por tener sus proyectos listos y sin errores en mucho menor tiempo.

Para ayudaros a no perder el tiempo y aprovechar los recursos web disponibles en la web, aqui tienes un enlace que aglutina un monton de ellos.

By worldjam with No comments

Iconos vectoriales de monitores en alta resolución


Fantasticos iconos vectoriales de monitores de alta calidad listos para descargar y poder usar en tus diseños en el tamaño mas adecuado, cortesía de recursos2d.com

By worldjam with No comments

papeles agujereados en formato vectorial de alta calidad


Fichero de imagenes de papeles agujereados en formato vectorial de alta calidad para que puedas usarlo en tus diseños en el tamaño adecuado sin perder nada de calidad. Hay diferentes formas de papeles dependiendo del "roto" que les han creado.

By worldjam with No comments

lunes, 23 de mayo de 2011

Garabatos en formato vectorial


En esta ocasión os traigo un recurso que creo que da un aspecto bastante divertido y directo, que junto a las fuentes manuscritas, pueden dar a tus diseños web un aspecto de dibujado completamente a mano!! Para ello aqui os traigo una serie de imagenes vectoriales de garabatos hechos a mano.

By worldjam with No comments

Vectores de sellos de pasaportes en alta resolución


Recurso interesante que nos trae la web recursos2d.com. En esta ocasión se trata de unas imágenes vectoriales de sellos que se emplean en los pasaportes cuando pasas las distintas fronteras, muy utiles para ser empleados en diseños con motivos de viajes o aventuras.

By worldjam with No comments

Tutorial de como construir una web mediante Photoshop, HTML5 y CSS3


En este tutorial se muestra paso por paso cuales son los pasos que se deben dar y el orden adecuado para construir una web desde cero, partiendo de un diseño en un trozo de papel, seguido por su traslado a Photoshop y codificando con HTML5 y su hoja de estilos en CSS.

Link para el tutorial de la parte en Photoshop:
Photoshop-how-to-create-a-sleek-grid-based-website-design

Link para el tutorial de la codificación en HTML5 y CSS3
create-a-grid-based-web-design-in-html5-css3

By worldjam with No comments

Collección de recursos para tus webs


onextrapixel.com nos trae una compilación de recursos web imprencindibles para almacenarlos en tu cajón de sastre para tus futuros proyectos, ya que sin duda algo de este material te puede ser muy util y ademas los puedes descargar de manera gratuita.

By worldjam with No comments

domingo, 22 de mayo de 2011

Tipografías manuscritas

En alguna ocasión ya te hemos traido ejemplos de fuentes manuscritas que siempre dan un toque personal y directo a todos tus diseño. Si quieres ampliar tu colección de fuentes manuscritas no dejes de visitar el siguiente enlace donde las puedes descargar gratuitamente.

By worldjam with No comments

colección de fondos (backgrounds) para tus diseños


Gran colección de fondos en los que dominan los de estilo monocromo muy útiles como fondo de tu web en la que estoy seguro que podrán encajar perfectamente añadiendo un toque diferente y un estilo único

By worldjam with No comments

viernes, 20 de mayo de 2011

¿Medio lleno o medio vacio?


Recurso vectorial de una imagen acuosa que inunda una estancia!! ¿medio lleno o medio vacio? eso lo decides tú pero no cabe duda de que tus diseños pueden beneficiarse plenamente y verlos mas "llenos"

By worldjam with No comments

Vector de banners estilo Origami


Buen recurso que siempre hay que tener guardadito en tu carpeta de futuros diseños y ademas en formato vectorial, para simular en el tamaño que quieras distintos banners estilo "Origami" (doblados) gratuitos, ofrecido por recursos2d.com

By worldjam with No comments

Listado de las mejores webs para descargar fotografías


cosassencillas.com nos ofrece un listado recopilatorio de las mejores web de busquedas de imágenes. Hay miles de imagenes listas para descargar y usar en tus diseños, con lo cual es una fuente inagotable de creatividad.

By worldjam with No comments

Audio-Video Players en HTML5


Hoy os traemos una colección de audio y video players para HTML5 con sus respectivos tutoriales de uso, para que puedas implementar de una forma sencilla un reproductor de audio y/o video en tus diseños webs. Hay muchos estilos, que seguro que se adaptan bien a tus espacios creativos.

By worldjam with No comments

jueves, 19 de mayo de 2011

Pinceles (brushes) de dibujos de pizarra


Si estás realizando algun tipo de diseño con motivo escolar/enseñanza y necesitas realizar alguna pizarra con datos y te estan volviendo un poco loco diseñando todo en Photoshop, no desesperes, porque aqui tienes una colección de pinceles de dibujos de pizarra que te simplificarán mucho tu labor de diseño.

By worldjam with No comments

Herramientas de texto CSS

Esta claro que el presente del mundo web pasa por el lenguaje CSS y afecta practicamente a todos los elementos de una web, incluida indudablemente las fuentes tipográficas. Para que tus textos queden siempre a corde con el resto de tus diseños, hoy te traigo una colección de herramientas de texto CSS con la que te simplificará el trabajo de ir probando cambiando el código CSS para ver como van quedando tus textos.


  1. CSSTxt
  2. CSS Type
  3. Web Font Speciment
  4. CSS Type Set
  5. Typetester
  6. Font Tester

By worldjam with No comments

Ejemplos de web con scroll horizontal


Cada vez me encuentro con mas ejemplos de webs que basan su navegación en el scroll horizontal. Hace algunos años eso de tener la barrita de scroll horizontal era un sintoma de mala programación, pero bien utilizada y con los efectos adecuados, el efecto es bastante bueno y cada dia se está empleando mas en webs punteras.

By worldjam with No comments

miércoles, 18 de mayo de 2011

Conjuntos de iconos de alta calidad para mejorar tus diseños


Gran colección de conjuntos de iconos de alta calidad para su descarga gratuita de todo tipo, deportivos, sociales, retros, musicales... que te permitirán dar ese salto de calidad en cualquiera de tus diseños web de cara a captar la atención de todos tus visitantes.

By worldjam with No comments

Arte Grunge


El estilo grunge a pesar de que el movimiento musical de los 90 hace tiempo que quedo atrás está mas vivo que nunca en numerosos diseños y arte urbano. Como muestra, en este enlace podrás encontrar numeroso material "grunge" desde tutoriales, texturas, webs, diseños, e incluso fuentes!! vamos, todo lo necesario para que tus diseños tengan ese look sucio y desgastado que tanto atrae la atención del visitante.

By worldjam with No comments

martes, 17 de mayo de 2011

Sitios web de comidas que te pueden servir de inspiración


Colección de sitios webs con un denominador común: la comida y todas sus formas de representación, aunque las webs son parecidas en el contenido, hay mucha variedad en su continente. Si estás en el caso de que necesitas realizar algo parecido esta puede ser una buena inspiración para tí.

By worldjam with No comments

20 tutoriales JQuery con ejemplos


JQuery es una de las librerías mas potentes y usadas hoy en día en todos aquellos diseños que necesitan algun tipo de galería o incluso un gestor de noticias. Mediante JQuery y CSS se pueden hacer cosas realmente potentes y vistosas, ademas su codificación no requiere demasiados dolores de cabeza. Aqui os dejo un enlace a un conjunto de tutoriales con demos que te pueden servir como inspiración.

By worldjam with No comments

lunes, 16 de mayo de 2011

La guía definitiva para dominar las sombras con CSS3


No hace mucho tiempo en el que teníamos necesariamente que echar mano del Photoshop para crear de manera gráfica ciertos efectos de sombras y degradados que de otra forman eran imposibles de realizar me diante codificación. Sin embargo ahora con CSS3 esa necesidad ha desaparecido ya que CSS nos da las herramientas necesarias para que mediante codificación podamos sombrear y degradar cualquier tipo de objeto HTML

By worldjam with No comments

+100 texturas para Photoshop


Las texturas es un elemento que se han vuelto muy utilizadas en diseño y que nos sirven para dar o bien un fondo o bien nos sirven para crear composiciones combinandolos con otros elementos, como puede ser por ejemplo un texto. Para que puedas elegir la textura mas conveniente para realizar algunos de estos procesos, os dejo un enlace donde podees encontrar mas de 100 texturas diferentes listas para descargar.

By worldjam with 1 comment

Galería fotográfica con JQuery


En esta ocasión os traemos un ejemplo mas de como implementar una galería fotográfica con JQuery en la que el efecto resultante es la de ir mostrando imagenes al pulsar un enlace pero el paso de una a otra fotofráfia se realiza de forma deslizante en el plano horizontal.

By worldjam with No comments

domingo, 15 de mayo de 2011

Como crear una galería de imágenes deslizantes con CSS


A estas alturas ya todos sabemos la potencia que tiene CSS3, pero yo me sigo quedando maravillado al ver ciertos proyectos como el que nos ocupa hoy y de lo que se puede conseguir con capas, imagenes y una hoja de estilos!! En este ejemplo de lo que se puede conseguir con CSS explotamos la ación hover al posicinar el ratón sobre las imágenes, que se desplazan ampliando o abriendo el campo de visión de las mismas.

By worldjam with No comments

40 texturas de alta calidad inspiradas por la naturaleza


Colección de 40 texturas inspiradas por la naturaleza en la que podemos encontrar, texturas de hojas, árboles, rocas, tierra, agua... muy útiles para los diseños más concienciados y naturalistas.

By worldjam with No comments

Pinceles de piel humana para Photoshop


Hasta hoy habia visto pinceles (brushes) de todo tipo, pero hasta hoy no había visto nunca un pincel de Photoshop exclusivo para retocar la piel humana, muy útil para todo tipo de retratos que requieren de un trabajo profesional.

By worldjam with No comments

Como introducir tu web en el fondo del mar


En este tutorial, se explica paso a paso como coger tu diseño web y meterlo dentro del agua!! No es que se convierta en "papel mojado" no! es que es el efecto que se intenta conseguir, como si estuviera flotando en el fondo del mar y el resultado es realmente bueno!! No te lo puedes perder!

By worldjam with No comments

sábado, 14 de mayo de 2011

pinceles (brushes) con burbujas para Photoshop


Excelente colección de pinceles (brushes) para usar en Photoshop, que nos permitirán realizar burbujeantes diseños y dar un aire refrescante ahora que se va acercando el veranito.

By worldjam with No comments

viernes, 13 de mayo de 2011

Herramienta generadora de imágenes aleatorias


En esta ocasión la herramienta en vez de generar textos aleatorios, genera imágenes aleatorias del tamaño indicado y del estilo escogido, muy útiles para hacer las pruebas de contenido en todas nuestras webs antes de insertar las imágenes definitivas.

By worldjam with No comments

Herramienta generadora de texto "Lorem ipsum"


Imprescincible herramienta para las fases iniciales de un poryecto web donde tenemos que presentar un prototipo a algún cliente que aún no ha definido los textos que se van a formar el contenido.

No dejeis de leer los textos que aparecen porque resultan bastante curiosos, ya que por lo visto no es un simple texto aleatorio y que tiene sus raices en una pieza clásica de la literatura del Latín, que data del año 45 antes de Cristo.

By worldjam with No comments

15 tipografías de letra inspiradas en los graffitis


Hoy os presentamos esta colección de tipos de letras inspiradas en los graffitis, ese arte urbano que podemos plasmar en todos nuestros diseños con estas fuentes gratuitas y de alta calidad.

By worldjam with 2 comments

miércoles, 11 de mayo de 2011

Texturas de fibra de carbono para usar con Photoshop


Poco a poco la fibra de carbono se empieza a emplear cada vez mas, sobretodo en artilugios que requieren resistencia y poco peso, ademas, es facil de reconocer por tener una estructura bastante singular y un color carbón cuando no ha sido pintado. Nuestros diseños nunca deben quedarse estancados y seguir las tendencias tecnológicas existentes, por lo que os traigo una serie de texturas para usar con Photoshop de fibra de carbono.

By worldjam with No comments

Efectos Hover mediante CSS


Si estás buscando alguna forma para que tus diseño web cause sensación y no sabes exactamente que puedes implementar, para 1 minuto a ver estos 5 alucinantes efectos "hover" mediante CSS explicados con código que te permitirán que tus visitantes jueguen un rato con los efectos y no abandonen a los pocos segundos de entrar a tu web.

By worldjam with No comments

Pinceles tecnológicos para Photoshop


Navegando por la web me he encontrado esta página que propone una serie de pinceles para Photoshop con motivos de tecnología. Los pinceles de Photoshop nos facilitan la manera de realizar diseños complicados de una forma realmente sencilla y dando un salto de calidad a nuestros mejores diseños.

By worldjam with No comments

    • Popular
    • Categorías
    • Archivos