Taller de Adobe Photoshop: Conceptos básicos

¡Hola a todos! Bienvenidos a la primer clase del Taller de Adobe Photoshop. Antes de meternos con el programa en sí debemos tener ciertos conocimientos sobre imágenes digitales. ¿Qué son? ¿Cuántas clases hay? ¿Qué es la resolución? ¿Cómo se maneja el color? Todas estas preguntas deben tener una clara respuesta antes de que comencemos a trabajar con Photoshop si queremos lograr resultados profesionales. De modo que ¡Comencemos!

La imagen digital

Obviamente una imagen digital es un elemento informático en tanto está formada por cierto tipo de datos que permiten que se represente en dispositivos como un monitor, pantalla LCD, celular, etc. Incluso puede llevarse al papel por medio de una impresora, entre otras.

Este tipo de imágenes pueden haber sido generadas directamente en formato digital (dibujando con un software, sacando una foto con una cámara digital, etc.) o haberse convertido desde otro formato (por ejemplo, al escanear una foto o negativo, etc).

Tipos de Imágenes digitales: Vectores y Píxeles

Básicamente este tipo de imágenes digitales se divide en dos grandes grupos: Los vectores y los Mapas de Píxeles (más conocidas como mapas de bits).

Los vectores son exactamente eso, líneas o puntos que mediante ciertos parámetros matemáticos pasan a tener un largo, ancho y dirección determinados. Esto significa que si yo tengo una imagen de un triángulo formada por vectores no importa cuánto amplíe la imagen, siempre se verá nítida.

Esto es porque la fórmula matemática que forma la figura se vuelve a generar adaptada a distinto tamaño y en consecuencia se redibuja la imagen.

Por el otro lado tenemos los mapas de bits. Son cuadrados o rectángulos divididos en casilleros como un tablero de ajedrez, donde a cada celda le corresponde un valor de color determinado. Son “mapas” porque la información real digital sería algo así como “casillero 1: rojo oscuro; casillero 2: verde aguamarina; casillero 3: azul; etc…” De esta forma se forma la imagen, cada celda se llama píxel, y al unirlos se forma la imagen.

El gran problema con los píxeles es que al agrandar una imagen, a diferencia de los vectores, esta no se redibuja, es decir, se agrandará el detalle, y empezarán a ver las diferencias donde termina un píxel y empieza otro (comúnmente esto se llama “imagen pixelada”).

El escáner

El escáner es uno de los dispositivos de captura de imágenes más comunes. Se pone una imagen sobre el escáner y, por medio de un haz de luz que se refleja en un prisma, se descompone el color y la imagen original. Esto se transforma a mapas de bits digitales mediante un proceso electrónico (nuestra imagen ya está digitalizada).

La cámara digital

Es el otro gran dispositivo de captura. La forma de funcionar es similar al escáner. A través de lentes llega la imagen a la cámara donde se convierte a datos digitales por medio de un dispositivo.

Tanto el escáner como la cámara digital pueden variar (según marca y modelo) la resolución de captura.

Resolución de la imagen

Se llama resolución a la cantidad de píxeles que se representan en una porción determinada de la imagen (por ejemplo, 300 píxeles por cada centímetro cuadrado, etc). Obviamente cuantos más píxeles en una misma porción haya, serán más pequeños y la imagen tendrá mayor calidad porque se verá más nítida y se podrá ampliar hasta cierto punto.

Tamaño de una imagen de mapa de bits

El tamaño de una imagen estará dictado por la Dimensión (cantidad de píxeles de alto y ancho en total), la Medida (ancho y alto en centímetros) y la Resolución (cantidad de píxeles por una porción de medida cuadrada).

Hay diferentes resoluciones de imágenes preestablecidas según la finalidad de un trabajo. De esta forma:

Para la web o para realizar archivos multimedia (videos, juegos, etc.): 72 dpi
Para imprenta (libros, revistas, folletos o lo que sea): 300 dpi

“Dpi” significa dots per inch (puntos o píxeles por pulgada cuadrada). Es la unidad de medida estándar digital.

De todas formas en una impresora casera de chorro de tinta con 150 dpi tendremos una buena imagen.

Profundidad de color

Hay diferentes sistemas para asignar color a una imagen, llamados profundidad de color. Es una característica de la computación: la cantidad de bits por píxel será la profundidad. Pocos colores ocuparán pocos bits y viceversa.

Teniendo en cuenta que los colores se forman por luz o por tintas (esto lo veremos en detalle más adelante) por ejemplo, en un monitor, que emite luz o en una hoja impresa, hay ciertos colores que no se pueden reproducir por ciertos medios. Una luz súper brillante se verá bien en una pantalla pero en un impreso se verá “apagada”. Esto es obviamente porque las tintas no tienen luz.

De esta forma se asigna un sistema para el color a las imágenes digitales de acuerdo a su finalidad. Estos son:

Escala de grises (comúnmente llamado blanco y negro): ocupa 8 bits por píxel.
RGB (Rojo Verde y Azul, en inglés. Son los colores primarios de la luz): 24 bits por píxel.
CMYK (Cyan, Magenta, Amarillo y Negro, en inglés. Son los colores primarios de las tintas, como aprendimos en la escuela -rojo, amarillo y azul-): ocupan 36 bits por píxel.

Formatos de los archivos de imágenes digitales

Photoshop (.psd)
Es el formato propio de Photoshop, y el mejor para trabajar las imágenes. Permite usar capas y canales, elementos extremadamente importantes que luego veremos en detalle.

JPEG (.jpg)
Es un formato de mapa de bits comprimidos, que resulta muy liviano, por eso es ideal para la web y lo digital. Pero tanta compresión y poco peso deterioran la calidad de la imagen. No se recomienda para impresiones de calidad.

Photoshop eps (.eps)
Al guardar un archivo en este formato lo estamos “traduciendo” al sistema que usan las imprentas offset. Es ideal para trabajos de impresión de calidad.

TIFF (.tif)
Es uno de los más usados porque comprime mapas de bits pero sin perder información, es como si zipeáramos un archivo.

BMP (.bmp)
Este popular formato fue creado por Microsoft. Tiene buena calidad pero su peso suele ser excesivo.

GIF (.gif)
La mayor ventaja es que puede guardar varias imágenes dentro de una misma y reproducirlas para formar una animación. Pero le juega en contra que el máximo de colores es de 256.


0 comentarios to "Taller de Adobe Photoshop: Conceptos básicos"

Publicar un comentario en la entrada

Blog Archivo

Subscribete via E-Mail

Subscribete via RSS!

Ingresa tu email para:
Recibe actualizaciones del Blog.

Etiquetas

16-bit 2.0 2012 256 colores 2d 3 404 5 8 acelerar Acer Aspire ActionScript ADD-ONS addon adobe adobe air Adsense aerogarden agilidad airbender AJAX alarma alien all your base alta definición Android angulacion answers API APIs aplicacion aplicaciones Apple apps archive Argentina ask atajo atajos de teclado ataque audio avance avatar aventura grafica back background backtweets balsamiq mockups banda bang banners barcelona barra lateral bases de datos Batacazo bateria bbcode bear bebé Biblioteca Virtual big bing BitDefender BitTorrent blekko Blog blogger bloggers blogósfera Blogs bocetos bollywood bordes botánica brickify brush buenos aires buscador búsqueda avanzada cache caja calendario calidad cámara web canciones Canvas carrusel catástrofe ceguera de banners celular CEO charla chpimunk chrome chrome web store chromium chuck norris cine Cisco cita cliente ftp cloud cluster Cms cocina codec código coleccion color colorotate columna comercio commodore 64 compatibilidad Competencia compositio Comscore comunicacion Comunidad comunidad online Conferencia configuración consejos contenido content copia correo correo electrónico cotidiano cpanel Creatividad criminal cross-browser cse CSS CSS3 cubo cuenta cuentos cultivo Curiosidades curso photoshop Cursos daisies date Debian degradé dell desaparecer desarrollo web descarga Descargas descomprimir desfragmentar despertador despertar deviantart DHTML Digg diseñador Diseño Diseño Grafico Diseño Gráfico diseño web Disney dispositivo dispositivos moviles dispositivos táctiles div dominio dramatic dropbox duck go e-book e-commerce e-commerce day e-mail EBE ecología editor educación a distancia educativo Educativos Niños efecto efectos ejemplo emblema emprendimiento emulador emuladores encabezados encuesta enlace episodios error escritura España estadística Estados Unidos estilo estudio etica evento Eventos Excel exportar extensión extensiones extraterrestre Facebook facebook connect garage fc64 feeds Fiberparty film Filosofía Firebug firefinder Firefox firmware fixes Flash flex 4 Flickr fondo fondos font font dragr form formularios foto Fotografía Framework freelance fuente fuentes future FXG g1 gadget gadgets games gaming gazelle geek gestion gestor de contenido gestos gestuales gesture ghajini gm730 Gmail Google google analytics google app Google Calendar Google Chrome Google Docs gradient gradiente gradientes gráfico gran torino gratis groupon guerra guia h.264 habla hack Hackers handle handler hardware herramientas gráficas hitchcock hollywood homepage horizontal hover HP html HTML válido HTML5 HTTP hub huerta IBM icono IE illustrator imagen Imagenes imágenes importar impress inclinacion indio infecciones info-box infografías iniciador Inkscape inspiracion interactivo interfaz Internet Internet Explorer interno invasión investigación iPhone iphone os iPod island istick IT iTunes U jackson JavaScript jerarquía jetpack jQuery jQuery TOOLS jsc64 juego Juegos lanzamiento laptop lego lenguaje Lenovo Lg libre librería libro limpieza Links Linux literatura lógica logo logos logotipo lolcat Lotería love luca lucasarts luces luminoso luz Mac mac book pro mac os x MacBook macro mago Malware manejo mantenimiento manual mapa mapeo maquetación marciano Marketing mascara mascota McBook medicion medio ambiente meme memoria mente menú metafilter metropolis michael microsoft Mobile Learning mockup monkey moonwalker mootools moousture motivacional motor de busqueda motores de búsqueda mouse mouseprobe mov movil mozilla Mozilla Firefox Mozilla Labs mp3 MS Office mujer maravilla multimedia MultiTouch música MXML MySpace MySql N97 napkee navegación Navegador navegadores networking New York nightly nihilogic no ser encontrado nodos Nokia notebook noticias Novedades ochentoso oferta offers oficial online Open Source Open SUSE OpenOffice opera operativo oportunidad optimización orden organizacion orgullo os oscurecer oscuridad oso Outlook oz page speed PageRank pagespeed pageviews panaderia Panda paneles pantalla pantallas táctiles parasitos PDF peekfeed película pencil peoplebrowsr perfil pestaña photoshop photoshop clase 2 PHP php 5 Picasa picker pinceles pingie piratas pirates plagio plantación plantar plantilla plastic logic Plugin plugins pocket yoga podcasts port portal portátil posicionamiento powerpoint ppc prejuicio preparacion presentación Productividad Programación programas promocion protofish prototype proyecto prueba PSD Psicología public Publicidad puerto QEMU quickoffice quicktime quote rafael jimenez rank Recursos Red red social reddit Redes sociales reloj remake reproductor reseña resolución respaldo resultado retro robo rojo RSS rubik Ruby rust Safari Salud sans-serif sclipo script sculpting sdk seleccionador SEO serie serif SERP server servidor servidor web set shadow share sherlock shortcodes shuffle sidebar sidepost simple simpson Sin clasificar sistema sistema operativo sistemas operativos sitios web slideshow smart smooth SMS snow leopard social sociedad Software Software educativo software libre sombra sonido soundmanager2 spam spreadsheet SQL Squeeze startup steps left store streaming subdominio success suckerfish sun microsystems tablas table tabs tactil Taller de Fotografía Digital Taller de Photoshop taller photoshop Talleres Tarjetas de Crédito teaser tecnica Tecnologia teddy telefono television telltale template templates textbox the theme Themes theora thumbnails tienda time tipografía tipografias tips titulares to touchscreen tower defense trailer transform transition tres Troyano Troyanos truco Trucos tutorial photoshop tutoriales TV tweet tweetstats Twitter unplugged Usabilidad USB usuarios Utilidades para PC Utilidades para tu web variables vector vegetales velocidad venta Ventas verde verdura version video videojuego videojuegos videos Videos de Música Peruana viernes Viernes Unplugged VirtualBox Virus Visas VMware voucher w3c wallpaper wallpapers web Web 2.0 web participativa webcam WebKit webm webmaker Wi-Fi widescreen Wikipedia Windows Windows 7 Windows Mobile wiz wizard wolfram wonder woman Word Wordpress WorldBuilder wwdc 09 XHTML yahoo Youtube yui zip