Diferencia entre revisiones de «LC 1 2010»

De Casiopea
Sin resumen de edición
 
Línea 8: Línea 8:
Proceso productivo de una historieta o cómic.<br>
Proceso productivo de una historieta o cómic.<br>
Pdf trabajado en Adobe Illustrator cs3. <br>
Pdf trabajado en Adobe Illustrator cs3. <br>
Imagenes Vectoriales con mapa de bits.<br>
Imágenes Vectoriales con mapa de bits.<br>


Procedimiento
Procedimiento
Línea 14: Línea 14:
# Escribir el argumento y guión.
# Escribir el argumento y guión.
# Diseño de personajes.
# Diseño de personajes.
# Bocetear las paginas y viñetas segun el guión.
# Bocetear las paginas y viñetas según el guión.
# Dibujar, entintar, escanear( 150 a 300 ppi), diagramar y pintar en Photoshop.
# Dibujar, entintar, escanear( 150 a 300 ppi), diagramar y pintar en Photoshop.
# seguir los pasos sucesivamente con las siguientes páginas.Revisar constantemente.
# seguir los pasos sucesivamente con las siguientes páginas.Revisar constantemente.
Línea 22: Línea 22:
# Y con aquél último paso el Cómic está listo.<br>
# Y con aquél último paso el Cómic está listo.<br>


En el pdf se utilizó Vectoriales: La herramienta pluma,herramanieta Eliptica(rectangular,rectangular borde redondos, estrella).<br>
En el pdf se utilizó Vectoriales: La herramienta pluma, herramienta Elíptica(rectangular,rectangular borde redondos, estrella).<br>
Mapa de bits: Paginas de comics ya hechas retocadas en photoshop para lucir parecidas a los vectoriales.<br>
Mapa de bits: Paginas de cómics ya hechas retocadas en photoshop para lucir parecidas a los vectoriales.<br>
Textos.
Textos.


Línea 31: Línea 31:
===Pantallas y bits===
===Pantallas y bits===


las pantalas comenzaron con 1 bit, solo se veia blancos y negros , pero con el tiempo se inventaron laas tarjetas graficas por lo que los tamaños pueden variar y las trajetas permiten la resolución.
las pantallas comenzaron con 1 bit, solo se veía blancos y negros , pero con el tiempo se inventaron las tarjetas gráficas por lo que los tamaños pueden variar y las tarjetas permiten la resolución.


En el pdf se utilizó Vectoriales: La herramienta pluma,herramanieta Eliptica(rectangular,rectangular borde redondos).<br>
En el pdf se utilizó Vectoriales: La herramienta pluma, herramienta Elíptica(rectangular,rectangular borde redondos).<br>


Textos.
Textos.
Línea 41: Línea 41:
===Iconos===
===Iconos===


Imagenes simples que ejemplifican cierto significado.<br>
Imágenes simples que ejemplifican cierto significado.<br>


Wikipedia:<br>
Wikipedia:<br>
Línea 47: Línea 47:




En este caso pensé en como graficaria un menú según los platos que serviría un humilde local de barrio.<br>
En este caso pensé en como graficaría un menú según los platos que serviría un humilde local de barrio.<br>


En el pdf se utilizó Vectoriales: La herramienta pluma,herramanieta Eliptica(rectangular,rectangular borde redondos, estrella).<br>
En el pdf se utilizó Vectoriales: La herramienta pluma, herramienta Elíptica(rectangular,rectangular borde redondos, estrella).<br>
Mapa de bits: Paginas de comics ya hechas retocadas en photoshop para lucir parecidas a los vectoriales.<br>
Mapa de bits: Paginas de cómics ya hechas retocadas en photoshop para lucir parecidas a los vectoriales.<br>
Textos.
Textos.


Línea 61: Línea 61:
===Fattori Icone===
===Fattori Icone===


En vista al mediocre trabajo presentado por problemas tecnicos he realizado una familia de iconos  mejoradas. Esta vez pensando en como serán los Iconos de mi propio restaurant, apropiandome del encargo, personalizarlo.
En vista al mediocre trabajo presentado por problemas técnicos he realizado una familia de iconos  mejoradas. Esta vez pensando en como serán los Iconos de mi propio restauran, apropiándome del encargo, personalizarlo.
Asi realizo el ejercicio de enfocarme en un objetivo: Realizar una familia de Iconos de restaurant con un estilo elegante , moderno, y clásico a la vez. <br>
Así realizo el ejercicio de enfocarme en un objetivo: Realizar una familia de Iconos de restauran con un estilo elegante , moderno, y clásico a la vez. <br>
Tonos Marrones claro: Recuerda lo elegante y clásico de la madera<br>
Tonos Marrones claro: Recuerda lo elegante y clásico de la madera<br>
Tonos claros en detalles: Le otorgan más vivacidad a los iconos, el tono suave le dan un toque sofisticado y amigable.<br>
Tonos claros en detalles: Le otorgan más vivacidad a los iconos, el tono suave le dan un toque sofisticado y amigable.<br>
Grafia: Compuestos por trazos en cierto grado de abstracción, en alto contraste, esto le da el toque moderno. <br>El circulo es el elemento que los unifica.
Grafía: Compuestos por trazos en cierto grado de abstracción, en alto contraste, esto le da el toque moderno. <br>El circulo es el elemento que los unifica.
   
   
[[Archivo:Iconos restaurant de Fattori.jpg|300px]]
[[Archivo:Iconos restaurant de Fattori.jpg|300px]]
Línea 85: Línea 85:
===Fotografía Prueba de Grises===
===Fotografía Prueba de Grises===


Fotogrfía de un rostro en escala de gise, del cual se manipulará en Photoshop en sus curvas y niveles, etc. Observaión de esa manipulación a traés del Histograma.<br>
Fotografía de un rostro en escala de grises, del cual se manipulará en Photoshop en sus curvas y niveles, etc. Observación de esa manipulación a través del Histograma.<br>
Estas pruebas se hacen con el objetivo de verlas impresas pues lo que no muestra la pantalla no es presisamente lo qu obtendremos al imprimir, así nos debemos apoyar en los datos que estas herramientas nos muestran.
Estas pruebas se hacen con el objetivo de verlas impresas pues lo que no muestra la pantalla no es precisamente lo que obtendremos al imprimir, así nos debemos apoyar en los datos que estas herramientas nos muestran.


<gallery>
<gallery>
Imagen:GhisGriS.jpg|Fotografía original
Imagen:GhisGriS.jpg|Fotografía original
Imagen:Info2.jpg|información de la foto manipulada
Imagen:Info2.jpg|información de la foto manipulada
Imagen:GhisGriS4.jpg|imagen manipulada resulante
Imagen:GhisGriS4.jpg|imagen manipulada resultante
Imagen:FotoGhisgris1_copia.jpg|
Imagen:FotoGhisgris1_copia.jpg|
</gallery>
</gallery>
Línea 106: Línea 106:
===Reproducción de un Mapa===
===Reproducción de un Mapa===


Reproducion de un mapa de metro de cualquier pais, copiar y si es posible mejorar.<br>
Reproducción de un mapa de metro de cualquier país, copiar y si es posible mejorar.<br>
En mi caso elegi el de la ciudad de napoles. En este me encargué de enfatizar informacion que el presente documento no muestra.<br>
En mi caso elegí el de la ciudad de Nápoles. En este me encargué de enfatizar información que el presente documento no muestra.<br>


[[Archivo:Naples-map.gif|300px]]
[[Archivo:Naples-map.gif|300px]]


enteste trabajo realicé la siguiente operación:
enteste trabajo realicé la siguiente operación:
* primera capa: separar lo geografico: mar y tierra.
* primera capa: separar lo geográfico: mar y tierra.
* segunda fase realizar las lineas principales y sus estaciones.
* segunda fase realizar las lineas principales y sus estaciones.
*luego las secundarias y sus estaciones.
*luego las secundarias y sus estaciones.
*despues las sigientes que son en planificacion y construccion.
* después las siguientes que son en planificación y construcción.
eliminé tambien los trazos negros que por no indicarse que representan ensucian el mapa.
eliminé también los trazos negros que por no indicarse que representan ensucian el mapa.
*luego el nombre de las estaciones, enfatizando las principales agrandando el cuerpo y usando la version bold.
*luego el nombre de las estaciones, enfatizando las principales agrandando el cuerpo y usando la versión bold.
*luego resaltar las estaciones principales y las convinaciones que en la anterior no se especifican.
*luego resaltar las estaciones principales y las combinaciones que en la anterior no se especifican.
*por ultimo la iconografia de la legenda y en otra capa la informacion de esta.
*por último la iconografía de la legenda y en otra capa la información de esta.
*al final una capa donde estilizo el mapa dandole un marco y leves sombras abstractas.<br>
*al final una capa donde estilizo el mapa dándole un marco y leves sombras abstractas.<br>


El objetivo del encargo es realizar la proyeccion de una idea como mapa conceptual en donde hay que ser ordenado mentalmente para poder trabajr con las capas y también distinguir y discrimanr los elementos importantes.
El objetivo del encargo es realizar la proyección de una idea como mapa conceptual en donde hay que ser ordenado mentalmente para poder trabajar con las capas y también distinguir y discriminar los elementos importantes.


[[Archivo:Il sistema metronapoli.jpg|300px]]
[[Archivo:Il sistema metronapoli.jpg|300px]]

Revisión actual - 15:14 12 dic 2012

Encargo Clase 2

Crear una Infografía
Tema: un proceso productivo, contar una historia, considerar temporalidad, personajes, contextos.

¿Cómo hacer un cómic?

Proceso productivo de una historieta o cómic.
Pdf trabajado en Adobe Illustrator cs3.
Imágenes Vectoriales con mapa de bits.

Procedimiento

  1. Escribir el argumento y guión.
  2. Diseño de personajes.
  3. Bocetear las paginas y viñetas según el guión.
  4. Dibujar, entintar, escanear( 150 a 300 ppi), diagramar y pintar en Photoshop.
  5. seguir los pasos sucesivamente con las siguientes páginas.Revisar constantemente.
  6. Guardar en CD en formato Photoshop, Photoshop EPS, BMP, PICT, JPG o TIFF.
  7. Enviar a la imprenta. Se entregaran planas enteras impresas.
  8. Cortar, ordenar y corchetear las páginas a mano.
  9. Y con aquél último paso el Cómic está listo.

En el pdf se utilizó Vectoriales: La herramienta pluma, herramienta Elíptica(rectangular,rectangular borde redondos, estrella).
Mapa de bits: Paginas de cómics ya hechas retocadas en photoshop para lucir parecidas a los vectoriales.
Textos.


Archivo:Infografia-Chris.Fattori.pdf

Pantallas y bits

las pantallas comenzaron con 1 bit, solo se veía blancos y negros , pero con el tiempo se inventaron las tarjetas gráficas por lo que los tamaños pueden variar y las tarjetas permiten la resolución.

En el pdf se utilizó Vectoriales: La herramienta pluma, herramienta Elíptica(rectangular,rectangular borde redondos).

Textos.

Archivo:Pantallas y bits2.pdf

Iconos

Imágenes simples que ejemplifican cierto significado.

Wikipedia:
Un icono o ícono (del griego εἰκών, eikon: ‘imagen’) es una imagen, cuadro o representación; es un signo o símbolo que sustituye al objeto mediante su significación, representación o por analogía, como en la semiótica.


En este caso pensé en como graficaría un menú según los platos que serviría un humilde local de barrio.

En el pdf se utilizó Vectoriales: La herramienta pluma, herramienta Elíptica(rectangular,rectangular borde redondos, estrella).
Mapa de bits: Paginas de cómics ya hechas retocadas en photoshop para lucir parecidas a los vectoriales.
Textos.


Iconos.chris fattori.jpg

Archivo:Iconos.chris fattori.pdf --Chris.fattori 20:38 26 jul 2010 (UTC)

Fattori Icone

En vista al mediocre trabajo presentado por problemas técnicos he realizado una familia de iconos mejoradas. Esta vez pensando en como serán los Iconos de mi propio restauran, apropiándome del encargo, personalizarlo. Así realizo el ejercicio de enfocarme en un objetivo: Realizar una familia de Iconos de restauran con un estilo elegante , moderno, y clásico a la vez.
Tonos Marrones claro: Recuerda lo elegante y clásico de la madera
Tonos claros en detalles: Le otorgan más vivacidad a los iconos, el tono suave le dan un toque sofisticado y amigable.
Grafía: Compuestos por trazos en cierto grado de abstracción, en alto contraste, esto le da el toque moderno.
El circulo es el elemento que los unifica.

Iconos restaurant de Fattori.jpg

Bebidas Iconos restaurant Fattori.jpg


Postres-Salsas Iconos restaurant Fattori.jpg


Platos Iconos restaurant Fattori.jpg

Para verlo en mejor calidad Archivo Pdf:


Archivo:Iconos restaurant di Fattori.pdf

Encargo Clase 7

Fotografía Prueba de Grises

Fotografía de un rostro en escala de grises, del cual se manipulará en Photoshop en sus curvas y niveles, etc. Observación de esa manipulación a través del Histograma.
Estas pruebas se hacen con el objetivo de verlas impresas pues lo que no muestra la pantalla no es precisamente lo que obtendremos al imprimir, así nos debemos apoyar en los datos que estas herramientas nos muestran.


Archivo:Foto-Ghisgris 1.pdf

Archivo:Foto-Ghisgris 2.pdf

Archivo:Foto-Ghisgris 3.pdf


Reproducción de un Mapa

Reproducción de un mapa de metro de cualquier país, copiar y si es posible mejorar.
En mi caso elegí el de la ciudad de Nápoles. En este me encargué de enfatizar información que el presente documento no muestra.

Naples-map.gif

enteste trabajo realicé la siguiente operación:

  • primera capa: separar lo geográfico: mar y tierra.
  • segunda fase realizar las lineas principales y sus estaciones.
  • luego las secundarias y sus estaciones.
  • después las siguientes que son en planificación y construcción.

eliminé también los trazos negros que por no indicarse que representan ensucian el mapa.

  • luego el nombre de las estaciones, enfatizando las principales agrandando el cuerpo y usando la versión bold.
  • luego resaltar las estaciones principales y las combinaciones que en la anterior no se especifican.
  • por último la iconografía de la legenda y en otra capa la información de esta.
  • al final una capa donde estilizo el mapa dándole un marco y leves sombras abstractas.

El objetivo del encargo es realizar la proyección de una idea como mapa conceptual en donde hay que ser ordenado mentalmente para poder trabajar con las capas y también distinguir y discriminar los elementos importantes.

Il sistema metronapoli.jpg