Tags ArchivesQuick Tips

Como crear acciones en photoshop, por ejemplo un Bokeh effect image

Si llevas trabajando mucho tiempo como diseñador seguro que más de una vez te ha tocado repetir una y mil veces los mismos efectos en distintas imagenes. Para facilitarnos un poco el proceso, photoshop dispone de la herramienta acciones, que nos permite grabar una serie de actos, para poder automatizar nuestro trabajo. Como no nos queríamos quedar solo en enseñaros como programar acciones, además, os vamos a explicar como grabar acciones para generar un efecto Bokeh en vuestras fotos. Lo primero que vamos a hacer para conseguir ese efecto de desenfoque como una acción será crear un pincel personalizado que simule los brillos en la lente. Para ello en el panel de pinceles (f5) crearemos un nuevo pincel colocando al ...

Continue Reading

¿No quieres pagar adobe? Pues te damos alternativas image

Da igual si eres un profesional o un aficionado, todos nos hemos peleado con las licencias de adobe. Si este es uno de tus problemas te proponemos una serie de herramientas gratuitas para cubrir todas tus necesidades artísticas desde retoque fotográfico hasta 3D. El único problema que le vemos al uso de software libre es las posibles incompatibilidades entre formatos, porque si hablamos de potencia y posibilidades no tienen nada que envidiar al paquete de adobe. Estos son algunos de los programas más interesantes que conocemos: Gravit Designer Un gran sustito de illustrator, con este software podras vectorizar todo lo que se te antoje GIMP Seguro que esta herramienta ya la conoces, este editor de fotografías es potente y versátil. ...

Continue Reading

Como crear templates dinámicos de wordpess (Vol.1) image

Si ya seguiste nuestro tutorial para crear Child themes de wordpress hoy os traemos un tutorial para conseguir una manera de alterar completamente la forma en que las páginas de tu web se muestran, los templates de wordpress. El problema de los templates de wordpress es que sólo pueden realizar una función concreta invariablemente de lo que haga, es decir son páginas fijas. ¿Cual es la solución? Crear templates dinámicos. A lo largo de nuestro tutorial vamos a estar usando un child theme de Twenty Seventeen aunque vosotros podéis usar el theme que más os guste. ¿que no sabéis como crear un child theme? Pues nosotros os lo explicamos aquí. Antes de comenzar el tutorial deberíamos entender bien cuando se ...

Continue Reading

Haz un Loading que merezca la espera image

Lo cierto es que lo mejor para que una web funcione es conseguir que sus tiempos de carga sean los más cortos posibles, pues no sólo mejorará nuestro posicionamiento SEO, sino que además mejorará considerablemente la experiencia del usuario (UX si eres muy anglófilo). Pero no es menos cierto que muchas veces nos es imposible cargar una página rápidamente, ya sea por la enorme cantidad de recursos, el uso de muchísimo javascript, la necesidad de usar fotos en gran calidad… nuestra única posibilidad es crear un Loading. ¿ y como podemos hacer para que nuestros visitantes no huyan despavoridos ante semejante espera? Pues como en casi todos los problemas de la vida la solución es el diseño. El truco está ...

Continue Reading

Fortune y la historia de los logotipos image

Hoy os traemos un interesantísimo vídeo que ha realizado la revista Fortune partiendo de la premisa de como hubiera sido Uber hubiese nacido a principios del S.XX. Desde esta sencilla premisa nos explica como ha evolucionado el mundo de los logotipos hasta nuestros días y, lo más importante, por que han sucedido esos cambios, como el modo de vida de la gente y los cambios de la sociedad obliga a las marcas a evolucionar y buscar nuevas formas de comunicarse. Nosotros os dejamos aquí el vídeo pero no os perdáis el fantástico artículo original.

Continue Reading

Aprende a hacer un iframe responsive image

A todos nos ha pasado, un cliente necesista , no sabemos por qué razón, un iframe en su página web. Los sudores y lágrimas llegan cuando descubrimos que el <iframe> necesita obligatoriamente unos valores de width y height, porque sin ellos simplemente no se ve. Una vez puestos, descubrimos con más lágrimas en los ojos, que nuestro iframe no es responsive. Nuestro primer impulso sería ponerle un ancho de 100% y un alto automático, y esto funciona relativamente bien hasta que nos damos cuenta que la altura se descuajeringa. ¿la solución? Necesitamos que nuestro video no solo se adapte al ancho, sino que además mantenga el aspect ratio. Para ello deberíamos meter  el <iframe> en un <div> y añadir un ...

Continue Reading

This is a unique website which will require a more modern browser to work!

Please upgrade today!