Básico. Composiciones

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 obtenida en la parte I. (Cualquier visualización es aceptada pero se preferirá las que aporten más detalle a las figuras).
Se aplicarán como mínimo cinco de los siguientes recursos compositivos:

- Simetría axial * (Obligatorio).
- Simetría radial * (Obligatorio).
- Gradación espacial.
- Estructura de concentración.
- 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:
Presentar 5 composiciones o más en formato A4 ó A3 (horizontal o vertical).
Incluir la imagen (-es) utilizadas para la estructura de inspiración.
Identificar con el nombre cada una de las composiciones creadas.
Guardar márgenes para una posible impresión.

Entrega: (fecha límite)
Grupo B, miércoles, 22 de noviembre antes de las 14:00h.
Grupo A, jueves 23 de noviembre antes de las 13:00h.


Parte III. Textura
Creación de texturas para aplicarlas como fondo a una de las composiciones anteriores (a elegir o crear una nueva).

Se deben crear como mínimo un "catálogo" de cuatro texturas visuales.
Las técnicas para obtener texturas son las descritas en clase (es obligatoria la "textura visual mecanizada") pero también se pueden crear un módulo y jugar con nuevos elementos.
El resultado debe ser vectorial.
Las texturas serán todas presentadas en blanco y negro.
Cada textura deberá nombrarse y será incluida en un recuadro de un tamaño de 12*12 cm.
Aplicación a la composición:
La textura debe aplicarse al fondo de una composición. Si se aplica también a la figura esta no debe perder su esencia y deberá guardar una armonía con el fondo.

El tamaño de la composición final será A4 horizontal.

Rinoceronte. Durero
https://commons.wikimedia.org/wiki/File:D%C3%BCrer%27s_Rhinoceros,_1515.jpg
Textura en águila
https://www.behance.net/gallery/41290745/Adobe-Capture-CC-Eagle
Logo. Turkey discover the potential
Google Images


Entrega: (fecha límite)
Grupo B, martes, 5 de diciembre antes de las 11:00h.
Grupo A, jueves, 14 de diciembre antes de las 13: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


Examen Grupo B: miércoles 25 de enero a las 12:00h.
Examen Grupo A: jueves 19 de enero a las 11:00h.
Temario
Carpeta compartida

Fundamentos. Variaciones de una forma

Fundamentos. Variaciones de una forma.

Consistirá en variar una figura mediante la técnica de la dislocación o distorsión.
La figura puede ser original o prestada.

Se realizarán dos variaciones. Una variación sutil o ligera (similar al original) y otra con fuerte distorsión o exagerada (que altere o modifique la figura de partida).
En ambas se perseguirá dinamismo, ritmo, tensión y una expresividad clara.
Se elaborará mediante el uso de calco de imagen, plegados, fotocopias, rotulación, dibujo, etc.
Materiales: Se debería contar con papel cebolla o vegetal, tijeras ó cuter, cinta adhesiva o pegamento, rotuladores, etc.
La figura resultante se presentará en A4. (Fotocopia final en papel o figuras pegadas en cartulina).


Criterios de calificación
Bocetos. 2 puntos
Estudios previos para la elaboración de las figuras finales.
Elaboración del definitivo. 6 puntos.
Limpieza y precisión en la elaboración técnica.
Justificación 1 punto
Exposición al profesor argumentando y defendiendo los recursos y conceptos utilizados en la actividad.
Organización y desarrollo del trabajo. 1 punto.
Gestión del tiempo. Aprovechamiento del trabajo en el aula. Gestión y aplicación de recursos metodológicos.

Documentación a entregar
2 folios (ó cartulinas) en formato A4. En cada A4 una figura.
También se presentarán los bocetos (elección de la figura o estudios de la figura).

Fecha de entrega
Jueves, 16 de noviembre antes de las 11:00h.

Enlaces
Temario compartido

Gestión. Actividades.

Actividades a lo largo del curso

Presentación en PDF a tamaño apaisado (formato sugerido 16:9, puede ser 1280* 720p. ó 1920* 1080p.) que incluya los siguientes capítulos:

Portada con Apellidos y nombre.
00. Índice.
01. Gestión del diseño. Introducción.
02. Funciones del gestor de diseño.
03. Diagramas de flujo.
04. Marketing.
05. Marketing online.
06. El poder del diseño.
07. Bibliografía.


Actividad Marketing.
0.4.1. Repaso de conceptos de marketing.

0.4.1. 1. Conceptos.
Buscar al menos una definición de marketing y sus clases:
Estas pueden ser de autores o enciclopédicas. (Indicar siempre la fuente).

Marketing
Directo
Indirecto
Fidelización

0.4.1. 2. Ejemplos visuales  representativos o estudios reales de los anteriores términos y su posterior análisis. Se podrán analizar destacando puntos positivos y negativos de esa publicidad (ventajas y desventajas. Libro de "Principios de publicidad" en la página 63*).

0.4.1. 3. Creación de una idea de "campaña" que incluya los tres tipos de marketing anteriores. Realizar como mínimo una imagen y un slogan correspondiente a una de las estrategias.
Analiza brevemente el sentimiento o impresión general que pretendas causar al verlo. No te olvides de especificar al público o consumidor a quién iría dirigido.

Enlaces
Grandes errores de la maquetación en prensa
http://www.que.es/ultimas-noticias/curiosas/201502021316-grandes-errores-publicidad-maquetacion-prensa_15.html

Comportamiento del consumidor. Esquemas básicos.
http://www.gestiopolis.com/comportamiento-del-consumidor-y-segmentacion-de-mercados/

Modelos estratégicos. página 32.
http://www.bcd.es/site/unitFiles/2122/GD_Manualsobregesti%C3%B3ndeldise%C3%B1o.pdf




Temario
Documentación compartida

Bibliografía
Mahon, Nik. Principios de publicidad. El proceso creativo. Editorial Gustavo Gili, S.L. Barcelona. 2007.
Best, Kathryn. Fundamentos del management del diseño. Parramón Ediciones. Barcelona. 2010
Best, Kathryn. Management del diseño. Parramón Ediciones. Barcelona. 2009.

maquetas. Packaging

Actividad. Concepción de un embalaje contenedor de un producto a determinar.

Condicionantes
* Su producción será industrial (Pensada para un mínimo de unidades).

* El material a emplear será libre a elección del alumnado aunque se preferirá un material ecológico o reciclado y en el montaje se optará por soluciones que se evite el pegamento, grapas o cosidos en su estructura.

* En la parte gráfica se deberán emplear el mínimo de tintas posibles y se deberá contemplar los siguientes aspectos:
Parte identificativa: deberá aparecer un diseño de formas, tipografías, elementos de complemento, que sirvan para definir perfectamente la gráfica del envase, tales como la marca del producto, el fabricante, el contenido, etc.
Parte informativa: para facilitar la información precisa al cliente y al vendedor, como la capacidad del envase, composición del producto, fecha de caducidad si fuese necesaria, código de barras, etc.
Parte persuasiva: El embalaje guiará visualmente al receptor, incitándole a asociar el aspecto visual del embalaje con el producto contenido, motivándole de este modo su adquisición.

La propuesta a desarrollar podrá ser libre o una de las siguientes:

Producto
DVD ó CD. 1 unidad
Blu Ray documental. 2 unds. + extras.

Si la propuesta es libre no superará los 30cm cúbicos.

Entrega fase 1 a 4: 9 de octubre antes de las 11:00h.
Entrega final: Fecha límite: lunes, 27 de noviembre antes de las 10:00h.


Fase 1: Información y documentación sobre el tema del que trata el ejercicio.
Fase 2: Análisis y síntesis de la documentación adquirida.
Fase 3: Planteamiento escrito, donde se recogerá sintéticamente las características plásticas, comunicativas e identificativas que debe tener el trabajo (recursos compositivos idóneos, elección tipográfica, combinaciones cromáticas posibles, elección y tratamiento de referentes formales, uso justificado de cualquier otro recurso gráfico, como textura, modulación, etc. visto con anterioridad).
Fase 4:  Selección de 3 desarrollos planos (selección de planos dados para su impresión y montaje y posterior análisis volumétrico). Se pueden incluir aquellas que sirvan de inspiración, apoyo o punto de partida. Podrán ser las tres totalmente diferentes.

Fase 5: Desarrollo de la propuesta volumétrica y visual basada en el/los planteamientos previos (bocetos a escala real siempre que sea posible).
Fase 6: Análisis y selección de la/s propuestas para la elaboración del definitivo.
Fase 7: Estudio de materiales.
Fase 8: Prototipo del embalaje contenedor a escala real.
Fase 9: Formalización y argumentación final (planos definitivos en A4 y argumentación).
Fase 10: Confección de la memoria del trabajo donde se recogerán todas las fases anteriores debidamente ordenadas con índice y portada.

Enlaces
Etiquetas en alimentación
http://elpais.com/elpais/2014/12/12/media/1418417310_635091.html

Packaging ecológico
http://www.momik.es/packaging-ecologico-responsable-y-funcional/

designpackaging
https://designpackaginginc.com/

100 moldes para packaging
http://diegomattei.com.ar/2016/04/25/mas-de-100-moldes-para-packaging/

Youtube. Cómo hacer una caja de CD ó DVD
https://www.youtube.com/watch?v=g7_fDRghH8A

No glue CD sleeve
https://dg6xfr3y1xvv2.cloudfront.net/stump-arigato-natural-50pack-MAIN-56be82d6c2e14-1500.jpg

Calcular el volumen de un cubo
http://es.wikihow.com/calcular-los-cent%C3%ADmetros-c%C3%BAbicos


Bibliografía
VVAA. Structural Package Designs. Diseños de estructuras para embalajes. Pepin Press. Agile Rabbit Editions. Amsterdam.  2003.

Herriot, Luke. Packaging y plegado. Ejemplos de ingeniería del papel listos para usar.  Gustavo Gili, SL, Barcelona, 2007.

Cawthray, Richard; Deninson Edward. Packaging. Envases y sus desarrollos. Index books. Barcelona

Lianshum, Shao. Displays. Expositores listos para usar. Index book. Barcelona. 2007.

cultura. Sociología

Sociología de las tribus urbanas. (20171102. 3h.)

Creación de una presentación (16:9) en la que predominen las imágenes sobre el texto. Trabajo individual o por parejas.

1) 1.1. Búsqueda de definiciones:
Sociología
Antropología
Subcultura
Tribu
Identidad cultural
Tendencia
Moda

1.2. Reflexión:
¿Cuándo surgió el término de "tribu urbana"?
¿Cuál fué la primera tribu urbana? Defínela brevemente y responde a la siguiente cuestión ¿Por qué esa moda que ha sido tan aceptada socialmente ha dejado de serlo de repente?

Cita tres tribus urbanas que creas que están de moda a tu alrededor, y reflexiona sobre la siguiente pregunta: ¿crees que cuando lleguen a casa vuelven a ser ellos mismos? o ¿es el hogar el reflejo de esa ideología dominante?


2)  Realizar un análisis de una tribu urbana que incluya ejemplos visuales o moodboards (collage de imágenes a "pantalla completa") de gustos comunes en cuanto a:

#Expresiones:
- Moda, vestimenta, complementos (marcas, símbolos).
- Diseño industrial o de producto, mobiliario, decoración.
- Diseño gráfico, carteles.

#Ritos:
Iniciación, conmemoraciones, ceremonias, (fiestas, tradiciones, etc.)

(Se podrá mostrar vídeos musicales hasta un máximo de 30 segundos por presentación).

No se deben repetir las tribus urbanas expuestas en clase:


Hiphop: César, Saul
Gothic Lolitas: Milagros, Sabela
Surf: Yolanda y Andrea
Steampunk: Paula
Moteros: Aroa
Indie: Sara
Hippie: xiana
Hipster: Iván
Drag (identidad de género): David
Pin Up: Adrian, Andres, Javier
Hardcore Punk: Claudia, Olalla
Hackers: Alex, Laura
Rave: Daniel

(...)


3) Creación de un slogan persuasivo para unirnos a esta tribu que fomente y comunique algún tipo de valor positivo. (La elección tipográfica deberá estar acorde con la estética de la tribu).

Se presentará en formato digital, formato PDF.
La música o vídeo se presentará en fichero aparte (mp3, mp4).


Presentación
Tamaño sugerido: Presentación multimedia 16:9 (1920*1080pixeles) o A4 horizontal. Fichero PDF.
Puntos a contemplar:
#  Portada con Nombre y apellidos de los integrantes del grupo.
# 1. Definiciones.
   1.1. Preguntas y respuestas.
# 2. Análisis de tribu urbana.
   2.1. Expresiones
   2.2. Ritos.
# 3. Slogan
# 4. Bibliografía o recursos web.



Entrega:
Fecha límite: jueves, 23 de noviembre a las 14:00h.

Enlaces
Lista de subculturas
http://en.wikipedia.org/wiki/List_of_subcultures

El Pais. Tribus Urbanas.
http://elpais.com/tag/tribus_urbanas/a/

El Pais. Claves de la nueva tribu urbana "swagger"
http://verne.elpais.com/verne/2014/11/28/articulo/1417165531_948379.html

Legión - Tribus urbanas motorizadas (2006)
https://www.youtube.com/watch?v=Zw0CwRClt38

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.