Foto-blog de Antonio Castro

Retoque fotográfico con Gimp, fotos copyleyft, licencia Creative Commons (CC-BY), fotos gratis para uso comercial con reconocimiento.

Macrofotografía abeja

Etiqueta: Gimp Página 2 de 7

Como hacer scrolling para créditos finales. (Tutorial avanzado)

Imagen para el scroll.

Imagen para el scroll.

La mayoría de mis tutoriales son para usuarios noveles, pero de vez en cuando me gusta incluir alguna cosilla con algo más de chicha. Este es el caso.

Trataré de explicar como se hizo el final de uno de mis vídeos.

Ignoro como harán los demás las cosas, porque en el tema de edición y producción de vídeo hay auténticas maravillas de software, pero yo me limito a usar Software Libre.

Muchas veces me apaño usando scripts propios. Eso me da mucha flexibilidad y me permite ir construyendo poco a poco una librería de recursos de software que iré compartiendo con vosotros.

Esta vez no nos vamos a conformar con añadir un scrolling. Vamos a construir un final en tres partes: Un fundido previo, un efecto 3D y un scrolling con los créditos.

1) Preparación previa al scrolling:

Mi técnica de scrolling consiste en meter todo lo que necesito para el scrolling en una imagen alargada verticalmente.

La imagen debe tener el mismo ancho que el ancho de la imagen de la película. En nuestro caso usamos HD 720p. Es decir  1280×720. Así que el ancho será 1280 pixels.

Yo he usado Gimp para eso.

Quedará como la imagen de la izquierda.

2) Fundido previo:

Tomaremos una imagen de 1280×720 recortando la parte superior. Yo usé gThumb para eso.

Guardamos esta imagen con el nombre de ‘Fin04.jpg’. Sacamos una copia que llamaremos  ‘FinAux.jpg’ y la editamos suprimendo todo excepto el título.

También tomamos la última imagen de la película y la copiamos con el nombre de ‘Fin01.jpg’. La abrimos con Gimp y cargamos ‘FinAux.jpg’. Superponemos ambas inmágenes. (Yo lo hice pasando el negro a a blanco, conviertiéndo el blanco en transparente con la opción clolores -> color a alfa y luego desde editar copie y pegué sobre ‘Fin01.jpg’ y salve con el nombre de ‘Fin02.jpg’.

La imágenes a las que acabo de referirme son estas:

Fin01

Fin01.jpg

Fin02

Fin02.jpg

Fin04

Fin04.jpg

FinAux

FinAux.jpg

(No existe ninguna imagen ‘Fin03.jpg’ porque decidí  no incluirla en el fundido y la renombré como ‘FinAux.jpg’)

Ahora para hacer una transición fundiendo secuencialmente estas imágenes ejecuto un script muy sencillito que hace uso de la opción ‘-morph‘ de la utilidad ‘convert’ de ‘ImageMagick’ de la que hemos hablado en otras ocasiones.

Nos genera un directorio con los fotogramas. Estos pueden compilarse usando la utilidad ‘ffmpeg’. (Yo uso un script propio ‘dirs2vid.py’ del que ya hablaré en otra ocasión y que es muy similar a otro que ya mencioné como ‘dir2avi.py‘ descrito aquí.)

#!/bin/bash
rm -fr morph 2> /dev/null
rm morph.avi 2> /dev/null
mkdir morph
convert -morph 25 Fin0?.jpg morph/FIN%04d.JPG
dirs2vid.py -exif -out=FIN.avi morph

Con esto ya tenemos el fundido.

3) Preparar un bonito efecto de explosión invertida en 3D para nuestro logo:

Esto obviamente es una filigrana opcional, pero dar al logo una presentación variada es una idea que permite aumentar la atención sobre él y con esta costumbre iremos reforzando la imagen de la marca de nuestro sitio. Uno de los sitios que practica esta idea es Google a pesar de que ya tiene una imagen de marca potente.

Para ello recurrimos al trazador de rayos PovRay del cual ya hemos tratado ampliamente en otros artículos. Para no extendernos me limito a copiar el fuente.

[…]

Vemos cerca del final dentro de la cláusula object un #include «Explode.inc» Que llama al fichero que realiza la explosión de objetos.

Este include se proporciona como una utilidad para PovRay. Su autor es Chris Colefax. ‘OBJECT EXPLODER INCLUDE FILE for Persistence of Vision 3.x’

Usando nuestro lanzador PovRay usaríamos el comando:

pov.py Logo3_ j 11 11 1 500 0 4

Esto generará 500 fotogramas (‘Logo3_001.jpg’ … ‘Logo3_500.jpg’) haciendo variar el valor de clock entre 0 y 4.

Dado que en el fuente Povray hemos omitido el fondo, este aparecerá en negro.

Podemos obtener fotogramas en png con el fondo transparente reconvirtiendo esos fichros con mogrify de ImageMagick.

mogrify -format png -transparent black Logo3_???.jpg

De esa forma ya queda preparado para poder superponer esos fotogramas con fondo transparente sobre los fotogramas de nuestro scrolling. Para ello hacemos un script que genere el scrolling del texto y que superonga los fotogramas 3D que hemos generado en los fotogramas finales de nuestro scrolling.

#!/usr/bin/python
# -*- coding: latin1 -*-
import os, sys
################
def comando(comm):
print comm
os.system(comm)
######## MAIN ##########
comando ("mkdir fot1 fot2")
Top=1501
Ini3D=650
for n in range(1,Top):
comando("convert scroll.jpg -crop 1280x720+0+%d fot1/%04d.jpg" % (n, n))
m=0
# Añadir logo 3D
for n in range(1, Top):
if (n

Para finalizar juntamos el primer fundido con el vídeo de scroll que acabamos de generar ahora y ya está completo.
Puedes ver a continuación uno de los fotogramas generados.

Un fotograma del final del scrolling.

Un fotograma del final del scrolling.

El resultado completo puede verse en los créditos, al final del vídeo, de  LasVentas TML Noct 2011.

¿Cómo tratar la imagen de un bodegón con Gimp?

Bodegón (foto original sin retocar)

Bodegón (foto original sin retocar)

Partimos de una imagen que no excesivamente sugerente. Vemos un cesto con calabazas decorativas.

Vamos a usar Gimp para hacer los retoque y usaremos técnicas que ya hemos comentado. Nos limitaremos a mostrar el resultado después de aplicar los cambios más importantes para que se comprenda el proceso.

Lo primero que haremos es ajustar el encuadre (yo el encuadre lo corrijo con otra herramienta llamada gthumb)  y ajustar la curva de color (creo que podríamos calificarla como curva de contrastes), aumentamos un poco la saturación de color, y aumentamos un poco la temperatura de color para realzar los tonos anaranjados.

Nos queda una imagen tal cual vemos a continuación. Ya ha mejorado algo.

Cesto de calabazas decorativas.

Cesto de calabazas decorativas.

Se ha corregido ligeramente el contraste y la temperatura de color.  Eso mejora bastante la imagen, pero lo que nos molesta ahora es la luz del fondo que se nos viene encima y nos roba el protagonismo del bodegón en primer plano empobreciéndolo.

Si en un bodegón nos fallan los contrastes de iluminación nos quedamos sin nada. Estamos haciendo pintura con el retoque y está muy claro que no hemos terminado el cuadro.

Bodegón, segundo y definitivo retoque.

Bodegón, segundo y definitivo retoque.

Oscurecer el fondo tiene mucho trabajo, primero hemos recortado con las tijeras todo el bodegón, invertimos la selección y hemos oscurecido el fondo ajustando la curva de color, pero vemos que algunos bordes no han quedado perfectos pese a usar un montón de herramientas: la herramienta de emborronar, el lápiz  para aplicar colores seleccionados con la pipeta, la herramienta tampón, la herramienta de difuminar, etc. y todo ello trabajando con el zoom para controlar detalles muy pequeños.

Tiene mucho trabajo disimular un cambio de luz de todo el fondo, pero pese a no quedar perfecto el recorte (eso necesitaría bastante más tiempo), podemos apreciar como gana el conjunto del bodegón. Nada que ver con el original.

Compara con el original y verás que hemos dado una interpretación artística a una foto.

Todo es mejorable, pero se trataba de dar algunas pautas para que podáis experimentar por vosotros mismos.


La información Exif de la foto original es la siguiente:

  • Image:./AC_IMG_6088.JPG
  • exif:ExposureBiasValue:0/1
  • exif:ExposureMode:0
  • exif:ExposureTime:1/1600
  • exif:Flash:16
  • exif:FNumber:28/10
  • exif:FocalLength:100/1
  • exif:ISOSpeedRatings:800
  • exif:Make:Canon
  • exif:Model:CanonEOS5DMarkII

Efecto de una piedra en el agua con Gimp. (Tutorial)

Ondas en el agua.

Ondas en el agua.

Dado que los tutoriales de Gimp parece que gustan, dedicaré este tutorial a mostrar cómo realizar realizar un efecto artístico con Gimp. Estos trucos vienen bien practicarlos porque nos dan la oportunidad de utilizar una amplia variedad de herramientas. Esa es la forma correcta de aprender. Yo siempre recomiendo el uso de guías rápidas para empezar, y después de familiarizarse con el uso básico combinar la práctica con las consultas que sean necesarias a un buen manual de referencia. De esta forma no sólo es más entretenido aprender, sino que la curva de aprendizaje suele ser más rápida para la mayoría de las personas.


ondas1

Ondas1

Paso 1:

Para empezar construiremos un gradiente que yo he preferido orientarlo en diagonal. La imagen ‘Ondas1’ muestra los colores de frente y de fondo elegidos (azul marino, y blanco respectivamente).

Estos colores son los que se usan para construir el gradiente con los parámetros que pueden apreciarse en la parte izquierda de la figura.

La idea del gradiente es forzar un efecto que sugiera una fuente de luz desde la esquina superior derecha.



Ondas2

Ondas2

Paso 2:

Tomando los colores de frente anteriores, llenaremos la imagen con un patrón de puntos que no estarán totalmente al azar.

La diagonal del gradiente es la dirección en la que viene la luz y por ello pondremos unos cuantos puntos claros más que en la diagonal contraria en la que usaremos algunos puntos azul oscuro de más.

Es lo que suele ocurrir en el agua. Las olas que se sitúan en línea con la fuente de luz  brillan más.

Hemos elegido un tamaño de los puntos haciendo algunas pruebas, pero la imagen ya te da una idea. Puede no salir a la primera, es normal.

Si sigues la receta al pie de la letra, obtendrás algo muy parecido. Usa la imagen ‘Ondas2’ de guía.

Lo importante es usar la intuición para detectar que es lo que puede ser mejorado y volver a intentarlo hasta que quede a nuestro gusto.


Paso 3:

Ondas3

Ondas3

Ondas4

Ondas4

Lo siguiente será difuminar la imagen, con un desenfoque de movimiento radial. (Atención: Induce a confusión, en realidad debería decir desenfoque de movimiento circular).

Menú –> Filtros–> Desenfoque–>Desenfoque de movimiento

Le daremos un ángulo de 90 grados que se corresponde con un cuarto de círculo tal y como se aprecia en la imagen ‘Ondas3’

La imagen obtenida después de este filtro quedará según puede verse  en la imagen  ‘Ondas4’.



Ondas5

Ondas5

Paso 4:

Aplicaremos ahora una distorsión en forma de onda.

Menú –> Filtros –> Distorsiones –> Ondas

Le damos una considerable amplitud y longitud de onda. Con ello ya nos estamos acercando bastante al resultado final.


Paso 5:

Ondas6

Ondas6

Ondas7

Ondas7

Con la herramienta de selección de rectángulos recortaremos la porción central según se indica en la figura ‘Ondas6’ y hacemos

Menú –>editar — > copiar  y luego Menú –>editar — > pegar

Antes de anclar la selección reescalamos la capa sólo en anchura para estirar la imagen a lo ancho. Esto se hace aplicando el curso donde indica la figura y aumentando el tamaño de la anchura a conveniencia.

Luego centramos la capa donde queramos y la anclamos definitivamente.


Ondas8

Ondas8

Paso 6:

Ya casi hemos terminado, para mejorar la imagen obtenida aplicaremos como muchas otras veces la herramienta de curvas de color según podemos ver en la imagen ‘Ondas8’.

Menú –> colores –> curvas

El resultado final es la imágen que encabeza el artículo.

El hecho de haber partido de puntos claros y oscuros da un aspecto irregular que simula un cielo con nubes reflejadas en el agua.

Intenta alguna variación, diviertete.



Página 2 de 7

Funciona con WordPress & Tema de Anders Norén