Vamos a ver como hacer un botón del estilo 2.0 con gimp. Primero abrimos nuestro gimp y nos vamos a Archivo>nuevo y creamos un documento de 200×75: Ahora ponemos el color de frente en un verde oscuro (#007800) y el de fondo en verde más claro (#91c100) y seleccionamos la herramienta degradado. Nos ponemos sobre el documento y hacemos un degradado. Vamos a redondear las esquinas. Picamos en Seleccionar>Seleccionar Todo. Picamos de nuevo en Seleccionar y buscamos la opción Rectángulo redondeado dándole los valores que veis en la imagen: Os aparecerá la imagen seleccionada con los bordes redondeados pero aún nos queda otro paso. Nos vamos a editar>copiar y ahora editar>pegar como>Imagen nueva. Ya tenemos la base del botón con degradado y esquinas redondeadas en un nuevo documento. Cerramos el anterior. Seleccionamos la herramienta Selección de rectángulos y hacemos una selección en el documento similar a la que veis en la imagen. Repetimos los pasos ...

Hace unos días los de IBM, en su sección dedicada a los desarrolladores, publicaban un post donde explicaban varios efectos diferentes hechos en AJAX de los que se llevan tanto ahora. Están basados en las librerías estrellas de javascript como scriptaculous o prototype juntando 5 técnicas en total. Todos los ejemplos los tenemos recopilados en un .rar, con las librerías que usan, código html y css. Vamos a ver como implementar dos de ellos, uno para mostrar información al pasar el ratón por encima de un enlace y otro para mostrar texto en un cuadro superpuesto al picar sobre determinado lugar. Antes de nada nos descargamos el pack donde vienen todos los ejemplos con sus códigos correspondientes. Mostrando información al pasar el ratón (tooltips) – DEMO Hacemos una nueva carpeta y le ponemos el nombre Popup. Dentro hacemos otra con el nombre js. Metemos dentro de esta última las librerías prototype.js y ...

Con Pamoorama podrás mostrar tus fotografías de la mejor manera posible, en 360 grados y de una forma muy simple. Funciona aprovechando mootools y no es necesario css, solamente algo de html. Vamos a ver como implementarlo. Aquí tenéis la demo que yo e hecho para que veáis como queda. 1.- Lo primero descargamos Pamoorama0.3 y mootools. 2.- Creamos una carpeta que llamaremos pamoorama, dentro de la cual hacemos otra con nombre js. Metemos en esta última las dos librerías javascript que hemos descargado y en pamoorama la imagen que queramos usar para la vista en 360 grados. 3.- Creamos un archivo html con el siguiente código que veis debajo, y lo guardamos con el nombre que queramos y extensión .html dentro de la carpeta pamoorama. [html] window.addEvent('load', init); function init() { var myPamoo = new pamoorama('pamoorama1', {activateSlider: false, width: 650, footercolor:"#ff7100", captioncolor:"#8fb50d", caption: "diarioTHC", autoscrollSpeed:90000, enableAutoscroll: true, autoscrollOnLoad:true}); } [/html] Explicando cada parte del código: Primero de todo llamamos ...

Bonito y original tutorial publicado en los foros de Talk Mania, buen foro para webmasters. En esta entrega enseñan como diseñar un logotipo en 3D mediante el uso del photoshop, que vamos a adaptar al castellano. El resultado será algo similar a la imagen que ilustra esta entrada. Comenzamos abriendo un nuevo documento de 500×500 px, y descargamos esta forma (también la tenéis subida aquí) para cargarla en photoshop. Una vez la tengamos la copiamos a la carpeta C:>Archivos de programas>Adobe>Adobe Photoshop CSx>Ajustes preestablecidos>Formas personalizadas. Seguidamente, en nuestro photoshop abrimos el panel Formas personalizadas y cargamos la nueva forma. Hacemos una nueva capa y dibujamos la forma en esa capa, para hacerla de una forma proporcional, pulsamos la tecla shift a la vez que la dibujamos, tiene que quedar algo como esto (pero aún sin color): Ahora vamos a darle color. Entramos en Ventana>Trazos. En el panel de trazos, pulsamos botón derecho sobre ...

Muy buenos tutoriales hechos desde hachemuda.com para aprender diferentes aspectos del Gimp como Acerca de Gimp (3 vídeos), Métodos y procedimientos (3 vídeos), Retoque Fotográfico (13 vídeos), Textos (5 vídeos). Todos los vídeos están disponibles para descargar desde tres mirrors diferentes y para verlos directamente en google video. Para ir abriendo boca aquí os dejo uno de ellos: Enlace: HacheMuda >> Vídeo Tutoriales ...

Empezamos con una colección interesante de pinceles que durante el tiempo a estado haciendo Irmina y recopilando en su site y en su blog. En total 15 paquetes de temáticas muy variadas: transportation, grunge, splatters, fingerprints, skylines, fractals, floral, guns, stars, hearts, shells, doodles. Uno vez descargados, tenemos que instalarlos/cargarlos, para lo que seguiremos estos pasos: 1.- Descargamos el paquete con los pinceles y los descomprimimos. 2.- Copiamos los pinceles en la carpeta C:>Archivos de programas>GIMP-2.0>share>gimp>2.0>brushes 3.- En nuestro Gimp, buscamos en la ventana del espacio de trabajo la pestaña de la barra superior que se llama Diálogos y picamos sobre Pinceles (o shift+Ctrl+B). Se nos abrirá el panel Pinceles y pulsamos sobre el botón que está en la esquina inferior derecha, nos refrescará la lista de pinceles. Ya tenemos descargados y listos para usar nuestros pinceles en ...

Menú basado en el original fancy menú con efecto “sliding” hecho bajo mootools por Guillermo Rauch y que ganesh adapta para jQuery. El resultado es bueno y lo mejor de todo su peso, 700bytes, compatible con IE6/7, Firefox y Safari. En la página podemos descargar todo el código necesario y también nos explican como implementarlo. Visto en: cssjuice.com ...

Muy bien, ya sabes programar más o menos en CSS y HTML, manejas algo de Flash y también Phtoshop. Publicas tu web y sigue sin tener la repercusión que tú pensabas. Esto puede ser debido a dos razones, o el tema que tratas está muy mascado o fallas en la fase de promoción (también pueden ser multitud de factores diferentes). Sea lo que sea, desde wikilearning ponen a nuestra disposición un completo curso con 25 temas enfocados todos ellos a la promoción de un sitio web, otra de las facetas importantes en las que un webmaster debe formarse para tener aun que sea unas nociones básicas. Los temas que se tratan: 1-Introducción a la promoción de webs. 2-Tipos de buscadores. 3-Cómo registrar una página. 4-Trucos para el registro. 5-Dónde colocar las palabras clave. 6-Etiquetas META. 7-Todo el HTML. 8-Falsos trucos. 9-Otros métodos de promoción.10-Consejos para el web. 11-Cómo ayuda un dominio. 12-ProfesionalesI: ...

Manual de photoshop por parte de 9tutorials con el que obtendremos unos efectos de iluminación interesantes. Aquí seguiremos los mismos pasos pero en español para que se entienda, como siempre dejando claro que el material original es de 9tutorials así como las imágenes. Obtendremos algo similar a esta imagen: Antes de empezar descargar el pack que ponen a nuestra disposición donde encontraremos los pinceles que serán necesarios para hacer el ejemplo y donde también tenemos el .psd con el tutorial finalizado. Pulsar sobre las imágenes para verlas ampliadas. Paso 1: Crear la figura que llamaremos cabeza: Abrimos un nuevo documento en photoshop, con 900x500px será suficiente. A esta primera capa le ponemos el nombre de “fondo” y la pintamos de negro con el bote de pintura. Realizamos una nueva capa y seleccionamos la herramienta pincel, con color blanco y pintamos una figura similar a la de la imagen que ilustra este post. La ...

Aporte a la comunidad de photoshop por parte de Nick La, integrante del estudio N.Desing y de Best Web Gallery, que lanza desde su blog WebDesignerWall un manual donde nos enseña 30 atajos y trucos de teclado y ratón para photoshop. Algunos de estos 30 atajos y trucos no están especificados por adobe en ningún sitio, han sido descubiertos por él usando photoshop a lo largo de los años y nos ahorrarán mucho tiempo cuando trabajemos con este software. Yo haré aquí una adaptación al castellano de lo que Nick nos enseña en su blog, dejando claro que la autoría es completamente de él así como las imágenes. Antes de empezar comentar que los atajaos y trucos están hechos en Mac y algunas teclas varían para el pc. Aquí lo haremos como si estuviéramos en un pc, la conversión entre teclas es: CMD en mac equivale a CTRL en pc y OPT ...

Interesante y bastante simple tutorial para crear con el photoshop esas carpetas/folders con transparencias/brillos al estilo Windows Vista. Enlace: How to Make a Folder Icon ...