Tutorial: Introducción al Time Lapse.

En este videotutorial realizo una captura «Time Lapse». Este concepto hace referencia a tomar fotografías -o capturar fotogramas- en un intervalo de tiempo, de manera que se produce un efecto de cámara rápida. En el ejemplo del vídeo, un paso de nubes, configuro una cámara Full HD 1080p (1920x1080px), que inicialmente graba a 30 fps (fotogramas por segundo), de manera que capture 1 fotograma cada 5 segundos. Al cabo de una hora mi cámara capturará 720 fotogramas. Al dividir esos 720 fotogramas a la velocidad de vídeo normal -30fps- en .mp4, tendremos una captura total de 42 segundos. En realidad sólo he mostrado un fragmento, pues la idea es sólo entender el concepto.




Aquí os dejo unos enlaces donde podréis ver algo de teoría y ejemplos interesantes:

http://www.xatakafoto.com/guias/como-hacer-un-time-lapse-antes-de-empezar
http://albumesdigitales.es/blog-fotografia/blog/como-hacer-un-time-lapse/gmx-niv18-con33.htm
http://webneel.com/time-lapse-photography
https://sundayphotographer.wordpress.com/2011/04/25/tips-for-getting-started-with-time-lapse-photography/
https://twitter.com/timelapse

Tutorial: la máscara de recorte en Adobe Illustrator y el powerclip en Corel Draw.




Este tutorial lo he pensado para aquellos diseñadores gráficos que sólo manejan uno de los dos programas vectoriales más conocidos (Adobe Illustrator o Corel Draw) y desean ver cómo es el proceso por el cual una forma compuesta por curvas actúa como contenedor de una imagen. Suele un proceso puntual en ilustración, aunque se utiliza habitualmente en rotulación y serigrafía, para crear pegatinas, transfers con formas y rótulos. En estos últimos casos, se asignará un color de contorno o borde, que la máquina ya sabe de antemano que debe cortar atendiendo unas marcas localizables impresas.

Tutorial: mejora de fotografías utilizando capas de ajuste.




Este tutorial tiene como objetivo que podáis retocar vuestras propias fotografías con photoshop utilizando capas de ajuste. Tal vez el término exacto para definir «Ajustes» no sea ese, pero veréis su gran utilidad. Lo más importante de esto es que realizaremos un retoque general de manera no invasiva -sin actuar directamente sobre la imagen- y conservando la imagen de origen tal cual. Así como podremos añadir, eliminar, ocultar y modificar capas de ajuste hasta que el resultado nos satisfaga.

Tutorial: Cómo crear online nuestro propio icono de dirección web.




En este tutorial explico los pasos a seguir para crear desde la web (www.favicon.cc) un icono que aparezca junto a nuestra dirección web. Podremos crear un icono estático o animado a partir de varios formatos de imagen, o simplemente dibujándolo, y como resultado descargar el archivo favicon.ico generado.

El pasado 24 de marzo de 2017 me escribía Robert Mening y me sugería incluir su generador de ficheros favicon.ico a partir de su web https://websitesetup.org/favicon-generator/ y he de decir, una vez comprobado, que funciona de manera sencilla y efectiva.

August 29th 2018 Karen Ferrer from N.Y (EE.UU.) suggested in Spanish this:

«Después de investigar un poco, encontré esta otra herramienta y quería sugerírtela por si te interesa mencionarla junto a la otra. https://www.websiteplanet.com/es/webt… Esta herramienta permite crear favicons a partir de imágenes de hasta 5 MB de formato JPG, PNG o GIF, e incluso desde una galería. Así como también permite generar favicons para diferentes tamaños de pantalla y resoluciones al mismo tiempo.» After doing some research I found this other tool and I wanted to suggest it in case you want to mention it next to the other one. https://www.websiteplanet.com/en/webt… This tool allows to create favicons from images of up to 5 MB of JPG, PNG or GIF format, and even from a gallery. As well as it allows generating favicons for different screen sizes and resolutions at the same time. »

¡Muchas gracias por tu aportación Karen! Thanks karen for your contribution to this tutorial!

 

Tutorial: La nueva tv de papá.




Este tutorial rinde homenaje a los padres que compran la televisión a su antojo, para ver el fútbol o jugar a la consola viviendo el momento al máximo. Me he centrado exclusivamente en traducir la información básica que el consumidor recibe (pulgadas diagonales, Full HD y 16:9), si bien el objetivo principal es saber las medidas de la pantalla en altura y anchura, a partir de las pulgadas indicadas.

Pincha sobre la imagen para verla nítida en tamaño completo (clic derecho para descargar)

Tutorial: ajuste de forma de una valla publicitaria en photoshop.




Hace unos días aparecía una chica que conozco en una valla publicitaria. Me pareció interesante abocetar cómo podría haber sido la composición original y si presentaba una buena legibilidad el anuncio estático. Espero que os guste y podáis aprender algo más de photoshop de manera sencilla.

Tutorial: El objeto inteligente versus la imagen rasteriazada en Photoshop. Comportamiento, ventajas e inconvenientes.




Una forma para mantener la información original de una imagen de photoshop es convertirla en objeto inteligente. Con los diferentes ejemplos que muestro en el vídeo comprenderás de manera sencilla la diferencia entre una imagen rasterizada y otra que puede ser distorsionada tantas veces como sea necesario sin perder su apariencia. No todo son ventajas, ni tampoco es lógico que llenemos una composición de objetos inteligentes, pero sí sería adecuado el uso de los mismos, por ejemplo cuando realizamos un cartel promocional, para colocar los logotipos de los patrocinadores.

Tutorial: aplicar, crear y automatizar acciones en Adobe Photoshop

A menudo nos vemos en la necesidad de repetir una serie de pasos en imágenes diferentes. Alguien pensó en esto cuando crearon Adobe Photoshop y hoy aprovecho a introduciros a las mismas en un tutorial improvisado.




http://www.elwebmaster.com/wp-content/uploads/2008/04/acciones-panel-photoshop.jpgEn primer lugar os indico en qué zona dónde localizarlas y cómo se aplican. Seguido vemos la importancia de la ventana de historia a la hora de revertir pasos, así como la opción «volver» para regresar a la imagen original. Finalmente la ventana de información, nos indica la medida de la imagen en las unidades que tengamos en vigor (px, mm, cm,etc). A continuación creamos 3 acciones, 2 sencillas y una algo más compleja, para comprobar el tiempo de aplicación. Como última parte del vídeo comprobamos cómo photosop es capaz de automatizar acciones sobre un lote de imágenes en tiempo record.

Efectos espectaculares con vinilo fundido




El vinilo fundido es conocido por su gran capacidad de adaptación a superficies planas, curvas y convexas, remaches, etc. Se suele imprimir con tintas solventes y se lamina posteriormente para dar mayor resistencia a los factores externos.

En el vídeo vemos como los especialistas en este tipo de rotulación colocan, despegan y recolocan el vinilo. Para ello meten bastantes tirones y hacen acabados con cutter y soplete. Por desgracia, en la práctica algunos vinilos fundidos o semifundidos no permiten su recolocación, pero en la práctica he observado excelentes resultados comenzando la rotulación en húmedo y terminando con pistola de calor del tipo decapante.

Su ventaja fundamental es su resultado visual y su inconveniente habitual el precio elevado.

Tutorial: mezcla aditiva RGB y mezcla sustractiva CMY.

¿Qué es esto que llaman mezcla aditiva y qué es la mezcla sustractiva cuando hablamos de luz , color y pigmento?

La mezcla aditiva hace referencia a que, en ausencia de luz,  la mezcla de color de Rojo, Verde y Azul crean luz blanca, y la interaccion y variación de intensidad de las mismas creas la gama de colores. Por ejemplo, los monitores y televisores en su mayoría trabajan con modos de color RedGreenBlue en escalas de 0 a 255 en cada una de sus 3 fuentes lumínicas para lograr una gama completa.

La mezcla sustractiva hace referencia a que se cuando mezclamos colores primarios Cyan, Magenta y Amarillo (Yellow),  sobre fondo blanco, el resultado tiende a negro. Privamos un área de luz, por mezcla de pigmentos, se torna negruzca y atrae la luz. En teoría del color de pintura, la mezcla sustractiva se realiza con rojo primario, amarillo primario y azul primario, pero el resultado no es tan exacto como con el modelo CMY. El modo sustractivo es utilizado por los sistemas de imprenta, añadiendo el color negro a su mezcla para conseguir «negros enriquecidos» y se conoce como CMYK.

He dispuesto un archivo de imagen .PSD como ejemplo descargable en modo de color RGB para comprobar cómo se emula este proceso en Adobe Photoshop.

En el vídeo que he improvisado vemos los ejemplos prácticos de mezclas en modos de color RGB y CMYK.