Boletín SUAyED 07 UNAM CUAED Principal    
   

Boletín
Acerca de
Contacto
Núm. Anterior
Enlaces
CUAED
ECOESaD
OUI - COLAM
B@UNAM
UNESCO
Suscripción
Correo electrónico
Texto normal Aumentar Texto Directorio Créditos Aumentar Texto Disminuir Texto RSS Alto contraste
BOLETÍN # 36


Aplica SUAyED Iztacala diseño y comunicación visual en 3D

Profesionalización y oportunidades en el proceso de educación
Procesamiento de imágenes en línea

Cursos propedéuticos SUAyED: de la articulación de su propuesta a su sentido
SUAyED Oaxaca, en la Megaofrenda de CU
Presentan programa toda la UNAM en línea


TECNOLOGÍA
Procesamiento de imágenes en línea

Las telecomunicaciones, venas de la sociedad de la información

Eduardo Pérez Trejo
Coordinación de Universidad Abierta y Educación a Distancia
eduardo_perez@cuaed.unam.mx

Como un componente imprescindible en los programas institucionales para la formación profesional, el Diseño y Comunicación Visual se encarga de la producción gráfica y multimedia, y la integración y montaje de contenidos y materiales educativos.

Un ejemplo es el Programa de Becarios CUAED, cuyo propósito es la formación de alumnos, pasantes y tesistas provenientes de diversas carreras de la UNAM, relacionadas con el diseño gráfico y la comunicación visual, orientados al desarrollo y producción en línea de asignaturas a distancia del Sistema Universidad Abierta y Educación a Distancia (SUAyED).

En dicho programa se implementó el Módulo de Diseño y Comunicación Visual, donde como estrategia de enseñanza-aprendizaje se utilizan las posibilidades que ofrece Adobe Photoshop para el procesamiento de imágenes.

El procesamiento de imágenes es una tarea de vital importancia que acompaña todas las etapas del diseño y la comunicación visual del diseño de sitios Web pues las imágenes editadas y almacenadas en un formato óptimo, garantizan la velocidad de su despliegue en cualquier equipo de usuario y navegador, además de mejorar la experiencia visual del usuario.

El discurso visual

El aspecto visual es la primera impresión que un usuario percibe de un sitio; una apariencia atractiva y funcional es la mejor carta de presentación con la que cuenta un diseñador gráfico para promover credibilidad y confianza en el sitio que diseñó y motivar al usuario a continuar con la exploración de los contenidos.

La identificación del usuario con un espacio de imágenes depende en gran medida de su relación con sus experiencias y vida cotidiana.

En esta perspectiva, la interfaz gráfica se concibe como una dimensión cuya función es articular la comunicación entre personas y tecnologías para facilitar el acceso a la información y propiciar el aprendizaje significativo.

Las imágenes son un medio de información y buscamos el apoyo visual del conocimiento por muchas razones, pero sobre todo por su proximidad a la experiencia real. Las imágenes no son neutrales; generan emociones y proyectan significados espaciales y culturales inagotables, transformándose en un universo simbólico y estimulando la creatividad y el interés por la lectura visual.

Para el diseño de sitios educativos, las imágenes deben ser un vehículo efectivo de transmisión de mensajes y contenidos educativos.

Proceso de edición y optimización de imágenes

En la edición de las imágenes se corrige color, contraste, brillo, tamaño y forma. De igual manera se modifican los gráficos utilizando herramientas y filtros y se almacenan los archivos ya corregidos en un formato sin pérdida de calidad; es importante conservar siempre un archivo como original pues se utilizará constantemente para futuras ediciones y cada vez que se requiera una actualización del mismo. El proceso de edición llega a ser tan complejo como lo requiera una imagen.

Finalmente, se mejoran las imágenes para Web, seleccionando el formato gráfico más adecuado según las características de la imagen final. Estas imágenes son las que el usuario verá en el sitio utilizando su navegador y las cuales apoyarán su experiencia visual y de aprendizaje.

Un aspecto importante a considerar siempre será la dimensión de las imágenes. En realidad no hay un tamaño único para una imagen en línea pues depende de cada proyecto. No obstante, es conveniente que cada imagen sea lo más reducida posible pero sin perder nitidez ni detalle, esto significa mantener un balance entre peso y calidad; entre más imágenes contenga una página más tiempo tardará en cargar, sobre todo si las imágenes están mal procesadas. Ésta es una de las causas por la cuales los proyectos educativos tardan tanto en desplegarse lo cual repercute en el interés de los participantes al momento de explorar un sitio.

Los servicios de producción, edición, publicación y distribución en línea de imágenes y galerías fotográficas adquirirán mayor relevancia en el mundo del diseño gráfico y serán el centro de atención para los fabricantes de software, lo cual será muy provechoso para todos los internautas que cuenten con bajo presupuesto y para los usuarios no profesionales pero con una presencia cada vez más marcada en la www, claro, hasta que las compañías se decidan a cobrar ante la demanda de estos recursos. Cabe decir que existen diversos programas que realizan procesos y prestan servicios similares; nada más es cuestión de encontrar el que se ajuste mejor a nuestras necesidades y requerimientos de imagen.

Tres variantes de una misma herramienta

Por su flexibilidad de uso y capacidades artísticas, Adobe Photoshop es por excelencia el programa estándar de diseño gráfico para la creación, edición y manipulación de imágenes digitales y mapas de bits por computadora, así como una herramienta de fácil adopción.

El docente hoy día puede incorporar en sus actividades académicas el empleo de alguna de las posibilidades que ofrece Adobe Photoshop sin ser necesariamente un experto en el diseño y la comunicación visual; sólo necesita definir las características de su proyecto y los recursos con los que cuenta, de esta manera podrá obtener el mayor rendimiento al momento de procesar sus imágenes en línea.

Al respecto, Adobe Photoshop presenta las siguientes opciones:

  • Versión de propietario: es la tradicional y más popularizada entre los diseñadores gráficos; además requiere de un número de serie para su instalación. Esta versión no es económica y generalmente queda fuera del alcance de los usuarios estándar.
  • Versión portable: se puede trasladar a cualquier equipo en una unidad USB sin necesidad de instalarse, simplemente se ejecuta. Hay que tomar en cuenta que no todo el software portable funciona correctamente y que no siempre cumple con los derechos de autor.
  • Versión en línea: es la versión más reciente, y por lo tanto, la más limitada pues solo permite la edición y almacenamiento de imágenes en formato JPG, con un peso máximo de 16 Mb, pero es la más accesible. Photoshop Express se presenta como una alternativa para la edición directa en Web y de algunos servicios en línea como son la creación, organización, publicación y distribución de galerías.

Interfaz de usuario de Adobe PhotoShop

Para realizar cualquier actividad en Adobe Photoshop, incluyendo el procesamiento de imágenes en línea, es indispensable conocer los elementos que conforman su interfaz de usuario; esta interfaz es la misma que en la versión portable.

Por su parte, Photoshop Express ofrece soluciones básicas de edición para cortar, rotar y modificar el tamaño de las imágenes; corrección del brillo y contraste así como algunos efectos sencillos. Además proporciona un espacio de 2 Gb de almacenamiento en servidor para contener nuestro material gráfico en línea.

Para utilizar Photoshop Express primero hay que registrarse y crear una cuenta de usuario.

Posteriormente hay que seleccionar un proceso a realizar. Cabe decir que la interfaz de usuario es totalmente diferente a la versión de “propietario”.

Cuando se quiere editar una imagen, primero seleccionamos su ubicación, ya sea que se encuentre en nuestra computadora o en la biblioteca en línea de almacenamiento.

Una vez que se escoge una imagen se procede a editarla utilizando las herramientas del menú izquierdo.

El editor nos pregunta lo que deseamos hacer con la imagen. Para este ejemplo la imagen se almacena en el disco duro de nuestra computadora.

Al igual que los clásicos organizadores gráficos en línea, es posible crear y administrar galerías, compartirlas e incluso tener una propia página Web. También existe el soporte de comunicación con otros programas y servicios como Picasa, Facebook, Flickr y Photobucket.

Siempre que vayamos a procesar imágenes, primero deben tomarse en cuenta las características y objetivos del proyecto; después establecer los mensajes que se quieren transmitir mediante el uso de las imágenes; y finalmente adoptar la versión de Adobe Photoshop más adecuada.

El procesamiento de imágenes siempre dependerá de las necesidades de comunicación y de los recursos con los cuales contemos; ninguna versión es mejor que otra; su uso dependerá del contexto de enseñanza y aprendizaje, de los recursos institucionales y de los requerimientos de cada proyecto.

 

 

home

   
   

® D.R. Universidad Nacional Autónoma de México, Coordinación de Universidad Abierta y Educación a Distancia

BOLETÍN SUAyED, Año 3, No. 36, Noviembre 2011, periodicidad mensual, editado por la Universidad Nacional Autónoma de México, Domicilio Av. Universidad #3000,  Ciudad Universitaria, Delegación Coyoacán, C.P. 04510, México, D.F., a través de la Coordinación de Universidad Abierta y Educación a Distancia (CUAED) de la UNAM,  Circuito Exterior s/n,  Ciudad Universitaria, Delegación Coyoacán, CP 04510, Tel. 01 (55) 56228711, correo comunicacion@cuaed.unam.mx. Editor Responsable Francisco Cervantes Pérez. Reserva de Derechos al Uso Exclusivo 04-2011-011113252200-203, ISSN No.  En trámite, Responsable de la última actualización de este número José Antonio Sánchez, subdirector de comunicación  de la Coordinación de Universidad Abierta y Educación a Distancia,
Domicilio: Circuito Exterior s/n, Ciudad Universitaria, 04510, México, DF. Noviembre 22 de 2011.

Se autoriza la reproducción total o parcial de los artículos aquí presentados, siempre y cuando se cite al autor, la fuente completa y la dirección electrónica.
La responsabilidad de los artículos publicados recae, de manera exclusiva, en sus autores.

Sintaxis correcta, de acuerdo con el revisor del W3C CSS válidas y revisadas con el revisor de CSS del W3C Conforma el nivel Doble A de accesibilidad de acuerdo con las Directrices de Accesibilidad para el Contenido Web 1.0 RSS válidas y revisadas con el revisor de RSS del W3C