miércoles, 30 de marzo de 2011

INTRO A BRIDGE Y REPASO DE MODOS DE FUSIÓN


Aprovechando que nos han instalado el Bridge voy a hacer una sencilla intro al interfaz de trabajo y a las ventajas principales que el uso de este software nos va a permitir en nuestro flujo de trabajo.


Después, como he visto que todavía os cuesta un poquito entender el funcionamiento de los modos de fusión, vamos a realizar un par de ejercicios.
Partiendo de las siguientes imágenes :




hasta obtener algo parecido a esto:

miércoles, 23 de marzo de 2011

trabajar con imágenes

Creo que ya nadie pone en duda la importancia del trabajo con imágenes en nuestra profesión. Una imagen vale más que mil palabras, usar una imagen es la manera más sencilla y rápida de transmitir un mensaje.

Si sabemos donde buscar, hay millones de imágenes de alta calidad de las que podeis disponer haciendo unos pocos clics en internet. Unas serán gratuitas y otras habrá que pagarlas, por lo que se hace imprescindible tener algunas nociones sobre lo que es y no legal, cuando trabajamos con imágenes ajenas.

TIPOS DE LICENCIAS

PROPIEDAD INTELECTUAL. Cuando alguien crea una obra, esta queda automáticamente protegida por las leyes relaitvas a los derechos de autor, (tanto si posee el símbolo de copyright como si no). Cuando creas una imagen o cual quier tipo de obra, la propiedad intelectual te faculta para decidir el uso que se hace de esa imagen. La mayoría de los contratos de trabajo transfieren automáticamente el derecho a la empresa. Si trabajáis como autónomos, debeis acordor en el contrato de prestación de servicios lo que ocurre con esos derechos.

DERECHOS DE AUTOR Y DERECHOS DE COPIA. Los derechos de autor no implican la prohibición de copiar las creaciones ajenas, sino que el creador de una obra tiene derecho a controlar lo que se hace con ella. En la práctica si quieres copiar la obra de otro, debes pedir permiso, quedando a discrección del creativo otorgarlo o no.

CREATIVE COMMONS. Por supuesto, existen aspectos poco claros en los derechos de autor, casi todo el mundo estará de acuerdo en que alguien que haya utilizado una imagen de tu web y la haya hecho pasar como suya no sea culpable de aentar contra tu propiedad intelectual, pero la cosa no esaría tan clara en caso de que se trate de creaciones con subproductos, o cuando se modifica la imagen original para crear otra obra.
En parte para evitar confusiones surgio el movimiento CREATIVE COMMONS, CC , son una extensión voluntaria de la ley de derechos de autor tradicional, en lugar de decir, "he creado esta obra y antes de que cualquier persona haga algo con ella debe pedirme permiso", concedes ciertos derechos desde el inicio. Por ejemplo puedes decir que cualquier persona puede utilizar tus imágenes siempre y cuando se nombre al autor o que puede utilizarse para fines NO comerciales. En www.creativecommons.org/licence podremos leer más info al respecto para saber realmente cual es la licencia que necesitamos. También podemos buscar obras creadas por otras personas en search.creativecommons.org

SIN ROYALTIES. Cuando se trata de medios sin royalties, normalmente se efectúa un pago único que te concede el derecho de utilizar ese medio las veces que quieras, dentro de lo estipulado en el acuerdo que firmaste en el momento de la compra. Aunque pueden imponerse ciertas limitaciones.

IMAGENES CON DERECHOS DE AUTOR. Son las típicas licencias que compran las organizaciones que producen grandes tiradas. Se paga cada vez que se utiliza la imagen y el precio depende de una complicada mezcla de factores como la exclusividad, la distribuición, el tiempo empleado, el medio de publicación y la ubicación geográfica.

BANCOS DE IMÁGENES

  • www.flickr.com : es una excelente comunidad para compartir fotos, tiene una buena herramienta de búsqueda y además puedes seleccionar que se muestren sólo las creaciones que puedan utilizarse con fines comerciales o que puedan modificarse y edificarse.
  • search.creativecommons.org: Es el principal motor de búsqueda de Creative Commons.
  • textureking.com : es un catálogo enorme de texturas de uso libre, para todo, desde fondos hasta patrones, motivos etc.
  • www.istockphoto.com: Es un gran banco de imágenes, su principal atractivo es la sencilla estructura de precios, las imágnes cuestan en función de su resolución. Suelen ser imagens Royalty Free. También podemos subir fotos y venderlas, aunque las exigencias de calidad altas.
  • www.wikipedia.org: Es una enciclopedia online editada por los usuarios. Además sus textos son libres y muchas de las imágenes son de dominio público o tiene un acuerdo de CC.
  • www.dreamstime.com: Otro banco de imágenes royalty free y con gran calidad
  • www.shutterstock.com: en este banco te suscribes mediante pago mensual en lugar de pago por imagen, ideal para empresas con altos niveles de compra.
  • www.bigfoto.com: Web con imágenes de alta calidad aportadas por los usuarios, aunque algunos archivos son un poco pdqueños, Los archivos pueden usarse libremente siempre que se cite la web.
  • www.free-pictures-photos.com/index.htm: web asociada a bigfoto en las que las imagenes también pueden usarse libremente siempre que se haga citando la web.
  • http://nis.nasa.gov Increíble recurso de imágenes relacionadas con la astronomía y los viajes espaciales, Todas las imágenes de la NASA menos los logotipos e insignias, están libres de derechos de autor y su uso no está restringido.
CREAR UNA BIBLIOTECA DE GRÁFICOS / CATÁLOGO DE INSPIRACIÓN
Partiendo de todos estos recursos y a pesar de que ya deberíais estar haciéndolo, quiero que hos hagáis una biblioteca de gráficos diferenciada para el proyecto personal y otra para el tema general (ICONOS DE CINE)

Para ser más exacta quiero que tengáis diferenciados para cada proyecto una carpeta y dentro de está otras que contengan gráficos relativos a:
  1. Texturas y efectos (texturas reales o abstractas, efectos de desgarrones, oxidos, papeles ... etc)
  2. Objetos (imágenes aisladas que representen un objeto, ejemplo una bobina de película...)
  3. ICONOS (abstractos, o naturalistas, vectoriales o bitmaps de elementos, SÍMBOLOS O CONCEPTOS RELACIONADOS)
  4. Enmarcados (fotos antiguas, marcos de fotos, polaroids, negativos, carteles, vallas publicitarias...etc)
  5. Textos (fuentes tipográficas varias, imágenes que simulen textos, textos que simulen imágenes)
  6. y por supuesto imágenes fotográficas

A parte de utilizar los recursos y bancos de imágenes también podéis utilizar el escaner para obtener digitalizaciones de vuestros dibujos o creaciones tradicionales, o de imágenes antiguas etc.
También saldremos un día para capturar directamente con nuestras cámaras digitales imágenes relacionadas con nuestro tema.

UNA VEZ QUE HAYAMOS RECOPILADO una cantidad importante de gráficos quiero que, aprovechando los conocimientos que ya tenemos de photoshop, de la modificación del tamaño de la imagen y de la herramienta de recortar. que me hagáis con algunas de vuestras imagenes de vuestro catálogo , un par de ejemplo en el que pongáis a la práctica alguna de las siguientes técnicas de retoque. En este caso las más básicas de RECORTE CREATIVOS.



Divide el marco en tercios, tanto horizontal como verticalmente. El tema de tu diseño debería estar en la intersección de dos de las lineas


Utiliza una línea de movimiento, tanto si hay una valla, marcas de carretera o una fila de árboles, como sabemos por el estudio de los elementos CONCEPTUALES del diseño, eso contienen una línea de movimiento natural. Utilízala para captar la atención y dirigir la mirada del lector. Los ojos no pueden evitar seguir la perspectiva natural especialmente si apunta hacia el tema principal.
Crea un diálogo entre la imagen y el texto. Es muy raro que una imagen se vea aislada sin que interactue con texto, Coloca los elementos para que interactuen
Extremos, usa escalas extremas para impactar, un primer plano que centre la atención, o un objeto pequeño sobre un gran campo vacío, crearás contrastes de fondo figura que atraerán al espectador.
Usa ángulos de inusuales, intenta girar una foto para descubrir la emoción que oculta. Se puede dar movimiento a las imágenes colocándolas en un ángulo que cree tensión. Picados y contrapicados son recursos que generan superioridad o inferioridad en el espectador y son recursos MUY utilizados para reforzar un mensaje.
Juega con la profundidad, para dar más énfasis a la distancia y el espacio, utilizando un objeto frontal que contraste con el tema. Generarás un punto de fuga y por lo tanto una tendencia visual.
Simetría, en lugar de dividir el marco en tercios, otra opción es centrar el tema, conservarlo todo tan simétrico y geométrico como sea posible. Sabemos de sus capacidades , estáticas y la gran pregnancia que LAS BUENAS FORMAS poseen, y podemos aprovecharnos de ellas.
Despeja la imagen, cambia la escala de la imagen , o recórtala para eliminar cualquier cosa que no sea esencial para transmitir el mensaje.

martes, 15 de marzo de 2011

CAPAS

Comprender las capas de Photoshop
Tipos de capas
  • Fondo
  • imagen
  • texto
  • formas verctoriales
  • de relleno
  • de ajuste
  • mascaras de capa
  • objeto inteligente
El panel de capas
Crear capas
Eliminar capas
Nombrar
Preferencias de previsualización
Mover capas
Copiar o duplicar capas
Trabajar con multiples capas
Agrupar capas
Acoplar imagen o combinar capas
Los objetos inteligentes
Propiedades de las capas
Opacidad
Modos de fusión
Crear máscaras de capa
Máscaras de recorte
Capas de ajuste

lunes, 14 de marzo de 2011

introducción a PS

En clases anteriores ya habíamos hablado del interfaz de PsCs4, de los diferentes espacios de trabajo.
La barra de aplicaciones, la barra de menus, la barra principal de herramientas, y la barra de opciones de herramienta, los paneles...

También hemos visto el trabajo con diferentes herramientas básicas de PS, hemos trabajado con el color y sus diferentes modos de color.

Como repaso y profundización en esta clase vamos a ver:

BÁSICO:
Abrir documentos
Cambiar tamaño / resolución, tamaño del lienzo..
Rotar , recortar y alinear de diferentes modos la imagen
Crear documentos nuevos, seleccionar modo de color, profundidad de bits, resolución...
Guardar el documento, en formato psd y en el formato necesario para nuestro diseño en concreto.

SELECCIONES
Repaso de las herramientas de selección
Modo de máscara rápida
Seleccionar con color range
Desvanecer la selección
Refinar los bordes
Guardar selecciones
Mover selecciones, o mover píxeles
Menu de selección: Seleccionar todo, Deseleccionar, Invertir selección

Graficos digitales

LA IMAGEN DIGITAL
  • Graficos de mapa de bits
  1. Los pixeles
  2. Bits y Bytes
  3. Profundidad del pixel
  4. Peso de la imagen
  5. Los canales de color
  6. Los modos de color
  7. Resolución y tamaño de la imagen
  • Los gráficos vectoriales
  • Los formatos de la imagen

martes, 8 de marzo de 2011

Tipografía Práctica

}TIPOGRAFÍA PRÁCTICA
}Formatos de fuente
}Gestión de tipografías en MAC
}Gestión de tipografías en PC
}Manipulación de las tipografías
}Glifos y caracteres ocultos
}Marcas de corrección
}Hojas de estilo
}Texto y color
}Personalizar tipografías
}Utilización de fuentes para imprimir

lunes, 7 de marzo de 2011

Iniciación a la tipografía

}TIPOGRAFÍA FORMAL
}Anatomía de la letra
}Espaciado
}Tamaño
}Entender y seleccionar tipos de letra
}Elegir y combinar fuentes tipográficas
}Énfasis y jerarquía
}Tipografía ilustrativa, texto como imagen , texto como forma
}Combinaciones tratamientos y ornamentaciones tipográficas

miércoles, 2 de marzo de 2011

Teoría del color

FUNDAMENTOS DEL COLOR
-Luz y color
-Naturaleza del color
-Longitud de onda
-Transmisión de la luz
-Visión humana del color
-El espectro visible
-Percepción del color
-COLORES ADITIVOS
-COLORES SUSTRACTIVOS
-Aspectos del color: Luminosidad, Matiz, Saturación
-Espacios y modelos de color.

Técnicas y aplicaciones del color en el diseño
-Relaciones de color
-Significados del color
-Más conceptos del color: Temperatura, Peso, Vibración, Interacción del color
-Jerarquía del color: Colores que avanzan y colores que retroceden
-Crear una paleta de color
-Limitar una paleta del color
-Estrategias de codificacion del color
-El color en la arquitectura de la información.