Noticias de la categoría 'Recursos'
Si con todo lo que hay metido ya aquà para After Effects no te es suficiente, quizá te interese conocer la existencia de we make motion, una web que se dedica a vender plantillas de proyectos para el archiconocido programa de edición y postproducción visual.
Tienen un buen puñado y a buen precio. Te puede salvar la papeleta en alguna ocasión si andas mal de tiempo o tienes un cliente que tampoco quiere rascarse mucho el bolsillo.
:: We make motion [en] ::
Supongo que muchos ya la conoceréis porque se ha ido viendo en unas cuantas webs. El caso es que no le habÃa prestado la suficiente atención a este sitio que se encarga de mostrar e ir almacenando portadas y más portadas de libros y más libros para simplemente degustar de un simple vistazo una buena ristra de ideas que sirvan de inspiración o pasatiempo.
:: Book Cover Archive [en] :: (VÃa Cosas visuales)
Ha llegado la hora de desempolvar un poco la sección de iconos para añadir algo nuevo.
Y sé que está super masticado el tema. Es por eso que no voy poniendo todo lo que veo sino sólo lo que creo que da un poquito más de vuelta a la tuerca. Y creo que iconPot es uno de esos.
¿Por qué? Bueno pues como bien destacan en la web, se trata de una web que recopila sets de iconos gratuitos 100% que no necesitan links al autor, créditos ni nada. Servidor no está en contra en absoluto de mencionar la autorÃa pero muchos agradecerán este filtrado extra a la hora de ponerse a buscar pictogramas, ¿verdad? Pues ale, a echarle un ojo. Además vienen muy bien categorizados con datos como el número de iconos, fecha de actualización…
:: iconPot [en] ::
Gracias a un correo de Toni me entero de la existencia del grupo de usuarios de Adobe, ConectaTutoriales. La verdad es que lo tienen muy bien montado todo en torno a un núcleo basado en ofrecer un buen puñado de videotutoriales [Youtube] que ofrecen aprendizaje y trucos de los diferentes programas de la suite de la “gran A” (por cierto, todavÃa estoy esperando el parche que les hace falta). Pero también tienen programados eventos, un foro…
Tengo en mente pasar por caja en Video2Brain porque parece jugoso su curso de After Effects pero antes bien podrÃa pegarle un repaso a los que tienen en ConectaTutoriales. Y no os podréis quejar que estos están en nuestro idioma!
:: ConectaTutoriales ::
El otro dÃa me guardé en el portátil un enlace que no sé cómo encontré pero que sé que os va a venir muy bien a muchos y que voy a guardar automáticamente en la sección de apuntes. Se trata del blog de un estudiante de diseño y producción editorial (como fuà yo en su momento) en el que ha ido guardando un montón de información y teorÃa que se enseña en el ciclo.
Creo que es un enlace al que tendréis que echar un ojo si estáis dando primeros pasos en el mundillo. Y si no, uno de estos!
:: Apuntes personales sobre el curso de diseño y producción editorial ::
Lo he puesto también en Breves [RSS] pero no he podido resistirme a destacarlo. Impresionante archivo fotográfico que recoge un también impresionante número de fotografÃas realizadas antes, durante y después de lo que fue el Programa Apolo de la NASA. La resolución a la que se encuentran disponibles es muy buena.
:: Project Apollo Image Gallery [en] :: (VÃa Blog de We Are Build [en])
PD: Os recuerdo que también existe la excelentÃsima web NASA Images [en] donde tenéis fotografÃas para aburriros también.
Llega un momento en la vida de toda, o casi toda, página web en la que uno ha de tomar decisiones derivadas del consumo de ésta por parte de terceras personas. Los visitantes, vamos.
Variables tales como los ya mencionados visitantes, el peso de las imágenes que colguemos o las caracterÃsticas del servidor contratado afectan de manera directa al consumo de ancho de banda (bandwidth para los amigos) y ello puede originar dolores de cabeza a más de uno. Pero, como en todo, siempre hay “parches” o buenas prácticas que se pueden llevar a cabo a fin de exprimir al máximo nuestros recursos disponibles antes de tener que rascarse el bolsillo y contratar mejoras de servidor, por decir la opción más común (y dirÃa que única).
Aquà os van 5 consejillos que yo he ido poniendo en práctica y me han venido muy, pero que muy bien.
Yslow
Lo sé, lo sé. Yslow por sà sólo no hace nada. Pero antes de “atacar” debemos saber a qué nos enfrentamos. Y es por ello que instalarse una extensión para Firefox tan útil como ésta, es algo casi imprescindible.
Yslow realiza una serie de pruebas a fin de informarnos sobre velocidad de carga, número de peticiones de archivos,… información MUY valiosa de cara a ver dónde realmente tenemos el problema. Podéis ampliar información y descargarlo justo aquÃ.
Para los que no deseéis instalaros nada, podéis probar Pingdom Tools [en] que realiza un test similar sin necesidad de instalar nada.
Optimizar las imágenes
Parece algo muy tópico pero si por ejemplo usáis Photoshop, hay una gran diferencia entre salvar imágenes en formato jpg desde “Salvar como” y “Salvar para web”. Haced la prueba si no lo sabiáis. Dejad en la medida de lo posible siempre el formato png para transparencias (o el .gif cuando son transparencias “básicas”). Y buscad un equilibrio entre peso y calidad de imagen. Darle una calidad máxima a la imagen en muchas ocasiones no se ve realmente necesario. En esta web por ejemplo suelo guardar los jpg con calidad que oscila entre el 50% y el 80% dependiendo del caso. Bajar la calidad de una imagen entre un 20% y un 30% puede suponer que su peso se reduzca a la mitad.
No creáis que es algo tan trivial lo de la optimización de imágenes :D Aquà os dejo otro link para ampliar información: Yahoo Developers Image Optimization [en].
Usar CSS Sprites
La técnica de los sprites es algo bastante antiguo. Se trata de aglutinar en una única imagen “madre”, muchas imágenes “hijas”. Poneros en el caso de que tenéis definido en vuestros CSS 5 tipos de fondos de imagen para listas. Cada vez que aparezcan en la web, al servidor se harán 5 peticiones. Una petición por imagen. Imaginad ahora que tenéis 100.000 visitas al dÃa. O 1.000.000.
Si en vez de definir 5 imágenes, definiéramos sólo una que las contuviera y posicionáramos las coordenadas de cada una de las “hijas” dentro de la imagen “madre” en nuestra hoja CSS, las peticiones se reducirÃan a tan sólo una. No os asustéis, si os suena a chino siempre podéis ampliar información.
CSS Sprites [en] o Website Performance Sprite Generator [en] son dos buenos ejemplos de utilidades online que os servirán para crearos vuestros sprites.
Repartir la carga
En algunas ocasiones me he visto en el caso de ofreceros la descarga de algún archivo. Ya sean PSD, bases de concursos… lo más sencillo es abrir el FTP y ale, cargarlos en alguna carpeta que tengamos para tal fin. Craso error.
Actualmente hay infinidad de servicios que nos permiten alojar gratuitamente nuestras imágenes o archivos. Yo me decanto por Box.net [en] para alojar archivos variados y Flickr para imágenes que quiera enseñaros a alta resolución.
Evidentemente no todo son pros. El alojar contenido en servidores externos supone que dependerás del estado en que se encuentren. Si un dÃa resulta que el sitio donde alojaste tus archivos cae o peor aún, cierra… c’est fini. También puede darse el caso de una saturación de sus servidores y a la hora de intentar acceder a tus archivos, la espera se haga eterna. Por todo esto es interesante confiar en servicios extendidos o con una base sólida en el panorama. Yo con Box por ejemplo llevo un par de añitos feliz y contento. Y a Flickr no parece que se le vaya a acabar la mecha en una buena temporada.
PHP Speedy
PHP Speedy es un script que te permite comprimir todos tus archivos js y tus css para asà disminuir el número de peticiones y, consecuentemente, el tiempo de carga de la web. También tiene otras cosillas bastante interesantes.
Ha tenido gran acogida en la red, es bastante sencillo de poner en práctica aunque no está exento de problemas en algunas configuraciones. Es cuestión de probarlo y emitir veredicto. PHP Speedy [en] + instalación de plugin para Wordpress.
Y hasta aquÃ! Yahoo, Exceptional Performance [en] es un sitio bastante interesante en el que poder leer más información sobre este tema.
Para todos los amantes de ese arte comercial llamado Packaging, les traigo un recurso bastante útil, es un blog llamado Lovely Package, y como su nombre lo indica todo el sitio es una oda al empaquetamiento con diseño artÃstico y/o funcional.
Aunque la web es relativamente joven, ya se puede encontrar muy buen material alojado en ella, definitivamente hay que agregar este sitio a los feeds, tiene mucho potencial y pinta bastante bien.
Gracias a Photoclinique encontramos un paquete de 6 fotografÃas de decoración que nos han gustado aún y encontrarlas poco prácticas. Pero nunca se sabe.
[ Descargar imagenes en alta resolución ]
ArtÃculos relacionados
Gracias a Maromedia descubrimos este nuevo recurso vectorial. 4 ilustraciones de chicas en formato vectorial (EPS) listas para descargar totalmente gratis.
[ Descargar archivos vectoriales ]
ArtÃculos relacionados
Dejaba el otro dÃa en [Q], un post en el que destacaba la web Welie [en] por su utilidad a la hora de ampliar conocimientos sobre diseño de interacción.
Bueno pues el segundo plato lo dejo aquÃ: Information Design Patterns es otra web de estilo diferente pero objetivo similar; ampliar conocimientos sobre los diferentes métodos que tenemos para representar información. Gráficos de barras, diagramas en árbol… otro link must have. Se echa en falta no obstante que las imágenes de ejemplo se pudieran ampliar.
:: Information Design Patterns [en] ::
Cada vez me cansa un poco más el tema de recopilatorios y los tÃtulares supervitaminados que se ven pero, hay que reconocerlo, funcionan bastante bien. No obstante me guardo de enlazar a diestro y siniestro este tipo de contenido porque no le veo razón. Pero de cuando en cuando hago excepciones.
Es el caso de la selección “texturil” que han hecho en Tutorial 9 [en] y que me ha parecido bastante buena. Es una recopilación de fotografÃas que podremos encontrar en SXC [en] de papel, pintura o acabados metálicos. Me ha parecido que puede ahorrar un par de minutillos de búsqueda y todas permiten su uso bajo las restricciones estándar que estipula SXC.
:: 99 Free Canvas, Paper, Paint, and Metal Textures [en] ::
Si aún te parece que hay pocos iconos por la red de redes, viene la gente de Function [en] y deciden liberar un set de 128 iconos totalmente gratuitos. Pero gratuitos de verdad, no de esos que dicen que son gratis y luego sólo valen para ponerse en el escritorio 
Que aproveche!
:: Function free icons [en] :: (VÃa Stylegala [en])
