Inicio arrow Tutoriales
Tutorial: Utilizar videos de YouTube como Screensaver
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):

 

Descargar 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.

 

Convertir 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:

 

InstantStorm

 

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.

 

Wizard

 

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.

 

 

 

 
Crear un stencil desde cero y no morir en el intento III
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:

 

Selección con la herramienta Lazo



Seguir leyendo ]

 

 
Tutorial: Utilizar pinceles de Photoshop en GIMP
miércoles, 01 de agosto de 2007

GIMPMá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:


ABRViewer


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.


Brush-batch


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.



 
Creación de imágenes planetarias utilizando GIMP
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.

Resultado Final

 

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...

 

 
Cómo crear un template para Joomla! (Tercera parte)
domingo, 29 de abril de 2007

Joomla!Tercera y última parte sobre como crear un template funcional para Joomla!

 



Como bien dije antes , solo queda por explicar la creación del archivo 'templateDetails.xml'. Además había quedado en poner un par de puntos que no pude mostrar anteriormente.

El archivo templateDetails.xml

Dicho es una parte esencial para la instalación y reconocimiento de la plantilla en la administración de Joomla!. Además con él podemos brindar información sobre el autor, datos de contacto, licencia, etc. Básicamente tendremos las siguientes etiquetas y sus correspondientes datos:

 

XML
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <mosinstall version="1.0" type="template">
  3.     <name>Nombre del template</name>
  4.     <version>Version del template</version>
  5.     <creationDate>Fecha de creación</creationDate>
  6.     <author>Nombre del autor</author>
  7.     <authorEmail>E-mail del autor</authorEmail>
  8.     <authorUrl>Url del autor</authorUrl>
  9.     <description>Una breve descripción</description>
  10.     <files>
  11.            <filename>Archivos de la plantilla</filename>
  12.     </files>
  13. </mosinstall>

 

Más alla de los datos de autor y nombres, es muy importante que especifiquemos correctamente todos los archivos de la plantilla, con su correspondiente carpeta contenedora y formato de archivo. En caso de no especificar alguno, sencillamente ese archivo no será reconocido ni instalado...

 


Tags:  tutoriales joomla template plantilla
 
<< Inicio < Anterior 1 2 3 4 5 6 7 Siguiente > Final >>

Resultados 1 - 5 de 32