Tutoriales sobre ilustración y diseño

ByLuis

illustrationclass.pngEn Intenta siempre encuentro cosas realmente interesantes (aunque la información la han obtenido de DissenyArt). En este caso se trata de una página que nos enseña diseño y como crear ilustraciones, lo cual para quienes somos unos expertos en el copy/paste conceptual, nos va a venir muy bien para aprender y no necesitar tanto del CTRL+C/CTRL+V.
Los tutoriales está muy muy bien, te explican paso a paso cómo lo han ido realizando, con imágenes de cada paso. La única pega que le pongo es que te tienes que bajar un zip y luego descomprimirlo en tu ordenador para ver el tutorial.
illustrionclass.com
Vía / Intenta

Similar Posts

|

Microsoft crea un rival para JPEG

ByLuis

MicrosoftMicrosoft ha creado un nuevo formato de compresión de imágenes, Windows Media Photo, el cual ocupa la mitad que un fichero JPEG y con mejor resolución. Su intención es que sea soportado por Vista y por XP y dicen que es lo más adecuado para teléfonos móviles ya que ocupa menos espacio y para imprimirse.
Claro, que realmente para que este formato tenga un éxito decente, deberá ser exportado por aplicaciones Adobe que son las más utilazadas dentro del mundo del diseño. También habría que hacer una comparativa con otros formatos como PNG, aunque yo creo que el éxito de JPEG es como el de MP3, haber sido el primero en aparecer, luego han aparecido formatos mejores pero la gente ha seguido usando el mismo de siempre.
Sobre la licencia no se sabe nada, pero bueno, tambien JPEG tiene liciencia y eso no ha creado ningún problema.
Microsoft shows off JPEG rival

Tutoriales de Javascript

ByLuis

Está claro que tutoriales hay muchos, pero no todos son iguales, ni están enfocados para un mismo público. En este caso, yo creo que se trata de tutoriales sencillos pensados para empezar de cero, para quien no tenga ningún conocimiento de Javascript, incluso diría que para quienes el HTML es solo una forma de mostrar texto.
Empieza por lo más básico, luego nos introduce los objetos, funciones, tipos básicos, arrays, formularios y validaciones, trabajar con frames. Lo dicho, para empezar creo que es muy adecuado.
JavaScript Cake: Tutorials and Scripts
Vía / dzone

Optimiza tus imágenes con PngOptimizer

ByLuis

Si te preocupan cosas como el ancho de banda, el espacio en el servidor o los tiempos de descarga, **PngOptimizer** te enamorará.
Se trata de un software gratuito —solo Windows— que nos permite reducir el tamaño de las imágenes para su uso en la web. Impresiona por el tamaño de la descarga (solo 163 KB) y su facilidad de uso: para optimizar una imagen basta con arrastrarla desde el explorador de archivos hasta la ventana de la aplicación.
Y por el mismo precio —cero euros—, incluye una versión para línea de comandos que te resultará muy útil en procesos por lotes.
Optimicemos, amiguete: PngOptimizer.

| |

Usar la API de Google para obtener bordes redondeados

ByLuis

Para aquellos que necesiten crear gráficos con bordes redondeados y no sepan de editores gráficos, la API de Google roundedcorners le puede venir muy bien para obtener las imágenes necesarias.
roundedcorners.png
Tan solo es necesario llamar a un URL para obtener la imagen. Teniendo en cuenta que el parámetro c de la url indica el color de la esquina (RGB o RRGGBB), bc el color de fondo, h la altura, w el ancho y a el tipo de esquina que debe generar (tl para arriba a la izquierda, tr para arriba a la derecha, bl para abajo a la izquierda, br para abajo a la derecha).
Google’s own cornershop
Vía / Ajaxian

Novedades de Adobe Photoshop CS3

ByLuis

photoshopbox.gifParece que Adobe Photoshop CS3 viene cargada de novedades, entre una de las más importantes es la creación de dos versiones, una Standard y otra Premium, la cual incluirá más funcionalidades. Por ejemplo, la nueva versión de Camera Raw irá incluida en ambas versiones de Photoshop. Vanishing Point estará solo en la versión Premium.
A parte de mejoras en la edición de imágenes, también añadirá funcionalidades al uso de tabletas gráficas al estilo de Corel Painter y dará la posibilidad de exportar a CAD.
Vía / Bitelia

DLayer: script jQuery que nos ayuda a maquetar diseños

ByLuis

Cuando nos pasan un diseño en PNG o PSD y tenemos que transformarlo a CSS y XHTML, una de las partes más tediosas es comprobar que el HTML se ajusta al diseño. Por ello, he creado un script rápido (y un tanto chapuzas) que permite añadir una imagen en el documento HTML y modificar su top y left así como el opacity para poder comprobar si vamos por buen camino.

La imagen la podemos indicar mediante una URL o haciendo drag&drop del fichero (PNG, GIF o JPEG). El D&D sólo funciona en Firefox y sinceramente, el resto del script solo lo he probado en Firefox. Luego solo nos falta cambiar el opacity, el top o el left y hacer pruebas.

Para instalarlo solo hay que añadir el script y añadir jquery si no está ya incluido.

Espero que os sea útil

jquery-dlayer