|

Peculiar: iconos realizados con CSS

Peculiar es un paquete de iconos realizado sólo en CSS. Ha sido creado pensando en sitios y aplicaciones web que dependan de un número muy reducido de peticiones HTTP o que no necesiten o no puedan utilizar ninguna imagen. El paquete contiene 45 pict …

Post original

PHPico: librería PHP para trabajar con iconos

PHPico es una librería PHP que nos permite crear y manipular iconos (formato .ICO), pudiendo leer y escribir archivos de iconos. Permite crear iconos vacíos, añadir imágenes de diferentes tamaños y bits, quitar imágenes de los iconos, indicar el color de los iconos, añadir definiciones de colores, …

require_once('PHPico.php');
$i = new PHPicoImage();
$i->createBlankImage(8, 8, 8);
$i->addColor(0, 3, 255, 0, 0, 0);
$i->addColor(0, 2, 0, 255, 0, 0);
$i->addColor(0, 1, 0, 0, 255, 0);
$i->setPixel(0, 0, 0, 3, 0);
$i->setPixel(0, 1, 1, 2, 0);
$i->setPixel(0, 2, 2, 1, 0);
$i->setPixel(0, 3, 3, 3, 0);
$i->save('F', 'test.ico');

PHPico

Iconos gratuitos para tu web

Una colección de iconos para nuestra web, sencillos, pequeños y muy claros. Su uso es gratuito si no incluyes más de 10 iconos en tu web, en otro caso deberíamos pagar una licencia de 30$.
iconos.png
Organizado por diferentes categorías: tipos de fichero, web, blogs y CMS, usuarios y comercio electrónico. Nos puede ayudar mucho, nos ahorrará mucho trabajo y le dará un buen toque de diseño a nuestro sitio.
De paso, visitando el sitio y el blog del autor de los iconos, os recomiendo que os paséis por su galeria de cliparts vectoriales, su tutorial de cómo vectorizar una fotografía o cómo crear un fondo abstracto.

|

Crear botones de suscripción con Photoshop

Puede que alguna vez te hayas preguntado cómo hacer uno de esos “minibotones” que aparecen en algunos sitios indicando la suscripción RSS, pues es tan sencillo como dar tres pasos en photoshop.
Creamos un archivo nuevo de las dimensiones deseadas, yo para el ejemplo uso una imagen de 22 pixels de ancho por 11 de alto.
Elegimos los colores que vamos a usar, en este caso he escogido dos tonos de naranja, #E39207 y #FFAE00
Seleccionando el color más oscuro, trazamos un borde de 1px de ancho por toda la imagen, seguidamente seleccionamos la herramienta de borrado y quitamos 1px de cada esquina dejando una imagen como esta border-rss-01.gif
El siguiente paso será hacer una selección de toda la parte interior del recuadro y realizar un degradado desde el extremo superior de la imagen hasta el extremo inferior gradient-rss-01.gif
Solo nos queda añadir el texto, lo hemos hecho píxel a píxel, y tendremos un atractivo botón para decorar nuestra web. button-rss-01.gif