book_iniber

Isidro Nicolรกs Bermejo

AC-2010-3542 Nยบ HORAS 620H.

iniber@gmail.com

Apple Mac os x

Formato formaci贸n

QuarkXPress

FreeHand

Illustrator

Photoshop

InDesign

QuarkXPress

HISTORIA

En particular, la versión 3.3 (1996) fue un hito, que representaba una versión estable, que usaba las fuentes de Apple TrueType y que se convirtió en un estándar de la industria durante largo tiempo. Con más del 90% del mercado durante los 90s, Quark fue acusada de monopolista y de cobrar precios excesivos por su software.

La empresa Quark incursionó en el mercado del soft-

ware de multimedia con la aplicación Quark In Media, sin demasiado éxito, y retornó a la especificidad que le brindó siempre su producto estrella: QuarkXPress.

Quark parece haber reconsiderado su política de precios desde 2004 y también proporciona más actualizaciones para QuarkXPres.

Características QuarkXPress es un programa de diseño con interfaz gráfica WYSIWYG. Texto y gráficos son tratados como elementos distintos. Ambos tipos de caja son transformables en una multitud de maneras.

maquetación

La primera versión de QuarkXPress sólo para Mac se lanzó en 1987. La versión para Windows apareció en 1992. Durante la década de 1990, QuarkXPress se convirtió rápidamente en la herramienta de trabajo preferida por los profesionales de la autoedición y los impresores.

1

2

1

Práctica de realización de un juego de dados, para utilizar la herramienta de alineación. Primero se ha dibujado el cuadro con redondeo en las esquinas y un marco alrededor de este. Una vez hecho esto se utiliza la herramienta de duplicación de objetos con parámetros, se le colocan las medidas y se generan los objetos. Después se añaden los puntos dentro de los dados colocándolos éstos en su posición y alineándolos con el objeto.

2

Diseño de una orla de todos los compañeros de clase. Añadir todos los recuadros de imagen, importarlas y ajustarlas a la medida, centrarlas y colocarle marco a todas. Añadir efecto relieve de fondo, colocación de un recuadro de fondo degradarlo y darle color. Colocarle las fuentes para el título , convertir éste en cuadro de texto y colocar una imagen debajo para darle el efecto de fuego. Utilizar la herramienta bezíer tiralíneas para realizar el efecto de rallado del cuadro de fondo.

7

QuarkXPress 3

maquetación

El menú QuarkXPress Archivo opciones con el documento, crear un documento, guardarlo, prepararlo para imprimir o introducir texto en el documento.

Editar realizar acciones genéricas copiar, pegar, características de los colores, estilos de texto o de líneas, entre otros. También en PC para controlar las preferencias.

Estilo incluye todos los controles relacionados con la apariencia del texto y de las imágenes.

4

Elemento se emplea para realizar acciones sobre Elementos de Quark (por ejemplo duplicar una imagen, agrupar una imagen con un texto o suprimir un Elemento como un bloque de texto completo).

Página controla el número de páginas existentes en el documento.

Maquetación da acceso a las opciones de Configuración de página para modificar las características de trabajos iniciados o de los nuevos.

Tabla incluye opciones para facilitar el control y ajuste de tablas de datos.

Visualizar permite indicar el tamaño al que se verá el documento en su pantalla, así como controlar qué paletas, guías, reglas y demás elementos de ayuda estarán activos en cada momento.

Utilidades es un pequeño cajón de sastre donde podrá desde corregir la ortografía hasta controlar avanzadas características tipográficas.

Ventana distribuye varios documentos en la ventana del monitor y muestra u oculta las paletas.

Ayuda pone en funcionamiento el manual digital de QuarkXPress.

3

4

8

Practica realización de una esquela para reconocer los diferentes tipos de fuentes dándole los nombres de estas y colocando los en su sitio al que nos han dado, centrando el texto y utilizando la herramienta de linea.

Realización de un folleto para realizar ajustes de color, tono, saturación de una imagen.

maquetación

5

6

7

5

6

7

Sistema de medida

abreviatura

Correspondencia

pulgadas

“

pulgadas en octavos

pulgadas decimales

“ con un decimal

pulgadas en décimos

Picas

p

4’23 mm (12 puntos)

Puntos

pt

0’35 mm (1 punto)

Milímetros

mm

0,04 pulgadas

Centímetros

cm

0,39 pulgadas

Ciceros

c

4’55 mm

Líneas americanas

(agates)ag

1’80mm

Práctica realización de un texto de una crítica de cine, colocación de imágenes en un texto, con títulos y capitular al principio del texto, llevándolo ajustado al párrafo y justificado con cuatro columnas.

Copiado de un folleto de publicidad utilizando la herramientas de capa colocando este debajo y boqueándolo así en la otra capa. Calcarlo reconociendo los tipos de fuente y ajustándolos a las medidas del mismo para poder tener con exactitud el mismo folleto añadiendo las imágenes también escalándolas hasta poder conseguir las mismas dimensiones.

Práctica de un folleto de publicidad con ajustes de imagen en el boceto y contraste de colores y saturación con párrafos ajustados centrados a la cuadrícula e insertando los diferentes tipos de fuentes.

9

QuarkXPress

maquetación 9

8

10

11

12

8

9

Práctica sobre un almanaque , utilización de tabulación y ajustando proporciones en la pagina maqueta tanto para el dibujo como para el diseño del calendario. Se crea una hoja principal en la maqueta y después se generan 11 iguales con respecto a la maqueta y posteriormente se modifican todos los meses del año, días, vacaciones y colocándole diferentes imágenes.

Práctica utilizando la herramienta bézier tiralíneas. Ejercicio para practicar sobre este en otra capa.

10 Dibujos realizados con esta herramienta dándole color y degradados.

11

Práctica diseñando de una tabla y colocando el numero de filas y columnas. Una celda es un cuadrado, se puede seleccionar en tablas selección y en dicha celda se colocan los texto y los colores.

12 Práctica realización de tablas y colocación de diferentes colores para ver los distintos tonos de color.

10

14

maquetación

13

16

15

13 Práctica utilizando unas columnas mediante tabulación y colocándole la misma separación y color.

14 Práctica realización de una portada de un periódico ajustando el texto principal a la linea base , colocando titulos e imágenes escaladas y centradas.

15 16

Práctica maquetando la portada de un periódico, añadiendo tabulaciones, fuentes, ajustes de texto e imágenes para encajar a la portada.

Práctica diseñando un texto de comentario de una película con imagen al fondo e imágenes con contorneo. Primero colocamos la imagen y luego la cuadricula de texto con tres columnas y añadimos otra imagen con contorneo ampliada y ajustada a la columna. Adaptamos los objetos sin fondo para contornear las imágenes de fondo.

11

QuarkXPress

maquetación

17

19

18

17 Práctica maquetación de la portada de un periódico, colocación de tabulación, fuentes, ajustes de texto y de imágenes para encajar a la portada.

18 Práctica realizando una portada para el libro de recetas.

19 Práctica de la portada de texto tipográfico.

12

21

20 21

maquetación

20

Práctica de tríptico. Esta se compone de tres páginas que se doblan entre sí, a una se le llama tira Practica de otro tríptico. A ésta se le llama retira, (es la tira de dentro). Ejercicio de colocación de texto e imágenes.

En esto no es necesario ajustar a la cuadrícula el texto pero hay que tenerlo en cuenta y tirar una linea guía para centrar todas las demás para que se vean bien. Se ha utilizado la herramienta de vinculación de texto y ajuste de texto con dos columnas.

13

FreeHand

HISTORIA

El programa fue creado originalmente por la compañía Altsys, y luego licenciado a Aldus. Cuando esta compañía y su cartera de productos fueron adquiridas por Adobe, los nuevos propietarios se vieron obligados a desprenderse de él: FreeHand se situaba en competencia directa con uno de los productos originales más importantes de la empresa (Adobe Illustrator), algo que incluso podía constituir un indicio de prácticas monopolistas.

El programa volvió a manos de Altsys, que fue comprada posteriormente por Macromedia. Esta firma continuó desarrollando el programa desde la versión 5.5 hasta la MX. Sin embargo, desde 2003 hasta 2006, Macromedia ha mostrado poco interés en el desarrollo del producto. , FreeHand no ha sido actualizado junto con las demás herramientas de la firma El futuro de FreeHand está abocado a la desaparición. Hoy en día se continúa vendiendo bajo el mismo nombre de FreeHand MX pero no tiene ninguna nueva función En el 2009 se lanzó una campaña para la salvación de FreeHand. Se ha formado una comunidad de usuarios alrededor de la organización.

FreeFreehand.org.

1

2

Ilustración

Macromedia FreeHand es un programa informático de creación de imágenes mediante la técnica de gráficos vectoriales. Gracias a ella, el tamaño de las imágenes resultantes es escalable sin pérdida de calidad, lo que tiene aplicaciones en casi todos los ámbitos del diseño gráfico.

4

3

1

Realización de unos dibujos simples de animales, utilizando las herramientas de círculos y rectángulos y luego aplicándole un color a cada objeto y colocándolo por encima o por debajo según la composición del dibujo.

2

Ejercicio utilizando las herramientas de alineación y degradados y duplicado de objetos colocándole a estos diferentes grados de inclinación.

3

Ejercicio utilizando las herramientas de círculo, rectángulo y linea. Después se alinean sobre el mismo eje.

4

Ejercicio de síntesis, trabajando con las herramientas mencionadas anteriormente. Consiste en diseñar un muñeco ficticio.

17

FreeHand

Ilustración

5

6

8

7

18

5

Ejercicio realizado con la curva de Bézier pulsando la tecla alt para que siga el arco.

6

Ejercicio trabajando con la pluma y utilizando uniones, intersecciones y corte.

7

Ejercicio de reflejo y duplicación . Diseño de un extraterrestre realizado con trazos y aplicándole máscara de recorte con fusionado de objetos .

8

Ejercicio realizado con las herramientas básicas y aplicándoles combinaciones de: perforación, unión, división e intersección.

9

14

12

Ilustración

11

10

13

15

Ejercicio de una identidad visual corporativa, realizando toda la papelería, publicidad , merchandaising y diseño de una carpeta colocándole los márgenes de sangrado , marcas de corte y lineas de hendido.

9

Papelería

10 Publicidad A4

13 Tarjetas de visita

14

color

y A5

b/n

11 Publicidad cd y carátula 12 Camiseta y gorra

Publicidad flash informativo

15

Carpeta identificativa con troquel

19

FreeHand

Ilustración

16

19

16 Ejercicio de realización de unos salvamanteles , colocando una imagen real como calco para trazar con la herramienta pluma. Una vez terminado el trazo, darle relleno, color y degradados. Colocarlo en un documento y hacerle motivos repetidos alrededor de éste utilizando la herramienta duplicado, escalado y rotación (parámetros de transformación).

19

20

Ejercicio de maquetación de un folleto informativo añadiendo texto e imágenes alrededor de este y diseñando topográficamente (columnas, justificación a derecha e izquierda, sangría a primera linea y separación de párrafos).

IlustraciĂłn

20

20 Ejercicio de diseĂąo de un dĂ­ptico para un restaurante y trabajando publicidad informativa para ofertas puntuales.

21

Illustrator

ADOBE ILLUSTRATOR es el nombre o marca comercial oficial que recibe uno de los programas más populares de la casa Adobe, junto con sus programas hermanos Adobe Photoshop y Adobe Flash, y que se trata esencialmente de una aplicación de creación y manipulación vectorial 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 .

Es desarrollado y comercializado por Adobe Systems Incorporated y constituye su primer programa oficial de su tipo en ser lanzado por ésta 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ónPublicación) impresión, vídeo, publicación en la Web y dispositivos móviles.

Las impresionantes ilustraciones que se crean con

1

éste 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 sólo con el sistema operativo Macintosh y que su manejo no resultara muy intuitivo para las personas con muy poco transfondo en manejo de herramientas tan avanzadas afectó la aceptación de éste programa entre el público general de algunos países.

Actualmente forma parte de la Familia Adobe Creative Suite y tiene como función única y primordial la creación de utillaje (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.

Ilustración

HISTORIA

2

3

1

Ejercicio de trazados de símbolos del logotipo de unas empresas, (vectorización) con la capa de calco para trazarlo encima de ésta después darle color y utilizar los buscatrazos.

2

Ejercicio Diseño de un reloj, utilizando máscara de recorte en la capa para colocar lo dentro de la esfera de color negro

3

Ejercicio realización de un pez utilizando la capa de calco colocando en ésta una foto real y después trazarlo en otra capa copiándolo, duplicando las escamas y transformándolas.

25

Illustrator

Ilustración

4

5

6

Ejercicio de diseño con vectores de unas tarjetas de felicitación de diferentes tamaños, utilizando fotos en mascaras de recorte.

4

26

Tamaño tarjeta

6

Tamaño A 5

5

Tamaño cuartilla

8

Ilustraci贸n

7

9

Ejercicio realizando un calco interactivo y luego utilizando pintura interactiva.

7

drag贸n rojo

8

drag贸n azul

9

mu帽eco de nieve

27

Illustrator

Ilustración

10 11

12

13

Ejercicio técnico de dibujo de motivos repetitivos llamados teselación, porque crean una malla entre sí (mosaicos árabes) 10

28

avión

11 hueso

12

pez volador

13

pajarita

Ilustraci贸n

14

14 Ejercicio de vectorizaci贸n de la imagen del centro. Imagen de arriba imagen terminada.

29

Illustrator

Ilustración

15

16

15 Ejercicio de diseño de un juego de cartas o baraja, utilizando la paleta de símbolos e incluyendo los que se repiten para poder realizar el ejercicio.

16 Ejercicio del cartel informativo utilizando textos, calco interactivo y coloreándolo ( pintura interactiva).

30

Ilustración

17

18

Ejercicio maquetando unas etiquetas de productos de cosmética, con igual reticula y tema de diseño.

17

Etiqueta de champú

18 Etiqueta de acondicionador

31

Illustrator

Ilustración

19

19 Ejercicio de un folleto informativo en el cual se han utilizado fotos de deporte con máscara de recorte y el texto se ha colocado en columnas y ha sido enlazado entre sí. Se ha realizado una portada. Diseño exterior llamado “tira”.

32

Ilustración

20

20

Ejercicio de realización de un folleto informativo. Parte de dentro llamada “retira”.

33

Photoshop

2

fotografía

1

3

4

1

Seleccionar el esqueleto y acoplarlo con las capas. Ajustarlo y con el borrador borrar lo que sobra de la siguiente foto

2

Ejercicio corrección de una foto en blanco y negro y después darle color.

3

Ejercicio para corregir una foto deteriorada ajustando los niveles y desaturar para darle color

4

Automatización por lote aplicándole un filtro

37

Photoshop fotografía 5

6

38

5

Ejercicio de utilización de la herramienta borrador de fondos y tampón de clonar

6

Utilización de la herramienta varita mágica y máscara de recorte para hacer la composición y montaje.

8

9

10

7

Ejercicio de utilización de la herramienta de selección y máscara de capa.

8

Montaje de imágenes, trabajando la herramienta de selección, recorte y máscara de capa.

9

Diseño utilizando la herramienta de selección y trazado del muñeco y el comando, pegar dentro.

10

Uso de la herramienta pluma convertida a selección y copiar y pegar.

fotografía

7

39

Photoshop fotografĂ­a 11

12

13

14

15

16

Efectos al texto:

40

11 Viento

13 Hielo

12

Degradado

12 Aceite

14 Fuego

16

Mascara de recorte

fotografĂ­a

17

18

18

ajuste de niveles y curvas

17 Efecto atardecer de noche y medio dĂ­a

41

Photoshop fotografía

42

19

20

21

22

19

Ejercicio de utilización de los ajustes, niveles e invertir para convertir un negativo a fotografía.

20

Uso de los ajustes de curvas, saturación y exposición.

21

Diseño con capas, selección y multiplicar.

22

Herramienta corrección selectiva y cambio de color.

24

fotografía

23

26

25

23 Ejercicio de utilización de la herramienta corrección, tono y saturación, niveles y desenfoque.

24

Composición de una foto dándole efectos de desenfoque, con pinceles y ajustes de color.

25 Herramienta mascara de capa y lazo magnético.

26 Montaje utilizando el efecto envolvente, filtro distorsionar y desplazar.

43

Photoshop fotografía 27

28

30 29

27

Composición de un paisaje con máscaras de capa.

28 Montaje y composición de un paisaje utilizando la máscara rápida.

29 Uso de las máscaras de recorte y herramienta de selección.

30 Realización de un paisaje surrealista.

44

32

fotografía

31

34 33

31 Composición realizando un ojo real con trazados y selecciones.

32 Montaje de una foto con dos motivos utilizando máscaras.

33 Realización composición de un logo utilizando imágenes y trazados.

34 Escaneado y ajuste de trama con desenfoque y filtras de trama.

45

Photoshop fotografía 35

36

37

38

35 36

37 38

46

Ejercicio de composición de una portada combinando varias fotos.

Diseño de un cartel con varios elementos combinados para dar el efecto creado.

Retoque y diseño de un cartel utilizando fotos superpuestas y aplicándole máscaras de capa.

Composición con varias fotos y aplicación de trazados.

fotografĂ­a

39

40

39

Ejercicio de colorear unas portadas de unos comic.

40 Coloreado con la herramienta pincel creando dos capas y pintando sobre la de abajo

47

Photoshop fotograf铆a 41

42

44 43

41 Ejercicio de una portada aplic谩ndole tintas planas y CMYK. 42

Clonaci贸n para quitarle las imperfecciones a la foto.

43 Composici贸n utilizando mascaras de capa.

44 Montaje de una imagen foto realista.

48

46

47

49

fotografía

45

48

45 Composición de una portada para un calendario.

46 Ejercicio de aplicación de motivos.

47 Montaje aplicando mascaras de recorte.

48 Ejercicio de efecto relieve.

49 Composición de unas imágenes utilizando máscaras de capa y herramienta de selección.

49

Photoshop fotografía 50

52

51

53

50 Ejercicio de ajuste de gama para ajustar la imagen a los colores CMYK que están fuera de gama.

51 Composición de unas imágenes utilizando mascaras de capa y herramienta de selección.

52 Montaje de una foto real utilizando varios elementos y aplicando efectos.

53 Ajustes de tono saturación y cambio de color con selección de gama.

50

fotograf铆a

54

55

56

54 Ejercicio de realizaci贸n de un logo y un cartel de publicidad.

55 Ejercicio de cambio de color y ajuste de brillo , efecto de destello.

56 Ejercicio de composici贸n con m谩scaras de capas.

51

Photoshop fotografía 57

58

59

57 Ejercicio de fotocomposición utilizando dos fotos para obtener una perfecta.

58 Desenfoque selectivo.

59 Composición con pinceles.

60 Ejercicio de ajustes de tono saturación y cambio de color con selección de gama.

52

60

fotograf铆a

61

62

61 Ejercicio de realizaci贸n y montaje de un folleto para casa de madera.

62 Ejercicio de cambio de color.

53

Photoshop fotografía 63

65

63 Selección y efecto movimiento y resplandor difuso.

64 Ejercicio de composición con máscaras de capa.

65 Cambio de color.

66 Ejercicio de máscaras de capa con efecto de desenfoque.

54

64

66

fotografía

67

68

69

70

67 Photomerger para hacer panorámicas.

68 Ejercicio de posterizar utilizando los ajustes de niveles para brillos medios y sombras y después coloreado.

69

Efecto de posterizar.

70 Ejercicio de utilización de trazados y después convertidos a selección recortando la selección.

55

InDesign

En el año 1993 concluyó la conocida como Primera Guerra de la Autoedición Profesional.

Aldus, con su aplicación pionera PageMaker (PM) dio por perdida la batalla que había venido librando con Quark desde que esta introdujera la primera versión de su único producto, Quark XPress,1 seis años antes, en 1987. El dominio de Quark llegó a ser tan abrumador que Aldus decidió iniciar el desarrollo desde cero de una nueva aplicación de creación de páginas; era el proyecto Shuksan.2 Mientras tanto, 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 Frame Technology 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.3

maquetación

HISTORIA

1

1

Realización de una hoja informativa ajustando textos e imágenes.

59

InDesign maquetaci贸n 2

60

3

2

Dise帽o de unas tarjetas de visita utilizando cortar y pegar dentro.

3

Realizaci贸n de una oferta a tres paginas. Creando una Ret铆cula en la pagina maestra.

5

maquetación

4

6

4

Diseño de un cartel con varios tipos de fuentes.

5

Realización de un folleto de hoteles. Utilizando imágenes y aplicando tablas al texto.

6

Creación de una portada de una revista. Utilizando trazado de recorte en la imagen, retocándola en Photoshop.

61

InDesign maquetaci贸n 7

9

62

8

maquetación

10

7

Diseño de una portada de un libro de ficción.

8

Creación de un cartel decorativo.

9

Realización de dos paginas Interiores de un periódico. Aplicándole retícula, estilos de carácter y párrafo.

10 Montaje de tres paginas del interior de una revista. Creando una retícula y ajustando las imágenes.

63

InDesign maquetaci贸n 11

64

maquetación

12

11 Creación de un catalogo de calzado juvenil. Creando la retícula y trabajar con Photoshop las imágenes.

12 Maquetación de un libro y diseño de la portada y contra portada con lomo.

65

InDesign maquetaci贸n 13

14

66

maquetaci贸n

15

16

Dise帽o de un folleto de cinco palas a doble cara:

13 Portada

14 Contra portada

16 caras interiores

15 caras interiores

67