Primeros pasos en el uso de la IA.

Despierta mi atención las imágenes que se generan por inteligencia artificial. Sobre todo pensando en que sólo es el comienzo del uso de esta tecnología y aún queda mucho que mejorar.

Como punto de partida he utilizado Adobe Firefly y Bing Image Creator (by DALL·E 3).

Los dos sitios son creadores de imagen partiendo de una pequeña descripción de texto. 


Enlaces

Adobe firefly

https://firefly.adobe.com/

Bing

https://www.bing.com/images/create


Adobe Firefly. 

Pienso que hay que estar registrado para utilizarlo. Al tener cuenta corporativa de la Escuela, me permite usar la versión Firefly Image Beta 2 sin restricciones.


Bing image creation.

Para introducirse en la creación basta con tener una cuenta en Outlook ó hotmail y usar Bing. También veo que es un sistema basado en puntos. Para hacer puntos y crear imágenes se debe utilizar la tecnología del buscador de Microsoft.


Algunos ejemplos son los siguientes.


El texto para esta ocasión: 

"una carretera al estilo manga como si fuera un paisaje. Colores planos."

Las ilustraciones resultantes son decentes. 

Los primeras imágenes inspiradas fueron creadas a partir de obras de diseñadores gráficos, ilustradores, dibujantes a los que admiro.

Comencé utilizar el sitio como búsqueda de ideas, por falta de inspiración o por el simplemente hecho de crear algo por curiosidad. Haber que sale. El uso que le veo al principio es utilizar las imágenes como bocetos o punto de partida. 

Para darle el toque maestro habría que trabajarlas un poco o bastante, pero a primera vista engañan bien. 

Analizando la imagen nos damos cuenta de ciertos errores, en ocasiones graciosos sobre todo si pretendemos usarlas como algo realista.

En la imagen de la carretera me gusta el adecuado estilo y técnica de rayado tipo rotulador calibrado en primer plano de la calzada, el rayado en las nubes grandes. Lo que menos: Las sombras tan negras, el uso de colores oscuros al fondo de la imagen y en los bosques laterales. La repetición de postes cuando están muy juntos. El terreno, sobre todo en el lado izquierdo con diferentes pendientes desniveladas de apariencia engañosa. Los formas lineales en forma de nubes que parecen estelas de aviones…


Son los primeros pasos del uso de estas tecnologías. Lo bueno es que ya están al alcance de cualquiera interesado. 

Al alumnado ya les propongo su uso en la escuela y la acaban de añadir al plan digital de formación para el profesorado.


Otros sitios pendientes de utilizar son:


Midjourney

https://www.midjourney.com/home


lexica

https://lexica.art/

Tutorial plotter. Técnicas. Básico.

Tutorial. Pasos básicos con el plotter en Inkscape.

0) Exportar documento en formato .ai; .svg ó .pdf

1) Menú: Archivo: Abrir documento .ai
y
Comprobar tamaño y medidas específicas en:
Menú: Archivo: Propiedades del documento.

Comprobar contornos
Menú: Ver: Modo de visualización: Contorno

2) Menú: Extensiones: Axidraw: Axidraw control: setup
Ajustar la posición alta y baja del rotulador.
Pulsar el botón aplicar.


3) Layers. Capas.
Si hay capas, el nombre de cada una debe comenzar con un número.
Escribir el número de la capa correspondiente que se quiere trazar y pulsar aplicar.


4) Para pausar el trabajo hay que presionar el botón sobre el lado izquierdo del plotter. Luego:
Pestaña Set Up: Alzar rotulador y parar motor: Aplicar.
Mover el brazo o eje a la posición inicial (sin forzarlo) comenzar de nuevo el proceso. Ver la pestaña Resume.

5) Texto para el plotter: Extensiones: Generar: HersleyText.

6) Rellenar superficies cerradas mediante líneas.
Menú: Extensiones: Axidraw: Hatch fill
Ajustar ángulo y espaciado y pulsar Aplicar.


Enlaces

Inkscape
https://inkscape.org/

Axidraw. Youtube.
https://www.youtube.com/watch?v=D3KuQfQYA3U

Axidraw software
https://wiki.evilmadscientist.com/Axidraw_Software_Installation

Axidraw Forum
https://www.evilmadscientist.com/forums/forum/axidraw/

Fuentes para plotter
http://imajeenyus.com/computer/20150110_single_line_fonts/index.shtml

Raster to vector online
https://online.rapidresizer.com/tracer.php



recursos de imagen y sonido

Serie de enlaces para fomentar la utilizacion de imágenes y sonidos libres de derechos de autor.

Dominio público
the public domain review
http://publicdomainreview.org

Imagen
Catálogo de la Biblioteca Británica
https://www.flickr.com/photos/britishlibrary/

Bancos de imágenes históricas
http://toyoutome.es/blog/los-mejores-bancos-de-imagenes-historicas-y-gratuitas/32040

Buscadores de imágenes
http://toyoutome.es/blog/5-buscadores-imprescindibles-de-imagenes-libres-y-gratuitas/31787

Archivos vectores gratis
https://pixabay.com/

Mejores sitios para encontrar vectores gratis
https://www.creativebloq.com/graphic-design/best-places-free-vector-art-1012985

Educación
Banco de imágenes. Recursos TIC
http://recursostic.educacion.es/bancoimagenes/web/

Prelinger
https://archive.org/details/prelinger


Sonido
Free sound. (Requiere registro)
https://freesound.org/

ccmixter
http://ccmixter.org/

(...)

Utilidades. Capturas de pantalla.

Cómo crear pantallazos o capturar la pantalla de tu dispositivo u ordenador según los diferentes sistemas operativos.

Mac.OS.
Presionar a la vez las teclas: shift + comando + 3
Para seleccionar sólo un área: shift + comando + 4
(las capturas las suele guardar como defecto en el escritorio en formato .png).

iOS
Pulsar a la vez las teclas de encendido/apagado y botón de inicio.
(la captura la guarda en el carrete de fotos).

Android Lollipop
Teclas Encendido + bajar volumen
(la captura la guarda en pictures/screenshots)

Windows
Presionar la tecla imprimir pantalla (ImpPan) y abrir un editor gráfico como el Paint y menú, edición pegar.

Windows 8
Tecla windows + imprimir pantalla
(fichero .png en la carpeta imágenes, captura de pantalla)

Captura de páginas web desde:
Firefox
Mediante la descarga del complemento:
FireShot

Chrome
Mediante la descarga de complementos de chrome web store:
FireShot

Proxectos. Tutoriais motion.

Tutorial Light Streaks;
19/03/2015

Basado en el vídeo:
After Effects Tutorial: Light Streaks With Particular 
https://www.youtube.com/watch?v=66t6vCzdotI

Archivo nuevo, nueva composición 1080p. 24 fotogramas, 10 segundos.
En el menú capa se crea "null object" y activamos la opción 3d (cuadradillo tridimensional).
De nuevo en el menú capa se crea una "luz" y se cambia el nombre de esta capa a emitter.

Pulsamos "p" para ver la posición de la capa Emitter y la capa Null ya que se necesita enlazar la posición de la capa Emitter a Null.
Para hacerlo se despliega el menú posición hasta que aparezca Expressión Position.
Para que aparezca expression position se hace click en el relojillo de posición con la tecla ALT pulsada a la vez.
El enlace se hace moviendo el pequeño icono de espiral de emitter a la posición de la capa Null.
En la capa Null, en posición, se abre también expression position (otra vez con la tecla ALT) y se escribe a la derecha:
wiggle(1,200);

Se crea un sólido (con las medidas de la composición del vídeo) y lo renombramos "part"
y se le añade el efecto trapcode particular.
En menú: Efectos: trapcode particular
En el menú fx de este efecto (trapcode particular) Emitter se cambian los siguientes valores (sugeridos).
*Emitter
arriba, particulas/sec. 250
emitter type, en la pestaña elegimos Lights.
velocidad 0
velocidad ramdom 0
velocidad distribución 0
velocidad de motion 20
tamaño x 0
tamaño y 0
tamaño z 0
*Particle se elige: Streaklet
tamaño: 15
transform mode: Add
En color, se elige cualquiera, uno verde oscuro por ejemplo.

En opacity over life: se pulsa el icono con forma de rampa decreciente.


Tutorial 3d tracking
26/03/2015

Basado en el vídeo:
How to 3D tracking text in AfterEffects (hasta minuto 13:00)
https://www.youtube.com/watch?v=ORhSzHHy8Rg

Para realizar este ejercicio se necesita un vídeo grabado con un plano panorámico o travelling que muestre algún espacio o paisaje.
(El tamaño del vídeo debe coincidir con el de la composición).

Archivo nuevo. Composición, nueva composición.
Ya que el tamaño del vídeo debe coincidir con las proporciones con las del proyecto, se recomienda abrir una composición con las medidas del vídeo.
Por ejemplo 720p (1280*720px), 24 fotogramas por segundo, duración 10 segundos.

Archivo importar. Se importa el vídeo grabado.
Se lleva el vídeo a la línea de tiempo.
Si el vídeo fuera muy largo, se elige el fragmento de vídeo que se pretende trabajar (en editar: dividir capa).
(Se recomiendan 5 segundos de duración).
Con el botón derecho en la pista de vídeo, se elige la opción "track camera" ó rastrear cámara y se deja analizando la escena hasta que aparezcan una serie de gráficos de colores en forma de x.

Ahora si nos desplazamos por la imagen con la herramienta selección aparece una serie de círculos rojos.
Se va a elegir uno sobre una superficie plana.
Se hace click sobre el círculo o seleccionamos 3 puntos gráficos.
(Se puede elegir 3 puntos pulsando la teclas Shift).
Con los 3 puntos seleccionados, con el botón derecho se crea un texto y una cámara.
Se escribe el texto o palabras. En la capa texto, se modifican los parámetros de transformación para ajustarlo a la perspectiva y se le cambia el color.

Por ejemplo, rotación x: 0x+90grados, rotación y, rotación z (...)

Para crear una "captura de sombras"
Se selecciona de nuevo los efectos del vídeo (rastreador de cámara 3d)
y se vuelve a repetir el proceso buscando 3 puntos y se crea una captura de sombras.
Se ajustan a las condiciones de luz del vídeo.
Pulsando para ello en la pestaña "cámara activa" y eligiendo vista personalizada 1.
Para moverse por la escena se utiliza las herramienta de cámara orbital, herramienta rastrear cámara XY,
herramienta rastrear cámara Z.
Si la sombra no quedara alineada del todo, en la capa de "captura de sombra"
se modifican los parámetros de rotación X, Y, Z.
En la capa de luz, se modifican las opciones de difusión de la sombra (600 pixeles)

Si no apareciera la opción de captura de sombras... Habría que incluir las luces y el texto de sombreado de manera manual.

La activación del modo 3d se deja para otra ejercicio.


Tutorial 3d City
6/04/2015

Basado en el vídeo:
3D City Scene.
https://www.youtube.com/watch?v=5bCyP8mp0-E

Composición. Nueva composición,
HD 1080p, 24 frames, 5 segundos
Arrastramos los ficheros de la ciudad al panel de proyectos o importamos las imágenes desde el menú archivo, importar, imágenes.
(Se podrían haber preparado también en photoshop e importar el fichero PSD).

1. Arrastramos la imagen del fondo a la composición.
2. Capa, nueva cámara, preset o ajuste, 35mm.
3. Seleccionamos la opción 3d activando el icono del cubo tridimensional de la capa.
4. En la capa cámara, se modifican las opciones de capa, zoom a 3000 pixeles.
Y para facilitar la visualización de lo que está haciendo la cámara se hace click en la pestaña "1 vista" (debajo de la imagen de composición) a 2 vistas horizontal. (Se pueden activar diferentes vistas, en este caso la superior "top").
5. Y con esa vista activada, se selecciona la imagen y se desplaza hasta la línea final de la cámara.

6. Se arrastra a la composición la imagen del edificio "Building front" y se activa la opción 3d (cubo tridimensional de la capa).
Luego duplicamos esa capa en el menú edición, duplicar (control+D).
En una de estas capas, en transformar, modificamos el valor de rotación Y: 0x + 90,0.
Se vuelve a duplicar esa capa y se colocan de tal forma que genere un cuadrado (vista superior "top").

7. Se seleccionan esas capas del edificio a la vez (con la tecla shift) y se precomponen (en el menú capa, precomponer).
En la capa precompuesta se activa la opción 3d. (icono tridimensional) y se activa también un botón con forma de solecillo. Ahora se verá el edificio en 3d en la composición.
8. En la capa precompuesta se vuelve a duplicar las capas que forman el edificio con el propósito de otorgarle más altura. Se sitúa el edificio en el lateral derecho.
9.  Se duplica la capa precompuesta y se sitúa el edificio en el lateral izquierdo, pero ligeramente adelantado en el espacio (moviendo el eje azul).

10. Se arrastra la imagen "building 2"; se activa la opción 3d (cubo tridimensional) y se desplaza un poco hacia atrás.

11. Para mover la cámara, se modifican los valores de su capa en punto de interés, point of interest y posición.
Se hace click en el relojillo en el frame 00, y después en el segundo 3:00.
12. Para mejorar el movimiento de la cámara se pueden activar las opciones de easy ease
(con los frames seleccionados y después pulsado el botón derecho).

13. Se crea una nueva capa de ajuste, en el menú capa, nueva capa de ajuste.
y se le añade una efecto de corrección de color, Curvas. Los valores se ajustan para lograr una mayor profundidad de campo.

(En el vídeo minuto 9:55)
Ahora se pretende añadir mayor grado de realismo al edificio izquierdo. Se creará un reflejo en una de las caras del edificio por lo que se necesitará crear una máscara que siga el movimiento de la cámara.
14. En la ventana proyecto se arrastra la composición al icono con forma de película "crear una nueva composición" para copiar una nueva idéntica a la trabajada.
15. Se duplica esa nueva composición. Edición, duplicar.
16. Se crea un nuevo sólido. Capa, nuevo sólido (mejor con un color de fondo llamativo) y se crea una máscara (menú capa, máscara, nueva máscara) que se sitúa en el edificio lateral izquierdo.
17. Para trabajar con la máscara se baja un poco la opacidad, por ejemplo al 50% (la opacidad aparece desplegando la capa, en transformar). En las opciones de máscara se modifican los valores de "mask path" o "trazado de máscara" pulsando el relojillo en el frame 00. El siguiente frame será aquel que termine el movimiento de cámara o desaparezca el edificio. Se ajusta la máscara al edificio. Se termina volviendo a subir la opacidad al 100%.
18. Se hace click en "toggle switches/mode" ó "conmutar definidores/modos" y se cambia la segunda composición a "alpha matte"en mate de seguimiento. Se vuelve hacer click en "toggle switches/mode". Se activa la opción 3d y se rota el eje Y rotación unos 60 grados. Se cambia de posición el resultado y se sitúa en el edificio izquierdo.
19. Se precomponen las dos capas de máscara. Menú, capa, precomponer.
20. Se hace click en "toggle switches/mode" y se cambia la composición superior a modo de pantalla screen.

Proxectos. Plantexamentos. Obxetivos

Objetivos
A la hora de redactar objetivos de los proyectos, sugiero comenzar las frases utilizando verbos en modo infinitivo. Algunos comunes de asignaturas artísticas pueden ser los siguientes:

Diseñar
Ilustrar
Comunicar
Informar
Presentar
Mostrar
Persuadir
Analizar
Comparar
Desenvolver
Crear
Realizar
Elaborar
Generar
Representar

Ejemplos:
Presentar mediante ilustraciones, proyectos de diseño sostenibles.
Elaborar una identidad corporativa para una empresa de innovación ecológica.
Informar a los consumidores de las consecuencias del despilfarro.

Enlaces
Listado de verbos para objetivos generales y específicos utilizados en investigación.
http://courseware.url.edu.gt/Facultades/Facultad%20de%20Ciencias%20Econ%C3%B3micas/T%C3%A9cnicas%20B%C3%A1sicas%20de%20Investigaci%C3%B3n/Segundo%20ciclo%202010/Planteamiento%20del%20problema/01%20Planteamiento%20del%20problema/verbos_a_utilizar.html

Otros enlaces
Taxonomía de Bloom.
http://es.wikipedia.org/wiki/Taxonom%C3%ADa_de_objetivos_de_la_educaci%C3%B3n

consulta de calificaciones

Las notas de diseño Gráfico estarán disponibles online a partir del lunes 2 de febrero.

Para consultar vuestras notas* debéis acceder al siguiente sitio:
Codex.pro
http://www.codex.pro/codexpro/easdourense.do

Si es la primera vez que accedéis, se debe hacer click en "recordar contraseña".
El siguiente paso es escribir vuestro número de DNI.
Una vez rellenado este campo, se deberá consultar vuestro electrónico (el que cada uno tiene en los datos de matrícula o ficha del profesorado).

Para cualquier duda no dudéis en preguntar a Carmen de secretaría.

* La notas de los ciclos de Fotografía e Ilustración están disponibles desde el viernes 19 de diciembre.