|
lunes, 03 de noviembre de 2008 |
Si hay una razón por la cual jQuery se está volviendo tan masivo, es porque cumple con su eslogan ("Escribe menos, realiza más") de pie a cabeza.
Y cumpliendo con dichas palabras, vamos a crear una simple galería de imágenes:
Para eso vamos a utilizar un par de plugins:
- jQuery Cycle Plugin: Para realizar la galería, navegación, control y transiciones
- Fancybox: Para poder cargar la imagen original con un efecto de zoom...
|
|
|
sábado, 12 de enero de 2008 |
|
Bueno, esa es la idea, utilizar videos de YouTube como protector de pantalla. En verdad el tutorial no está limitado a videos de esa plataforma, sino que se pueden utilizar los de cualquier sistema de video sharing (Google Video, Dailymotion, etc) Utilizaremos tres aplicaciones, todas gratuitas y de las cuales 2 son herramientas online: 1 - Buscamos en YouTube el video que queremos, copiamos su URL para luego pegarla en Keepvid y descargar el video (recordar añadir la extensión .FLV al guardar el video):
2 - Una vez descargado el video, vamos a Media Convert, subimos el .FLV y como formato de salida especificamos SWF. Le damos OK y esperamos a que el sistema suba y convierta nuestro archivo.
3 - Instalamos InstantStorm y lo abrimos. Esta herramienta sirve para convertir cualquier SWF en un protector de pantalla, por lo cual no solo para videos de YouTube se puede utilizar. En la primera pantalla que aparece hacemos click para crear un proyecto paso a paso:
4 - Se abrirá el Wizard, allí iremos completando el título del screensaver, para luego elegir el SWF convertido. Además si lo deseamos podremos elegir una imagen para mostrar en el instalador del screensaver.
5 - Cuando terminemos y le demos a Finish lo siguiente será exportar el instalador, para eso hacemos click en Create. Le damos un nombre y guardamos en alguna carpeta el .EXE. Automáticamente InstanStorm comenzará a compilar, pasados unos segundos ya tendremos nuestro archivo. Lo único que hará falta será ejecutarlo e instalarlo. Luego vamos al Escritorio, Propiedades, solapa Protector de Pantalla, seleccionamos nuestro screensaver y le damos en Aceptar. Podemos verificar todo en la vista previa. |
|
|
lunes, 13 de agosto de 2007 |
|
Este tutorial hace tiempo tenia ganas de postearlo [ desde que publiqué la primera y segunda parte ] pero que, por falta de tiempo o por dejarlo para "otro dia" se me fue pasando. Asi que aquí está, la tercera parte de Cómo crear un stencil desde cero y no morir en el intento, aunque más que tercera parte, tendría que ser una primera parte y media, ya que no es más que la explicación del diseño del stencil usando GIMP [ en vez de Photoshop ] El proceso es básicamente el mismo: 1 - Con la herramienta lazo seleccionamos la parte que nos interesa para el diseño final. La recortamos y la pegamos en un nuevo documento:
[ Seguir leyendo ] |
|
|
miércoles, 01 de agosto de 2007 |
|
 Más de una vez he oido, como un simple argumento para no utilizar GIMP, la imposibilidad de utilizar diversos pinceles de Photoshop. Desde hace un tiempo este argumento es incierto, ya que en un par de minutos podemos convertir cualquier pincel en uno compatible para GIMP.
El siguiente tutorial es originario de GIMP Talk y fue traducido por Roxana Falasco al español hace un tiempo, el cual me sirvió de ayuda en su momento.
La idea del proceso es simple: Tomar el pincel de Photoshop que queremos convertir, extraer las imágenes que lo componen y luego con ellas crear el pincel compatible para GIMP. No suele tomar más de 2 minutos el proceso. Para eso vamos a necesitar a: - ABRviewer : Es una aplicación Open Source para Windows que permite visualizar archivos ABR (el formato de pinceles de Photoshop) y poder exportar las imágenes que lo forman [ RubenDomfer habló de él hace un tiempo ]. Para su funcionamiento en necesario tener instalado Microsoft .NET Framework 2.0
- GIMP Batch brush converter : Es un script para GIMP que tomará las imágenes previamente exportadas con ABRviewer y creará el pincel compatible. Para instalarlo, hay que copiarlo en C:\Archivos de programa\GIMP-2.0\share\gimp\2.0\scripts
1 - Abrimos ABRviewer y vamos a File --> Open brush sets. En la ventana que aparece seleccionamos el pincel de Photoshop. El programa comenzará a escanear el archivo y a mostrar las imágenes que lo componen:
2 - Luego vamos a Export --> Thumbnails. Seleccionamos una carpeta de destino. El programa exportará todas las imágenes del pincel.
3 - Lo siguiente será abrir GIMP e ir a Exts --> Script-Fu --> Gimp-talk.com --> Brush-batch. En la ventana que aparece tendremos 5 parámetros:
- Load From: Allí seleccionamos la carpeta en donde hemos guardado las imágenes anteriormente exportadas
- File Type: El formato de imagen a importar, en este caso PNG
- Brush Name: El nombre del pincel a crear
- File Name: El nombre de los archivos a crear
- Save to folder: Allí seleccionamos la carpeta de destino en donde guardaremos el pincel.
Le damos OK. El script comenzará a cargar las imágenes, creando un pincel por cada una.
4 - Finalmente vamos a la carpeta de destino, seleccionamos los pinceles creados [ poseen extensión GBR ] y los pegamos en C:\Archivos de programa\GIMP-2.0\share\gimp\2.0\brushes. En un documento nuevo en GIMP, abrimos el panel de brochas, le damos al botón refrescar y verificamos que los pinceles carguen correctamente.
Y eso es todo, en cuatro pasos pudimos utilizar brushes de Photoshop en GIMP sin problemas ;)
ACTUALIZACIÓN: Para usuarios de Linux, Roxana Falasco también muestra la solución para realizar el proceso en dicho SO.
|
|
|
martes, 05 de junio de 2007 |
|
Hace un par de días, Fabio creo un estupendo tutorial explicando la creación de imágenes "planetarias" usando GIMP. El proceso es tan fácil que solo lleva 4 pasos: 1 - Partiendo de una imagen panorámica que tengamos a mano (¿Aún no sabes cómo crearlas? ) lo primero que hacemos es abrirla y redimensionar su tamaño. Para eso vamos a Imagen ---> Escalar la imagen. En la ventana que aparece destildamos la redimension por relación de tamaño y en Interpolación elegimos Cúbica. Finalmente cambiamos los valores de anchura para crear una imagen más cuadrada... |
|
|
<< Inicio < Anterior 1 2 3 4 5 6 7 Siguiente > Final >>
|
