Gestión.

Actividades anteriores: Finalizado el plazo de entrega.

Actividad 06. Marketing online.
Recoge: Profesora Judith.


Marco Teórico

Temario
Carpeta compartida

Básico. Visualización.



Parte II. Fundamentos de composición.

Consistirá en realizar una serie de composiciones visuales en blanco y negro fundamentadas en los conceptos trabajados en clase, como interrelaciones formales, simetría, asimetría, peso y fuerza visual, etc.
La composición de las imágenes se elaborará mediante la repetición de la forma (como silueta plana, contorno, primarias y secundarias) obtenida en la parte I.
Se aplicarán como mínimo cinco de los siguientes recursos compositivos:

- Simetría axial * (Obligatorio).
- Simetría radial * (Obligatorio).
- Asimetría (estructuras informales)
- Estructura de contraste por dirección
- Estructura de contraste por posición
- Estructura de contraste por espacio
- Estructura de contraste por gravedad.
- Estructuras formales o informales buscando inspiración en ropa, estampados, azulejos, en texturas visuales organizadas, etc. para imitar el patrón en nuestra composición. (Obligatorio)

Condicionantes:
Incluir la imagen (-es) utilizadas para inspiración.
Identificar con el nombre cada una de las composiciones creadas.
Presentar 5 composiciones o más en formato A4 ó A3 (horizontal o vertical).
Guardar márgenes para una posible impresión.


Entrega: (fecha límite)
Grupo B, miércoles, 30 de noviembre a las 10:00h.

Grupo A, jueves 1 de diciembre a las 11:00h.


Enlaces

Grado de iconicidad
http://narceaeduplastica.weebly.com/grados-de-iconicidad.html

Escala de iconicidad
http://documents.mx/documents/niveles-de-iconicidad-de-la-imagen-fija-justo-villafane.html

Wucius Wong. Espacio Positivo Negativo.
http://mumng.blogspot.com.es/2012/11/principios-de-diseno-el-espacio.html

Better icon design
http://blog.iconfinder.com/better-icon-design-in-6-easy-steps/

Tipos de rotuladores para ilustración
http://www.barna-art.com/rotuladores-ilustracion-es

Tutoriales. Crear motivos en Illustrator
https://www.youtube.com/watch?v=lQsnrNzD5j4Temario

Temario
Carpeta compartida

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
ó
Mayús.+F2
>> screenshot --fullpage

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.