• Definiciones a tener claras

    Publicado el 19 19Etc/GMT-1 noviembre 19Etc/GMT-1 2009 admin Sin comentarios aún ...

    Definiciones

     

    Píxel

    Un píxel o pixel (acrónimo del inglés picture element, “elemento de imagen”) es la menor unidad homogénea en color que forma parte de una imagen digital, ya sea esta una fotografía, un fotograma de vídeo o un gráfico. Para entendernos, es cada uno de los cuadraditos con el que formamos las imágenes.

     

    Cuando aumentamos la imagen, los cuadrados que vemos es cada uno de los píxeles que componen dicha imagen.

     

    Un folio A4 (297x210mm) serían unos 3508×2480 píxeles.

     

    La unidad de medida Megapixel equivale a 1.024 x 1.024 (1.048.576)  píxeles, que redondeamos a un millón de píxeles por facilidad de cálculo. Así, una cámara de 10 Mp contiene 10.485.576 píxeles.

     

    Cuantos más megapíxeles tenga una imagen, será más clara y nítida. La mayoría de cámaras digitales actuales capturan entre 6 y 10 megapíxeles por foto. Esto afectará la calidad de la foto al igual que el tamaño del archivo. 

     

    Resolución

    Asociada a esta cantidad viene la resolución (dpi dot per inch o ppp puntos por pulgada) Lo habitual en una impresora a color son 300 dpi, así una imagen de 8 Mp sería  3200×2400= 7.680.000 píxeles, cuyo tamaño óptimo para imprimir sería (3.200/300) 10,67 x 8 (2400/300) pulgadas que en centímetros (1 pulgada~2,54 cm) 27.11 cm x 20.32 cm, casi un A4.

     

    Tamaño de impresión

    De este modo, podemos calcular hasta que tamaño podemos imprimir sin sufrir defectos de pixelación (cuadraditos).

     

     

     

     

     

     

    Aquí tenéis una guía de referencia de mínimos para imprimir con 300 ppp.

     

    Tamaño de la impresión (cm)

    Megapíxeles

    Tamaño en píxeles

    5,3

    4,1

    0,3

    640 x 480

    10,8

    8,1

    1,2

    1280 x 960

    13,5

    10,2

    2,0

    1600 x 1200

    17,3

    13,0

    3,0

    2048 x 1536

    25,4

    16,5

    5,3

    3008 x 1960

    26.0

    17.3

    6,3

    3088 x 2056

    34.30

    22.90

    11,1

    4064 x 2704

     

     

    Así pues, para una imagen que en un monitor (72ppp) vemos perfectamente, se písela cuando la ampliamos a medio folio (300ppp)

     

    Tipos y formatos de archivo

     

    Extensión

    Profundidad de color

    Comprimido

    Observaciones

    RAW

     

    36 a 48 bits/píxel

    Sí, sin pérdida de información

    Contiene la totalidad de los datos de la imagen tal y como es captada por el sensor. Su peso (tamaño) es sensiblemente el mayor de todos. También se conococen como negativo digital.

    JPG

    24 bits

    SÍ, con pérdida de información

    El más común de los formatos. Norma creada en 1983. Se puede ajustar el grado de compresión para perder menos información contra más tamaño. La pérdida es acumulativa.

    JPG2000, jp2

    24 bits

    SÍ, con pérdida de información

    Mejora del formato anterior, pero debido al número de patentes no está difundido entre los navegadores.

    PNG

    256

    64 por canal

    Sí, sin perdidas Sustituto para el formato GIF, pero sin animación (variante MNG). Lo que sí permite son canales (RGB+alfa) por lo que sirven para postular transparencias. Ideal para imágenes con colores planos.

    GIF

    256 TOTAL

    Sí, con perdida Creado por Compuserve para servir en la web, ha quedado desfasado por la limitación en los colores que lleva, además de por la gran pérdida que conlleva.

    BMP

    24 bits

    No Original para el Paint de Windows, son poco eficientes por la cantidad de espacio que ocupan, pero son de gran calidad.

    TIFF

    24 bits

    Posible Evolución del bmp, pero permitía ya compresión, almacenar más de una imagen en el mismo archivo. La patente pertenece a Adobe y la última actualización es de 1992. Al no comprimir ocupa mucho espacio, pero es real.

    PSD

    48 bits

    No Formato de archivo de Photoshop.  Guarda además información sobre capas, canales, rutas, …

    XCF

    24 bits

    No Formato de archivo de GIMP. Guarda además información sobre capas, canales, rutas, …

     

    Canal alfa

    Cada color (Rojo, Verde, Azul) se guarda por separado en canales. Además de estos tres, podemos añadir un cuarto (alpha) que es el que indica cuando usar la transparencia. La capa Fondo nunca lo lleva por defecto. Si queremos, a esa capa o cualquier otra, añadirle el canal alfa, nos vamos encima de ella, botón derecho del ratón, añadir canal alpha. Para quitar esa transparencia, idem pero la opción será eliminar canal alpha.

  • Enlaces Web

    Publicado el 16 16Etc/GMT-1 noviembre 16Etc/GMT-1 2009 admin Sin comentarios aún ...

    Para buscar imágenes Usan el servicio flickr de yahoo.

    Otra opción a buscar imágenes en google.

      

    COMPFIGHT.COM

    Recuerda dejar las opciones activas de este modo:
    1. Creative Commons: Only + 2. Seek Original: Only + 3. Safe Search: On
    Traducido:
    1.- Con licencia Creative Commons, para poder usarlas libremente.
    2.- Seek Original, nos informa del tamaño de la imagen real
    3.- Búsqueda segura, imágenes que aún están disponibles, seguro y comprobado.

    COLORPICKER http://krazydad.com/colrpickr/

    Para buscar por similitud de colores. Seleccionamos color y van apareciendo imágenes en las cuales predomina ese color.

     

    Búsqueda en otros servicios de fotos pero no siempre gratuitos para su uso

    http://cyclo.ps/
    http://sxc.hu/
    http://www.creativepro.com/eservices/imagegrabber 
    http://oposite.stsci.edu/pubinfo/pictures.html
    http://www.istockphoto.com/
    http://www.photonica.com/
    http://www.digitalvisiononline.com

    Búsqueda de imágenes libres y gratuitas

    http://www.openstockphotography.org/
    http://www.stockvault.net/
    http://www.freephotosbank.com/
    http://www.unprofound.com/
    http://www.photogen.com/free-photos/
    http://www.bluevertigo.com.ar/bluevertigo.htm 
    http://www.morguefile.com/ (con la opción free photos)
    http://www.pixelperfectdigital.com/free_stock_photos/
    http://www.freepixels.com/
    http://gallery.hd.org/
    http://www.freefoto.com/
    http://nature.photoarticles.com/galleries.asp
    http://www.pcphotoreview.com/galleriescrx.aspx
    http://www.webshots.com/homepage.html
    http://orangetrash.d2.hu/index2.html
    http://freestockphotos.com/
    http://www.freeimages.co.uk/
    http://www.fotosearch.es/image-source/busqueda-de-perfeccion/IMR113/
    http://www.istartedsomething.com/bingimages/

     

     BÚSQUEDA MULTICOLOR
    http://labs.ideeinc.com/multicolr

    Parecido al anterior, pero podemos buscar coincidencia con hasta 10 colores.

    EFECTOS ESPECIALES EN FOTOS

    Suelen ser servicios de impresión. Es gratis generar una imagen y cobran por la impresión y el envio. No están mal, pero principalmente sirven para coger ideas ya que la imagen resultado no suele ser muy grande (unos 450x 600 píexles). Consisten en subir (upload la foto), escoger el efecto y aplicar.

    http://funphotobox.com/

    http://photofunia.com/

    http://bighugelabs.com/

    http://www.flauntr.com/

    http://www.dumpr.net/

  • Trabajo para el fin de semana

    Publicado el 5 05Etc/GMT-1 noviembre 05Etc/GMT-1 2009 admin Sin comentarios aún ...

    Trabajo para el fin de semana Sorpresa, ya tienes tarea para este fin de semana :) Con lo que ya sabes de selecciones, modos y capas eres capaz de muchas cosas.

    Vale no te lo crees, pero es cierto.

    Una foto tuya, un cartel de película y bingo –> un fotomontaje.

    Lo único que necesitamos son carteles tamaño grande, que en internet implica que sean de un ancho y/o alto mínimo de 1000 píxeles.

    Para ello, busca en www.google.es carteles de película en el apartado imágenes, y en opciones, escoge grandes.

    Suerte. El lunes exposición de trabajos. El pensamiento de esta semana:

    Jamás hay que discutir con un superior, pues se corre el riesgo de tener razón.

    No hay nada mejor que dar ejemplo :) cartelclick

  • Nuevos cielos

    Publicado el 4 04Etc/GMT-1 noviembre 04Etc/GMT-1 2009 admin Sin comentarios aún ...

    P1050205Vamos a crear un nuevo cielo usando filtros y luego colorearlo.

    Abre la imagen de la campiña inglesa

    Ahora, con la selección por color, selecciona el cielo blanco y después, difumina al menos 5 pixeles.

    Vale, era un mal día y diluvió dos horas después, pero eso es normal en Agosto en la campiña inglesa :) El problema es que no hay información más que el blanco, así que no tenemos valores para hacer contraste.

     Bueno, ya lo tienes seleccionado. Ojo, al usar la selección por color con un umbral de 15 ya tienes todo el cielo blanco, incluso entre las ramas, pero también las camisas de los visitantes de ese color. Pasa a modo máscara (esquina inferior izquierda) y tacha de rojo/negro las zonas que no quieres que cambien.

    Sal del modo máscara. Manteniendo la selección, crea una capa nueva. Rellena de color blanco la selección de la nueva capa.

    Ahora filtro –> renderizado –> Nubes –> Nubes de diferencia. Prueba a marcar aleatorio y verás.

    Ahora vamos a darle color del cielo. En Colores –> Colorear para darle un tono azul, prueba los valores 206, 40, 74 por ejemplo. Si te sale demasiado oscuro, cambia el brillo en Colorear –> Brillo y contraste.

    P1050205final

  • Las capas y sus modos (II) fotos con granulado y poco contraste

    Publicado el 4 04Etc/GMT-1 noviembre 04Etc/GMT-1 2009 admin Sin comentarios aún ...

    Hablamos de esto:

     

    Ambas fotos tienen, debido al zoom y la distancia, un granulado y poco contraste. Para lo segundo ya sabemos (por supuesto, de la práctica anterior) que duplicaremos la capa, la pondremos en modo multiplicar y bajaremos a un 90% la opacidad.

    ¿Pero qué es esto? ¿Acaso estaba detrás de la chimenea de un alto horno? No, simplemente ahora ves más claramente ese granulado. Vuelve a duplicar la capa y cambia al modo combinar granulado.

    Sorpresa, ahora se ve bien.

    MODO COMBINAR GRANULADO

    El modo extraer granulado nos saca a una capa los granos (imperfecciones) de la fotografía a una capa nueva, el modo combinar granulado los elimina de la nueva capa, difuminando los alrededores.

    El resultado:

    Cuando queramos el efecto contrario, en la capa duplicada pondremos el modo extraer granulado.

    A ver que haces con esta foto

    aviones

  • Las capas y sus modos (I) foto con zonas sobreexpuestas

    Publicado el 4 04Etc/GMT-1 noviembre 04Etc/GMT-1 2009 admin Sin comentarios aún ...

     

    En las sesiones anteriores ya hemos estado trabajando con capas. Lo demuestra el dolor de cabeza que lleváis :) Ahora vamos a usarlas no sólo para posicionar objetos sino también para corregir fotos. Para ello usaremos los distintos modos y la opacidad de cada capa.

    Usamos los modos en las capas porque si los usamos en las herramientas no podremos modificarlos a posteriori. En este enlace tenéis los modos en acción, pero lo que necesitamos son los criterios para usarlas.

    Vamos a usar la pict0003 (plaza Cardenal Belluga) del cd.

    La abrimos con Gimp y será la capa FONDO.

    En el menú ventana, abre el diálogo de HISTORIOGRAMA. En éste veremos la información de la foto. En este momento tenemos un gran pico a la derecha que nos informa que predominan los tonos claros. Nuestro objetivo es equilibrar la foto sin perder definición ni información. Como vimos en la sesión anterior, muévelo debajo de las herramientas, justo sobre las opciones de herramientas para tener a la vista esa información.

    MODO MULTIPLICAR

    Multiplica el valor del color pixel por pixel y así nos da un color más oscuro. Los pixeles los valora de 0 a 1, siendo 0 negro y 1 blanco. Así negro x negro = negro (0 x 0 = 0) mientras que blanco por gris es gris ( 1 x 0,5= 0,5) El resultado es que oscurecemos la foto, principalmente en las zonas demasiado claras.

    Duplicamos la capa, le cambiamos el nombre de COPIA DE FONDO por Multiplicar.

    Cambiamos el modo de esta capa a MULTIPLICAR y su opacidad la bajamos al 90%. Así conseguiremos que las partes más claras (saturadas) de la imagen se oscurezcan, pero no así las oscuras.

     

    MODO DIVIDIR

    El inverso de multiplicar. Así lo que haríamos sería aclarar la foto.

    Con esta foto no lo vamos a realizar porque es demasiado clara. Si lo hacemos, predominará el blanco y según el historiograma lo que nos sobra es claridad precisamente.

    MODO COLOR

    Ya vamos teniendo un resultado aceptable, pero la malla verde de la obra aún nos molesta porque es demasiado fuerte. Para ello, duplicamos la capa, a la nueva capa la llamamos Color. Comprueba el efecto pulsando en el icono de visibilidad de esa capa (el ojo)

    MODO CLARIDAD SUAVE

    Como aún la parte izquierda es demasiado clara respecto a la derecho, creo una NUEVA CAPA, creo un degradado de negro a blanco (de izqda a dcha) y la paso a modo CLARIDAD SUAVE y le bajo la opacidad a un 60%. La diferencia con los anterioes, es que con el degradado podreos afinar más lo que necesitamos oscurecer.

    El resultado hasta ahora:

  • Seleccionar por Umbral

    Publicado el 3 03Etc/GMT-1 noviembre 03Etc/GMT-1 2009 admin Sin comentarios aún ...

    Lo que queremos es seleccionar a la niña de la foto y separarla del fondo de piedra y ponerle de fondo el que encontraremos en http://album.cuesta-arriba.es/albums/2007/posets/48_-_cascada_paisaje_pirineos_senditos_vegetacion.jpg

    Para eso usaremos el umbral, es decir, la separación brutal entre negro y blanco.

    1º Abrimos la foto ROSTRO.jpg que encontraréis aquí.

    2º Duplicamos la capa Fondo. (No es necesario, pero teniendo las capas, para qué vamos a perder información :) Siempre habrá tiempo de borrar la capa después.)

    3º Ya en la nueva capa, abrimos el menú imagen –> Umbral. Esta vez os ayudaré un poco. Unos valores que me separen bien la niña del fondo serían: a la izqda (los oscuros) de 78 y a la derecha (los claros) de 156.

    Ahora, con ayuda de la goma y el pincel, debe quedaros algo así.

     

    Ya tenemos una base para selecionar. Seleccionamos el color negro, nos vamos a la capa fondo, difuminamos la selección (al menos 5 pixeles)

    4º Ahora abrimos la imagen directamente desde internet (archivo –> abrir lugar y copiamos pegamos la url http://images.quesabesde.com/images/muestras/canon_powershot_a520_vegetacion.jpg

    5º Volvemos a la foto ROSTRO y copiamos, vamos a las margaritas y Edición –> Pegar como –> capa nueva. Ajustamos donde mejor nos parezca y listo.

    Por cambiar, yo la he pegado en la de la catedral.

     

  • Añadir brochas en GIMP

    Publicado el 2 02Etc/GMT-1 noviembre 02Etc/GMT-1 2009 admin Sin comentarios aún ...

    Las brochas son los motivos que podemos usar en pinceles, aerógrafos, etc.

    Podéis descargar en estas dos direcciones, aunque si poneis brochas gimp descarga o brushes gimp descarga en el buscador, encontraréis más resultados.

    http://browse.deviantart.com/resources/applications/gimpbrushes/?order=9&alltime=yes

    http://hawksmont.com/blog/category/graphic_design/resources/gimp_brushes/

    Descargar y descomprimir en la siguiente ruta

    C:\ –>  Archivos de programas –> Gimp 2.0 –> Share –>Gimp –>2.0–> Brushes

    De esta manera, las brochas se encontrarán disponibles para todos los usuarios que usen GIMP. Si queremos que sólo estén para nosotros, la ruta alternativa la encontramos en el Gimp. Abrimos el menú Editar –> Preferencias –> Carpetas –> Pinceles

    OJO. Si cargamos de brochas y otros elementos, el inicio será más lento.

    Acepta archivos gbr (gimp brushes) como abr (adobe brushes = brochas photoshop)

  • Imagen de color a blanco y negro (II)

    Publicado el 2 02Etc/GMT-1 noviembre 02Etc/GMT-1 2009 admin Sin comentarios aún ...

    Imágenes necesarias:

    Oasis de fondo: http://centros3.pntic.mec.es/~sanped14/jornadas%20solidarias/viii%20jornadas%20solidarias/Oasis-smaller.jpg

    Astronatura bn: http://www.quierodibujos.com/i/81x.gif

    Oasis

    1º Abrimos el fondo que será la imagen del OASIS. Podemos o bien desde Archivo –> Abrir lugar y poner la url de la imagen, o lo descargamos directamente.

    2º Pegamos en una capa nueva la imagen del astronauta. ( Editar –> Pegar como –> Capa nueva)

    primero3º Como usamos de fondo una imagen jpg, el modo Imagen ya es RGB. Lo comprobamos (Imagen –>Modo –> RGB)

    4º Usando la varita, seleccionamos el fondo blanco del astronauta que nos va sobrando y lo suprimimos.

    5º Ahora vamos seleccionando las distintas áreas y las vamos coloreando SIEMPRE CREANDO CAPAS NUEVAS para cada uno de los elementos. Usa al seleccionar –> selección –> Agrandar 1 px para evitar las imperfecciones de esta imagen. OJO, conforme vas seleccionando, creando una capa nueva y rellenando de color, deberás volver a la capa del astronauta para volver a seleccionar.

    — Para el traje, en vez de un color plano y rellenar con el, usa un degradado de gris perla a blanco. —

    6º Crear la sombra del astronauta. Agárrate que vienen curvas :) Vamos a realizar de la siguiente manera, crearemos un capa del astronauta, lo rellenaremos de gris, lo difuminaremos y le aplicaremos la perspectiva.

    6.a Duplicamos la capa del astronaura. Vamos a su capa y menú CAPA –> DUPLICAR CAPA.

    6.b En esta nueva capa, seleccionamos el espacio vacio con la selección por color (el dedo) e invertimos la selección con el fin de tener todo el dibujo.

    6.c Rellenamos de negro. Si tienes encima las capas anteriores con colores, notarás poco. Pásala encima de todo y verás que te tapa todo el astronaura.perspectiva

    6.d Ahora, con la herramienta perspectiva, posicionamos la sombra en la dirección y ángulo adecuado.

    6.e Ya la tenemos (Recuerda que para que esa transformación se quede, debes crear una capa nueva) Ahora, muévela justo encima de la capa FONDO y dale una opacidad del 30%.

    Listo, felicidades. Ya lo tienes.

    Aquí tienes el fichero final y el xcf.

    astronauta_perdido

  • Imagen de color a blanco y negro (I)

    Publicado el 2 02Etc/GMT-1 noviembre 02Etc/GMT-1 2009 admin Sin comentarios aún ...

    COLOREAR SIMPSONS

    Esta práctica es fácil de colorear ya que las áreas a colorear están delimitadas, es decir, son espacios cerrados que podemos ir seleccionando con la varita. La imagen inicio la puedes encontrar aquí. Cópiala al disco duro en la carpeta Mis imágenes para poder trabajar.


    1º Asegurarnos que guardamos la imagen en .xcf para poder editar las capas. Archivo –> Guardar como –> nombre.xcf

    2º Por si acaso: A veces se guardan las imágenes sin la información completa de colores. Te ocurrirá principalmente con imágenes en formato GIF, PNG y a veces con BMP  ¿Cómo nos damos cuenta? Intentamos dibujar en color y nos sale en tonos grises. Solución: menú Imagen –> modo –> RGB (red-green-blue colores básicos)

    3º En la capa fondo tenemos la imagen, seleccionamos con la varita las áreas que queremos y en una capa nueva la rellenamos de color. Los colores vienes designados por la cantidad de rojo, verde y azul. Por ejemplo, la piel de los Simpson es Rojo 255 Green 204  Blue 0.

    Crea al menos la capa piel, la capa pantalón bart, la capa camiseta bart, la capa vestido Lisa,… Verás que siempre tienes que ir al fondo, seleccionar, crear nueva capa y rellenar con el nuevo color.

    4º Si te hace falta dibujar, con el lápiz puedes hacer líneas rectas pulsando la tecla Mayúsculas. (Control es para recoger un color) La imagen que tienes está tratada y dibujada para tener las áreas de color delimitadas.

    5º El arcén rellénalo con un patrón llamado crack y a su capa bájale la opacidad a un 50%.

    6º Una vez la tengas dibujada, deberás darles sombras para dar efecto de 3d. En capas nuevas y con el lápiz, dibuja en negro las sombras y después quítales opacidad (15%). Las sombras aplícalas a la piel y los trajes, siempre en un borde. Es conveniente que selecciones primero el color específico de cada capa (p.ej. piel) y después crees la sombra en la nueva capa.

    simpson_colorear_finalsimpson_colorear_inicio

    Importante hoy: El uso de las capas, la opacidad, la selección por áreas del mismo color. El volumen y las sombras. Los colores, definidos por la cantidad de rojo, verde, azul así como su notación hexadecimal (#FFF999)