A D O B E I L L U S T R AT O R

CRTANJE AL ATOM - PEN TOOL

PRIPREMILA: MARIJANA BRDAR

N A S T AV N I P L A N I P R O G R A M / K U R I K U L U M : M E D I J S K I T E H N I Č A R I W E B
DIZAJNER
DRAGI UČENICI I DRAGE UČENICE
Kako bismo vam olakšali učenje za vas smo pripremili materijale za samostalni rad.
U ovoj prezentaciji su sadržaji koji se odnose na nastavnu temu Crtanje u Illustratoru
korisnu za sve učenike iz Obrazovnog sektora grafička tehnologija i audio-vizualno oblikovanje.

I za predmet: RAČUNALNA GRAFIKA u 2. razredu kvalifikacije Medijski tehničar i 1. razred Web

dizajner.

Prezentacija sadrži poveznicu na kratki tutorijal na Youtube: https://

www.youtube.com/watch?v=3GzumUieDPY i https://www.youtube.com/watch?v=SxX-NdT8zns

Također, prezentacija sadrži poveznicu na Kviz za ponavljanje: https://

quizizz.com/join/quiz/5e76f1484ad259001c269dec/start

Kvizu možete pristupiti i čitanjem QR koda

Na kraju prezentacije nalaze se pitanja za ponavljanje gradiva.

Ukoliko na svom računalu nemate instaliran Illustrator

instalirajte ograničenu besplatnu verziju i u roku od 30 dana možete raditi u programu.

Vaši nastavnici će vam također pružati podršku u učenju na daljinu.

Želimo vam uspješno učenje.

 ADOBE ILLUSTRATOR

• Adobe Illustrator je softverska aplikacija za kreiranje crteža, ilustracija i

umjetničkih djela pomoću Windows ili MacOS računala.
• Illustrator se široko koristi od strane grafičkih dizajnera, web dizajnera,
vizualnih umjetnika i profesionalnih ilustratora širom svijeta, kako bi
stvorili visokokvalitetne umjetničke radove.
• Illustrator sadrži mnoge sofisticirane alate za crtanje koje mogu smanjiti
vrijeme potrebno za kreiranje ilustracija.
• Adobe Illustrator je program vektorskog crtanja.
• Često se koristi za crtanje ilustracija, karikatura, dijagrama, grafikona i
logotipa.
 ADOBE ILLUSTRATOR

• Adobe Illustrator je prvi put razvijen od strane Adobe Inc. u prosincu

1986. (isporuka u siječnju 1987. godine) kao komercijalizacija u kući
za Adobe Letter Software Development i PostScript format datoteke.
• Adobe Illustrator je prateći proizvod Adobe Photoshopa koji je
prvenstveno namijenjen digitalnim fotografskim manipulacijama i
foto realističnim kompjuterskim ilustracijama, dok Illustrator daje
rezultate u grafičkom dizajnu.
 VEKTORSKA GRAFIKA

• Grafike stvorene u Adobe Illustratoru mogu se premještati i uređivati u

njemu srodnim računalnim programima poput Adobe Photoshopa i
Adobe After Effectsa.

• Razlika između Adobe Illustratora i Adobe Photoshopa je ta što se, za

razliku od Illustratora, Adobe Photoshop temelji na rasterskoj tehnici.

• U Adobe After Effectse se mogu unijeti dokumenti iz Illustratora i tamo

se obrađivati da se kreću kroz vrijeme, odnosno mogu se animirati.
 VEKTORSKA GRAFIKA

• Vektorska grafika jest način prikazivanja slike pomoću geometrijskih

oblika, poput točaka, linija i krivulja koji su temeljeni na
matematičkim jednadžbama

vektorska grafika rasterska grafika

 VEKTORSKA GRAFIKA

• novi dokument otvaramo pomoću padajućeg izbornika File,

• prvi izbor New ili kratica Ctrl+N omogućuje otvaranje novog prozora
pod nazivom New document

U ovom prozoru moguće je:

• imenovati document,
• odrediti svrhu za koju se document stvara (Print, Web…),
• odrediti veličinu dokumenta (A4, A3, Letter…),
• preciznije odrediti visinu (Height) i širinu (Width) dokumenta,
• te prilagoditi njegove ostale intrikantne dijelove.
NOVI DOKUMENT

• Važno je i izabrati
orijentaciju vašeg
dokumenta (vertikalno ili
horizontalno) klikom na
jednu od izbornih kućica
pod Orientation.
• Kako bi ste spremili
dokument prvi put, potrebno
je u padajućem izborniku
File odabrati opciju Save As
ili koristiti kraticu
Shift+Ctrl+S.
 NOVI DOKUMENT
• “File”; “New”
ime

• “File”; “Save As”

• VAŽNO je uvijek veličina

provjeriti u koju mapu

orijentacija
spremate svoj rad, i
pod kojim imenom ga
spremate.

Prozor „New Document”

ADOBE ILLUSTRATOR 2020

Radite u
inačici
programa
koju imate

ADOBE ILLUSTRATOR 2020

Nemojte ostaviti
dokument
neimenovan

Ovdje odaberite
- mjernu
jedinicu koju
poznajete,
- usmjerenje
dokumenta i
- broj crtaćih
površina
SUČELJE
• Sastoji se od radne površine, trake s alatima, padajućih izbornika i
paleta.

Osnovni vektorski
oblici poput
kvadrata i trokuta
stvaraju se pomoću
alata Rectangle
tool ili njegovim
dodatnim opcijama
kao što su Ellipse ili
Polygon tool.
 TRAKA S ALATIMA
Selection tool i Direct Selection tool
Magic Wand tool i Lasso Tool
Pen tool i Curvature tool
Type tool i Line Segment tool
Rectangle tool i Paintbrush tool
Pencil tool i Eraser tool
Rotate tool i Scale tool
Width tool i Free Transform tool
Shape Builder tool i Perspective Grid tool
Mesh tool i Gradient tool
Eyedropper tool i Blend tool
Symbol Sprayer tool i CC Charts tool
Artboard tool i Slice tool
Hand tool i Zoom tool

Alatna traka
TRAKA S ALATIMA

• Na samom vrhu trake s alatima pronaći

ćete Selection tool i Direct selection
tool što će vam biti najvažniji alati za
korištenje.
• Razlikuju se po boji (Selection tool –
crni miš; Direct selection tool – bijeli
miš) i po tome za što ih koristite.
• Selection tool se koristi kada želite
odabrati cijeli object i njime
manipulirati,
• Direct selection tool se koristi kada
želite odabrati određenu točku objekta i
samo njome manipulirati.
PALETE

• “Paleta Character” i
“Paleta Paragraph” se
koriste za tekst.

• “Brush paletom” se
određuje oblik kista.

• “Swatches paleta”
određuje boju objekta.
PALETE

• Pogledajte
koje sve
palete
možemo
otvoriti iz
izbornika
Window
SLOJEVI
• Slojevi u Adobe Illustratoru su prikazani u paleti Layers. Novi sloj se
stvara odabirom opcije Create New Layer na dnu palate Layers. Slojevi
su veoma korisni kod baratanja kompleksnim radovima.
• Svaki sloj možete sakriti ili pokazati, te zaključati ili otključati po želji.
Ako je sloj zaključan, to znači da na njemu ne možete ništa uređivati, a
ako je sakriven, tada se objekti na tom sloju ne vide na radnoj površini.
Slojeve sakrivate tako da u paleti pored sloja kliknete ikonu oka i sloj će
postati nevidljiv, a zaključavate ih tako da kliknete praznu kućicu u kojoj
bi se trebao stvoriti lokot koji naznačuje da je sloj zaključan.
• Slojevi također rade na hijerarhijskoj bazi, tako da sadržaj slojeva koji su
iznad ostalih u paleti, na radnoj površini prekrivaju sadržaj nižih slojeva.
Iz toga razloga unutar palete možete mijenjati položaj slojeva kako
želite.
• https://helpx.adobe.com/illustrator/using/layers.html
SLOJEVI
• Paleta „Layers” omogućuje
stvaranje novih slojeva, koje po
volji možete zaključavati,
otključavati, te uklučivati i
isključivati im vidlijivost.

• Slojevi su hijerarhijska baza.

• Svaki novi dokument ima osnovni sloj

nazvan Layer 1, koji se inače koristi kao
pozadina ili Background layer.
• Na njega je moguće dodavati nove
slojeve i sve ih preimenovati po želji.
• Layer-ima možete rad podijeliti u nekoliko
dijelova, koje po potrebi možete akrivati i
prikazivati, mijenjati im položaj na
dokumentu, zaključavati ih i otključavati,
kako bi vam rad bio jednostavniji.
paleta „Layers”
REDOSLIJED OBJEKATA
• „Bring to Front”, „Move Forward”; „Move Backward”, „Send to
Back”

Isti objekti s drukčijim redoslijedom

GRUPIRANJE I IZOLACIJA OBJEKTA

• Grupiranje spaja objekte i nakon što su grupirani, oni se

tretiraju kao jedan objekt.

• Izolacija objekta omogućava uređivanje objekta dok

istovremeno ne možete utjecati na ostale objekte u
dokumentu.

povratak iz izoliranog stanja

SKALIRANJE I ROTIRANJE
• Rotiranje: okretanje oko osi
objekta

• Skaliranje: promjena
veličine objekta

• Moguće prostoručno,
pomoću alata „Rotate” i
„Scale” ili pomoću
istoimenih transformacija.
SKALIRANJE I ROTIRANJE
• Naredba transformacije Rotate omogućuje rotaciju odabranog objekta
u dokumentu.
• Objekt možete rotirati tako da ga odaberete i pomaknete miš na jedan
od kuteva okvira gdje će se prikazati dvostrana strijelica kojom
možete okretati objekt.
• Objekt možete i rotirati tako da na označenom objektu desnim klikom
otvorite padajući izbornik i u njemu odaberete opciju Transform.
• izbornik Rotate će otvoriti novi prozor pod imenom Rotate. Tamo je
moguće upisati željeni kut rotacije. Taj način je precizniji.
• Još jedan način za rotiranje vektorskog objekta je rotitanje pomoću
Rotate toola.
SKALIRANJE I ROTIRANJE
• Ako želite skalirati objekt,
potrebno je ponoviti isti
postupak, u izborniku Transform
izabrati Scale umjesto Rotate i u
prozor koji će se otvoriti upisati
postotak željene promijene
veličine.
• Drugi, manje precizan način
skaliranja je odabrati objekt, i
klikom na bilo koji kut okvira
miš vući do željene veličine
objekta.
• Objekt se također može skalirati
pomoću Scale toola.
CRTANJE GEOMETRIJSKIH LIKOVA
Crtati objekte
možete na dva
načina:
• odabirom oblika
i povlačenjem na
crtaćoj površini Odaberite
boju
ili ispune i
obruba
• pomoću objekta.
dijaloškog
okvira u kojem … pomoću
dijaloškog okvira
su opcije za u kojem su opcije
definiranje za definiranje
veličine objekta
veličine objekta
kojeg želite
nacrtati
REZANJE OBJEKATA
• Knife tool se također
odabire u padajućem
izborniku Eraser toola.
• Ako želite objekt
prerezati Knife toolom,
potrebno je miš s
pritisnutim lijevim
klikom vući preko
objekta u željenom
obliku reza, i objekt će se
prerezati.
• Scissors tool ili Škare možete
odabrati u padajućem izborniku
pod Eraser toolom.
• Scissors tool je lako koristiti,
jednostavno morate s njime
odabrati točku na objektu koju
želite odvojiti i kliknuti lijevim
klikom.
• Ako želite prerezati vektorski
objekt, potrebno je samo kliknuti
na dva rubna mjesta.
• Scissors toolom i objekt će biti
prerezan po ravnoj liniji između
te dvije točke.
REZANJE OBJEKATA
Upotrijebite sve
opcije alata

Scissors tool

• Eraser tool služi za

brisanje vektorskih
objekata ili dijelova
objekata.
• U alatnoj traci je Knife tool
potrebno odabrati Eraser
tool i njime prijeći preko
objekta da bi se dio koji
ste prešli obrisao. Tako je
moguće stvarati
orginalne oblike Eraser tool
objekata.
TEKST
• Tekst se na dokument Adobe Illustratora dodaje alatom Type tool. Kada
tim alatom, lijevim klikom miša kliknete na dokument, na tome mjestu
će se prikazati pokazivač za dodavanje teksta.

• Tada možete upisati sadržaj, a font, boju i veličinu teksta možete

mijenjati u gornjem lijevom kutu u izborniku Characters.

• Kada se prebacite s Type toola na Selection tool moći ćete mijenjati i

poziciju teksta na dokumentu po želji, a u ostalim opcijama na alatnoj
traci daje vam se sloboda da napravite bilo što sa tekstom, uključujući,
ali ne ograničeno, promjenu smjera teksta i promjenu kuta teksta.
TEKST
• Type tool

• Paleta Character i
Paragraph
• Tekst možete unositi ili
kopirati.
• Kad odabetete Type tool,
razvucite tekstualno polje ili
samo kliknite na površinu.

• Lorem Ipsum je generirani

„Type tool” i njegove opcije
tekst neutralnog sadržaja
koji možete koristiti u
oblikovanju, dok još nemate
pravi tekst
TEKST Tekst se u Adobe
Illustratoru
dodaje alatom
Type tool.

U izborniku
Characters i
Paragraf možete
urediti slova i
odlomke teksta

Sve palete
možete otvoriti
iz izbornika
Window
TEKST
U paleti
Characters
podešavate
opcije koje se
odnose na oblik
slova kao što su:
Font, veličina,
horizontalna i
vertikalna
dimenzija slova i
dr.
Kad se pokaže
mali crveni plus u
desnom kutu
tekstualnog polja
to znači da ima
još teksta (koji
nije stao) i polje
treba proširiti

U paleti Paragraph
podešavate
poravnavanje
teksta, uvlaku
prvog reda, lijevu i Opcija za
automatsko
desnu marginu. rastavljanje riječi
ZADATAK

• Isprobajte opcije pisanja teksta i izradite vlastitu posjetnicu

https://www.youtube.com/watch?v=SxX-NdT8zns
PITANJA ZA PROVJERU
1. Za što je pogodan program Illustrator?
2. Iz kojeg izbornika se otvaraju sve palete?
3. Kako se piše tekst?
4. Ostaje li kvaliteta vektorske grafike ista velikim povećavanjem?
5. Što je grupiranje objekata i zašto se radi?
6. Zašto nam je bitan redoslijed objekata i kako se isti mijenja?
7. Što su slojevi i zašto ih koristimo?
8. Koji se alati nalaze u alatnoj traci?
9. Objasni kako crtamo osnovne geometrijske likove.
10. Pomoću kojih paleta oblikujemo tekst, objasni koje su im moguće
opcije?
2. DIO
CRTANJE – VJEŽBA CRTANJE
POMOĆU ALATA PEN TOOL
CRTANJE VEKTORSKIH OBJEKATA
• Vektorski objekti se crtaju pomoću “Rectangle toola” i njegovih
dodatnih opcija kojima se na radnu površinu stavljaju gotovi
geometrijski oblici
• Ili se mogu nacrtati pomoću “Pen toola” kojim sami stvarate oblik
objekta
Objekt stvoren „Pen toolom”
CRTANJE VEKTORSKIH OBJEKATA
POMOĆU PEN TOOLA
Pen tool omogućuje crtanje vektorskih objekata pomoću
Bezierovih krivulja.

• Objekti se crtaju klikom na željeno pri čemu se stvori

točka, druga pozicija na koju kliknete također postaje
točka, sve su točke koje nacrtate spojene linijom.
• Točkama možete manipulirati i mijenjati njihova mjesta po
potrebi.
• Ravne linije je također moguće zaobliti pomoću Anchor
point toola, po potrebi.
CRTANJE VEKTORSKIH OBJEKATA
POMOĆU PEN TOOLA

• Pen tool predstavlja jedan od

najmoćnijih alata u Adobe
Illustratoru.
• S Pen toolom možete napraviti bilo
koji oblik koji zamislite samo s
dodavanjem sidrišta (ključnih
točaka) i ručnim modificiranjem.
• Pomoću tipke Shift na tipkovnici
crtati ćete ravnu liniju.
• Pomoću Stroke i Dashes Line
možete napraviti isprekidane linije.
ZADATAK
• Potrebno je u Illustrator pozvati crtež prema kojem ćete crtati svoj
predložak

Selection tool se
koristi kada želite
odabrati cijeli
object i njime
manipulirati,

Direct selection
tool se koristi
kada želite
odabrati određenu
točku objekta i
samo njome
manipulirati.
ZADATAK

Ovo je predložak prema kojem ćete nacrtati logotip. Ovo je logotip za krojački salon pa pazite
da potezi koje crtate budu kao šavovi konca.
ZADATAK
ZADATAK

Da biste lakše
pratili oblik slova
napišite ŠIV-ŠAV i
alatom za
FreeTransform
ga povećajte do
potrebne
veličine.
Odaberite font
koji najviše sliči
nacrtanim
slovima.
ZADATAK

Zatim slova
pretvorite u
krivulje koje
ćete moći
editirati

Na slovima će se pojaviti
točke koje možete
uređivati.
Cijelu riječ možete
opcijom Ungroup rastaviti
na pojedinačna slova kako
bi pojedinačno mogli i
uređivati
 ZADATAK
• Upotrebom pen toola iscrtaj sve linije koje vidiš na crtežu ispod
• Pazi na oblik linije i boju, te površine koje moraju ostati prozirne.
• Kada nacrtate sva slova, grupirajte elemente i spremite rad kao .aii i .pdf
VJEŽBA ZA PONAVLJANJE
• 1. Unesite logo u Adobe Illustrator.

• 2. Stvorite novi sloj u dokumentu.

• 3. Stvorite pravilan krug Elipse toolom, a skaliranjem se pobrinite da je iste

veličine kao krug u originalnom logou.

• 4. Krug prerežite Knife toolom prema granicama bijele površine logoa, a pomoću
Anchor toolsa prilagodite krivulju.

Okvir koji smo stvorili postavljen pored originalnog logoa.

VJEŽBA ZA PONAVLJANJE

• 5. Eyedropper toolom prenesite boje s originalnog na naš logo.

• 6. Izbrišite granice stvorenog loga.

• Rad spremite u .ai i .pdf

Originalni logo i logo koji smo nacrtali jedan pored drugoga.

PITANJA ZA PROVJERU

1. Kojim alatima možemo crtati u Illustratoru?

2. Kako se koristi Pen Tool?

3. Kojim alatom manipuliramo ključnim točkama?

4. Kako crtamo ravne linije?

5. Kako crtamo pravilne geometrijske likove

6. Koja je razlika između alata Selection tool i Direct selection

tool ?
• Poveznica na kratki tutorijal s Youtube-a za ponavljanje i utvrđivanje
gradiva:

https://www.youtube.com/watch?v=3GzumUieDPY

• Ponovite naučeno rješavanjem kviza: https://

quizizz.com/join/quiz/5e76f1484ad259001c269dec/start

• Hvala na pažnji!

Pripremila: Marijana Brdar