[ un desarrollo de PATAGONIA CREATIVE ]

Archivos en Categoria: Recursos Web

  • 20 Glossy Buttons and Badges

    Flying People ha publicado 20 Free Sunny Glossy Buttons diseñados por Jay K, botones que se utilizan muchísimos en blog, sitios web, etc. Estos poseen un diseño en gradientes realmente muy bonito. Sin duda estos pequeños archivos en PNG y PSD te serán realmente util para esos proyectos online que siempre estas realizando o rediseñando.

    Descarga .PSD: Free Sunny Buttons icons psd
    Descarga .PNG: Free Sunny Buttons icons

    Via webappers

  • MooMonth – Full javascript calendar

    MooMonth es un calendario escrito en JavaScript realmente muy hermoso, por los efectos que posee a la hora de indagar por cada una de las anotaciones que vamos introduciendo en cada uno de los días. Ya que posee transiciones atractivas entre los diferentes puntos de vista. MooMonth es a su vez muy fácil de configurar y de personalizar. Sin duda MooMonth te vendrá muy bien si estabas necesitado crear un bonito calendario que te sea útil para compartir fechas de actividades a realizar en el futuro.

    Ver DemoDescarga – Web Oficial MooMonth

    Via sentidoweb

  • BBCode to HTML – Convertir tu código BBcode a Hmtl en un click

    Si acostumbras a pasar demasiado tiempo en foros online, seguramente te habrás acostumbrado a utilizar mucho BBcode, pero que sucedería si tanto utilizar BBcode olvidas un poco el Hmtl que habías aprendido hace meses atrás. Algo que puede suceder si no vives de esto y pasas mucho tiempo jugando con los códigos. BBCode to HTML es una pequeñita aplicación que podrá sacarte de apuros cuando no recuerdas como hacer lo que haces mediante BBcode en Hmtl. Básicamente BBCode to HTML nos generara automáticamente nuestro código Html, solo es necesario introducir todo el código BBcode que deseamos trasformar a Html. BBCode to HTML es sin duda fácil, practico y útil.

    Enlace BBCode to HTML

    Fuente PuntoGeek

  • Polaroid – Los mejores recursos PSD, Generadores, Actions, tutoriales, etc

    Hace unos dias una amiga me preguntaba si conocía alguna aplicación o tutorial con el cual pueda aprender a generar Polaroid lo mas real posible. Imaginaran que lo primero que se me vino a la mente fue alguna aplicación online que nos permita lograr esto rapidamente y fácilmente, que es lo que mas me interesaba en ese momento. Si bien la aplicación online nos vino realmente bien, tampoco me quise quedar solo en ella. Así que decidí buscar un poco en la red, y recopilar algunos archivos PSD que nos permitan editar de cantidad de formas los polaroid a nuestro antojo, también algunos extraordinarios Action para photoshop, dos generadores online realmente prácticos para los que están apuraditos siempre , etc. Espero que esta lista de recursos les sea realmente útil, como me parecio al terminarla.

    Generadores Online de Polaroid

    Polaroid o nizer, es una bonita aplicación online que prácticamente de forma instantánea nos permite conseguir imágenes con efecto Polaroid. Tan simple como ingresar la URL de nuestra imagen online y generar el efecto posteriormente.Para ello podemos dejar que la aplicaron de forma estándar nos de las coordenadas, o bien si lo deseamos (Opcional) configurar a nuestro gusto radios, y coordenadas y & x. Algo que el sistema solicita siempre al generar nuestra imagen con este efecto polaroid, es un titulo que acompañara a la imagen, la cual se mostrara en el pie de la imagen como el ejemplo pequeñito que acompaña la imagen del post. Para introducir el titulo bastan con llenar el campo (Funny) remark/text. Otra pequeñita cosa que Polaroid o nizer nos ofrece de forma opcional es la de subir nuestras imágenes a ImageShack si así lo deseáramos, aunque en mi caso prefiero bajarlas.

    Enlace Polaroid o nizerEjemplos

    Polaroize, es una bonita aplicación online que prácticamente de forma instantánea nos permite conseguir imágenes con efecto Polaroid. La utilización de Polaroize es tan sencilla que simplemente debemos subir las imágenes desde nuestro ordenador y luego generar el efecto con el botón “upload”.
    Otra cosita interesante, es una pequeñita casilla que nos permitirá en el proceso, redimensionar las imágenes al tamaño que nosotros especifiquemos.

    Enlace Polaroize

    Polaroid en PSD

    polaroid-frame-flat.jpg

    How To Frame a Photo Like a Polaroid – un bonito archivo psd y png con el que podremos crear polaroid rápidamente. Este efecto no es tan hermoso como otros que veremos pero sin duda podrá ser útil para proyectos no tan grunge. Descargar PSD

     

    polaroids.jpg

    Polaroid, un archivo PSD realmente muy simple, pero útil. Descargar PSD

     

    polaroidnessness_avec_le_grunge.jpg

     

    Polaroid – made with vector shapes and layerstyles – Uno de los polaroid mas bonito, o por lo menos el estilo que mas me ha gustado a mi. Este archivo PSD posee todas las capas de manera que solo debamos insertar cualquier foto (o vídeo) en este polaroid y por supuesto con un estilo bastante grunge y con bonitos reflejos sobre la imagen. También podemos cambiar el tamaño de este archivo hasta el tamaño de impresión – y escala mas amplias. Descarga PSD

     

    polaroidillustrator.jpg

     

    Polaroid Photoshop Vector Illustration – Un archivo psd con un agradable diseño Polaroid para Photoshop. Se completa con layersets, los efectos y las máscaras. Descarga PSD

    tobiaspfau-de_css_plaroid.jpg

    Tobias Polaroid – Otro archivos psd que podremos descargar, el cual también posee un estilo muy grunge realmente agradable. Descarga PSD

    Actions para Photoshop

     

    action.jpg

     

    Polaroid Photoshop ActionDescarga Action – Este Action nos permite conseguir por medio de photoshop bonitos polaroid y a gran escala. Solo necesitaremos descargar el archivo. Ir a la carpeta donde hemos instalado photoshop (Archivos de programas). Dentro de la carpeta de los archivos de photoshop buscaremos la carpeta “Presets\Actions” y alojaremos los archivos dentro. La próxima vez que utilicemos photoshop tendremos la opción de utilizar este Action polaroid y conseguir bonitos polaroid en simple segundos y en un simple click.

     

    actioncollage.jpg

    The BIG PICTUREDescarga Action – Es un action para photoshop realmente extraordinario, hará que nuestra imagen se transforme en un collage formado por 25 imágenes, todas ellas con un efecto polaroid. Pero lo mejor es que podremos cambiar muchas opciones, dar otras perspectivas, etc. Realmente se sorprenderán de las boitas cosas que podremos hacer con este action.

    script Instant.js

    scrpit.jpg

    Instant.js 1.0 un script que nos permite agregar un efecto polaroid de forma fácil y rápida (una buena forma de evitar tener que editarlas). Funciona muy bien con todos los navegadores “importantes” – Mozilla Firefox 1.5+, ópera 9+ y safari. Pero en IE viejos no se vera ninguna modificación, lo que nos es problema ya que los usuarios no notaran ninguna diferencia, simplemente verán la imagen e forma normal.Descarga instant.js Manual en español.Para comenzar a utilizarlo necesitamos descargar nuestra librería , subirla a nuestro hosting y llamarlo desde nuestro sitio, para ello copiaremos el siguiente código antes de nuestra etiqueta < /HEAD >

    1. <script type="text/javascript" src="instant.js"></script>

    Ahora a las imágenes que deseamos darle este efecto le agregamos la clase “instant”. Ej:

    1. <img class="instant" src="imagen.jpg" width="200" height="200" alt="">

    Brushes Polaroid

    (Click en las imagenes)

     

    lrg-polaroid-brsh-psp8.jpg

     

    Tutoriales Polaroid

    tutorial.jpg

    Realistic Polaroid – Un pequeño tutorial para aprender a crear bonitos polaroid por nosotros mismos.

     

    polatuto.jpg

    Quick Polaroid Frame, crear un simple polaroid en pequeñitos pasos.

     

    25.gif

    Polaroid Effect Un tutorial donde veremos con más detalle la forma de lograr el Efecto Polaroid.
    Algunas formas básicas, una foto y un “Pen Tool que ayudara a lograr esto.

     

    strep.jpg

    Multiple polaroids Un bonito tutorial para crear un polaroid con estilo muy 2.0, esto debido al efecto generado por los reflejos.

     

     

     

  • RSS: Técnicas, tutoriales e iconos

    Últimamente me he dado cuenta lo mucho que me agrada ver la creatividad que ponemos en los iconos que utilizamos para nuestros canales de Feed. Por mi parte no solo me fijo en los diseños empleados, técnicas, sino también en los espacios que se le dedican a ellos. Vale recalcar que de todas formas hoy en día estamos tan familiarizados con esto de los feed que no es preciso poner un icono enorme en un sitio con el hecho de atraer mas lectores, sin duda si un sitio nos agrada, por mas pequeñito que sea el enlace o icono encontremos la url del feed para agregarlo a nuestro lector diario. Como de costumbre los chicos de smashingmagazine han hecho una bonita recopilación sobre todo lo relacionado a los RSS, dentro del articulo encontraremos algunas técnicas muy llamativas empleadas por algunos blog, varios tutoriales, y como no podía faltar, algunos bonitos iconos para descargar.

     

    Les dejo el enlace para descargar el icono que vemos en el post, que me ha gustado mucho.

    Y El enlace a smashingmagazine – RSS: Best Design Practices And Icons con cantidad de recursos sobre RSS

     

  • Tree Brush – 40 Brushes de diversos árboles para Photoshop

    Tree Brush Pack para Photoshop CS, un bonito pack de Brushes sobre árboles de todo tipo, bambú, álamos, palmeras, etc. Contiene alrededor de 40 Brushes de diversos árboles.

    Enlace Descarga

  • Recursos para diseñar con grid

    Carlosleopoldo ha realizado una bonita recopilación de grid (grillas) que te serán muy útiles a la hora de acomodar muy bien cada uno de los elementos que formaran parte de tu próximo diseño Web. Aquí se los dejo.

    • Design by Grid una galería de sitios web pero enfocada en aquellos sitios que respetan el diseño con grilla.

    • Grid se trata de una imagen genérica que sirve cómo guía para la mayoría de los diseños web, creada por Cameron Moll.

    • Grid Calculator un generador de retículas pero que se basa en un tamaño de letra, el número de columnas, el ancho de la columna y el ancho de canal.

    • Grid Generator otro generador de cuadrículas para utilizar como fondo a la hora de diseñar. Una vez generada, podremos descargarla

    • Y una que publicamos hace tiempo atrás sobre Layout Grid donde podremos descargar una retícula que nos servirá como base, la cual utilizaremos como fondo a la hora de diseñar nuestras web. Creo que viendo el demo podrán ver lo útil que puede llegar a ser. Descarga reticula


Pagina 17 de 21« Portada...131415161718192021