Photoshop

Entre los programas informáticos de edición de gráficos rasterizados o también llamados imágenes de mapa de
bits, encontramos Gimp de software libre y gratuito, Corel PhotoPaint y Adobe Photoshop

El más utilizado es Ps. Su nombre completo es Adobe Photoshop y el nombre comercial de este producto se puede
traducir del inglés como 'taller de fotos'. Se emplea para composición y edición imágenes, mejorar fotografías,
diseñar interfaz de usuario, páginas web, publicidad, gráficos de video, edición de imágenes para impresión, entre
muchas posibilidades.

Está desarrollado por la empresa Adobe Systems Incorporated. Funciona en los sistemas operativos Apple
Macintosh y Windows.

Los diseñadores gráficos principalmente utilizan Ps para realizar composiciones, apropiación de imagen a través de
diferentes procesos, crear fondos, editar imágenes para imprimir, retocar fotografías, hacer maquetas web y
diseñar sus componentes (botones, barras, banners, fondos, etc.) y además ofrece la posibilidad de trabajar en
simultáneo con Illustrator o InDesing.

El software ha ido incluyendo diversas mejoras fundamentales, como la incorporación de un espacio de trabajo
multicapa, inclusión de elementos vectoriales, gestión avanzada de color (ICM / ICC), tratamiento extensivo de
tipografías, control y retoque de color, efectos creativos, posibilidad de incorporar plugins de terceras compañías,
exportación para sitios web, entre otros.

Trabaja diversos formatos como JPEG, PNG, GIF, TIFF y su propio formato PSD, entre otros.

Herramientas de selección:

 Herramienta Marco rectangular/elíptico: para seleccionar áreas con esas formas;

 Herramienta Lazo poligonal: sirve para hacer selecciones marcando los vértices de un polígono;
 Herramienta Varita mágica: selecciona áreas de colores similares;
 Herramienta selección rápida: permite “pintar” rápidamente una selección mediante una punta de pincel
redonda ajustable;
 Herramienta Mover: mueve selecciones, capas y guías;

Herramientas de pintura.

 Herramienta Pluma: dibujan trazados (vectoriales) de bordes suaves que pueden convertirse en selección,
es una de las más complejas pero a la vez útiles ya que el trazado puede ser muy preciso y puede ser
modificado luego;
 Herramienta Pincel: pinta trazos de pincel que pueden modificarse según las necesidades: estilo, forma,
presión, cantidad, etc.;
 Herramienta Bote de pintura: rellena áreas de colores similares con el color frontal;
 Herramienta Degradado: crean fusiones entre colores;

Herramientas de retoque.

 Herramienta Tampón de clonar: pinta con una muestra de la imagen;

 Herramienta Parche: repara las imperfecciones del área seleccionada en una imagen utilizando una
muestra.
Herramientas para cortar.

 Herramienta recortar: para reencuadrar la imagen;

Herramientas de dibujo.

 Herramienta Forma: realiza figuras con forma de rectángulo, elipse, polígono, también traza líneas y ofrece
formas personalizadas de una lista de formas personalizadas;
 Herramienta Pluma: dibuja trazados vectoriales

Herramientas de texto.

 Herramienta Texto: insertan texto en una imagen;

Herramientas de navegación.

 Herramienta Cuentagotas: toma muestras de colores en una imagen.;

 Herramienta Zoom: aumenta y reduce la vista de una imagen, ya que a veces es preciso trabajar al detalle;
 Herramienta Mano: mueve la imagen dentro del espacio de trabajo

Desventajas

Crear logotipos con Ps no es una buena idea ya que trabaja con pixeles y genera archivos con un tamaño
preestablecido que se encuentran limitados a la hora de escalar y manipular de la misma manera que uno que se
genere desde un programa de diseño basado en vectores como puede ser Illustrator.

Los proyectos editoriales para impresión no convienen que se realicen en Photoshop pues este exportara la
tipografía como pixeles, cuando lo adecuado en estos casos es que se trabaje con programas basado en vectores
como puede ser Illustrator, o si se trata de un diseño editorial conviene que se realice con InDesing.

Ps no puede crear grillas multi-paginas, es decir, establecer una grilla que se implemente de forma automática a
distintas páginas, trabaja página a página, al contrario que InDesing que ofrece la herramienta de página maestra
para esta cuestión.

Ps coloca todos los elementos en la hoja de trabajo, es decir que carece de un tablero o mesa de trabajo como el de
Ai, Corel o ID en el que poder tener diferentes elementos con los que se están trabajando por fuera de la página.
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).

Ha definido en cierta manera el lenguaje gráfico contemporáneo mediante el dibujo vectorial.

Illustrator es un programa de vectores. Su principal uso es para hacer ilustraciones, caricaturas, diagramas, gráficos
y logotipos. A diferencia de las fotografías o imágenes de mapa de bits que se forman por pixeles, Illustrator usa
ecuaciones matemáticas para hacer cualquier forma. Esto hace que los gráficos vectoriales sean escalables sin
pérdida de resolución.

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.

Los editores de gráficos vectoriales son mejores para diseño de tipografía, logotipos, planos, ilustraciones artísticas,
ilustraciones técnicas, diagramación y diagramas de flujo. Al estar basado en vectores su imagen se puede ampliar
sin perder definición, por ello es óptimo para el diseño de logotipos y planos, por ejemplo, pero no para la edición
de imágenes fotográficas ya que estas están basadas en pixeles.

Ventajas de los gráficos del vector:

 Escalable sin pérdida de resolución

 Las líneas son nítidas en cualquier tamaño
 Impresión en alta resolución
 Disminuir el tamaño del archivo
 Bueno para dibujar ilustraciones

Desventajas de los gráficos vectoriales

 Los dibujos tienden a verse planos y son dibujos animados

 Difícilmente se producen dibujos foto realistas

Tipos de herramientas

Herramientas de selección:

 La herramienta Selección: selecciona objetos enteros.

 La herramienta Selección directa: selecciona puntos o segmentos del trazado de objetos. También se
pueden realizar selecciones en grupos.
 La herramienta Varita mágica: selecciona objetos con atributos similares.
 La herramienta Lazo: selecciona puntos o segmentos del trazado de objetos.
 La herramienta Mesa de trabajo: crea mesas de trabajo independientes para la impresión o la exportación.
Herramientas de dibujo:

 La herramienta Pluma: dibuja líneas rectas y curvas para crear objetos. Permite agregar o quitar puntos de
ancla para iniciar una línea o generar cambios en las líneas ya trazadas. También permite cambiar vértices
redondeados a vértices cuadrados y viceversa.
 La herramienta Segmento de línea: dibuja segmentos de línea rectos individuales. Permite generar
segmentos de curva cóncavos y convexos individuales, dibuja espirales en ambos sentidos, cuadrículas
rectangulares y cuadrículas de gráficas circulares.
 La herramienta Rectángulo: dibuja cuadrados y rectángulos, cuadrados y rectángulos con vértices
redondeados, círculos y elipses, formas regulares de varios lados, polígonos regulares de varios lados,
estrellas de cinco o más puntas. También crea efectos de destello de una lente o solar.
 La herramienta Lápiz: dibuja y modifica líneas a mano alzada. Permite suaviza las curvas Bézier y borrar
trazados y puntos de ancla del objeto.

Herramientas de texto:

 La herramienta Texto: crea texto y contenedores de texto individuales, y permite también introducir y
modificar texto. También crea texto de área convierte los trazados cerrados en contenedores de texto, y
permite introducir y modificar el texto en su interior. Además convierte trazados en trazados de texto, y
permite introducir y modificar el texto de los mismos, contando también con creación de texto y
contenedores de texto verticales, y permite introducir y modificar el texto vertical.

Herramientas de pintura:

 La herramienta Pincel: dibuja líneas a mano alzadas y caligráficas, además de añadir dibujos y trazos de los
pinceles de cerdas a los trazados.
 La herramienta malla: crea y edita mallas y envolventes de malla.
 La herramienta Degradado: ajusta los puntos inicial y final así como el ángulo de los degradados dentro de
los objetos o aplica un degradado a los objetos.
 La herramienta Cuentagotas: toma y aplica atributos de color, texto y de apariencia, incluidos los efectos,
de los objetos.
 La herramienta Bote de pintura interactiva: pinta las caras y los bordes de los grupos de pintura interactiva
con los atributos de pintura actuales.
 La herramienta Selección de pintura interactiva: selecciona las caras y los bordes de los grupos de pintura
interactiva.
 La herramienta Medición: mide la distancia entre dos puntos.
 La herramienta Pincel de manchas: dibuja trazados que expanden y combinan automáticamente trazados
de pincel caligráfico que comparten el mismo color y que son consecutivos en el orden de apilamiento.

Herramientas de reforma:

 La herramienta Rotar: gira objetos alrededor de un punto fijo. También es posible reflejar objetos respecto
a un eje fijo.
 La herramienta Escala: cambia de tamaño los objetos en torno a un punto fijo. También Distorsiona e
inclina objetos en torno a un punto fijo y ajusta los puntos de ancla seleccionados manteniendo los detalles
globales de trazado intactos.
 La herramienta Transformación libre: escala, rota o sesga la selección.
  La herramienta Fusión: crea una serie de objetos fusionados con el color y la forma de varios objetos.
 La herramienta Anchura: permite crear trazos de anchura variable.
 La herramienta Creador de formas: combina formas simples para crear formas complejas y personalizadas.

Galería de herramientas de símbolos

 La herramienta Rociar símbolo: coloca varias instancias de un símbolo como un conjunto en la mesa de
trabajo. Permite realizar trabajos sobre los símbolos como desplazar, reunir, cambiar, entre otros.

Galería de herramientas de gráficas

 La herramienta Gráfica de columnas: crea gráficas que comparan valores mediante columnas verticales.
Pueden crearse, columnas, barras, líneas, radares y demás.

Galería de herramientas de zoom y desplazamiento

 La herramienta Mano: 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: aumenta y reduce la ampliación de la vista en la ventana de ilustración.
Indesign
Existe una diferencia entre programas para editar texto y para edición editorial, pues el primero trabaja sobre el
formato del texto con algunas herramientas básicas (Bloc de notas, WordPad, Microsoft Word) y el segundo se
trata de diseñar páginas para proyectos incluso múltiples páginas. QuarkXPress y Corel son programas orientados al
diseño de proyectos editoriales pero InDesing es el más desarrollado y más usado.

InDesing es una aplicación para la composición digital de páginas. Su propósito específico es maquetación de
revistas, libros, folletos, boletines de noticias, PDF interactivo, libro digital, etc.

Prácticamente cualquier cosa que se compone de una combinación de bloques de texto, fotos u otra obra. Su
propósito es tomar los elementos creados en Illustrator y Photoshop y ponerlos juntos en un solo lugar.

La ventaja principal frente a Photoshop en cuanto a trabajos editoriales es que trabaja en páginas múltiples,
ofreciendo vista de conjunto.

ID ofrece la posibilidad de generar archivos de menor peso donde se juntan todos los elementos (texto, imagen,
objetos) de manera óptima para su posterior impresión. Además los elementos que se colocan en él son linkeados
desde su origen y colocados en su formato nativo tanto si son raster como si son basados en vectores.

Cuenta con una serie de herramientas específicamente diseñadas para lo editorial, como son: herramientas para
generar grillas, herramientas para paginación automática, generar parámetros o formatos personalizados para su
posterior aplicación a otros elementos (ej.: estilos de párrafos).

En proyectos de varias páginas donde un diseño se repite varias veces ofrece la posibilidad de utilizar página
maestra.

Su funcionalidad ajuste de texto (donde se puede envolver literalmente el texto alrededor de las imágenes u
objetos) es mucho más simple y más fácil de usar que en Illustrator.

Por otro lado se puede decir que InDesing carece de herramientas de edición de imagen y su herramienta de dibujo
vectorial es un tanto limitada.

Herramientas de selección:

 La herramienta Selección: le permite seleccionar objetos enteros.

 La herramienta Selección directa: le permite seleccionar puntos de un trazado o contenido dentro de un
marco.
 La herramienta Página le permite crear varios tamaños de página en un documento.
 La herramienta Hueco le permite ajustar el espacio entre objetos.

Herramientas de texto y dibujo:

 La herramienta Pluma le permite dibujar trazados rectos o curvos. También le permite añadir y eliminar
puntos de anclaje a un trazado, y convertir los puntos de vértice y los de suavizado.
 La herramienta Texto: le permite crear marcos de texto, seleccionar texto y editar su trazado.
 La herramienta Lápiz: le permite dibujar un trazado de forma libre. También elimina los puntos y ángulos
de un trazado.
 La herramienta Línea le permite dibujar un segmento de línea.
  La herramienta Marco: permite crear un marcador de posición cuadrado, rectangular, elipse o polígonal.
 La herramienta forma: permite cuadrados, rectangulos, elipses o polígonales.

Herramientas de transformación:

 La herramienta Transformación libre le permite rotar, cambiar la escala o distorsionar un objeto.

Herramientas de modificación y navegación:

 La herramienta Cuentagotas le permite muestrear colores o atributos de texto de objetos y aplicarlos a

otros objetos.
 La herramienta Muestra de degradado le permite ajustar los puntos inicial y final, así como el ángulo de los
degradados dentro de los objetos.
 La herramienta Desvanecimiento de degradado le permite desvanecer un objeto al fondo.
 La herramienta Tijeras corta trazados por puntos específicos.
 La herramienta Mano mueve la vista de la página dentro de la ventana de documento.
 La herramienta Zoom acerca y aleja la ampliación de la vista en la ventana de documento.
 La herramienta Nota permite añadir comentarios.
Indesign
Adobe Dreamweaver es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que
está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares.

Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es uno de los programas más
utilizados en el sector del diseño y la programación web por sus funcionalidades, su integración con otras
herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web
Consortium.

Sus principales competidores son Microsoft Expression Web y BlueGriffon (que es de código abierto) y tiene
soporte tanto para edición de imágenes como para animación a través de su integración con otras.

La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización, puesto que en este
programa sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas
en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no
sean instrucciones de C++ sino rutinas de Javascript que hace que sea un programa muy fluido y todo ello permite
que programadores y editores web hagan extensiones para su programa y lo pongan a su gusto.

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.

Esta aplicación está disponible tanto para la plataforma MAC como para Windows.

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.

Herramientas para la creación de un nuevo documento:

 Mostrar vista de código sólo muestra la vista Código en la ventana de documento.

 Mostrar vistas de código y diseño muestra la vista Código en una parte de la ventana de documento y la
vista Diseño en la otra parte. Cuando seleccione esta vista combinada, se encontrará disponible la opción
Vista de diseño encima del menú Ver. Utilice esta opción para especificar qué vista debe aparecer en la
parte superior de la ventana de documento.
 Mostrar vista de diseño sólo muestra la vista Diseño en la ventana de documento.
 Depuración del servidor muestra un informe que le ayudará a depurar la página de ColdFusion actual. El
informe contiene los errores de la página, si los hay.
 Título del documento permite introducir un título para el documento, que aparecerá en la barra de título
del navegador. Si el documento ya tiene título, éste aparecerá en dicho campo.
 No hay errores de comprobación de navegador permite comprobar la compatibilidad con distintos
navegadores.
 Validar formato permite validar el documento actual o una etiqueta seleccionada.
 Administración de archivos muestra el menú emergente Administración de archivos.
 Vista previa/Depurar en explorador permite ver una vista previa del documento o depurarlo en un
navegador. Seleccione un navegador en el menú emergente.
 Actualizar vista de diseño actualiza la vista Diseño tras realizar cambios en la vista Código. Los cambios
realizados en la vista Código no aparecerán de forma automática en la vista Diseño hasta que se efectúen
determinadas acciones, como guardar el archivo o hacer clic en este botón.
 Ver opciones permite definir las opciones de las vistas Código y Diseño, y establecer qué vista va a aparecer
en la parte superior de la ventana. Las opciones del menú corresponden a la vista actual: la vista Diseño, la
vista Código o ambas.
 Ayudas visuales permite utilizar distintas ayudas visuales para el diseño de las páginas.