Gimp

GIMP - osnove
Dekani, 2006
MME – Zdravko MUTIČ
Osnovne skupine orodij
Orodja za izbiro območja
●
Orodja za pogled in razbiranje podatkov iz slike
●
Orodja za transformacijo (preoblikovanje) območja
●
Orodja za besedilo
●
Orodja za risanje in barvanje
●
Orodja za posebne učinke (kloniranje, mehčanje in ostrenje,
razmazovanje, poudarjanje)
●
Iz menijske vrstice (ali desni klik na sliki) so dostopni
še naslednji meniji za:
●
obdelavo barv
●
filtri za posebne efekte
●
razni dodatki (Script-Fu), npr. izdelava animacij, ..
2
Orodja za izbiro
Prvo nekaj osnov.
Karkoli počnemo, učinkujemo le na izbranih območjih,
preostali del slike se ne spreminja. Seveda lahko izberemo
poljubno območje, kakor tudi celotno sliko.
Ker redko uspemo v prvem poskusu, sta ukaza:
●
razveljavi - Ctrl + Z (vrnemo se korak nazaj) in
●
uveljavi - Ctrl + Y (uveljavimo razveljavljeni korak)
naša glavna zaveznika.
Pozor: splača se sproti shranjevati posamezne faze obdelave
slike v formatu . xcf, saj le ta shrani trenutno stanje
(vključno z izbiro) in se lahko vedno vrnemo v prejšnja
stanja, če nismo zadovoljni.
3
Orodja za izbiro
Zakaj izbiramo območja slike?
Da jih lahko potem:
●
premikamo
●
kopiramo in prilepimo na drugo sliko
●
obdelamo (barve, prozornost, kontrast, svetlost, ...),
medtem ko preostali del slike ostane nespremenjen.
4
Orodja za izbiro
Levo: navadna izbira (ostri rob)
Sredina: Antialiasing (zglajen rob)
Desno: Feather edges (blagi prehod)
5
Orodja za izbiro
Pravokotna oblika (v kombinacijo s tipko Shift - kvadrat)
Elipsasta oblika (v kombinacijo s tipko Shift - krog)
Prostoročna izbira - zanka
Izbira na osnovi podobnih barv (znotraj omejenega področja)
Izbira na osnovi podobnih barv (po celotnem področju slike)
Čarobne škarje – izbira po robu območij različnih barv
Bezierjeve krivulje – določimo točke in urejamo krivulje med njimi
Orodje za premikanje izbranega območja
6
Orodja za izbiro
Izbira pravokotne oblike
Način (mode - replace) – z izbiro nadomestimo prejšnji izbor.
7
Orodja za izbiro
Dodajanje izbire – elipsaste in prostoročne oblike.
Način (mode - add) – izboru območja dodajamo nove izbore.
Bolj priročna je uporaba tipke Shift (poleg kurzorja miške se
pojavi znak + ), ki deluje tudi nad že izbranim območjem.
8
Orodja za izbiro
Premikanje izbranih
območij.
Izbrano območje lahko premikamo.
Ko postavimo kazalec miške nad območje, se le ta samodejno
spremeni v orodje za premikanje (zato moramo uporabiti tipko
Shift pri dodajanju izbire).
Drugi način je uporaba orodja za premikanje iz palete orodij.
Opravi samo eno premikanje, za drugo moramo vmes klikniti
9
na neoznačenem delu slike.
Orodja za izbiro
Izbrano območje
lahko kopiramo in
nato prilepimo na
neko drugo sliko.
Desni klik miške na
izbranem območju
in odpre se menijsko
okno.
10
Primer1 – združevanje dveh slik
Izberem sliko za ozadje.
Izberem sliko, katere
del (sebe) bom izrezal
in nalepil na sliko z
11
ozadjem.
Primer1 – združevanje dveh slik
Z uporabo orodja
za prostoročni
izbor, na »grobo«
izberem objekt mojo malenkost.
12
Primer1 – združevanje dveh slik
Dodajanje tipka Shift,
odvzemanje tipka Ctrl.
S tipko » + « ustrezno povečam pogled na sliko. Sedaj
lahko natančno določim meje izbranega območja.
13
Primer1 – združevanje dveh slik
Potrebno je kar nekaj
dela in velika doza
potrpljenja, da se
prebijem do končnega
rezultata – dokaj
natančen izrez
»objekta« - vašega
učitelja.
Sproti shranjujem
vmesne korake v
obliki xy.xcf.
14
Primer1 – združevanje dveh slik
»Objekt« - sebe
ustrezno pomanjšam,
da se bo lepo
prilagodil ozadju.
Izbira »Keep aspect«
poskrbi, da ne pokvarim
razmerja širine in
višine »objekta« zopet sebe.
15
Primer1 – združevanje dveh slik
Ko se prebijem do
željenega rezultata,
»objekt« - sebe
pomanjšam z ukazom
Scale.
16
Primer1 – združevanje dveh slik
»Objekt« - sebe kopiram v pomnilnik z ukazom Copy,
nakar ga prilepim na sliko z ozadjem z ukazom Paste.
17
Primer1 – združevanje dveh slik
Ugotovim, da je »objekt« - moja malenkost še vedno
prevelik, zato ponovim postopek pomanjšave.
18
Primer1 – združevanje dveh slik
»Objekt« - zopet sebe premaknem na ustrezno pozicijo
z uporabo orodja za premikanje - Move.
19
Primer1 – združevanje dveh slik
»Objekt« združim z ozadjem – Anchor layer (zasidram).
Sedaj je to ena sama slika.
20
Primer1 – združevanje dveh slik
»Objekt« izstopa, zato uporabim orodje za
kloniranje. Z miško se postavim na območje,
ki ga bom kloniral (morje) in s pridržano
tipko Ctrl pritisnem levi gumb miške.
21
Primer1 – združevanje dveh slik
Spustim tipko Ctrl in čez »objekt« narišem morje
(območje, ki sem ga kloniral). Lahko tudi območje z neke
22
druge slike.
Primer1 – združevanje dveh slik
Z orodjem Blur zmehčam izrazite
robove »objekta« (mejo med slikama).
23
Primer1 – združevanje dveh slik
Z orodjem Burn potemnim določene dele
slike.
24
Uporabno za popravljanje »rdečih oči«.
Primer1 – združevanje dveh slik
Sliko shranim v obliki JPEG (stisnjen format slike).
25
Primer1 – združevanje dveh slik
Na končen rezultat je med ostalim vplivala tudi izbira
zanimivega in lepega »objekta«.
26
Primer2 – animacija besedila
Najprej razčistimo kaj je animacija.
Animacija je zaporedje pojavljanja slik, ki ustvari
učinek premikanja.
Torej: prikaže se prva slika, nakar se čez postavi druga
plast - layer, itd ...
Problem: želim, da se črke izpisujejo ena za drugo.
Če prva plast vsebuje vse črke, bodo te vidne tudi na
vseh naslednjih plasteh, saj so vedno v ozadju.
Rešitev: prvo plast z vsemi črkami preimenujem v zadnjo,
27
pred njo bo plast, ki ima eno črko manj, itd ...
Primer2 – animacija besedila
Začnem z novo - prazno
sliko.
Izberem velikost:
širina – 640 pik,
višina – 480 pik.
28
Primer2 – animacija besedila
Izbira orodja za
dodajanje
besedila.
Izbira pisave
in velikosti Size.
Izbira barve pisave.
29
Primer2 – animacija besedila
S klikom na sliki
se odpre pogovorno
okno v katerega
vnesem besedilo,
nakar ga z orodjem
za premikanje
postavim na
določeno mesto.
30
Primer2 – animacija besedila
Besedilo ustrezno
povečam.
31
Primer2 – animacija besedila
Zmehčam robove besedila:
Filters – Gaussian Blur (radij mehčanja nastavim na 2).
32
Primer2 – animacija besedila
Besedilo stopim (združim) z ozadjem - MergeDown.
33
Primer2 – animacija besedila
Izbor ozadja – besedilo ni izbrano.
34
Primer2 – animacija besedila
Odstranim ozadje – prozorno ozadje.
35
Primer2 – animacija besedila
Izbira orodja za preliv barv.
Od barve ospredja k barvi
ozadja (FG to BG).
Oblika krogle – Shaped (spherical).
Nastavitev barve
ospredja in ozadja
(dvoklik na ustreznem
kvadratku).
36
Primer2 – animacija besedila
Deloval bom na
besedilu, zato
moram obrniti
(invert) izbor pred tem je bilo
izbrano ozadje.
Preliv – kliknem in se s pridržanim
levim gumbom miške premaknem v
smeri prelivanja barv.
37
Primer2 – animacija besedila
Odprem pogovorno okno plasti (layers), v katerem
je vidna prva plast.
38
Primer2 – animacija besedila
Plasti se nalagajo ena na drugo, v ozadju
je plast z najnižjo številko (prva slika).
Plast z vsemi črkami mora imeti najvišjo
številko, sicer bodo vedno vidne vse črke,
čeprav jih na ostalih plasteh ni !!
Prvo plast preimenujem v “20“.
Gumb z očesom nam pove, da je ta
plast vidna.
Izklopim jo z pritiskom na gumb. 39
Primer2 – animacija besedila
Podvojim plast (duplicate layer), dodelim mu ime - “18“
(mora se prikazati pred plastjo “20“, saj bo imela eno
črko manj), in jo ponižam, tako da bodo prikazane v
pogovornem oknu v enakem vrstnem redu, kot se bodo
prikazovale v animaciji.
40
Primer2 – animacija besedila
Izklopim pogled
na zadnjo plast,
na kateri se
nahajajo vse
črke, sicer bi
se zdelo, kot da
radirka ne briše,
nakar se postavim
na plast “18“ in
z radirko zbrišem
črko o.
Postopek ponovim
na novih plasteh.
41
Primer2 – animacija besedila
Slej ko prej, po določenem številu
korakov (kolikor je črk), pridelam
zadnjo plast - “3“, ki se bo prikazala
kot prva in vsebuje samo eno (prvo)
črko besedila.
Pozor na očesa !!
Če so vidne tudi ostale plasti, bo vidno
tudi besedilo v celoti.
Seveda vklop/izklop očesa ne vpliva na
animacijo.
42
Primer2 – animacija besedila
Vedno je možen je predogled animacije.
43
Primer2 – animacija besedila
Ker bom dodal dodatne učinke na
koncu, ko se prikaže celotno besedilo,
podvojim zadnjo plast - “20“.
44
Primer2 – animacija besedila
Besedilu bom dodal
zvezde v barvi ospredja
(foreground), zato
nastavim ustrezno barvo
in s čopičem nanesem
nekaj točk na strateška
mesta.
45
Primer2 – animacija besedila
V meniju svetlobni efekti (Light Effects) izberem
zvezdo (Sparkle) in nastavim lastnosti (svetlost,
št. in dolžino krakov, itd ...).
Zvezde delam iz točk barve ospredja (Foreground color).
46
Primer2 – animacija besedila
Koliko časa se bo posamezna plast pojavljala določim v
samem imenu plasti, tako da dodam (300ms) – brez
presledkov, kar pomeni, da bo plast na zaslonu 300
mili (tisočink) sekund.
Privzeta vrednost je 100ms (če nič ne navedem).
Učinek utripanja dosežem tako, da na koncu animacije
izmenično prikazujem (kopiram) plasti, ki vsebujejo
celotno besedilo z/brez zvezd.
47
Primer2 – animacija besedila
Izdelek (vse plasti)
najprej shranim v
obliki .xcf.
Tako lahko animacijo
kasneje poljubno
spreminjam.
Na koncu izdelek
shranim kot sliko
oblike .gif, ki
podpira animacijo.
Oblika .jpeg ne
podpira animacije.
48
Primer2 – animacija besedila
Sliko shranim kot
animacijo (Save as
Animation).
Drugi način je
shranjevanje slike
z vsemi vidnimi plastmi.
Tu določim, naj se
animacija izvaja v zanki
(neskončno), ne pa samo
enkrat. Določim tudi čas
za vse plasti, kjer le-ta
ni določen (150ms).
49
Primer2 – animacija besedila
K uspešni izvedbi animacije je vplivala tudi izbira za
oko in uho prijetnega besedila.
50