illustrator - nivell bàsic

El tractament de la imatge digital La imatge vectorial Es projecten sobre el pla segments units per vectors o unitats mínimes de representació. L’ordinador calcula matemàticament la posició dels elements en un eix de coordenades. Els vectors o nodes poden estar units per vèrtex o corbes.

curs d'Adobe Illustrator _ C.S.4. Anna Sorribas


Hi ha vectors que coincideixen en alguna coordenada sobre el pla X / Y. Les distàncies les calcula en funció de les preferències de projecció, que es decideixen quant es crea i s’edita el format: mil·límetres, centímetres, píxels etc.

Elements bàsics pel disseny vectorial


És molt important editar els regles per projectar guies base sobre els eixos X / Y o bé una quadrícula base que editem a les preferències del programa. El valor X correspon a la posició horitzontal dels objectes i la Y a la vertical. Per defecte el valor 0 / 0 apareix a un dels extrems del format: normalment a la base del suport i de esquerra a dreta,

Editarem una quadrícula base / EDICIÓ / PREFERENCIES que ens permeti dividir l’espai en fraccions iguals.

• Qualsevol element que visualitzem sobre el suport: guies, quadrícula, línies base, la manera em com visualitzem el nostre disseny, com analitzem la projecció en estructura bàsica(línia) o en la seva concreció formal entera, tot sorgeix del menú principal: VER (VEURE)

• Les eines o funcions d’ d’Adobe Illustrator estan totes representades a CAJA HERRAMIENTAS (EINES): creació i modificació per categories de funcionalitat.


Qualsevol eina o funció de l’Illustrator l’activem o desactivem des del menú principal VENTANA (FINESTRA): atributs de la línia, color, mostres, estils gràfics, traç, text. Qualsevol aspecte que modifica els tres elements bàsics del disseny:

• Línia i Forma • Color • Tipografia


• La nostra caixa d’eines, s’organitza per funcions, o tipus d’acció:

• Selecció cursos de selecció i moviment, de nodes, de píxels ,i lliure.

• Dibuix i projecció: vectorial, tipogràfic, línia i geomètric.

• Modificació de l’aspecte: rotació, proporció, deformació i transformació lliure.

• Creació x repetició: gràfics, repetició símbol, degradats, malles.

• Color : selecció i modificació, fusió i pintura interactiva

• Edició i presentació de format, edició del format, sectors desplaçament i visualització.

• Color de superfícies i color de línia

• Canvi de mode pantalla visualització

Corbes de Bézier

Geometría simples • La imatge vectorial, edita línies

perfectes que no varien en la seva constitució en quant a resolució, el factor d’ampliació és infinit, sense perdre definició ni nitidesa, a la imatge de mapa de bits la resolució defineix la qualitat de la imatge.

• Podem crear gràfics a partir de la modificació per matemàtica de relació formal simple. De línia: definint la relació de línies entre els objectes o de forma. Sumar, restar, dividir, intersecció, buidar ...

• Alinear i transformar els objectes segons un punt de referència sobre l’eix X/Y

Creació lliure

• L’edició de traçats lliure, la seva modificació : ritme i disposició, gruix és genera en funció de l’edició i modificació de les propietats de l’eina de dibuix: llapis, o pinzell. Pitgem dos cops sobre l’eina per editar-la i variar les propietats.



Podem ajustar els nostres nodes a la quadrícula predeterminada en el dibuix geomètric.

Efectes simples 2D o mapa de bits

• A Il·lustrador podem variar amb efectes predefinits, la tipologia d’una línia o una forma , variarem la seva inclinació la quantitat de nodes, la seva morfologia / la seva posició en l’espai EFECTES / ILLUSTRATOR EFECTES/PHOTOSHOP


DEFORMAR/ TRANSFORMAR


És molt important editar capes de disseny, anomenarem cada capa amb el nom lògic dels elements que el componen, podem canviar l’orde de disposició, arrossegant les capes una per damunt de l’altre. És així important, establir sempre categories gràfiques: línia, logotips , imatges fotogràfiques / tipografia Gràfiques / línies de tall i configuració etc...

L’ull indica si la capa és visible, Si estem editant i actuant sobre una capa apareix amb un color ( per defecte blau) Les icones ens indiquen que podem crear subcaps / capes noves, eliminar o crear mascara de tall.

Color _ RGB _CMYK_HBS_Pantone

• el color RGB són amb llum els tres color bàsics de

representació de l’espectre cromàtic que capta l´ ull

humà. La llum blanca és subs tracció del color.

L’absència de llum representa el color negre.

• Els colors tinta CMKY sorgeixen de les tres tintes

secundaries de llum; Magenta, Groc, Cià, i el negre

és la suma dels tres colors, són additius. Sumen les

seves propietats. Els secundaris de TINTA són els

primaris de llum; R G B : Vermell, Blau, Verd

Definim els colors en el mesclador, qualsevol tinta es

pot llegir amb valors de tinta CMYK, sistema HSB

(to,brillantor saturació) RGB o color web (Ex: 8c2828)

• Podem afegir colors a la llista de colors MOSTRA /

desplegable finestra : aquí podem classificar, editar

biblioteques de colors, afegir treure ...Conversió de

tintes planes i colors de quadricromia un to pot ser

considerat Tinta plana o Quadricromia,


Color _la llum_el to_la tipologia El color és llum sempre


El color quant més llum conté més clar és el

seu to, modulem el to en una escala de llum;

del 100% del mateix to a + o menys quantitat

de llum. El color registre es destina als

elements com marques de tall,indicacions,

no imprimibles,

Indicació de tinta plana / tinta CMYK

La tipografia

• La tipografia: definint l’ estil de la paraula : tipus de lletra, la seva modulació en gruix , el seu format en punts, disposició i composició sobre el format.

• Es poden editar lletres individuals o caixes de text, editables com a paràgraf sencers, amb propietats de mides i disposició sobre l’espai en l’eix de coordenades.

• Una tipografia és un element una forma, independentment del seu significat en so. És una línia i una superfície, un traç. Pot ser editar com a traç si passem una tipografia a contorn / TEXT / CREAR CONTORN

• El desplegable de text a la caixa d’eines ens mostra les disposicions amb les que podem col·locar un text, el bàsic crear una línia i adaptar el text a la línia.

• Editem les seves característiques al desplegable TEXT / o la finestra VEURE/ TEXT

• La tipografia és un signe, una convenció gràfica,

• Creació de caixes de text : cliquem i arrosseguem una area sobre el pla, es crea una capsa de text. Si només cliquem amb l’eina apareixerà el text en una sola línia

• Podem editar estils de paràgraf i de caràcter / VENTANA / ESTILO CARACTER aquí editem totes les propietats de forma, disposició, mida relació amb altres caràcters, color i es guarden .

• Estils de caràcter : 1 sol caràcter o varis



• Tipografies definides com a caràcters propis amb una categoria preestablerta: Frankling Gothic Medium, Times New Roman. Cada categoria té diferents sub categories: Negreta, cursiva, extra negreta: es refereix al gruix de les astes, a la quantitat de tinta de les superfícies del grafisme.

• Són la digitalització i de la seva forma original , si són posterior a l’aparició de l’ordinador totes són manuals, digitalització de traços cal·ligràfics, o geomàtics o gravats. Si són posteriors a la creació de l’ordinador estan generades directament amb programes tipogràfics, que funcionen amb algoritmes matemàtics i llenguatge màquina.

• La tipografia com a forma: creació d’autor a partir de formes geomètriques.


• Tipografies definides com a caràcters propis amb una categoria preestablerta: Frankling Gothic bold: quant editem les seves propietats editem aquestes sub categories

• 1er: el gruix de l’asta

• 2on: la posició, inclinació

• 3er: la compressió matemàtica de la seva forma.

Adobe Illustrator C.S.4.

ENTORN Conceptes generals El entorn de treball El dibuix geomètric i lliure SELECCIO I TRANSFORMACIÓ Eines de selecció Desplaçament d’ objectes Rotació i simetries Canvi d’escala i inclinació PROJECCIÓ I DIBUIX Dibuix de figures geomètriques Traçats i corbes Bézier Modificació d’atributs de contorn i fons Les eines de pinzell i llapis ESTILS Filtres de color Filtres de creació Filtres de distorsió Filtres de estilització


COLOR Aplicació de color a las figures Tipus de color i tintes Definició de colors en el mesclador Afegir colors a la llista de colors Conversió de tintes planes i colors de quadricromia Afegir colors de biblioteques predefinides a la llista de colors Creació de degradats TIPOGRAFIA Creació de caixes de text Edició de fonts i paràgrafs L’editor de text

Aspectes que s’han creat amb pràctica concreta

illustrator - nivell bàsic

Education