Imagen creada por Sandra Mas con imágenes Creative Commons de FLICKR |
21/03/2011 12:59 publicada per PQPI La Plana
[
actualitzat el 22/03/2011 0:25
]
Esta mañana hemos visto los diferentes modos de color que debemos manejar cuando trabajamos con imágenes, que dependerán de la salida de la imagen. Es decir, no es lo mismo que la imagen se tenga que imprimir que se tenga que ver en una pantalla.
Los modos de color que hemos visto son:
MODO DE COLOR CMYK (modelo de color sustractivo)
Este modo de color está basado en la mezcla de pigmentos físicos tal como estamos acostumbrados desde pequeños con las temperas. Cada vez que se mezclan dos colores obtienes uno más oscuros.
Este modo de color se utiliza para aquellas imágenes que van a ser impresas.
Los colores se componen por cuatro colores:
Cian (C)
Magenta (M)
Amarillo (Y)
Negro (K)
Para componer un color en CMYK se deben mezclar los cuatro colores en proporciones del 0 al 100%.
Por ejemplo: Cian: C:100% M:0% Y:0% K:0% Magenta: C:0% M:100% Y:0% K:0% Amarillo: C:0% M:0% Y:100% K:0% Negro: C:0% M:0% Y:0% K:100% Verde: C:100% M:0% Y:100% K:0% Rojo: C:0% M:100% Y:100% K:0%
En la teoría si añadiéramos los colores C, M y Y ya se debería obtener el negro pero en la realidad se obtiene un marrón muy oscuro y por eso se añadió el cuarto color, el negro.
MODO DE COLOR RGB (modelo de color aditivo)
Este modo de color se basa en la luz.
Este modo de color se utiliza para aquellas imágenes que van a ser vistas a través de dispositivos de luz como un proyector o una pantalla.
Se compone con los tres colores de
R (Red/Rojo)
G (Green/Verde)
B (Blue/Azul)
Cada color está compuesto por estos colores en valores del 0 al 255 niveles, siendo el 0 la ausencia de luz (el negro) y el 255 el nivel máximo de color.
La suma de todos los colores da como resultado el blanco (R:255, G:255, B:255) y la ausencia de los colores da como resultado la oscuridad o el negro (R:0, G:0, B:0). Cada vez que se mezclan dos colores se obtiene un color más claro, más luminoso.
MODO DE ESCALA DE GRISES
En este modo de color solo existen los colores negro (0), blanco (255) y los 253 grises restantes.
Es un modo de color que se utiliza, por ejemplo, para las imágenes que se imprimen en un periódico.
NOTA IMPORTANTE
Tal y como os ha pasado en las prácticas que habéis realizado habéis comprobado que cuando colgáis en la web una imagen en CMYK se ve incorrectamente, ya que debería estar en RGB.
En cambio si queréis imprimir (en una impresora doméstica o digital) si que lo podéis hacer en RGB, y no es necesario pasar a CMYK.
Sólo será estrictamente necesario transformar a CMYK cuando tengáis que imprimir las imágenes en una imprenta profesional (o si os lo pido yo en alguna práctica) Mirad este vídeo sobre el CMYK que no tiene desperdicio:
TRABAJO EXTRA:
¿En qué modo de color creéis que se pueden representar más colores?
|
24/02/2011 10:13 publicada per PQPI La Plana
[
actualitzat el 03/04/2011 3:49
]
IllsuCuando se realiza un diseño con texto con un programa (Photoshop, Illustrator, Word...) tenéis que tener en cuenta que las tipografías utilizadas pueden no estar instaladas en otro ordenador, y por tanto no se verán como en el diseño original.
Para que esto no ocurra tenemos dos opciones:
Opción 1 Tal y como dedujisteis en la actividad grupal de las tipografías, una opción es pasar una copia del archivo de la tipografía junto con el archivo del diseño. Así el receptor del trabajo podría instalarse la tipografía y el diseño se vería sin problemas.
Las tipografías se instalan en una carpeta de Windows llamada FONTS.
Aquí os dejo un enlace que explica como instalarlas según la versión de Windows:
Los tipos de archivo que os podéis encontrar son:
Si quereis descargaros tipografías Hanan ha dejado un enlace muy interesante en el apartado de "Recuros i enllaços". ATENCIÓN: no os instaléis muchas tipografías ya que consume muchos recursos del sistema. tampoco desinstaléis ninguna sino estáis seguros y que puede ser una fuente del sistema.
Opción 2 Si no queréis llevar la tipografía o no podéis instalarla en otro ordenador tenéis la opción de convertir la tipografía del diseño en "dibujo".
Esta acción en Illustrator se realiza desde el menú "Texto > Crear Contornos"
En Photoshop debéis seleccionar la capa de texto y hacer clic derecho sobre ella en el panel de capas, luego seleccionar del menú desplegable "Rasterizar texto" ATENCIÓN: una vez contorneado o rasterizado el texto ya no se puede editar como tal. Avisaditos estáis...
Dependiendo del tipo de trabajo y momento será mejor optar por la primera opción o por la segunda.
¡Como no me trabajéis os contorneo!
|
22/02/2011 10:33 publicada per PQPI La Plana
[
actualitzat el 22/02/2011 12:23 per Raquel Marin
]
En las dos últimas sesiones hemos realizado una serie de actividades en grupos para que reconozcáis los diferentes tipos de tipografías más utilizados. Cada grupo teníais diferentes tipografías y teníais que agruparlas según sus características.
Os dejo aquí el documento por si os lo queréis descargar.
Las clasificaciones y conclusiones que habéis sacado en conjunto son:
Romanas También se pueden llamar Serif o tipografías con remate. Algunos ejemplos son la Times New Roman, Garamond, Georgia, Palatino, Bookman Old Style y Constantia. La característica principal que habéis observado de este tipo de tipografías es que tiene remates. estos remates ayudan a la lectura sobretodo cuando hay mucho texto. Los posibles usos que habéis nombrado para utilizarlas son utilizarlas para un periódico, para un libro, para una revista, para un diccionario... en definitiva las habéis encontrado "más formales"
De Palo Seco También se pueden llamar Sans Serif o tipografías sin remate. Algunos ejemplos son la Arial, Verdana, Trebuchet, Futura, Century Gothic o Calibri. Como característica principal me habéis comentado que no tienen remates y son mas sencillas. Habéis comentado que os parecen que son las más "habituales" (ya sabéis que no me gusta la palabra "normales") a la hora de usar y que también os parecen "formales". Los posibles usos que les habéis dado son para una página web, para hacer un currículum, para una señal de tráfico, para el rótulo de un negocio o para una tarjeta de visita.
Script También se pueden llamar de escritura. Algunos ejemplo que hemos visto son la Mistral, la Freestyle Script , Blackadder o la Lucida Handwriting. La característica más importante de este tipo de tipografías es que imitan la escritura manual. habéis comentado también que están más "elaboradas", son más "decorativas", "curvadas" y que son más "informales". Los posibles usos que les habéis dado son para una invitación de boda, para el anuncio de un perfume y para una carta de ♥.
Gráficas Este grupo es más difícil de encontrar una característica común ya que cada una es diferente de las otras. Habéis comentado que os parecían más "informales" ya que las utilizaríais para realizar diseños o títulos, pero nunca para mucho texto seguido. Cada una es diferente pero nunca se parecerán a las de palo seco, las romanas ni las script. Algunos ejemplo que hemos visto en la actividad eran la Neuropol, la Vineta BT, Planet Benson, Arnprior, Earwif factory o la Burnstown Dam. Tipografía Skullphabet (puedes descargar esta tipo aquí ) Los posibles usos que habéis nombrado son utilizarlas para un flyer, para el rótulo de un negocio, para un anuncio de un coche o para un cartel de fiestas.
Ding Bats También les podéis llamar símbolos. Como habéis podido comprobar no se trata de una tipografía donde haya letras sino dibujos, símbolos o pictogramas Algunos ejemplos vistos son la Webdings, las Wingdings o la Commercial PI BT. Los posibles usos que les habéis dado son para las señales de tráfico (flechas), para la sección de horóscopo (signos del zodíaco), y, en definitiva, para conseguir un dibujo o pictograma (como el de hombre y mujer del WC) ya hecho.
Bueno tipográficos alumn@s, espero que os haya resultado interesante la actividad y que hayáis aprendido a diferenciar las diferentes tipografías y a seleccionar las más adecuadas según su uso.
Os dejo este vídeoclip que utiliza la tipografía para hacer animación. Espero que os guste. Bienvenidos al mundo de la tipografía.
Por cierto ¿¿¿¿qué tipo de tipografía utilizan????? XD
|
16/02/2011 14:01 publicada per PQPI La Plana
[
actualitzat el 16/02/2011 15:52
]
Esta mañana en clase de RDT hemos estado intentando comprender que es el concepto de "resolución" de una imagen.
Parece ser que todos lo tenéis ya bastante claro y sabéis que la resolución de una imagen hace referencia al número de pixeles por unidad de medida, que en estos casos son las pulgadas.
La resolución se mide con p.p.p. = pixeles/pulgada = pixeles por pulgada
Ahora ya sabemos que la resolución no tiene que estar ligada necesariamente con la calidad de una imagen, ya que depende para que utilicemos una imagen necesita una resolución u otra.
Las resoluciones estándar que tenemos que tener claras son:
72 ppp para web
150 o 200 ppp para impresiones domésticas
300 ppp para impresión profesionales
En ninguno de los dos casos tiene sentido poner más resolución (por ejemplo 450 ppp para imprimir) ya que eso no significa que la imagen saldrá con más calidad porque las máquinas no pueden reproducir tanta resolución.
Hemos aprendido que con el panel de "Tamaño de imagen" de Photoshop y la casilla de "Remuestrear la imagen" podemos saber hasta que tamaño podemos imprimir correctamente una imagen sin que salga "pixelada".
Vuestra compañera Hanan ha hecho un tutorial muy bien explicado de cómo utilizar este panel:
Por cierto os dejo este corto de animación muy bueno que cuenta como sería el mundo si la gente no desactivara la casilla de "Remuestrear la imagen"
No os lo perdáis, es muy bueno:
|
14/02/2011 12:17 publicada per PQPI La Plana
Hoy hemos estado discutiendo en clase cuáles eran las diferencias entre una imagen de mapa de bits (aquellas que estan formadas por píxeles) y una imagen vectorial (aquellas que están formadas por fórmulas matemáticas)
| Imagen vectorial | Imagen de mapa de bits |
|---|
 | 
|
Creo que ha quedado claro la diferencia entre las dos y que las imágenes de mapa de bits se trabajan con Photoshop y las imágenes vectoriales con Illustrator. Ahora ya sabéis que las imágenes vectoriales las podéis escalar todo lo que queráis y que las imágenes formadas por pixeles si se amplían mucho pierden definición.
O sea que no hagáis ni caso de las ampliaciones exageradas de las caras pixeladas de los asesinos que salen en CSI, que de donde no hay no se puede sacar!
|
13/02/2011 12:29 publicada per PQPI La Plana
[
actualitzat el 19/03/2011 5:18
]
 He comprobado que ya sabéis utilizar muy bien algunas herramientas de Photoshop. ¡Enhorabuena! ;)
Ahora lo que vamos a hacer es organizar todo lo que sabemos entre todos para tener unos apuntes del programa por si alguna vez se nos olvida hace alguna cosa.
Iremos ampliando los apuntes hasta tener un buen número de herramientas para convertiros en todos unos expertos y tener siempre un sitio donde consultar dudas.
Cada uno deberá de explicar paso a paso como se utiliza la herramienta y además añadir información de tutoriales (en vídeo y escritos) que encontréis.
En la sección de "Tutoriales Photoshop" explico como deberéis de poner la información que encontréis en la web (como funciona, videotutoriales, tutoriales...) de cada herramienta.
¡Ánimo!
|
13/02/2011 1:46 publicada per PQPI La Plana
[
actualitzat el 13/02/2011 11:40
]
REPRODUCCIÓN EN EQUIPOS DE REPROGRAFÍA
A través de lo que aprendamos en este módulo seremos capaces de
reconocer las características de los originales para su reproducción,
conocer los diferentes soportes para la reproducción, aprenderemos
diferentes aplicaciones informáticas para producir y manipular
originales (Adobe Illustrator, Adobe Phosotshop, Adobe Indesign...) y
reproduciremos originales (trípticos, dípticos, tarjetas de visita...). |
|
