Camino Creativo » iconos

300 Iconos ASP.NET

Luch — Thu, 26 Feb 2009 04:30:04 +0000

Librería con 300 íconos de uso libre para desarrolladores de ASP.NET

DESCARGAR 300 ICONOS ASP.NET

Colección de iconos educativos

Luch — Wed, 04 Feb 2009 07:53:58 +0000

Colección de decenas de iconos educativos en formato EPS: construcción, escuela, libros, medicina, arquitectura, etc.

DESCARGAR ÍCONOS EDUCATIVOS

43 íconos redondeados de aplicaciones

Luch — Wed, 14 Jan 2009 21:00:25 +0000

Decenas de íconos redondeados con un tamaño de 128×128 píxeles

DESCARGAR 43 ÍCONOS REDONDEADOS DE APLICACIONES

Iconos de autos de carrera

Luch — Fri, 19 Dec 2008 02:15:03 +0000

27 fabulosos íconos de altísima calidad y en todos los tamaños de autos de carrera. Se encuentran en formato ICO y PNG.

DESCARGAR ICONOS DE AUTOS DE CARRERA

Iconos de los navegadores más famosos

Luch — Fri, 19 Dec 2008 02:10:38 +0000

Nueve espectaculares íconos en todos los tamaños (256×256,128×128,16×16,32×32,48×48) de los mejores navegadores de internet. Se encuentran en formato PNG e ICO.

DESCARGAR ICONOS DE LOS NAVEGADORES MÁS FAMOSOS

Pack de Iconos y sonidos estilo Vista

Luch — Fri, 19 Dec 2008 02:05:35 +0000

Este gran Pack incluye decenas de íconos y sonidos al estilo Windows vista: carpetas, cursores, multimedia, etc

DESCARGAR ICONOS Y SONIDOS ESTILO VISTA

12 Iconos RSS para navidad

Luch — Wed, 17 Dec 2008 04:30:35 +0000

Para que tu sitio y tu ícono RSS sean originales con las fechas que se acercan les traigo este Pack de 12 Iconos RSS con temática navideña.

FREE CHRISTMAS RSS ICONS

Barra de botones con iconos estilo neón

Luch — Tue, 18 Nov 2008 17:46:11 +0000

Excelente barra para colocar en su sitio Web. Se trata de una botonera en el que vamos a aplicarle no solamente los títulos de cada botón sino que también agregaremos íconos con estilo neón.

Abrimos un nuevo documento de 650×500px con fondo negro.

Creamos una ((New Layer)).

Seleccionamos ((Rectangular Marquee Tool)) de tipo ((Fixed Size)) y un tamaño de 600×40px. Luego de colocados estos valores hacemos clic en cualquier parte del documento para que automáticamente aparezca la selección del rectángulo.

Lo rellenamos de blanco.

Hacemos doble clic sobre la capa de la barra para aplicarle ((Blending Options)).

((Gradient Overlay)). Para este degradado usarán los colores: #000000 y #111111.

((Stroke)).

Una vez aceptados los cambios tendremos este resultado.

Ahora apretamos Ctrl + Clic sobre la capa de la barra para activar la selección.

Luego seleccionen ((Rectangular Marquee Tool)), Style: Normal y “Subtract From Selection”. Lo que vamos a hacer será restar la mitad de la selección de la barra.

Crean una ((New Layer)).

Esta nueva selección la rellenan de blanco y le reducen la ((opacity)) a un 5%.

Pasaremos a crear los títulos de los botones. Usé la fuente Arial.

Dejen un espacio entre título y título para colocar el icono.

Crean otra ((New Layer)).

Con ((Rounded Rectangle Tool)), Radius: 7 dibujarán el fondo del ícono. Observen la siguiente imagen.

Hagan doble clic sobre esta capa. Le aplicaremos los siguientes ((Blending Options)).

((Drop Shadow)).

((Gradient Overlay)). Para este degradado usen los colores: #000000 y#464646.

Les quedará así.

Apreten Ctrl + J sobre esta capa para duplicarla y colocarla sobre los demás títulos de la barra.

En este tutorial coloqué iconos que vienen por defecto con Photoshop.

Por supuesto que estos íconos los vamos a colocar en una ((New Layer)).

Con ((Shape Tool)) seleccioné de la lista este ícono y le aplique ((Outer Glow)).

Así nos quedará la barra completa.

En otro resultado veremos que con ((Line Tool)) y ((Outer Glow)) dibujé la zona activa del botón.

Otra manera de crear botones web con iconos

Luch — Wed, 29 Oct 2008 07:51:07 +0000

Otra fantástica manera de crear botones web con iconos que les voy a dar para que descarguen y puedan usarlos.

Abrimos un nuevo documento de 400×600px.

Rellenamos el fondo con el color #384243.

Creamos una nueva capa.

Seleccionen ((Rounded Rectangle Tool)) con un ((radio)) de 9px. Tracen un selección con el color #405252como vemos abajo:

Dupliquen la capa (Ctrl + J) de botón.

A la capa duplicada le cambian el color de relleno a #526262 y la corren unos pixeles hacia abajo.

Dupliquen nuevamente la capa y cámbienle el color a #304040.

Coloquen esta capa entre medio de las otras dos.

Luego lo que van a hacer es mover la selección unos pixeles hacia abajo y apretar la tecla ((Suprimir)).

Separen un poco más las capas. Observen como las teníamos en la imagen de arriba y ahora vean la imagen de abajo.

Seleccionamos la capa que rellenamos con el color #304040 y con ((Rectangular Marquee Tool)) hacemos una selección al costado izquierdo del botón, luego apretamos la tecla ((suprimir)).

Creamos otra ((capa nueva)) y con ((Rounded Rectangle Tool)) hagan un pequeño rectángulo en la parte inferior derecha del botón. Luego lo rellenan con el color #304040.

Duplicamos y completamos los títulos de los botones. Utilicé la fuente “Tahoma” tamaño 12px.

Les dejo a disposición la página para descargar los íconos. Hagan clic aquí.

Una vez que coloqué los íconos correctamente mi resultado fue este.

Botones Web con Iconos

Luch — Thu, 16 Oct 2008 06:04:00 +0000

Excelentes botones web identificados con Iconos. Mediante ((Layer Style)) crearemos unos fabulosos botones web con unos atractivos iconos que les dejo disponibles para que descarguen.

Creamos un nuevo documento de 400×400px con fondo negro.

Creamos una ((capa nueva)).

Seleccionamos ((Rounded Rectangle Tool)) con un ((radio)) de 6px. Luego dibujaremos la selección del botón con fondo blanco.

Parados encima de la capa del botón vamos a ((Layer))-((Layer Style))-((Blending Options)).

((Drop Shadow)).

((Inner Shadow)).

((Gradient Overlay)). Como degradado vamos a elegir un rojo oscuro y uno claro.

((Stroke)).

Luego de aplicado ((Layer Styles)) tenemos este resultado.

Apretamos Ctrl + Clic sobre la capa del botón para activar la selección de este.

Crean una ((nueva capa)).

Seleccionen ((Gradient Tool)) estilo ((Radial Gradient)) y de Blanco a transparente. Trazen el degradado de arriba hacia abajo, como muestra la imagen de abajo.

El degradado les tiene que quedar así.

Luego le cambiamos el modo de la capa a ((Overlay)).

Antes de seguir con el último paso les dejo este Pack de Iconos de DeviantArt para que descarguen haciendo clic aquí.

Coloquen los íconos y los títulos a sus respectivos botones. A los títulos pónganle ((Drop Shadow)).