Mostrando entradas con la etiqueta informatica. Mostrar todas las entradas
Mostrando entradas con la etiqueta informatica. Mostrar todas las entradas

sábado, 28 de diciembre de 2013

Informática


Programación en Snap!
Tutorial de inicio a la programación en Snap!:
Descripción
1¿Qué es Snap!?
2Hola mundo en Snap!
3Entrada de datos
4Variables
5Operadores matemáticos
6Estructuras condicionales
7Space Invaders 1
8Space Invaders 2
9Space Invaders 3
10Space Invaders 4


Programación en JavaScript
Tutorial de inicio a la programación en JavaScript:
Descripción
1¿Qué es JavaScript?
2Insertar JavaScript en páginas HTML
3Hola mundo en JavaScript
4Variables en JavaScript
5Entrada de datos en JavaScript
6Eventos en JavaScript


Programación en Gambas
Relación de artículos con ejercicios resueltos y propuestos:
Descripción
1Instalación y Holamundo
2Trabajando con variables
3Entrada de datos desde el teclado
4Bucles FOR / NEXT
5IF … THEN … ELSE
6Primera aplicación gráfica
7Segunda aplicación gráfica
8Tercera aplicación gráfica
9Cuarta aplicación gráfica


GIMP
Relación de artículos con ejercicios resueltos:
Nombre Herramientas trabajadas
1 Restauración Clonado
2 Fotomontaje I Recortar
3 Fotomontaje II Perspectiva
4 Cambio de color de ojos Modo de capa: tono


Correo electrónico
Relación de ejercicios resueltos y propuestos:
Descripción
1 Principales proveedores de correo electrónico del mundo. Creación de una cuenta
2 Creación de listas de contactos y grupos de contactos
3 Campos Cc y Cco. Imagen y firma personal
4 Temas
5 Centralizando el correo de varias cuentas
6 Spam


Calc
Relación de artículos con ejercicios resueltos y propuestos:
Descripción
1 Cálculo de la media
2 Cálculo del valor máximo y mínimo
3 Gestión de hojas y edición de pestañas
4 Formato condicional
5 La función condicional SI()
6 La función condicional CONTAR.SI()
7 La función condicional SUMAR.SI()
8 La función BUSCARV()


Hardware y sistemas operativos
Artículos y ejercicios propuestos:
Descripción
1 Sistemas operativos
2 Hardware


Inkscape
Relación de ejercicios resueltos:
Ejercicio nº 1: Bola de billar con Inkscape




domingo, 22 de diciembre de 2013

Fotomontaje con GIMP (II)

En este post vamos a explicar paso a paso cómo realizar un fotomontaje consistente en cambiar el contenido de una valla publicitaria por el de otra que se encuentra con una perspectiva y una saturación de color diferente. Además deberemos evitar cubrir un mástil al superponer una sobre la otra.

La imagen que sirve de base es esta:


y la imagen de la valla que queremos pegar es esta otra:


1)  En primer lugar descargamos ambas imágenes en nuestro ordenador (clic-derecho sobre la imagen y Guardar imagen como...). A continuación, con GIMP abierto, arrastramos ambas imágenes y soltamos en el área de trabajo. Primero Valla_1 y después Valla_2.
2)  Procedemos a recortar el contenido de la Valla_2 con la herramienta de selección libre (lazo) utilizando el zoom (Ctrl + Rueda del ratón) para trabajar con precisión en las esquinas:


Al acabar la selección nuestro último clic debe coincidir con el primero, al hacer clic sobre él cambiará a amarillo:


3)  Una vez selecciona la imagen a recortar, la copiamos al portapapeles haciendo Editar -> Copiar:


4)  y después la pegamos como una capa nueva mediante: Editar -> Copiar -> Capa nueva:



Con ello, se nos crea una capa nueva llamada Portapapeles con el contenido de la selección que recortamos.

5)  Podemos por tanto eliminar la capa Valla_2 seleccionándola y haciendo clic en el icono de la papelera.



6)  Para desactivar la selección que permanece activa podemos hacer Seleccionar -> Ninguno o bien Mayús + Ctrl + A.

7)  Seleccionamos la capa Portapapeles y la movemos mediante la herramienta mover hasta colocarla encima de la capa Valla_1.

Como vemos ambas vallas tienen una perspectiva totalmente diferente.


8)  Teniendo activa la capa Portapapeles hacemos clic en la herramienta perspectiva,


 y a continuación hacemos clic en cualquier esquina de la valla y arrastramos para hacer coincidir con la esquina correspondiente de la valla inferior.


9)  En el proceso de ajuste observaremos que la imagen superior nos oculta la visión de la inferior, para evitarlo podemos bajar la opacidad de la capa activa como muestra la imagen:



Una vez ajustada perfectamente, hacemos clic en Transformar, y el resultado es éste:


10)  Devolvemos la opacidad al 100 %:


Vemos que el mástil ha quedado oculto, para solucionarlo, hemos de crear una copia del mismo en una capa nueva y colocar esta capa en el nivel más superior.

11) Para ello ocultamos la capa Portapapeles y activamos la capa Valla_1, con la herramienta de selección libre (lazo) seleccionamos el mástil pero también las dimensiones máximas de altura y anchura de la capa, de este modo al ser la selección igual de grande que la capa no nos la desplazará tras pegarla en una capa nueva.


12)  Tras cerrar la selección, hacemos Editar -> Copiar y después la pegamos como una capa nueva mediante: Editar -> Copiar -> Capa nueva.

13)  Renombramos la capa dándole el nombre de Mástil (clic-derecho sobre la capa -> Editar atributos de capa...). Arrastramos la capa Mástil hacia la posición más alta con lo que el mástil queda de nuevo visible.


14)  Observamos por último que la saturación de la imagen superpuesta es muy alta en comparación con la imagen que nos sirve de base. Por ello, para desaturarla hacemos clic en Colores -> Tono y Saturación...


y movemos el deslizador correspondiente hasta que la saturación decaiga a un nivel parecido al de la imagen de base.


El resultado final debería ser así:




lunes, 16 de diciembre de 2013

Fotomontaje con GIMP (I)

En este post, vamos a describir cómo realizar un fotomontaje en el que, partiendo de una pared vacía y unos cuadros, creemos una pared con los cuadros colgados en los que además el cuadro torcido esté derecho.

En la realización de este ejercicio utilizaremos las siguientes herramientas y filtros:
  • Herramienta de selección elíptica
  • Herramienta de rotación
  • Herramienta de selección rectangular
  • Filtro de sombra arrojada




1.  Empezaremos por cargar la imagen pared, para que el tamaño del lienzo se ajuste al de esta imagen por ser ésta la mayor.

2.  A continuación cargaremos la marina y ocultaremos la capa pared para trabajar más cómodamente.



3.  Activamos la herramienta de selección de rectángulos y haciendo clic en una esquina del cuadro arrastramos el ratón hasta la esquina opuesta. Una vez que soltemos el ratón podemos ajustar con más precisión utilizando el zoom y arrastrando las esquinas de la selección.



4. Una vez seleccionado el cuadro, invertimos la selección en Seleccionar -> Invertir o bien Ctrl + I. Con ello conseguimos seleccionar toda la parte de la imagen que no es el cuadro. Ahora pulsamos la tecla suprimir para borrar dicha selección.


5. Para eliminar el borde blanco autorecortamos la capa, con lo cual se eliminan los borde vacíos.






6. Hacemos visible la capa pared para decidir la ubicación y el tamaño del cuadro.


7. Con la capa marina activa, pulsamos en la herramienta de escalado.


8. Hacemos clic en una esquina del cuadro y sin dejar de pulsar arrastramos para hacer más pequeño el cuadro.


9. Una vez que hemos confirmado pulsando Escala, pulsamos la herramienta mover y arrastramos nuestro cuadro hasta la posición de la pared que deseemos.


10. Cargamos el cuadro ovalado, ocultamos el resto de las capas. Para este cuadro tenemos que proceder de un modo diferente al anterior, puesto que al ser ovalado, si suprimimos la parte de la imagen exterior al cuadro y luego autorecortamos la capa, ésta nos quedará de forma rectangular con las esquinas blancas. Por ello, añadimos un canal alfa en Capa -> Transparencia -> Añadir canal alfa. El canal alfa es una capa transparente que hace que no se vean las partes vacías de una capa.


11. Ahora pulsamos sobre la herramienta de selección elíptica y ajustamos la selección al cuadro.



12. Pulsamos suprimir.



13. A continuación procedemos como en el caso anterior: autorecortamos la capa, hacemos visibles las demás capas, ajustamos la escala del cuadro y lo desplazamos hasta su posición en la pared. Cargamos el último cuadro.



14. Seleccionamos la herramienta de rotación.


15. Seleccionamos la herramienta de rotación y haciendo clic - izquierdo en cualquier lado del cuadro, arrastramos el ratón para rotar el cuadro. Para determinar cuándo el marco está horizontal podemos mover la ventana y utilizarla como referencia. Una el cuadro esté en la posición correcta pulsamos Rotar para confirmar.


16. A continuación procedemos como en el primer cuadro, selección de rectángulos, invertir selección, suprimir, autorecortar la capa, escalar y mover.



17. El resultado tiene que ser como el de la figura.


18. Sin embargo, aún le falta realismo. Es el momento de dotar a los cuadros de su propia sombra en la pared. Para ello, seleccionamos uno a uno las capas de cada cuadro y le aplicamos el filtro de sombra arrojada en Filtros -> Luces y sombras -> Sombra arrojada ... aceptando los valores por defecto de la ventana emergente.


19. Ahora sí podemos dar por concluida nuestra composición.






sábado, 14 de diciembre de 2013

La herramienta clonado en la restauración de imágenes con GIMP

La herramienta "clonado" nos permite dibujar con un pincel en una parte de una imagen un clon obtenido de otra parte de esa imagen u otra cualquiera.



La mayor utilidad de esta herramienta es la restauración de imágenes dañadas. Para entender el mecanismo de uso de la misma proponemos una sencilla actividad en la que practicaremos sobre el famoso fresco del Ecce Homo de Borja.


Partimos de la pareja de imágenes dada y clonaremos en el dibujo dañado (derecha), partes del dibujo original (izquierda).

Primeramente hemos de elegir un tamaño adecuado de pincel, por ejemplo de 20 y un borde difuso para el mismo.

A continuación buscamos en la imagen original el punto donde iniciar el clonado, por ejemplo en el ojo más alto. Manteniendo pulsada la tecla Ctrl hacemos clic izquierdo en el lugar mencionado, con lo que habremos fijado la zona a copiar. A continuación buscamos en la imagen a restaurar el lugar donde calcar la selección tomada. Par ello, hacemos clic con el ratón en la imagen dañada sobre el ojo correspondiente y, sin soltarlo, empezamos a deslizar suavemente el ratón.


Mientras movemos el ratón vemos cómo estamos transfiriendo la imagen de la izquierda sobre la de la derecha. El resultado se va viendo en la imagen inferior.


Este simple ejercicio nos deja bastante claro el mecanismo de funcionamiento de esta poderosa herramienta. Ahora podemos afrontar una restauración en serio.

A diferencia del ejemplo anterior, al restaurar una foto vieja, no disponemos de original alguno, por lo que tendremos que tomar partes de la misma foto para ocultar sus desperfectos. Os propongo la restauración de la siguiente fotografía.