Diseños de ropa con ilustraciones exclusivas.

Se acercan las navidades y los reyes, ¿no sabes qué regalar o regalarte?, puedes acabar comprando algún objeto para acaparar polvo, o algo a lo que poder dar uso y que además mole. Regala una camiseta original en: Camisetas Frikis

Selecciona un diseño y personaliza la prenda a tu gusto: camiseta manga corta o manga larga, sudadera (jerséy) con o sin capucha, bolso, ropa de niño... Elige el tipo de prenda en el color y talla que prefieras con el dibujo que más te guste.

Con ilustraciones personalizadas del autor Rael del Fraile con caricaturas de cine y videojuegos con los que te sentirás identificado. Y te asegurarás de llevar una prenda con un dibujo exclusivo y original porque no se venden en ningún otro sitio.


Guardar listado automático del contenido de una carpeta.

Si queremos guardar en un archivo de texto una lista completa de los archivos de una carpeta en Windows, podemos hacer lo siguiente.

En Menú de Inicio/Ejecutar (Tecla Windows+R), escribimos cmd

En esta ventana, escribimos el nombre de la unidad donde está la carpeta que contiene lo que queremos listar, por ejemplo C:
Y pulsamos Enter. Estamos en la unidad seleccionada.

Ahora supongamos que queremos listar el contenido de C:\carpeta\subcarpeta\ "y el contenido aquí".

Escribimos cd y un espacio, seguido de la ruta:

cd carpeta\subcarpeta

Y pulsamos Enter. Ahora estamos en la carpeta que contiene lo que queremos listar. Podemos comprobar ese listado escribiendo dir

Para crear un txt con el listado de los archivos contenidos en esta carpeta (si copiamos y pegamos este texto en el cmd ha de ser con botón derecho/pegar, no funciona Ctrl + V), escribimos:

dir/b>00-lista.txt

Y pulsamos Enter. Siendo 00-lista.txt el txt (con el nombre que queramos, lo he nombrado como 00-lista para que aparezca arriba en orden alfabético) que nos creará en esa misma carpeta.

Nos quedaría: C:\carpeta\subcarpeta>dir/b>00-lista.txt , y esto nos habría creado el txt con el contenido de subcarpeta.

Si queremos que el listado de esta carpeta lo guarde en un txt en otra carpeta diferente, escribimos la unidad y ruta completa donde lo queremos guardar, tras dir/b>

dir/b>E:\otro directorio\GuardadoAqui.txt

Y pulsamos Enter. Nos quedaría: C:\carpeta\subcarpeta>dir/b>E:\otro directorio\GuardadoAquí.txt , con el listado del contenido de subcarpeta guardado en un txt en otro directorio.

Cómo saber qué etiquetas HTML y propiedades CSS funcionan en cada navegador.

Cuando escribimos código para web, y queremos comprobar qué etiquetas y propiedades son compatibles con cada navegador, sin tener que ir comprobando uno a uno, podemos utilizar la siguiente página:

www.caniuse.com

Mediante su buscador, podemos ver un listado de los navegadores compatibles con cada etiqueta y propiedad, y qué versión de cada navegador.

No es posible reproducir la canción actual.

Si te sale el mensaje de error "No es posible reproducir la canción actual" en Spotify, y tienes una cuenta Free, pero provienes de una modalidad Premium, ya sea que la has cancelado, que estabas en la de prueba, o se acabó la suscripción, este mensaje puede deberse a lo siguiente:

Con suscripción Premium puedes activar la casilla Streaming de alta calidad, que aumenta el bitrate de la música, opción que sólo deja activar en esa modalidad, pero que puede que al volver a suscripción Free, no se haya desactivo automáticamente. Por lo tanto tendríamos activada una casilla que en teoría no deberíamos poder activar. Es decir, que la tenemos activada pero no podemos utilizar su función, y por eso la música no se reproduce.

Para solucionarlo vamos a preferencias y la desmarcamos.

Abrimos el menú Editar / Preferencias / Sonido
Desmarcamos la casilla: Streaming de alta calidad.

Añadir opción de programa en botón derecho de Windows sobre un archivo.

En Windows 7, al hacer clic con botón derecho del ratón sobre un archivo, sale un menú contextual con una serie de opciones como: "enviar a, abrir con, copiar, pegar, propiedades, etc", y a veces algunos programas para abrir el archivo con ellos. Independientemente de los que aparecen en Abrir con..., que ahí no tenemos más que dar a "elegir programa predeterminado" para añadir uno más a la lista. Pero en el listado anterior de opciones (donde están "abrir, cambiar nombre, etc") para poder abrir el archivo directamente sin entrar en menú de "abrir con", si queremos añadir un nuevo programa, podemos hacerlo de una manera muy sencilla, editando el registro.

En este tutorial (para Windows 7, aunque podría funcionar también para otras versiones) se explicará como ejemplo cómo añadir Abrir con Firefox y Editar en Notepad a las opciones de botón derecho sobre un archivo .html, pero puede realizarse sobre cualquier otra extensión de archivo, y añadir cualquier otro programa, simplemente con seguir los mismos pasos pero con sus otros respectivos archivos y programas.

Primero, hacemos clic en el icono de inicio de Windows, o pulsamos la tecla Win. Escribimos regedit , y lo clicamos o pulsamos Enter.

Una vez dentro del Editor de registro, desplegamos:
Equipo
HKEY_CLASSES_ROOT


Buscamos y desplegamos .html
Nos fijamos en la clave Predeterminado, lo que pone en el campo datos. En este caso concreto, como el navegador que abre los html por defecto es Chrome, pone ChromeHTML, ese es el nombre de los archivos con extensión .html



Si el navegador que los abre es otro, el nombre será otro, o por defecto htmlfile.

Según el nombre, en este caso ChromeHTML, buscamos más abajo ese nombre y lo desplegamos. Desplegamos la subclave shell, y en ella hacemos botón derecho Crear nueva clave, y ponemos el nombre que queremos que tenga la nueva opción que añadiremos al botón derecho de los html, por ejemplo Abrir con Firefox. Dentro de esta última creamos otra llamada Command. Y dentro de Command, en la clave que veremos a la derecha, la editamos haciendo doble clic (o botón derecho / modificar) y escribimos:

"C:\Program Files (x86)\Mozilla Firefox\firefox.exe" "file://%1"

Y debería quedar así:



Lo mismo podríamos hacer para añadir otros navegadores como Internet Explorer, etc. El "file://%1" es para que, al llamar al programa, éste abra el archivo seleccionado en su barra de dirección. En otros programas sin barra de dirección, que sólo abren el archivo, la sintaxis podría variar. Por ejemplo, para añadir Editar con Dreamweaver, habría que ponerlo de la siguiente manera:

"C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS6\Dreamweaver.exe","%1"

Y para añadir editar con Notepad, habría que ponerlo así:

notepad.exe %1

Recordemos que esto sirve para cualquier otro tipo de archivo, siguiendo la misma lógica y procedimiento.

Haz esto bajo tu propia responsabilidad, sabiendo que editar el registro de Windows de manera incorrecta podría causar daños en el sistema operativo. Así que es importante seguir los pasos detenida y correctamente, y buscando más información en caso de duda.

Atajos de teclado para la Herramienta Pincel en Photoshop.

Para mejorar la productividad a la hora de utilizar la herramienta pincel, tenemos una serie de atajos de teclado que nos permiten cambiar el tamaño del pincel arrastrando, o seleccionar el color, la transparencia, y otras funciones para realizar acciones sin tener que ir a los menús ni dejar la herramienta, pulsando alguna tecla.

Con la herramienta pincel activada, mantenemos pulsadas las siguientes combinaciones de teclas:


  • ALT: Aparece el cuentagotas, y con BIR seleccionamos color.
  • ALT + SHIFT + BDR: Mientras mantenemos BDR, tenemos el selector de color flotante encima de nuestro puntero, y seleccionamos color al soltar.
  • ALT + BDR Arrastrando en Horizontal: Al arrastrar en horizontal regulamos manualmente el diámetro del pincel.
  • ALT + BDR Arrastrando en Vertical: Al arrastrar en vertical regulamos manualmente la dureza del borde.
  • BDR: Con un clic en BDR sacamos un menú contextual de selección de tamaño, dureza y tipo de pincel.
  • Tecla ' y Tecla ¡ : Cambiamos el tamaño del pincel en píxels, de 1 en 1 hasta 10px, de 5 en 5 hasta 50px, de 10 en 10 hasta 100px, etc
  • Tecla , y Tecla . : Pasamos al anterior y siguiente tipo de pincel.
  • Spacebar + BIR: Al mantener la barra espaciadora, podemos desplazarnos con la mano, y al soltar seguimos con el pincel .
  • Shift + BIR pulsado: Mientras mantenemos Shift, la línea que dibujamos con el pincel será recta, en la dirección en la que hemos dirigido inicialmente la pincelada.
  • Shift + BIR clic: Marcamos un punto metiante un clic de BIR, vamos a otra zona y realizamos un segundo clic esta vez con Shift pulsado, y nos unirá esos dos puntos con una línea recta.

BIR = Botón izquierdo del ratón. BDR = Botón derecho del ratón.

Estos atajos están probados en la versión de Photoshop 13.0 del CS6 para 64Bits.

Vídeo de animación.

Una animación 3D del animador Rael del Fraile, que representa una divertida escena con los muñequitos de los carteles de las puertas de los baños.



A continuación algunas capturas del vídeo Animación: Monigotes de WC :

Captura del vídeo 3D: Monigotes WC - 1 Captura del vídeo 3D: Monigotes WC - 2Captura del vídeo 3D: Monigotes WC - 3

Editar el keyboard shortcuts txt de Adobe After Effects.

Podemos configurar nuestros propios métodos abreviados de After Effects editando un simple archivo de texto .txt. Lamentablemente AfterFx en no dispone de un menú de configuración para esto, pero podemos cambiarlos manualmente. Para ello vamos a la siguiente ruta:

C:\Users\usuario\AppData\Roaming\Adobe\After Effects\versión
Con el usuario y la versión del programa correspondiente en nuestro caso.

Abrimos el .txt con los atajos de teclado, cuyo nombre puede variar dependiendo de la versión del programa y el idioma, pero estos suelen ser (cambiando a nuestro correspondiente número de versión):
  • Adobe After Effects 10.5 Shortcuts.txt
  • Métodos abreviados Adobe After Effects 10.5.txt
Es recomendable realizar una copia de ese archivo de texto antes de modificarlo, para disponer del original y restaurarlo en caso de cometer algún error.

El propio txt viene con unas pequeñas instrucciones de uso. Pero es muy sencillo, vale con buscar la acción que queremos realizar, e introducir entre paréntesis el atajo o atajos que deseemos. Por ejemplo, para añadir la coma y el punto para ir adelante y atrás en la línea de tiempo:

"TimeStepBack" = "(Ctrl+LeftArrow)(PageUP)(Comma)"
"TimeStepForward" = "(Ctrl+RightArrow)(PageDOWN)(.)"


Existen Scripts para realizar estos cambios, pero con un simple editor de texto como el Notepad podemos configurarlos a mano sin necesidad de un script.

Podemos ver algunos atajos de teclado útiles de After Effects

O el listado completo en español y en inglés.

Trabajar con .ico en Photoshop.

Para crear un icono en Photoshop, instalamos el Plugin ICO Format, que hace que podamos leer y guardar en la extensión .ico en Photoshop.

Es muy sencillo, bajamos nuestra versión compatible de ICO Format, que es un sólo archivo que copiamos en la carpeta:
C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Required\Plug-Ins\File Formats
O la ruta equivalente de nuestra versión del programa, y con esto ya podemos leer y guardar en extensión .ico con Photoshop.


Crear .ico con varias resoluciones.

El formato .ico admite empaquetar en un sólo archivo el mismo icono en distintas resoluciones (xcode, iconset), como pueden ser: 16x16, 24x24x 48x48, 64x64, 96x96x 128x128, 512x512, etc, para que en cada caso cargue el del tamaño que necesite.

El anterior pluging de Photoshop permite leer estos archivos, y cuando abrimos un .ico con varias resoluciones, nos da a elegir cuál queremos visualizar o editar, pero recordemos que una vez modificado desde Photoshop sólo podremos guardar la versión de tamaño que estamos visualizando. No nos permite guardarlo en este modo de varias resoluciones.

Sí queremos un .ico empaquetado con diferentes tamaños, podemos crear en Photoshop la imagen en las distintas resoluciones (16x16, 32x32, etc) guardar los archivos independientes (en .ico, .png, o .gif), y luego juntarlos en un único .ico con un programa.


Editores de Iconos.

Aquí algunas aplicaciones gratuitas online:

iConvert Icons Online es una aplicación online que nos junta varios archivos en un único .ico (su versión online es gratuita, aunque dispone de una aplicación de escritorio de pago por unos 4€).

X Icon Editor es una aplicación online que te permite subir un icono de tu disco duro y te genera automáticamente hasta 4 resoluciones para tu .ico (64, 32, 24 y 16) que luego puedes exportar. O bien dibujar cada una de ellas directamente desde el navegador, con una interfaz tipo Paint.

Y aquí otras aplicaciones gratuitas de escritorio:

PixelFormer es una aplicación de escritorio algo más avanzada, con capas, para crear iconos de cualquier tamaño. Muy recomendable y completa.

Free Junior Icon Editor es una aplicación muy básica para crear iconos, para quien busca algo más sencillo, con una interfaz muy similar al Paint, para crear iconos dedesde 16 hasta 64 px de tamaño. La versión gratuita abre 2 ventanas de publicidad de iconos al abrir y cerrar el programa.


Establecer un favicon en una página web.

El favicon que se muestra en la barra de dirección, la lista de marcadores/favoritos, o en las pestañas del navegador, suele tener una imagen con tamaño estándar de 16x16 px (o un .ico de 16x16 + 32x32), y se guarda con el nombre favicon.ico en la carpeta raíz del directorio web. Este será el que los navegadores carguen por defecto en las páginas salvo que indiquemos lo contrario en el html.

Para agregar un favicon en un html concreto, introducimos dentro del <head>, uno de los siguientes códigos, según la extensión de archivo que tenga:

.ico: <link rel="shortcut icon" href="archivo.ico" />

.ico con varias resoluciones: <link rel="icon" type="image/x-icon" href="archivo.ico" />

.png, .gif, etc: <link rel="icon" type="image/png" href="imagen.png" />
(definimos extensión en type)


Pack de iconos del Capitán Icono.


Captain Icon: Free Vector icon set

El diseñador Mario del Valle, nos trae este set de iconos para descargar gratis, con más de 350 iconos vectoriales en múltiples formatos de imagen, EPS, PSD, PNG, SVG y Web Font, para utilizar en proyectos de diseño web, móvil e interfaces.

Puedes descargarlo gratis en captainicon.com

App online tipo Photoshop.

A veces necesitamos hacer un retoque fotográfico, o realizar alguna pequeña edición gráfica desde un ordenador que no tiene un Photoshop o similar, y aunque existen alternativas como Paint Net, o Gimp, requieren descarga e instalación, y no es lo más rápido.

Autodesk ha sacado Pixlr, una aplicación online para utilizar directamente desde nuestro navegador. Es sencilla, pero muy útil y completa, capas, filtros, niveles... con unas herramientas muy similares a las de Photoshop, incluso compartiendo muchos de sus atajos de teclado. Podemos utilizarlo directamente desde el siguiente enlace:

pixlr.com