77 minute read
Diseño Gráfico Computarizado
Podemos definir el diseño gráfico como el proceso de programar, proyectar, coordinar, seleccionar y organizar una serie de elementos para producir objetos visuales destinados a comunicar mensajes específicos a grupos determinados. El diseño gráfico no comienza a identificarse como tal hasta finales del siglo XIX, pero lo encontramos latente en las pinturas rupestres del Paleolítico y en el nacimiento del lenguaje escrito en el tercer milenio.
Muchas veces nos encontramos ante la oportunidad de dar forma a un mensaje por medio del diseño, y esto resulta comúnmente un arma de doble filo, pues de nosotros depende que ese mensaje llegue bien a su destino.
Podemos hablar como un comunicador, que su primer objetivo es comunicar y, en segundo lugar, facilitar la fluidez de esa comunicación, y aportarle mediante gags estéticos, algunas cargas simbólicas. Pero esto debe ser entendido como un filtro, es decir, que si por la carga estética disminuye la fluidez o directamente corre peligro el entendimiento del mensaje, nuestro diseño es perjudicial. Porque un mensaje confuso en el caso de que se entienda es menos eficiente que un mensaje fluido y que se entiende perfectamente la función principal del diseño gráfico será entonces transmitir una información determinada por medio de composiciones gráficas, que se hacen llegar al público destinatario. Pasados en la comunicación, es posible establecer una adecuación funcional entre el mensaje y su fin, mediante la figura de un triángulo. Diseño busca maximizar el impacto de una comunicación entre un emisor y un receptor, por las vías conjugadas del texto escrito, de la imagen o del signo. La capacidad comunicativa se mide por la influencia que ejerce en el público y por la eficacia de los medios utilizados para difundir esos mensajes, a su vez, se puede efectuar el análisis del Diseño Gráfico desde dos concepciones como arte y como técnica.
Por un lado, el arte juega un papel preponderante, ya que permite establecer un sin número de vinculaciones en la que es posible analizar el origen del diseño y al diseñador como artista por el otro, un análisis del diseño como técnica aplicada, logra establecer un nuevo canon en cuanto a las especificaciones de los recursos tecnológicos, estrategias comunicativas, procesos de realización, es decir, asignar el rol de diseñador como un artesano, ya que la finalidad última de su actividad es la creación de objetos en la actualidad, se puede fusionar ambos criterios y establecer una síntesis de cada aspecto para comprobar un fundamento esencial+ el diseñador es un artista-artesano y su actividad se encuentra signada dentro de un orden intelectual, en el ámbito específico dela creación de objetos.
En materia de computación, se tomarán como criterios específicos los siguientes enunciados: • Diseño de programas: En estudio minucioso de los lenguajes informáticos aplicados al software utilitario y de base.
• Diseño de juegos: Comprende una estructura delineada a partir de la combinación de lenguajes informáticos con sonidos, color, imágenes, para el armado y producción de juegos interactivos.
• Diseño de páginas web: En conjunto de normas que se establecen para el armado, compilación y publicación de páginas web al sistema de internet.
• Diseño Gráfico +C: Un esquema de contenidos que aúnan las bases del diseño gráfico tradicional, aplicando los programas utilitarios básicos y específicos de diseño vectorial. En la misma manera, para los diseñadores en computación, se podrá analizar un doble carácter, por un lado, todos son operadores, y por el otro, cada tarea designará su rol diseñador de software, diseñador de juegos, diseñador de páginas web y diseñador gráfico en P0.
ADOBE ILLUSTRATOR
Adobe Illustrator (AI) es un editor de gráficos vectoriales en forma de taller de arte que trabaja sobre un tablero de dibujo, conocido como mesa de trabajo y está destinado a la creación artística de dibujo y pintura para ilustración; ilustración como rama del arte digital aplicado a la ilustración técnica o el diseño gráfico, entre otros. Es desarrollado y comercializado por Adobe Systems y constituye su primer programa oficial de su tipo en ser lanzado por esta compañía definiendo en cierta manera el lenguaje gráfico contemporáneo mediante el dibujo vectorial. Adobe Illustrator contiene opciones creativas, un acceso más sencillo a las herramientas y una gran versatilidad para producir rápidamente gráficos flexibles cuyos usos se dan en; maquetación-publicación, impresión, vídeo, publicación en la Web y dispositivos móviles. Las impresionantes ilustraciones que se crean con este programa le han dado una fama de talla mundial a esta aplicación de manejo vectorial entre artistas gráficos digitales de todo el planeta, sin embargo, el hecho de que hubiese sido lanzado en un principio para ejecutarse solo con el sistema operativo Macintosh y que su manejo no resultara muy intuitivo para las personas con muy poco trasfondo en manejo de herramientas tan avanzadas afectó la aceptación de este programa entre el público general de algunos países.
Actualmente forma parte de la familia Adobe Creative Cloud y tiene como función única y primordial la creación de material gráfico-ilustrativo altamente profesional basándose para ello en la producción de objetos matemáticos denominados vectores. La extensión de sus archivos es .AI (Adobe Illustrator). Su distribución viene en diferentes presentaciones, que van desde su forma individual hasta como parte de un paquete siendo estos: Adobe Creative Suite Design Premium y Versión Standard, Adobe Creative Suite Web Premium, Adobe Creative Suite Production Studio Premium y Adobe Creative Suite Master Collection. Creado por la compañía Adobe Systems.
Después del éxito del programa para impresoras, Adobe PostScript, que de hecho fue quien inauguró la apertura de Adobe en el año de 1982, Adobe Illustrator fue producido entonces para ejecutarse solo en el ambiente de los sistemas Apple Macintosh en el año de 1986. Su lanzamiento oficial se dio al año siguiente, en enero de 1987 bajo la versión Adobe Illustrator
Adobe Illustrator, al igual que la serie de programas creados en aquella época (procesadores de texto, hojas de cálculo) herramientas más especialmente particulares y curiosas, y una de las razones por la que es apreciado, lnada e Illustrator significaba un cierto reto en el momento de entenderlo, ya que su curva de aprendizaje era relativamente baja. El impacto de sus últimas versiones: CS3, CS4, CS5, CS6 y CC ofrecen, por ejemplo, una mejor accesibilidad a estos permitiendo a usuarios con ciertos problemas de visibilidad una mejor manipulación de los mismos y por tanto más comodidad, herramientas «interactivas», etc.
Pero entre lo que más sorprende es que se haya acogido, por fin, a la creación de múltiples mesas de trabajo, después de más de 20 años de estar en el mercado y de haberse lanzado últimas modificaciones, mejoras e introducción de nuevas herramientas ha dado muy buenos resultados para esta aplicación en lo que a ventas y popularidad se refiere, incrementándolas de manera significativa durante los últimos tres años en comparación con años anteriores.
Dibujo Vectorial
Herramientas: • Pluma • Pincel • Figuras • Capas • Borrador • Bote de Pintura Herramientas: • Pluma • Herramienta Maya • Bote de Pintura • Capas Herramientas: • Figuras • Maya • Borrador • Bote Pintura • Gotero
Fruta con Maya Esfera
HERRAMIENTAS DE ILLUSTRATOR CS6
Existen diferentes grupos de herramientas los cuales son:
La herramienta Selección (V) selecciona objetos enteros.
HERRAMIENTAS DE SELECCIÓN:
La herramienta Selección directa (A) selecciona puntos o segmentos del trazado de objetos.
La herramienta Lazo (Q) selecciona puntos o segmentos del trazado de objetos.
La herramienta Selección de grupos selecciona objetos y grupos dentro de grupos.
La herramienta Mesa de trabajo crea mesas de trabajo independientes para la impresión o la exportación. La herramienta Varita mágica (Y) selecciona objetos con atributos similares.
La herramienta Pluma (P) dibuja líneas rectas y curvas para crear objetos.
HERRAMIENTAS DE DIBUJO
La herramienta Añadir punto de ancla (+) agrega puntos de ancla a trazados. La herramienta Eliminar punto de ancla (-) elimina puntos de ancla de los trazados.
La herramienta Segmento de línea (\) dibuja segmentos de línea rectos individuales.
La herramienta Cuadrícula polar dibuja cuadrículas de gráficas circulares. La herramienta Arco dibuja segmentos de curva cóncavos y convexos individuales.
La herramienta Rectángulo (M) dibuja cuadrados y rectángulos.
La herramienta Polígono dibuja formas regulares de varios lados. La herramienta Estrella dibuja estrellas. La herramienta Espiral dibuja espirales en ambos sentidos.
La herramienta Rectángulo redondeado dibuja cuadrados y rectángulos con vértices redondeados.
La herramienta Destello crea efectos de destello de una lente o solar.
La herramienta Convertir punto de ancla (Mayús+C) cambia vértices redondeados a vértices cuadrados y viceversa.
La herramienta Cuadrícula rectangular dibuja cuadrículas rectangulares.
La herramienta Elipse (L) dibuja círculos y elipses.
La herramienta Lápiz (N) dibuja y modifica líneas a mano alzada.
La herramienta Suavizar suaviza las curvas Bézier.
La herramienta Borrador de trazados borra trazados y puntos de ancla del objeto.
La herramienta Cuadrícula de perspectiva permite crear e interpretar ilustraciones en perspectiva.
La herramienta Selección de perspectiva permite colocar objetos, texto y símbolos en perspectiva, mover objetos en perspectiva y mover objetos en perpendicular a su dirección actual.
La herramienta Texto (T) crea texto y contenedores de texto individuales, y permite también introducir y modificar texto.
HERRAMIENTAS DE TEXTO
La herramienta Texto de área convierte los trazados cerrados en contenedores de texto, y permite introducir y modificar el texto en su interior.
La herramienta Texto de área vertical convierte trazados cerrados en contenedores de texto vertical y permite introducir y modificar el texto de los mismos. La herramienta Texto en trazado convierte trazados en trazados de texto, y permite introducir y modificar el texto de los mismos.
La herramienta Texto vertical en trazado convierte trazados en trazados de texto vertical y permite introducir y modificar el texto de los mismos. La herramienta Texto vertical crea texto y contenedores de texto verticales, y permite introducir y modificar el texto vertical.
La herramienta Pincel (B) dibuja líneas a mano alzadas y caligráficas, además de pinceles de arte, motivo y cerdas a los trazados.
La herramienta Degradado (G) ajusta los puntos iniciales y finales, así como el ángulo de los degradados dentro de los objetos o aplica un degradado a los objetos.
HERRAMIENTAS DE PINTURA
La herramienta Malla (U) crea y edita mallas y envolventes de malla.
La herramienta Selección de pintura interactiva (Mayús + L) selecciona las caras y los bordes de los grupos de pintura interactiva.
La herramienta Bote de pintura interactiva (K) pinta las caras y los bordes de los grupos de pintura interactiva con los atributos de pintura actuales.
La herramienta Cuentagotas (I) toma y aplica atributos de color, texto y de apariencia, incluidos los efectos, de los objetos.
La herramienta Rotar (R) gira objetos alrededor de un punto fijo.
La herramienta Deformar (Mayús+R) moldea objetos con el movimiento del cursor.
HERRAMIENTAS DE REFORMA
La herramienta Transformación libre (E) escala, rotado inclina una selección.
La herramienta Reflejo (O) refleja objetos respecto a un eje fijo. La herramienta Escala (S) cambia de tamaño los objetos en torno a un punto fijo.
La herramienta Molinete crea distorsiones en espiral en un objeto.
La herramienta Medición mide la distancia entre dos puntos.
La herramienta Pincel de manchas (Mayús + B) dibuja trazados que expanden y combinan automáticamente trazados de pincel que comparten el mismo color y que son consecutivos en el orden de apilamiento.
La herramienta Distorsión inclina objetos en torno a un punto fijo.
La herramienta Anchura (Mayús+W) permite crear trazos de anchura variable.
La herramienta Reformar ajusta los puntos de ancla seleccionados manteniendo los detalles globales de trazado intactos. La herramienta Fusión (W) crea una serie de objetos fusionados con el color y la forma de varios objetos. La herramienta Fruncir desinfla un objeto desplazando los puntos de control hacia el cursor. La herramienta Inflar hincha un objeto alejando los puntos de control del cursor.
La herramienta Festonear añade detalles curvos aleatorios al contorno de un objeto.
La herramienta Cristalizar añade detalles en punta aleatorios al contorno de un objeto. La herramienta Arrugar añade detalles con aspecto de arruga al contorno de un objeto.
La herramienta Creador de formas combina formas simples para crear formas complejas y personalizadas.
La herramienta Deformación de posición libre le permite agregar, mover y rotar ubicaciones para transformar cómodamente la ilustración a posiciones y posturas.
HERRAMIENTAS DE SECTOR Y CUCHILLA
La herramienta Sector divide las ilustraciones en imágenes web independientes.
La herramienta Seleccionar sector (Mayús + K) selecciona sectores web.
La herramienta Cuchilla corta objetos y trazados. La herramienta Tijeras (C) corta trazados por puntos específicos.
La herramienta Borrador (Mayús + E) borra cualquier área del objeto sobre la que pase al arrastrar.
La herramienta Translucir símbolo aplica opacidad a instancias de símbolo.
La herramienta Girar símbolo rota instancias de símbolo.
La herramienta Gráfica lineal crea gráficas que utilizan puntos para representar uno o más conjuntos de valores, con una línea diferente para unir los puntos de cada conjunto. Este tipo de gráfica se usa frecuentemente para mostrar la tendencia de uno o varios conceptos durante un período de tiempo.
La herramienta Gráfica de radar crea gráficas que comparan conjuntos de valores en puntos determinados en el tiempo o en categorías concretas. Se muestran en formato circular. Este tipo de gráfica también se denomina gráfica web.
La herramienta Gráfica de dispersión crea gráficas que traza puntos de datos como pares de coordenadas en los ejes x e y. Las gráficas de dispersión son útiles para identificar motivos o tendencias en los datos. También indican si las variables se influyen entre sí.
La herramienta Gráfica de columnas apiladas crea gráficas similares a las de columnas, pero apila las columnas una sobre otra en lugar de lateralmente. Este tipo de gráfica resulta útil para mostrar la relación de las partes con el total.
HERRAMIENTAS DE SIMBOLOS
La herramienta
Desplazar símbolo mueve instancias de símbolo y cambia el orden de apilamiento. La herramienta Reunir/Separar símbolos acerca o aleja las instancias de símbolo.
La herramienta Rociar símbolo (Mayús+S) coloca varias instancias de un símbolo como un conjunto en la mesa de trabajo.
HERRAMIENTAS DE GRAFICAS
La herramienta Cambiar tamaño de símbolo cambia el tamaño de instancias de un símbolo.
La herramienta Manchar símbolo colorea instancias de símbolo.
La herramienta Gráfica de barras crea gráficas similares a las de columnas, pero coloca las barras horizontalmente en lugar de verticalmente.
La herramienta Gráfica de áreas crea gráficas similares a las de líneas, pero resalta los totales además de los cambios de valor.
La herramienta Gráfica de columnas (J) crea gráficas que comparan valores mediante columnas verticales.
La herramienta Gráfica de tarta crea gráficas circulares cuyas porciones representan los porcentajes relativos de los valores comparados.
La herramienta Gráfica de barras apiladas crea gráficas similares a las de columnas apiladas, pero apila las barras horizontalmente en lugar de verticalmente.
HERRAMIENTAS DE ZOOM Y DESPLAZAMIENTO
La herramienta Mano (H) mueve la mesa de trabajo de Illustrator dentro de la ventana de ilustración. La herramienta Segmentación de impresión ajusta la cuadrícula de página para controlar dónde aparece la ilustración en la página impresa. La herramienta Zoom (Z) aumenta y reduce la ampliación de la vista en la ventana de ilustración.
ADOBE PHOTOSHOP
Es un editor de gráficos rasterizados desarrollado por Adobe Systems Incorporated. Usado principalmente para el retoque de fotografías y gráficos, su nombre en español significa literalmente "taller de fotos". Es líder mundial del mercado de las aplicaciones de edición de imágenes y domina este sector de tal manera que su nombre es ampliamente empleado como sinónimo para la edición de imágenes en general. En 1987, Thomas Knoll, un estudiante de la Universidad de Míchigan escribió un programa en Macintosh Plus para mostrar imágenes a escala de grises en pantallas monocromáticas. Este programa, llamado Display, llamó la atención de su hermano, John Knoll, un trabajador de Industrial Light & Magic, que recomendó a Thomas convertir su programa en un editor de imágenes completo. En 1988, se reescribió el código Display para que funcionara en monitores a colores y juntos los hermanos expandieron la capacidad del programa, Thomas por un lado mejorando la habilidad para leer y escribir en múltiples formatos y John desarrollando rutinas de procesamiento de imágenes que más tarde se llamaron filtros.
Características:
Adobe Photoshop en sus versiones iniciales trabajaba en un espacio formado por una sola capa, donde se podían aplicar toda una serie de efectos, textos, marcas y tratamientos. En cierto modo tenía mucho parecido con las tradicionales ampliadoras. En la actualidad lo hace con múltiples capas. Photoshop de hecho se ha convertido, casi desde sus comienzos, en el estándar para el retoque fotográfico, pero también se usa extensivamente en multitud de disciplinas del campo del diseño y fotografía, como diseño web, composición de imágenes en mapa de bits, estilismo digital, fotocomposición, edición y grafismos de vídeo y básicamente en cualquier actividad que requiera el tratamiento de imágenes digitales. Photoshop fue creado en el año 1991, soporta muchos tipos de archivos de imágenes, como BMP, JPG, PNG, GIF, entre otros, además tiene formatos de imagen propios. Los formatos soportados por Photoshop son los siguientes: • PSD • PDD • PSB • PostScript • EPS • DCS • Prev. EPS TIFF • BMP • GIF • JPEG • TIFF • PICT • PNG • PDF • ICO • IFF • PCX • RAW • TGA • Scitex CT • Filmstrip • FlashPix • JPEG2000
Algunos trabajos que se pueden realizar en Adobe Photoshop son los siguientes:
Lazo Neón
Herramientas: • Pluma • Borrador • Filtros Herramientas: • Place • Varita mágica • Bote de pintura • Capas • Borrador
Montajes
HERRAMIENTAS DE ADOBRE PHOTOSHOP CS6
Existen diferentes grupos de herramientas y son los siguientes:
HERRAMIENTAS DE SELECCIÓN
La herramienta Varita mágica selecciona áreas de colores similares. La herramienta Mover mueve selecciones, capas y guías. Las herramientas de lazo realizan selecciones a mano alzada,. Las herramientas de marco realizan selecciones rectangulares y elípticas,
La herramienta de selección rápida permite "pintar" una selección de manera rápida mediante una punta de pincel redonda ajustable.
HERRAMIENTAS PARA CORTAR Y CREAR SECTORES
La herramienta Recortar separa imágenes. La herramienta Seleccionar sector selecciona sectores. La herramienta Sector crea sectores.
La herramienta Pincel corrector puntual quita manchas y objetos.
La herramienta Tampón de clonar pinta con una muestra
HERRAMIENTAS DE RETOQUE
La herramienta Enfocar enfoca los bordes suaves
La herramienta Sobreexponer aclara áreas de una imagen. La herramienta Dedo difumina partes de una imagen.
La herramienta Subexponer oscurece áreas de una imagen. La herramienta Pincel de ojos rojos elimina el reflejo rojo del flash.
La herramienta Desenfocar suaviza los bordes duros
La herramienta Borrador mágico borra áreas con colores uniformes y las deja transparentes con tan solo hacer clic.
La herramienta Borrador de fondos borra áreas y las deja transparentes con tan solo arrastrar.
La herramienta Pincel pinta trazos de pincel.
La herramienta Pincel de historia pinta una copia del estado o la instantánea seleccionados en la ventana de la imagen actual. La herramienta Pincel corrector pinta con una muestra o motivo para reparar las imperfecciones de una imagen. La herramienta Parche repara las imperfecciones del área seleccionada en una imagen utilizando una muestra o motivo.
La herramienta Esponja cambia la saturación de color de un área.
HERRAMIENTAS DE PINTURA
La herramienta Lápiz pinta líneas con bordes duros.
La herramienta Pincel histórico pinta con trazos estilizados que simulan el aspecto de diferentes estilos de pintura utilizando el estado o la instantánea seleccionados.
La herramienta Sustitución de color sustituye un color seleccionado por uno nuevo.
Las herramientas de degradado crean fusiones rectilíneas, radiales, angulares, reflejadas y de diamante entre colores.
La herramienta Borrador borra píxeles y restaura partes de la imagen a un estado guardado previamente.
La herramienta Tampón de motivo pinta tomando una parte de la imagen como motivo.
La herramienta Bote de pintura rellena áreas de colores similares con el color frontal.
La herramienta Pincel mezclador simula técnicas de pintura realistas como mezclar los colores del lienzo y variar la humedad de la pintura.
Las herramientas de texto insertan texto en una imagen. Las herramientas de máscara de texto crean una selección en forma de texto.
Las herramientas de selección de trazado seleccionan formas o segmentos y muestran los puntos y las líneas de ancla y de dirección Las herramientas de pluma dibujan trazados de borde suaves.
Las herramientas de forma y Línea dibujan en una capa normal o de formas.
La herramienta Forma personalizada realiza formas personalizadas seleccionadas de una lista de formas personalizadas.
HERRAMIENTAS DE MEDICION, NOTAS Y NAVEGACION
La herramienta Cuentagotas toma muestras de colores en una imagen.
La herramienta Mano mueve la imagen en la ventana.
La herramienta Muestra de color muestra los valores de color de cuatro áreas.
La herramienta Zoom aumenta y reduce la vista de una imagen. La herramienta Rotar vista rota el lienzo de manera no destructiva.
La herramienta Regla mide distancias, ubicaciones y ángulos.
HERRAMIENTAS 3D
La herramienta Recuento cuenta los objetos de una imagen.
La herramienta Nota crea notas para incluir en la imagen.
La herramienta Rotación de objeto 3D lo gira alrededor del eje X.
La herramienta Desplazamiento de objeto 3D lo gira alrededor del eje Z.
La herramienta Panorámica de objeto 3D rota el objeto en la dirección de X o Y.
La herramienta Rotación de cámara 3D orbita la cámara en X o Y.
La herramienta Desplazamiento de cámara 3D gira la cámara alrededor del eje Z. La herramienta Escala de objeto 3D redimensiona el objeto para hacerlo más grande o pequeño.
La herramienta Deslizamiento de objeto 3D mueve el objeto de forma lateral cuando se arrastra horizontalmente o avanza y retrocede al arrastrar verticalmente. La herramienta Zoom de cámara 3D cambia el campo de visión para acercarlo o alejarlo.
La herramienta Panorámica de cámara 3D rota la cámara en la dirección de X o Y.
La herramienta Recorrido de cámara 3D se mueve de forma lateral cuando se arrastra horizontalmente o avanza y retrocede al arrastrar verticalmente.
FORMATOS DE IMÁGENES
En la actualidad, una imagen, sea fija o en movimiento, es la pieza fundamental de cualquier proyecto en donde se quiera decir algo, incluso prescindiendo del texto. Tal es la importancia en el mundo de hoy de las imágenes. Más aun cuando la fotografía es de uso común para todos los usuarios gracias a smartphones y cámaras digitales. En este sentido, las imágenes que tomamos o las que descargamos de Internet no son iguales, más allá de su tamaño y resolución. Existen múltiples formatos de imágenes, y todos ellos tienen un propósito específico. Aunque parezca que es lo mismo, una imagen para un logotipo listo para la imprenta no es ni puede ser lo mismo que una imagen preparada para la web.
Tipos de imágenes: Formato Vectorial y Mapa de Bits. Una vez que hemos comprendido que las imágenes se dividen en diferentes tipos de extensión, tal cual se hace con cualquier otro tipo de archivo, debemos pasar al siguiente nivel, en donde conoceremos cuales son las diferencias entre los distintos tipos de imágenes. En este punto es primordial destacar que existen varias clases de formato de imágenes, básicamente dos: Los formatos de imagen sin pérdida, es decir aquellos formatos de imagen que luego de comprimidos y descomprimidos, permiten recuperar la calidad original de la imagen sin ningún tipo de degradación, tales como el TIFF o PNG, y los formatos de imagen con pérdida, refiriéndonos como “pérdida” a la disminución de la calidad debido a la compresión para achicar el tamaño del archivo, siendo el ejemplo de este tipo de formatos de imagen más popular y extendido el JPG. En este escenario también tenemos disponibles formatos de imágenes que no pierden calidad, aunque los ampliemos de centímetros a metros, muy usados en trabajos en plotters de corte y otras actividades gráficas similares. Como podemos ver, existen muchas divisiones entre los formatos de imágenes: extensión, formatos con pérdida y sin pérdida, uso específico y demás complicaciones. En este escenario lo más probable es que nunca sepamos con exactitud cuál formato o tipo de imagen usar en cada situación, y este es un punto que no podemos dejar de tomar con mucha consideración, ya que no es lo mismo una imagen para un sitio web que una imagen para una portada de revista, lo que puede resultar en un verdadero desastre.
Es por todo ello que, a partir de este punto, conoceremos cuales son los principales formatos de imágenes y cuando usar cada uno de ellos, para evitarnos problemas relaciones con la resolución o el tamaño.
1. Tipo de Imagen Vectorial
Básicamente, una imagen vectorial, o de vector como también se la conoce, es un tipo de imagen cuya principal característica es la posibilidad de permitirle al usuario ampliar el tamaño de la imagen hasta tamaños significativamente grandes sin pérdida de calidad alguna, al contrario de los que sucede con las imágenes de mapas de bits, que al estar conformada por pixeles, se degradan una vez que han pasado su límite de resolución, es decir cuando las agrandamos más de la cuenta.
Esta característica permite, al estar constituida la imagen vectorial por objetos dependientes como rectángulos, círculos, polígonos y otros tipos de figuras geométricas y segmentos que las unen, todos ellos definidos por distintos atributos como posición, ancho, color y demás, poder ser modificadas del modo en que mejor le convenga al usuario sin sufrir ningún tipo de distorsión, independientemente del tamaño al que se las amplíe. Es por ello que las imágenes vectoriales son tan usadas en cartelería y otros trabajos gráficos de gran tamaño, como así también en otros ámbitos como el de la tipografía y los videojuegos, entre otros, todos campos en donde es necesario que la imagen original pueda ser amplia de manera sencilla y sin pérdida de calidad.
Como pudimos ver por la variedad de aplicaciones de las imágenes vectoriales o gráficos de vector, se trata de un formato de imagen muy flexible, el cual, sin embargo, tiene importantes desventajas con respecto a los formatos de imagen de mapas de bits. La primera de estas desventajas, y la principal, es que los formatos vectoriales no permiten crear ni modificar imágenes realísticas, como por ejemplo imágenes de la vida natural, con lo cual no pueden ser utilizados para codificar fotografías y de este modo aprovechar la principal característica del vector, ya que antes de poder manipular una fotografía la aplicación de edición de imágenes de vector que estamos usando debe traducir las imágenes a formas geométricas, siendo el resultado, por más calidad que tenga la foto de entrada, un dibujo simulando lo contenido en dicha fotografía.
Principales tipos de imágenes vectoriales
A partir de este punto mencionaremos los formatos de imágenes de vectores más usados tanto en el hogar, la oficina como por los profesionales.
• Formato de Imagen AI El formato de imagen vectorial AI pertenece a la firma Adobe, y es usado por su aplicación de dibujo vectorial Ilustrador. Es un formato privativo, lo que significa que sólo lo podremos abrir si tenemos la app indicada. Sin embargo, existen algunas apps de edición de gráficos que permiten importar archivos AI y de esta manera poder editarlos, aunque tengamos que guardarlos en la extensión del programa que usamos para editarlo puede ser una forma sencilla de trabajar con archivos AI si no tenemos la app original.
• Formato de Imagen EPS Lo usual cuando usamos imágenes vectoriales o de vector para nuestros trabajos es que estas tengan la extensión de archivo EPS, el cual básicamente es un formato gráfico que ya está preparado para imprimir o para incluir en otros trabajos que estemos llevando a cabo con otras herramientas de edición compatibles con este tipo de formato, como, por ejemplo: Photoshop, Illustrator o CorelDraw, sólo por nombrar unos pocos.
La denominación EPS es debido a su nombre en inglés “Encapsulated PostScript” y está estrechamente ligado a PostScript, del cual hablaremos más adelante. Este formato se debe editar con herramientas especializadas como las apps mencionadas más arriba, y en caso de que quisiéramos utilizarlas en otro tipo de trabajos que no sea del ámbito profesional, deberemos convertirla a un formato más amigable, como PNG, JPG o PDF.
• Formato de Imagen PostScript Hasta hace algunos años, PostScript era prácticamente la única manera de poder tener plena compatibilidad entre lo que se diseñaba en la pantalla de cualquier app y la salida de la impresora. Básicamente, PostScript es un lenguaje de descripción de páginas o “Page Description Language”, en inglés, y era muy común en imprentas y estudios de diseño gráfico, debido fundamentalmente a que permitía mantener la calidad y el aspecto de la publicación hasta el momento de hacer las películas. Este lenguaje de impresora derivó en el formato PDF, el cual es mucho más sencillo y liviano, además de libre.
• Formato de Imagen PDF El formato PDF, siglas de “Portable Document Format” o “Formato de Documento portable” en castellano es uno de los formatos de archivo gráficos más usados en la actualidad, ya que no existen impedimentos para que cualquier usuario pueda leerlos. Además, es capaz de ofrecer altísima calidad, siempre y cuando el contenido sea almacenado de esa forma, por lo cual es hoy en día el formato preferido de transporte en las imprentas de todo el mundo.
• Formato de Imagen SVG El formato SVG, “Scalable Vector Graphics” o más conocido como “Gráficos vectoriales escalables” como su nombre lo indica es un formato de imagen de gráficos vectoriales, el cual ofrece múltiples ventajas, siendo la primera de ellas es que se trata de un formato libre, es decir que no se encuentra atado a ninguna aplicación en particular.
Cuenta con prácticamente las mismas características que otros formatos de su tipo como el AI de Adobe Illustrator, pero al no ser un formato de imagen privativo, puede ser leído y editado por multitud de apps de diseño gráfico como por ejemplo Inkscape. Pero al contrario que las imágenes AI creadas con Illustrator, el formato SVG permite ser incluido en otros tipos de software, como LibreOffice, por ejemplo, la cual además incorpora una app dedica íntegramente a diseñar y trabajar con imágenes vectoriales SVG.
El tipo de imagen CDR es s un formato de archivo de imagen vectorial utilizado por el reconocido software de diseño gráfico CorelDraw, que lleva muchos años de éxito en el mercado en el ámbito gráfico y el diseño. Básicamente, los archivos CDR de CorelDraw son principalmente, al igual que sus pares Illustrator o Inkscape, dibujos de gráficos vectoriales. Al igual que muchos de los formatos que mencionamos en esta lista, en el caso de no poseer la app, siempre podremos convertir o archivo CDR a otros formatos online.
• Formato de Imagen ODG El formato de imagen ODG es un tipo de archivo gráfico incluido dentro de las directivas de OpenDocument, lo que significa que se trata de un formato libre, que además está basado en XML, es decir no debemos poseer ninguna aplicación puntual para poder trabajar con este tipo de archivos. Del mismo modo que los formatos de CorelDraw o Illustrator, los archivos ODG contienen gráficos vectoriales, es decir imágenes creadas a partir de líneas, puntos, curvas y otros elementos geométricos. Es usado en las apps de dibujo de OpenOffice y LibreOffice Draw.
• Formato de Imagen WMF Este formato de imágenes desarrollado por Microsoft fue en su momento muy utilizado y aun hoy es así como se codifican las imágenes de los cliparts de Office. No es un formato de imágenes muy recomendado para la impresión profesional, y por ello en la actualidad no tiene prácticamente un uso fuera de lo que mencionamos.
2. Tipo de Imagen Mapa de Bits
Ya que hemos conocido los formatos de imágenes vectoriales más usados, ahora es momento de conocer las características y los formatos de imágenes de mapas de bits más usados en todo tipo de tareas.
• El Formato de Imagen JPG El formato JPG (Joint Photographic Experts Group) es sin dudas el formato de imagen más extendido. Este formato de imagen se utiliza para el almacenamiento de imágenes en el teléfono cuando tomamos una foto con el mismo, y muchas de las imágenes que descargamos de Internet como wallpapers y demás también están en este formato de archivo. El formato JPG está muy extendido en múltiples aplicaciones debido a que puede comprimirse con relativa facilidad para obtener un archivo de tamaño menor, aunque con una pérdida de calidad que puede ser ajustada por el usuario. Sin embargo, no es necesario comprimir la fotografía, ya que podemos guardar una imagen JPG con toda su calidad, Un ejemplo de esto son las cámaras digitales. Un archivo JPG con las debidas dimensiones y factor de compresión puede ser utilizada aun en trabajos de imprenta de calidad, por lo tanto, es un formato de imagen multipropósito, es decir que puede ser usado en cualquier tipo de proyecto, siempre que se respeten los factores más arriba mencionados.
• El Formato de Imagen GIF Junto al formato JPG, el formato de imagen GIF (Graphics Interchange Format) es uno de los formatos más extendidos en la web, debido fundamentalmente al pequeño tamaño que toman las imágenes codificadas en este formato, que lo hace ideal para el tráfico en la web. Sin embargo, esta ventaja también es un problema al momento de trabajar con este formato de imagen, ya que su poco tamaño se basa en la reducción de la paleta de colores que puede mostrar el formato, unos 256 colores contra los 16 millones de colores que puede mostrar el formato JPG, por ejemplo. Esta limitada cantidad de colores no favorece su uso en otros escenarios que no sean las páginas web, es decir que no podremos utilizar este formato para el diseño gráfico o para almacenar fotografías.
• El Formato de Imagen PNG El formato de imagen PNG (Portable Graphics Network) es un formato sin pérdida que fue desarrollado para solucionar algunos de los problemas que ofrece el formato GIF, como por ejemplo la cantidad de colores que puede mostrar su paleta, que en el PNG puede ser de millones de colores, y además añadir algunas características como la posibilidad de almacenar un canal de transparencias o canal Alpha. También el formato PNG comprime mejor que el formato GIF. A pesar de sus ventajas con respecto al GIF, el formato PNG no es ampliamente utilizado como el primero, debido básicamente a ciertas falsas creencias por parte del público en general, que piensa que una imagen codificada en PNG es más grande que el GIF, además de otras como que no es compatible o se muestra mal en ciertos navegadores. Sin embargo, con el paso del tiempo los navegadores se han modernizado y son capaces de mostrar todas las ventajas del formato PNG. El formato PNG es ideal para implementaciones que tengan que ver con la web, por su tamaño y paletas de colores, ya que con el mismo peso de archivo es capaz de mostrar muchos más colores, y ende ofrecer más calidad que la misma imagen en GIF.
• El Formato de Imagen BMP Hasta hace algún tiempo, el formato de imagen BMP (Bits Maps Protocole) fue muy utilizado por usuarios de todo tipo, principalmente debido a que era una especie de formato gráfico de facto para el ambiente Windows. Sin embargo, en la actualidad su utilización está limitada a ciertos y pocos ámbitos, ya que han aparecido otros tipos de formatos que superan en calidad y características al BMP. A pesar de que el formato BMP es uno de los formatos llamados “Sin pérdida”, es decir que son capaces de almacenar gran cantidad de información, lo cierto es que el tamaño excesivo que pueden alcanzar lo hacen excesivo para las aplicaciones modernas, sobre todo en aquellas actividades relacionadas con Internet.
• El Formato de Imagen TIFF El formato TIFF (Tagged Image File Format) es el más adecuado para todo lo relacionado con la industria gráfica, ya que es capaz de almacenar una gran cantidad de datos, que se traducen en imágenes de excelente calidad, en cualquier tamaño y listas para incluir en todo tipo de aplicaciones gráficas. También el formato TIFF es utilizado en el ámbito de
la fotografía profesional debido a que sus algoritmos de compresión no son destructivos, es decir que una imagen comprimida en el formato TIFF no pierde calidad. Otro punto muy interesante del formato TIFF es que permite almacenar varias imágenes en el mismo contenedor, lo que lo hace muy conveniente cuando trabajamos con capas.
El hecho de que los archivos codificados en TIFF adquieran un tamaño singularmente grande para una imagen impiden su uso en la web y en otros proyectos menores, como reportes o documentos, pero para el ámbito gráfico esto no es problema, ya que debe prevalecer la calidad y nitidez de la imagen contenida.
• El Formato de Imagen WebP
Originalmente desarrollado por una empresa llamada On2 Technologies, el formato WebP fue comprado posteriormente por Google y liberado tiempo después. Este formato fue desarrollado como una forma de poder agilizar el flujo de datos en Internet, creando un tipo de imagen pequeño y a la vez que pudiera ofrecer mucha calidad, ya que en Google sabían que la mayor parte del ancho de banda de Internet era consumida por las imágenes. Mediante WebP es posible codificar una imagen de mucho mejor calidad, pero de tamaño reducido, que hasta incluso tuviera una relación de calidad/tamaño mejor que el formato JPG.
A pesar de sus ventajas, el formato WebP todavía no es utilizado extensamente, salvo en las aplicaciones propias de Google, como por el ejemplo las imágenes de las capturas de pantallas de las aplicaciones en Google Play Store. Lamentablemente, la mayoría de las empresas no han tomado demasiado en serio la propuesta de Google, llevando al usuario a tener que instalar complementos de terceros desarrolladores para poder ver o visualizar las imágenes codificadas mediante WebP.
• El Formato de Imagen RAW El formato gráfico RAW, del inglés “Read After Write”, o por su traducción al español “leer después de escribir”, es un tipo de imagen que contiene todos los datos tal cual han sido obtenidos por el sensor de la cámara fotográfica digital, es decir que procesa la imagen y la almacena sin ningún tipo de alteración en su exposición, temperatura de color o balance, lo que permite un postproceso de alta calidad. En líneas generales, los archivos RAW no utilizan compresión, por lo cual suelen ocupar mucho tamaño, pero el beneficio de ello es la calidad que se obtiene de este tipo de imágenes. A pesar de estas ventajas, los archivos RAW no se han extendido fuera del ámbito profesional, debido fundamentalmente a que cada cámara almacena los datos en un tipo de extensión diferente.
• El Formato de Imagen PSD Los archivos PSD son imágenes creadas específicamente con Adobe Photoshop, el estándar en la industria del retoque fotográfico. SI bien ofrece la capacidad de incluir imágenes de vectores, es utilizado fundamentalmente para la creación de imágenes de mapas de bits de alta calidad. Algunas de las características del formato de imagen PSD son la posibilidad de incluir capas y perfiles de color, entre muchas otras, es por ello que si queremos editar una imagen de este tipo, deberemos hacerlo en Photoshop, por lo cual si no tenemos esta app instalada, será muy difícil de poder lograrlo.
Aunque en el mercado existan algunas aplicaciones que puedan llevar a cabo esta tarea, como por ejemplo la excepcional Gimp, un software de retoque fotográfico libre y gratuito, lo cierto es que siempre corremos el riesgo de que la información contenida en el archivo PSD no sea interpretada correctamente, con lo cual estaremos frente a un desastre seguro.
FOTOMONTAJE
El fotomontaje es la técnica que consiste en combinar dos o más fotografías con el objetivo de crear una nueva composición. El fotógrafo inglés Henry Peach Robinson es considerado el promotor del fotomontaje, ya que fue el primero en utilizar la mencionada técnica al poco tiempo de iniciar su carrera profesional en el año1857. Por la manera en la cual se lleva a cabo el proceso, podríamos equiparar al fotomontaje con el collage (técnica artística que consiste en ensamblar diferentes elementos en un todo unificado), ya que en el caso del fotomontaje se parte de diferentes recortes fotográficos, juntándolos luego en un todo, en algunas ocasiones, al compuesto de fotografías se lo fotografía hasta obtener una imagen final. Los fotomontajes son usados especialmente en aquellas circunstancias en las cuales se busca obtener determinadas imágenes que de ninguna manera podrían lograrse a partir de una fotografía natural, ya sea porque por ejemplo resulta inviable por la naturaleza de los objetos en cuestión; otro caso porque es imposible reunir a dos personalidades en un mismo ámbito, o porque se encuentran severamente enemistadas o espacialmente distantes. Una fotografía en la cual aparezcan Bin Laden y George Bush abrazados sería un auténtico caso de fotomontaje. En sus comienzos, el fotomontaje fue una de las variadas caras del arte moderno, ya que resultó ser una forma de expresión artística utilizada justamente por diferentes artistas que a través de él generaban críticas hacia el arte, la cultura, entre otros ámbitos. Diferentes situaciones eran combinadas en una fotografía con la misión de crear un nuevo individuo y de expresar algún orden diferente al establecido de acuerdo a la época. Actualmente y por supuesto gracias a las bondades que nos regalan las nuevas tecnologías, el fotomontaje es una técnica muy fácil de realizar y de lograr en tan solo muy pocos minutos de trabajo. Muchos programas tales como el Adobe Photoshop y el Pixel Image Editor hacen la tarea mucho más sencilla que antaño, además de ofrecernos una precisión realmente asombrosa en las fotografías.
GIGANTOGRAFIA
El término gigantografía se utiliza en el mundo del diseño y de la impresión para hacer referencia a aquellas impresiones o trabajos artísticos que se caracterizan por tener un tamaño importante y que son normalmente utilizadas como avisos, con fines publicitarios o como carteles con información relevante. La palabra gigantografía no define de por sí nada más que el tamaño ya que estaríamos hablando de grafías o impresiones gigantes, por lo cual cualquier tipo de impresión que se ajuste a la característica de gigante puede ser considerada como tal. Sin embargo, en el mundo de los profesionales del diseño, las gigantografías suelen presentar otras características que tienen que ver con los métodos utilizados para realizarlas, el material, los usos que se les dan, etc. La gigantografía tiene en el ámbito del diseño, objetivos casi mayormente de publicidad o propaganda. Si entendemos que una gigantografía es una impresión gigante o de gran tamaño, es fácil aseverar que ese tamaño tendrá como objetivo princila que sea visto y disfrutado por un mayor número de personas. En este sentido, avisos y carteles personales, con información privada, no suelen ser hechos como gigantografías.
Este tipo de impresiones suelen realizarse en materiales sintéticos como vinílicos aunque también puede usarse el papel tradicional en algunos casos. En el primero, es decir, cuando se usan estos materiales sintéticos, el producto tiende a durar mucho más tiempo ya que no se daña con el agua ni con el sol y mantiene su colorido por mucho más tiempo también. Otras gigantografías pueden hacerse como etiquetas o como papel de empapelado, en cuyo caso serán utilizados para decorar habitaciones o salones en lugar de recurrir a la pintura tradicional. Las posibilidades en lo que respecta a las gigantografías son siempre muy amplia y permite realizar obras de arte realmente increíble y mucho más impresionante que cualquier otra.
INDESIGN CS6
Es una aplicación para la composición digital de páginas desarrollada por la compañía Adobe Systems y dirigida a maquetadores profesionales. Presentada en 1999, su objetivo era constituirse en la alternativa a QuarkXPress (QXP), de Quark Inc., que desde hacía doce años venía ejerciendo el monopolio de facto en la composición profesional de páginas. Entre los analistas llamaba la atención el hecho de que Adobe, impulsor de la tipografía digital, inventor del PostScript y líder indiscutible de las aplicaciones de creación gráfica Adobe Illustrator y Adobe Photoshop, no pudiera ofrecer una solución global de diseño gráfico al no contar en su catálogo con la herramienta que debería aglutinar a las demás, es decir, una aplicación de composición de páginas. Esa situación empezó a cambiar en 1994: unos meses antes de absorber a FrameTechnology y su FrameMaker (FM), Adobe Systems llegó a un acuerdo de fusión con Aldus. La operación incluía, además del propio PM, el formato de archivo gráfico TIFF, el programa de animación AfterEffects y aplicación de edición de video Premiere, entre otros. Pero la razón de fondo de la operación era Shuksan, que en San José rebautizaron como K2, el germen de lo que después sería InDesign. Adobe Indesign es la aplicación número uno a nivel mundial para diseño editorial. Con esta aplicación que es casi el estándar de la industria podemos realizar desde proyectos sencillos como puede ser un flayer a color, blanco y negro, con texto, imágenes etc, hasta creaciones más complejas tales como revistas, libros convencionales y electrónicos, periódicos entre otras muchas publicaciones. con Indesign podemos maquetar una revista destinada para impresión o crear un documento PDF plano o interactivo rico en recursos multimedia, un EPUB e incluso publicaciones para mostrar en nuestros dispositivos digitales como tablets o smartphones. Para ello Indesign proporciona un acceso sencillo a una serie de ajustes preestablecidos y también a plantillas gratuitas de Adobe Stock al igual que sus hermanos Photoshop e Illustrator CC. También en la última versión de Indesign se han actualizado los iconos de las distintas opciones para que coincidan con los dos programas anteriormente citados, lo que hace que el flujo sea mucho más intuitivo El formateo del texto de Indesign va a ser bastante sencillo gracias a sus estilos de párrafo y carácter. Por otro lado, la incorporación de nuestros recursos será igualmente sencillo ya que Indesign acepta una gran cantidad de formatos de archivo inclusive archivos de audio y vídeo. Al igual que la inclusión de contenidos en la aplicación, la salida de los mismos será variada, es decir, podemos exportar nuestros contenidos en formato Flash, Html, EPUB de última generación, EPS, JPG, PNG, etc. Además, Gracias a Publish Online, podemos reutilizar documentos que a priori estaban destinados a impresión para publicarlos en internet de forma fácil y rápida. Esta publicación funcionará en cualquier dispositivo y navegador web sin necesidad de instalar plugins adicionales. En el momento que ya tenemos publicado online nuestro proyecto, las opciones de Publish Online nos permiten copiar la dirección URL dónde se
encuentra el proyecto para compartirlo independientemente del dispositivo que utilice. Como no podría ser menos también nos permite compartir el proyecto en redes sociales tales como Facebook y Twitter o bien por correo electrónico con un solo clic. Por último, destacar que nuestra publicación se puede incrustar en cualquier sitio web o blog mediante el código que podemos obtener en las opciones para visualizar y compartir un documento publicado en línea. Adobe Indesign nos hará la vida más fácil gracias a su gran cantidad de funcionalidades con el que podemos afrontar cualquier tipo de proyecto editorial.
DIAGRAMACION
La maquetación, también llamada a veces diagramación, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales; multimedia; en medios impresos y electrónicos, como libros, diarios y revistas. Estrictamente, el acto de maquetar tan solo se relaciona con la distribución de los elementos en un espacio determinado de la página, mientras que el diseño editorial incluye fases más amplias del proceso, desde el proyecto gráfico, hasta los procesos de producción denominados pre-prensa, preparación para impresión, prensa, impresión y post-prensa, acabados. Sin embargo, usualmente todo el aspecto gráfico de la actividad editorial y periodística se conoce por el término maquetación. En el caso de un diario, la maquetación sigue los objetivos y líneas gráficas y editoriales de ese impreso. Las principales líneas editoriales para la maquetación de un diario incluyen la jerarquización de los artículos por orden de importancia. Las consideraciones gráficas incluyen legibilidad e incorporación balanceada y no-obstructiva de los anuncios publicitarios. La edición incorpora principios del diseño gráfico que, a su vez, es una profesión independiente o presente en licenciaturas relacionadas con el diseño, más allá de ser una disciplina que hace parte del currículo de profesiones como el periodismo, la publicidad y algunos cursos de arquitectura en universidades y facultades. Otros términos que sirven para referirse al proceso de maquetación son: layout, makeup o pasteup.
Para la diagramación hay que tener en cuenta, el producto a elaborar, ya sean libros, revistas, folletos y la temática a desarrollar, informativo, ventas, música, para elaborar un producto acorde y llamativo, de ahí la recomendación de las 7 reglar de diagramación. La mejor forma de aprender a diagramar, es observando y emulando otras empresas tales como revistas, diarios, plegables, etc. Pero existen 7 reglas de oro que se deben tomar en cuenta al diseñar sus documentos. 1. Tenga presente el número de columnas a usar para que planifique la cantidad de texto. 2. Una vez ubicado los textos, no olvide dejar espacios para los elementos gráficos. 3. No recargue la página con textos imágenes o blancos sea conciso para no distraer del tema central. 4. Los espacios pequeños en blanco ayudan a descansar la vista. 5. Cuando diagrama una doble página deje un espacio prudente en el centro de ambas para evitar que las imágenes y el texto queden atrapados en el engrape o peque del lomo. 6. Se recomienda no utilizar más de 2 o 3 familias tipográficas por documento diagramado por títulos, subtítulos, y párrafos. 7. Si trabaja en equipo con un ilustrador, indíquele siempre en sus ordenadores los espacios y detalles de la ilustración que necesita con tinta roja o marcador destacable.
Diagramado doble página, contraste de color, cambios de tonalidad que facilitan la lectura de la revista, hay una temática de continuidad del diseño que pasa de una hoja a otra. Este diseño se basa más en componentes fotográficos, cambios de tono blanco y negro muy conveniente para ahorro de precio sin perder el interés en el lector.
Existen programas de diagramación como: CorelDRAW es una aplicación informática de manejo vectorial, poderosa e intuitiva y sencilla de usar que es la principal aplicación del paquete de aplicaciones CorelDRAW Graphics Suite ofrecida por la corporación Corel y que está diseñada para suplir de forma rápida y fácil múltiples necesidades, como el dibujo, la maquetación de páginas para impresión y/o la publicación web, todas incluidas en un mismo programa. CorelDRAW es pensado para ser usado por un público general así como el especializado, pudiendo ser manejado por personas con poco o nada de conocimiento en manejo de éste tipo de herramientas como también por diseñadores de un nivel de experiencia promedio que va del básico, moderado y profesionales, razón por la cual, sus herramientas tienden a ser intuitivas haciéndolas simples de aprender y usar, esto, y su capacidad de "todo en uno", lo han convertido en una especie de "estándar" de éste sector en algunos países, sin embargo, también hay usuarios de un nivel experto que utilizan aplicaciones especializadas en un sólo propósito como Adobe Illustrator para ilustración, Adobe InDesign o QuarkXPress para maquetación y Adobe Dreamweaver o Microsoft Expression Web para publicación en internet, de los cuales el precio de adquisición es sumamente mayor en comparación con el las aplicaciones de la marca de Corel más aun al evaluar el costo - beneficio. CorelDRAW fue oficialmente lanzado en el año de 1989 y fue diseñado por los ingenieros informáticos Michel Bouillon y Pat Beirne de Corel Corporation. Actualmente CorelDRAW se encuentra en su versión número 15 más conocida como su versión "X5". CorelDRAW funciona para editar gráficos basados en vectores. Este tipo de gráficos se comportan como imágenes basadas en valores matemáticos para su geometría haciéndolas escalables, es decir, que, a diferencia de los gráficos en forma de píxeles, utiliza líneas o curvas para plasmar las figuras gráficas que representan. De esta forma, por ejemplo,
la figura de un cuadrado puede ser representada por cuatro líneas y no por una sucesión de píxeles en un arreglo de dimensión estática. Como ejemplo, pueden ser diseñados — utilizando herramientas vectoriales — logotipos, ilustraciones, folletos, calendarios, tarjetas, afiches, volantes, letreros, etc. Y últimamente diseño de botones web (roolovers) y otros gráficos para aplicaciones de diseño web de otras marcas como los productos de Adobe Flash, Catalist, Dream Weaver, etc. permitiendo diseñar fácilmente botones, scrolls y otras cosas para los sitios web.
Para paisajes, fotografías, cuadros, retratos, etc. lo ideal es trabajar en píxeles o mapas de bits por su capacidad de calidad foto realista debido a poder crear tramas de color, aunque su calidad está limitada a la cantidad de píxeles que contenga la imagen. Un punto importante en las imágenes vectoriales es que al estar definidas mediante curvas estas pueden variar su tamaño y aun así tener la misma información, es decir, mantienen la calidad y no pixelarse. De igual forma, las imágenes vectoriales están compuestas por un conjunto de curvas. Corel Draw permite modificar estas curvas para descomponer un dibujo en pequeñas partes y así modificarlo.
Las ventajas de las imágenes vectoriales son que éstas ocupan muy poca memoria y se pueden someter a grandes transformaciones sin que ello afecte en lo absoluto su calidad. El funcionamiento de CorelDRAW es relativamente similar al de otras aplicaciones similares como Adobe Illustrator, y de igual forma existe cierta semejanza entre sus espacios de trabajo. En CorelDRAW puede utilizarse la herramienta de espacios de trabajo para imitar la interface de otros programas ya que se pueden programar de manera personalizada todos los elementos de su interface de trabajo como nombres de menús, teclas de atajo rápido, incluso la apariencia y posición de los iconos para cada comando.
FORMATOS DE DOCUMENTOS
Los datos se guardan en ficheros informáticos, la forma en que están organizados dichos ficheros es lo que llamamos formato de archivo. En principio, esta organización debería ser transparente para el usuario, pero esto no es así porque los diferentes formatos no suelen ser compatibles entre sí. Por esto es interesante conocer algo sobre los diferentes formatos, eso es lo que vamos a hacer a continuación, aunque sin entrar en demasiados detalles técnicos, nos centraremos en aspectos prácticos. El tipo de archivo está indicado, normalmente, por tres letras que aparecen detrás del nombre del archivo y de un punto, por ejemplo, arch_ventas.doc
Hoy en día existen multitud de formatos, cada formato se suele utilizar en un entorno diferente, pero no existe un formato que se pueda utilizar de forma universal. Así pues, dependiendo del uso que vayamos a dar a nuestros datos nos interesará guardarlas en uno u otro formato. Los elementos principales que hay que tener en cuenta a la hora de trabajar con formatos son la relación entre calidad y tamaño del archivo, las características del formato y la compatibilidad entre el formato del fichero y los programas que vayamos a utilizar.
Calidad Y Tamaño Del Archivo.
Generalmente los archivos ocupan mucho espacio, sobre todo los gráficos, sonido y vídeo, una imagen fotográfica de resolución media suele ocupar entre 0,2 y 1 MB., por esto la mayoría de los formatos multimedia utilizan métodos de compresión para ahorrar espacio. Dependiendo del grado de compresión utilizado, el ahorro en espacio será mayor o menor. Pero en general, al descomprimir el archivo se pierde algo de calidad, y cuanto mayor es el grado de compresión, mayor es la pérdida de fidelidad de los datos descomprimidos respecto del original.
Características del formato.
Este aspecto se refiere a que, en función de los métodos de comprensión utilizados, cada formato tiene unas características diferentes en cuanto al manejo de los datos, por ejemplo, en formatos gráficos el color, fondo transparente, animación, etc. son tratados de forma diferente según cada formato. Hay que analizar cuáles son las características que más nos interesan en cada caso a la hora de elegir el formato.
Compatibilidad.
Cada fabricante de software suele crear su propio formato, con la pretensión de que sea utilizado por todos los demás y pase a ser el formato estándar. Por suerte o por desgracia esto no ha ocurrido y hoy en día no existe un formato estándar para cada uno de los diferentes tipos de archivos (datos, imágenes, vídeo, sonido, etc.). Los fabricantes suelen dotar a sus aplicaciones de capacidad para trabajar con formatos diferentes al suyo, a esto es a lo que llamamos compatibilidad de un producto software respecto de un formato. Pero esta compatibilidad no es total, de manera que hay productos que no pueden trabajar con determinados formatos. Por lo tanto, conviene conocer con qué formatos pueden trabajar las aplicaciones que vayamos a utilizar. Si además es posible que otras muchas personas trabajen con nuestros ficheros, conviene utilizar formatos con alto grado de compatibilidad. Una vez conocidos estos conceptos estamos en disposición de ver con cierto detalle algunos de los formatos gráficos más utilizados.
Archivos Gráficos.
• .gif: Este formato es muy utilizado en Internet, emplea una compresión moderada por lo que los archivos ocupan más espacio que los JPG pero, por el contrario, no pierden prácticamente calidad de imagen. Este formato emplea únicamente 256 colores para representar las imágenes, por lo que no es muy apropiado para imágenes fotográficas de alta resolución con muchos tonos. Pero si es apropiado para la mayor parte de las imágenes que habitualmente se utilizan. Es el mejor formato cuando las imágenes son de tipo texto y dibujos de líneas, ya que al descomprimirlas no perderán calidad, mientras que en el formato JPG los dibujos y, sobre todo, los textos, pierden resolución. Una ventaja de este formato es que permite presentar áreas transparentes. Esta característica es especialmente útil en Internet ya que ciertas imágenes, por ejemplo, retratos, se integran mejor en la página Web si el fondo de la imagen es del mismo color que el fondo de la página. Otra ventaja es la posibilidad de realizar gráficos animados. La mayoría de los banners animados de publicidad están en este formato.
• .jpg: Es el formato más utilizado en imágenes fotográficas, fundamentalmente, porque es el que mejor comprime las imágenes. Una imagen de 1 MB. Puede reducirla a 0,1 MB., además, ofrece al usuario la posibilidad de elegir entre diferentes grados de compresión. Como contrapartida, las imágenes pueden perder calidad, sobre todo, si se utiliza un grado alto de compresión. Este formato trabaja analizando los colores en pequeñas cuadrículas y sustituyendo cada cuadrícula por un color intermedio. Esto puede provocar que, luego en la descompresión, se aprecien las transiciones entre tonos parecidos. Por ejemplo, si hacemos un zoom del cielo se puede apreciar un efecto de capas de cebolla, y en textos con el tamaño de letra pequeño los caracteres aparecen borrosos. No se pueden realizar transparencias ni gráficos animados.
• .tif Este formato se utiliza cuando se van a realizar impresiones en papel de la imagen.
• .bmp El formato BMP o mapa de bits es el que utiliza Windows para las imágenes tapiz (fondo del escritorio).
• .png Es un formato utilizado por muchas aplicaciones de Microsoft Office.
• .mix Es el formato que utiliza el programa PhotoDraw de Microsoft Office.
Archivos de Texto.
• .txt Un archivo de texto plano. Es el formato que casi todos los programas pueden leer. Como contrapartida no guarda los caracteres que dan formato al texto, por eso se llama de texto plano. Se pueden leer archivos .txt con editores muy sencillos como el Bloc de Notas o el WordPad que vienen incluidos en Windows98 o BBEdit para Apple
• .html/.htm Las páginas de Internet, como esta que estás leyendo, están escritas en el lenguaje
HTML y los archivos tienen la extensión .html o .htm. Para leer este tipo de archivos se necesita un navegador o "browser" como Internet Explorer, Netscape Navigator u Opera.
• .doc Este es el tipo de archivo de Microsoft Word. Guarda todas las características de formato de Word. Puede ser leido por varios procesadores de texto. Es un formato muy utilizado.
• .pdf (Portable Document Format) Es el formato de Adobe que permite formateo de texto y gráficos. Es un formato muy utilizado en Internet por su calidad y porque no permite modificar el contenido de los documentos. Para ver un documento pdf hay que disponer del Acrobat
Reader que se puede bajar gratuitamente de Internet.
• .rtf Formato de texto enriquecido. Este formato permite texto con formato compatible con
Word, pero ocupa menos espacio que el formato .doc
• .ps Formato para impresoras PostScript.
Archivos Comprimidos y Codificados.
• .zip Es el formato comprimido más extendido. Se necesita el programa Winzip para comprimir y descomprimir, se puede obtener en Internet.
• .arc y .arj son formatos de archivos comprimidos que ya casi no se utilizan.
• .bin Archivo binario. Estos archivos contienen programas codificados en binario.
• .exe Archivo ejecutable para Windows. Al hacer doble clic sobre él en Explorador de Windows se arranca el programa que contiene.
Archivos de Sonido.
• .au y .aiff Estos formatos de sonido se utilizan sobre todo en Apple.
• .mp3 El formato que ha revolucionado el mundo de la música en Internet. Permite una calidad aceptable con poco espacio. Para oír este tipo de archivo se requiere un reproductor mp3 como, por ejemplo, Winamp. También existen aparatos reproductores portátiles. Existen multitud de sitios con música en mp3.
• .ra Formato RealAudio de la empresa RealNetworks. Estos archivos se pueden oír con Real
Player, que está disponible en Internet.
• .wav El formato de sonido de Microsoft. Puede reproducirse con Windows Media Player, que se puede descargar de Internet y viene con Windows98 y Windows2000.
Archivos de Vídeo.
• .avi Formato de vídeo de Microsoft estándar para Windows. Puede reproducirse con Windows Media Player.
• .mov Formato de vídeo QuickTime de Apple. Se reproduce con QuickTime, disponible en
Internet. La extensión. qt también son películas QuickTime.
• .mpg/mpeg Formato de vídeo con el sistema de compresión MPEG, para todas las plataformas (Mac, Windows y UNIX).
DREAM WEAVER CS6
Es una aplicación informática destinada a la construcción, diseño y edición de sitios y aplicaciones Web basadas en estándares. Este programa fue creado inicialmente por Macromedia y tras la desaparición de esta compañía pasó a manos de Adobe Systems. Destacó su integración con otras herramientas como Adobe Flash y más recientemente, su soporte de los estándares del World Wide Web Consortium. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia solo válido para Internet Explorer y no validaba como HTML estándar estricto. Esto se ha ido corrigiendo en las versiones recientes. Se vendía como parte de Adobe Creative Suite CS, y desde 2013 pasó de la venta al modelo de suscripción integrándose en Adobe Creative Cloud CC La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización, puesto que sus rutinas (como insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de Javascript lo que permite que programadores y editores web hagan extensiones para su programa según sus necesidades.
Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor. Dreamweaver ha tenido un gran éxito desde finales de los años 1990 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la plataforma Mac como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine. Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente sin necesidad de escribir código. No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar páginas sin tablas en versiones posteriores de la aplicación, haciendo que se reduzca el exceso de código.
Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para pre visualizar las páginas web. También dispone de herramientas de administración de sitios dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetro especificado, hasta el sitio web completo. El panel de comportamientos también permite crear JavaScript básico sin conocimientos de código. Con la llegada de la versión MX, Macromedia incorporó herramientas de creación de contenido dinámico en Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, también permite la conexión a Bases de Datos como MySQL y Microsoft Access, para filtrar y mostrar el contenido utilizando tecnología de script como, por ejemplo, ASP, ASP.NET, ColdFusion, JSP (JavaServer Pages) y PHP sin necesidad de tener experiencia previa en programación. También podría decirse que, para un diseño más rápido y a la vez fácil, podría complementarse con Fireworks en donde se podría diseñar un menú u otras creaciones de imágenes (gif web, gif websnap, gif adaptable, jpeg calidad superior, jpeg archivo más pequeño, gif animado websnap) para un sitio web y después exportar la imagen creada y así utilizarla como una sola en donde ya llevará los vínculos para dicho sitio.
Características
Adobe Dreamweaver CC es una aplicación de diseño y desarrollo web que utiliza una superficie de diseño visual conocida como Live View y un editor de código con características estándar como resultado de sintaxis, finalización de código y colapso de código, así como funciones más avanzadas como tiempo real la comprobación de la sintaxis y la introspección de código para generar sugerencias de código para ayudar al usuario a escribir el código. Combinado con una variedad de herramientas de administración de sitios, Dreamweaver permite a sus usuarios diseñar, codificar y administrar sitios web, así como contenido móvil. Dreamweaver es un entorno de desarrollo integrado
(IDE) herramienta. Puedes vivir la vista previa de los cambios para el frontend. Dreamweaver se posiciona como una herramienta versátil de diseño y desarrollo web que permite la visualización del contenido web mientras se codifica. Dreamweaver, al igual que otros editores de HTML, edita los archivos localmente y luego los carga al servidor web remoto mediante FTP, SFTP o WebDAV. Dreamweaver CS4 ahora es compatible con el sistema de control de versiones Subversion (SVN).
Desde la versión 5, Dreamweaver admite el resaltado de sintaxis para los siguientes idiomas de forma inmediata: • ActionScript Páginas Active Server (ASP). DO# Hojas de estilo en cascada (CSS) Fusión fría EDML Lenguaje de marcado de hipertexto extensible (XHTML) Lenguaje de marcado extensible (XML) Transformaciones de lenguaje de hojas de estilo extensibles (XSLT) Lenguaje de marcado de hipertexto (HTML) Java JavaScript PHP Visual Basic (VB) Edición Visual Basic Script (VBScript) Lenguaje de marcado inalámbrico (WML) La compatibilidad con las páginas Active Server (ASP) y JavaServer Pages se eliminó en la versión CS5. • Los usuarios pueden agregar su propio resaltado de sintaxis de idioma. Además, la finalización del código está disponible para muchos de estos idiomas. • Internacional y localización Disponibilidad de idioma Adobe Dreamweaver CS6 está disponible en los siguientes idiomas: portugués brasileño, chino simplificado, chino tradicional, checo, holandés, inglés, francés, alemán, italiano, japonés, coreano (solo Windows), polaco, ruso, español, sueco y turco. • Características específicas para los idiomas árabe y hebreo El Adobe Dreamweaver CS3 más antiguo también cuenta con una versión del Medio Oriente que permite escribir texto en árabe, persa, urdu o hebreo (escrito de derecha a izquierda) dentro de la vista de código. Si el texto es totalmente de Oriente Medio (escrito de derecha a izquierda) o incluye texto en inglés y Medio Oriente (de izquierda a derecha y de derecha a izquierda), se mostrará correctamente.
DISEÑO DE PAGINAS WEB
El diseño web es una actividad que consiste en la planificación, diseño, implementación y mantenimiento de sitios web. No es simplemente la implementación del diseño convencional ya que se abarcan diferentes aspectos como el diseño gráfico web, diseño de interfaz y experiencia de usuario, como la navegabilidad, interactividad, usabilidad, arquitectura de la información; interacción de medios, entre los que podemos mencionar audio, texto, imagen, enlaces, video y la optimización de motores de búsqueda. A menudo muchas personas trabajan en equipos que cubren los diferentes aspectos del proceso de diseño, aunque existen algunos diseñadores independientes que trabajan solos. La unión de un buen diseño con una jerarquía bien elaborada de contenidos, aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos. El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. A menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra El diseño de páginas web es la construcción de documentos de hipertexto para su visualización en diferentes navegadores. Así como asignarle una presentación para diferentes dispositivos de salida en una pantalla de computador, en papel, en un teléfono móvil, etc. Estos documentos o páginas web pueden ser creados: • Creando archivos de texto en HTML, Asp, Aspx, JavaScript, JSP, Python, Ruby. • Utilizando un programa visual WYSIWYG o WYSIWYM de creación de páginas. • Utilizando Script del lado del servidor, para generar la página web.
Para el diseño de páginas web debemos tener en cuenta tres etapas: • El diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de 'escribir' la página web se realice un boceto o pre diseño. Esto facilitará tener un orden claro sobre el diseño. • Estructura y relación jerárquica de las páginas del sitio web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada. La importancia de la estructura y arborescencia web radica en que los usuarios no siempre entran por la página principal o inicial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle navegar por el sitio. • Posicionamiento en buscadores o SEO: consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en los motores de búsqueda web por una o varias palabras clave.
El HTML consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por agente de usuario o navegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningún tipo de formato y con extensión .html o .htm ). Aprender HTML es relativamente fácil, así que es sencillo crear páginas web de este modo. Esta era la única manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como MS FrontPage y Adobe Dreamweaver. Con estas herramientas no es necesario aprender HTML (aunque sí aconsejable), con lo cual el desarrollador se concentra en lo más importante, el diseño del documento.
Un buen diseño web es aquel que considera dentro de su desarrollo tanto los elementos básicos del diseño gráfico (la diagramación, el color, los gráficos y las fuentes) como los fundamentos técnicos (estructura, compatibilidad, funcionalidad e interactividad) para crear tanto el impacto visual como la experiencia de usuario óptima para la asimilación del contenido. El diseño web implica conocer cómo se deben utilizar cada uno de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos por la W3C y en lo referente a la web semántica. Debido a la permisibilidad de algunos navegadores web como Internet Explorer, esta premisa original se ha perdido. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del marcado, utiliza código propietario, etc. Esto impide que ese documento web sea universal e independiente del medio que se utilice para ser mostrado.
La web semántica, por otra parte, aboga por un uso lógico de los elementos según el significado para el que fueron concebidas. Por ejemplo, se utilizará el elemento <P> para marcar párrafos, y <TABLE> para tabular datos (nunca para disponer de manera visual los diferentes elementos del documento). En su última instancia, esto ha supuesto una auténtica revolución en el diseño web puesto que apuesta por separar totalmente el contenido del documento de la visualización.
De esta forma se utiliza el documento HTML únicamente para contener, organizar y estructurar la información y las hojas de estilo CSS para indicar como se mostrará dicha información en los diferentes medios (como, por ejemplo, un monitor de computadora, un teléfono móvil, impreso en papel, leída por un sintetizador de voz, etc.). Por lógica, esta metodología beneficia enormemente la accesibilidad del documento.
También existen páginas dinámicas, las cuales permiten interacción entre la web y el visitante, proporcionándole herramientas tales como buscadores, chat, foros, sistemas de encuestas, etc. y poseen de un panel de control de administración de contenidos. Este permite crear, actualizar y administrar cantidades ilimitadas de contenido en la misma.
El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas. Para conseguir estos objetivos de accesibilidad se han desarrollado pautas como las del W3C: Pautas de accesibilidad al contenido Web 1.0 WCAG.a En un principio era sólo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusión de imágenes fue la más significativa, pero también debemos mencionar el vídeo y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes. El diseño de páginas web se ha desarrollado a medida que ha evolucionado Internet. En 1992 sólo había alrededor de 50 sitios web. Estadísticas (2005) nos afirmaban que la cantidad de sitios web ronda los 8000 millones de sitios, a los que diariamente se les suma a raíz de 4400 por día. Rápidamente, su importancia alcanzará las mismas cuotas que la televisión o el teléfono. Datos recientes estiman que hay alrededor de dos mil millones de páginas colgadas y se espera que en los próximos años llegue a los ocho mil millones, excediendo el número de habitantes del planeta. Sin embargo, sólo una fracción de este número es visitado habitualmente por la mayoría de los usuarios (sólo alrededor de 15 000 sitios webs, el 0,4 % del total). A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atención de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseño y el uso del color son la llave para atraer y ser identificado, formando vínculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes. Al mismo tiempo que la evolución de los aparatos y de su introducción en los hogares, también ha aumentado la calidad de las transmisiones a través Internet y ha bajado su precio. A medida que la tecnología ha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido.
HTML 5
La última versión de este lenguaje básico corresponde al HTML5, donde se introducen nuevos elementos que mejoran la navegación y la usabilidad de los sitios web en los distintos navegadores, como por ejemplo el uso de <header>, <canvas>, <video>, <section>, <article>, <nav> y <footer>. Esta nueva versión no se trata solamente de cambiar y eliminar etiquetas. Va mucho más allá. En todo sitio web hay elementos que se utilizan. El encabezado (header), barras laterales (sidebars), el pie de página (footer), los menús de navegación (nav), se utilizarán en esta nueva versión como etiquetas ya establecidas, brindando una mejora en la intuición para el desarrollo. Así mismo una de las mayores mejoras es la utilización de "Canvas" o marcos de trabajo, que sirven para utilizar animaciones sin necesidad de instalar plugins ni usar un reproductor Adobe Flash para videos web, estándar considerado de facto. Esta opción es un gran avance, ya que Flash tiene grandes desventajas en los gráficos web, como que los motores de búsqueda no puedan leer el texto dentro, que pesan mucho y tardan en cargar. Al implementarse con canvas, se usará únicamente código Javascript, aligerando el peso de la página. También quedan obsoletos algunos elementos del HTML 4, razón por la cual es conveniente repasar acerca de las novedades que incluye HTML5, cuyo lenguaje es regulado por W3C.
CMS
Los CMS o sistema de gestión de contenido son plataformas web que estandarizan procesos y que permiten a los usuarios que no poseen mucho conocimiento técnico en lenguaje de programación crear y maquetar contenido fácilmente para su página web a través de un backend o gestor de contenido. Entre los CMS más completos y famosos del mercado encontramos a Wordpress y Joomla. Detrás de varios CMS existe una gran comunidad de desarrolladores de complementos o plugins que realizar trabajos específicos como administración de contenido. Estas plataformas son famosas por la versatilidad de diseños que se pueden implementar a través de plantillas. Lo cual por su parte abarata los costos de realización de la página, ya que se elimina un eslabón de la cadena de publicación, el maquetador, y agrega la capacidad de replicar contenido con facilidad.
El lenguaje de programación utilizado normalmente por estas plataformas es PHP, HMTL5, CSS Java Script y JQuery. El usuario puede tener acceso a la programación del sitio, lo cual vuelve muy versátiles a estas plataformas de creación de contenido web. Son bastante escalables por su estandarización de contenidos y su gestión dinámica de usuarios y permisos.
Diseño Web Adaptable
El diseño web adaptable (en inglés, responsive, a veces mal adaptado como «responsivo») es una filosofía de diseño web que tiene como objetivo adaptar una misma página web a distintos tamaños de pantalla, dispositivos y orientaciones. Aunque el código HTML que envía el servidor sea el mismo, la apariencia del sitio cambiará de acuerdo con las especificaciones (denominadas media queries) de las hojas de estilo en cascada CSS.
ADOBE ANIMATE
Adobe Animate (anteriormente conocido como Adobe Flash Professional, Macromedia Flash, y FutureSplash Animator) es uno de los programas más famosos de la empresa Adobe, junto con Adobe Illustrator y Adobe Photoshop. Se trata de una aplicación de creación y manipulación de gráficos vectoriales con posibilidades de manejo de código mediante un lenguaje de scripting llamado ActionScript. Animate es un estudio de animación que trabaja sobre "fotogramas" y está destinado a la producción y entrega de contenido interactivo para diferentes audiencias de todo el mundo sin importar la plataforma. Es actualmente desarrollado y comercializado por Adobe Systems Incorporated y forma parte de la familia Adobe Creative Suite, su distribución viene en diferentes presentaciones, que van desde su forma individual o como parte de un paquete, siendo estos: Adobe Creative Suite Design Premium, Adobe Creative Suite Web Premium y Web Standard, Adobe Creative Suite Production Studio Premium y Adobe Creative Suite Master Collection. Se usa sobre animaciones publicitarias, cortometrajes animados y series de animación, entre otros.
Adobe Animate utiliza gráficos vectoriales y gráficos rasterizados, sonido, código de programa, flujo de vídeo y audio bidireccional (el flujo de subida solo está disponible si se usa conjuntamente con Macromedia Flash Communication Server). En sentido estricto, Animate es el entorno de desarrollo y Flash Player es el reproductor utilizado para visualizar los archivos generados con Flash. En otras palabras, Adobe Animate crea y edita las animaciones o archivos multimedia y Adobe Flash Player las reproduce.
Los archivos reproducibles de Adobe Animate, que tienen generalmente la extensión de archivo SWF, pueden aparecer en una página web para ser vistos en un navegador web, o pueden ser reproducidos independientemente por un reproductor Flash.
Fue lanzado en mayo de 1996 por una pequeña empresa de desarrollo de nombre FutureWave Software y su nombre original fue FutureSplash Animator, después de su adquisición en diciembre de 1996 por Macromedia, pasa a ser conocido como Macromedia Flash 1.0. En versiones anteriores, Macromedia amplió Flash más allá de las animaciones simples, convirtiéndolo en una herramienta de desarrollo completa, para crear principalmente elementos multimedia e interactivos para Internet. En diciembre de 2005, Adobe compra Macromedia y sus productos, entre ellos Flash, que pasa a llamarse Adobe Flash. En el año 2007, Adobe lanza Adobe Flash CS3 Professional. Se incluyó como parte de Creative Suite de productos de CS3 a CS6, hasta que Adobe eliminó la formación de Creative Suite a favor de Creative Cloud (CC).
El 1 de diciembre de 2015, Adobe anunció que el programa sería renombrado Adobe Animate en su próxima actualización importante. La decisión surge como parte de un esfuerzo por desvincular el programa de Adobe Flash Player, reconociendo su creciente uso para la creación de HTML5 y contenido de video, y un esfuerzo para comenzar a desalentar el uso de Flash Player en favor de soluciones basadas en estándares web. La primera versión bajo el nuevo nombre fue lanzada el 8 de febrero de 2016.
Adobe Animate y la Animación
Al igual que otros tipos de programas como Photoshop, podemos establecer que es uno de los mejores de Adobe en comparación con sus versiones antepasadas como Adobe Flash. Adobe Animate organiza las imágenes y sonidos en capas y fotogramas para crear animaciones 2D. Estas animaciones pueden ser exportadas en diferentes formatos de vídeo (.avi, .mov, .mp4...), como imágenes ".png" o en formato ".gif". También pueden ser reproducidas al instante por un reproductor Flash, embebido (o no) en el navegador.
Adobe Animate trabaja principalmente con animación tradicional, es decir, fotograma a fotograma. Te permite dividir cada fotograma en capas y dibujar sobre una base principalmente vectorial. A pesar de esto, el programa cuenta con algunos métodos para facilitar la creación de animaciones, como las interpolaciones de movimiento, consiste en la secuencia de fotogramas independientes llevados de un punto a otro, al reproducirla da la sensación de movimiento sin necesidad de dibujar cada fotograma. En las últimas versiones, el programa da la posibilidad de integrar estructuras óseas a los objetos que facilitan su manipulación y permiten generar movimientos más naturales, también se han incluido nuevos pinceles moldeables y la posibilidad de usar cámaras. El programa se hizo famoso en internet cuando surgió la época de las "animaciones flash" (en esos momentos, Animate aún llevaba el nombre de Macromedia Flash). Esta época surgió un "boom" en las plataformas de vídeos como YouTube o Newgrounds, en las que se comenzaron a subir contenido animado con este programa ya que en esos momentos era de los pocos programas accesibles de animación en Internet. Cuando el programa fue adquirido por Adobe, este perdió algo de fama ya que dejó de ser tan fácil de adquirir.
Antiguamente el programa estaba diseñado para animación y contenido de Adobe Flash Player, pero actualmente, desde que Adobe sustituyó su nombre por "Animate", el programa se centra en trabajar sobre HTML5 y sobre todo animación. La compañía lleva desde 2015 mejorando el programa para transformarlo en una herramienta de animación profesional, compitiendo con programas como Toon Boom Animation.
EDITORES DE VIDEOS
Crear y editar videos online en la actualidad se está convirtiendo en una estrategia de contenidos y promoción vital para ganar visibilidad y promocionar tu marca personal; no hay más que mirar en internet y ver la cantidad de editores de fotos y videos que existen actualmente. Además, si estás al día, verás rápidamente que los editores de video para YouTube son herramientas indispensables hoy día. Incluso existen editores para Android por ejemplo que permiten hacer una pequeña edición de videos e imágenes. La edición de vídeo es un proceso creativo audiovisual de fotografías, gráficos, audio y efectos digitales en un archivo informático. Conseguir grabaciones y ediciones de fotos con música profesionales es fundamental, por eso es importante desde un principio conseguir unas grabaciones con efectos especiales, colores, llaves o anotaciones para que el resultado sea de calidad y esto se consigue eligiendo el mejor editor de videos para Pc o Mac
Open Shot
Este editor de video predeterminado es ideal para principiantes, con él podrás crear tus presentaciones audiovisuales de forma sencilla. Para un uso básico funciona de maravilla si no necesitas nada más, y tendrás un gran editor de video rápido y gratis para windows 10 u otras versiones anteriores. Funciones: • Compatible con todas las versiones de Windows y Mac • Podrás hacer grabaciones desde webcam y editar y montar videos o fotos. • Usa efectos, transiciones y animaciones. • Edición de video y sonido con opciones de acelerar o ralentizar. • Opciones de importar videos o fotos. • Uso de subtítulos. • Opciones de compartir en redes sociales fácilmente.
iMovie
Esta herramienta para video viene instalada por defecto en un MAC, si no es el caso, puedes descargarlo en la App store totalmente gratis. • Además, puedes utilizar el iphone o ipad para los proyectos y compaginarlos con el Mac y editar o grabar desde varios dispositivos con una resolución 4K. • Se trata de un editor de cine. Funciones: • Añade títulos animados, música y efectos. • Variedad de filtros. • Creación de trailers. • Correción de color. • Pantalla verde. • Mapas animados.
Loom
Una manera rápida de grabar videos en un clic, graba la pantalla y/o a ti mismo y guarda o comparte en redes sociales en un momento. Es una herramienta muy buena, rápida y sencilla de manejar en un clic y es gratis. Al editar este programa de editor de video, se incluye como extensión del navegador. Funciones: • Grabación de pantalla. • Grabación de camara y/0 pantalla. • Pantalla completa o parcial. • Compartir en redes o descargar.
Apowersoft
Muy completa herramienta ya que podrás grabar sin límite la pantalla de tu ordenador con este programa para editar videos. Funciones: • Cámara Web durante la grabación de pantalla. • Vinculación de sonido. • Inserción de textos. • Colores, notas, iconos, formas. • Compatibilidad con amplia gama de formatos.
Videopad Video Editor
Otro gran programa para grabar videos profesionales y editarlos de forma sencilla. Con su sistema de arrastrar y soltar podrás editar videos en alta resolución y de forma fluida. Funciones: • Uso de múltiples animaciones y transiciones suaves y personalizadas en duración.
• Edición y conversión a 3D. • Grabaciones de audio personalizadas en un clic. • Selección de biblioteca de sonidos. • Opciones para aumentar o reducir la velocidad. • Importar o exportar • Edición de textos • Edición de imágenes dándole animación
AVS Editor Video
Subir videos a YouTube de calidad será posible con esta completa plataforma de edición y maquetación de videos profesionales compatibles con todos los formatos y en español. Se trata de una plataforma con herramientas de video, audio y acceso a diferentes opciones de fotos conversión, todas estas funciones hacen de AVS video un programa muy completo. Funciones: • 300 efectos de videos y transiciones. • Inserta comentarios y subtítulos. • Estabilizador de imagen. • Creación de presentación de diapositivas. • Mezclador y extractor de sonido. • Creación de audiolibros.
Video Editor Movavi
Crea películas caseras de una manera divertida, los resultados son geniales en esta plataforma. Se trata de un editor muy sencillo de manejar y compatible con la gran mayoría de los formatos. Funciones: • Fitros de pop art u objetos volando. • Ajustes de brillos y contrastes. • Cortes y fundidos. • Modo película al revés. • Múltiples transiciones animadas. • Mejora de calidad de imagen • Modo película antigua. • 18 melodias y sonidos como aplausos, risas etc y opciones de ecualizador.
Magix Video Deluxe
Magix Video Deluxe es uno de mis programas de editar video favoritos. Se trata de una aplicación que ofrece un resultado muy profesional basado en un sistema de manejo sencillo de usar. Ofrece multitud de efectos para tus videos y sin anuncios que pueden llegar a molestar.
Funciones:
• Editor de video y sonido en cámara lenta o lapso de tiempo. • Estabilizadores de imagen. • Tratamiento de colores. • 200 pistas multimedia. • Hasta 1.500 efectos. • Plantillas de intros y outros. • Efectos de zoom y movimientos de cámara espectaculares. • Efectos de color. • Formas para hacer efectos en video
Adobe Premier Pro
Este editor de vídeos sin límite de tiempo de adobe. Es uno de los más conocidos software para crear proyectos únicos e inigualables. Adobe Premier ofrece esta rápida y fantástica herramienta
profesional para que consigas grandes diseños de audiovisuales. No es el programa más sencillo pero el resultado es espectacular. Funciones: • Funciona perfectamente con otras herramientas como Adobe After Effects o adobe Photoshop o ilustrador. • Efectos de realidad virtual y transacciones sin distorsión. • Añade gráficos animados, efectos visuales y audio de calidad profesional. • Utiliza varios dispositivos del Mac y continúa en otro.
Adobe After Effects
Adobe After Effects es un programa para crear gráficos animados en 3D, animaciones visuales y efectos especiales a tus videos. Es un poco complejo a la hora de manejarlo, pero es perfecto si lo que quieres es la máxima calidad es tu herramienta visual para crear videos, conseguir resultados impactantes o darles vida a tus logotipos. Funciones: • Increíbles transiciones en movimiento. • Animaciones de logotipos. • Gráficos animados y efectos visuales para películas, televisión, vídeos y la web. • Diseños prediseñados para conseguir un diseño desde una base. • Efectos de nieve, fuego, tormenta o lo que quieras. • Variedad de sonidos y fotogramas. • Compatible con otras herramientas de adobe.
Sony Vegas
Programa muy conocido para editar videos en alta definición de manera muy profesional. Sony Vegas Pro es uno de los mejores editores profesionales a nivel mundial, es una herramienta magnífica y rápida.
Funciones:
• Creación de fotogramas en un clic. • Modo de edición expandido. • Multicámara. • Sombreados y funciones de iluminación. • Efectos de máscaras para ocultar partes del video. • Ajuste 3d integrados. • Compatible con 4K. • Hardware acelerado. • Multitud de tareas de audio. • Diseños profesionales para DVD y blu-ray disc.
