Grafika komputerowa. Adam Wojciechowski

Transkrypt

1 Grafika komputerowa Adam Wojciechowski

2 Znaczenie i kompozycja koloru Dobrze dobrane kolory nadają scenie odpowiedni nastrój i wiążą ją w kompozycyjną całość. Źle dobrany kolor rozbija scenę, nadaje jej wygląd nieskładny i sztuczny

3 Koło barw Temperatura koloru zależy od przeważającego w nim odcienia z koła barw. Kolory ciepłe zawierają więcej żółtego (Y) lub czerwonego (R), kolory zimne więcej niebieskiego.

4 1. Kolory ciepłe Są agresywne i przyciągają uwagę (najsilniej czerwony i pomarańczowy). Czerwony symbolizuje życie, pasję. Pomarańczowy jest kolorem radości i rześkości. Żółty oznacza ciepło i żywotność. Firma A Firma B

5 2. Kolory zimne -Dają poczucie spokoju i świeżości. Niebieski daje poczucie chłodu, spokoju. Zielony oznacza wzrost, wiosnę.

6 3. Odległość, objętość, ciężar Obiekty w kolorach ciepłych wydają się większe i bliższe. Obiekty w kolorach zimnych wydają się mniejsze i odleglejsze. Czerwony i czarny zwiększają wrażenie ciężaru i ciepła, niebieski i biały - zmniejszają. Czarny zmniejsza wrażenie objętości, biały - zwiększa.

7 4. Kolory dopełniające (uzupełniające) - Leżą naprzeciwko siebie w kole barw. - Użyte obok siebie nawzajem się uwypuklają tworząc silny kontrast przyciągający wzrok. - Niepożądane są wypełnienia tonalne między kolorami dopełniającymi. - Cień rzucany przez kolorowy obiekt ma tendencję do zabarwienia się barwą dopełniającą. Zielony i czerwony tworzą silną wibrację. Zielony i czerwony tworzą silną wibrację. Zielony i czerwony tworzą silną wibrację. Zielony i czerwony tworzą silną wibrację. Zielony i czerwony tworzą silną wibrację. Zielony i czerwony tworzą silną wibrację.

8 5. Kolory analogiczne -Leżą w kole barw obok siebie. -Mogą wzajemnie współistnieć nie rywalizując ze sobą. - Dobrze komponują się w wypełnieniach tonalnych.

9 6. Drobne elementy powinny się wyróżniać głównie jasnością Kolory Jasność Kontrast biały - czarny 1,0 0,0 najsilniejszy, przytłaczający biały - niebieski 1,0 0,1 dobry żółty - czarny 0,9 0,0 dobry żółty - niebieski 0,9 0,1 dobry czerwony - niebieski 0,3 0,1 zły biały - żółty 1,0 0,9 najsłabszy niebieski - czarny 0,1 0,0 najsłabszy biały na czarnym biały na niebieskim żółty na czarnym żółty na niebieskim czerwony na niebieskim biały na żółtym niebieski na czarnym L = 0,3R + 0,6G + 0,1B

10 Znaczenie kolorów w reklamie Czerwony wyraża silny pęd do sukcesu, mocnych przeżyć i pełni życia. Jest kolorem pobudzającym, podniecającym i irytującym. Zwiększa tętno i ciśnienie krwi. Zawiera w sobie największy ładunek aktywności. Osoby preferujące czerwień są zwykle impulsywne, a zakupy szczególnie dokonywane w towarzystwie są dla nich dobrą rozrywką. Kolor czerwony w reklamie jest odpowiedni do wyzwalania impulsywnej chęci zakupu. Czerwień wzmaga też apetyt, dlatego jest wiodącym kolorem na opakowaniach zup. Podnosi również męski appeal (kosmetyki).

11 Niebieski kojarzy się z orzeźwieniem, relaksacją. Osoby lubiące ten kolor pragną spokoju, harmonii i uporządkowania. Użyty w reklamie może sugerować, że zakup danego towaru wprowadzi odrobinę spokoju w życie. Ten najzimniejszy kolor wykorzystywany jest w reklamie mrożonek (często razem z czerwonym) oraz wszędzie tam, gdzie reklamowany produkt ma przynieść ulgę i odprężenie. Użycie błękitu może kojarzyć się ze smutkiem.

12 Pomarańczowy polepsza nastrój, wyzwala aktywność i dodaje sił. Uważa się, że kolor ten jest właściwy na opakowaniach artykułów spożywczych; wraz z brązem (wspomnienie jesieni) nadaje się do reklamy owoców. Żółty podwyższa aktywność. Przyciąga uwagę, szczególnie w zestawieniu z czarnym. Przywiązanie do niego znamionuje chęć uwolnienia się od napięć i nadzieję osiągnięcia szczęścia i sukcesu. Osoby preferujące żółty bywają niezdecydowane, często kupują na kredyt i bez namysłu. W reklamie wyzwala chęć działania i spróbowania.

13 Brązowy jest kolorem typowym dla ludzi, których cechuje brak poczucia bezpieczeństwa i ciągła frustracja. Stąd nadaje się do reklam produktów zapewniających bezpieczeństwo. Brązowy jest kolorem o męskim charakterze, kojarzy się z ziemią, ciepłem, komfortem. Może być używany w reklamie wielu wyrobów, szczególnie w reklamie kosmetyków. Opakowanie w odcieniach brązu sugeruje, że wyrób jest godny zaufania. Jednocześnie kolor ten zniechęca do kupowania na kredyt (obniża komponent agresywności).

14 Zielony symbolizuje twardość, nieustępliwość i potrzebę uznania. Stąd odcienie zieleni polecane są w reklamie kierowanej do biznesmenów. Zieleń jest symbolem zdrowia i rześkości. Kojarzy się z lekkością, świeżością, działa relaksująco (w nadmiarze depresyjnie). Osoby preferujące kolor zielony odznaczają się stałością i szczerością, co można wykorzystać tworząc przywiązanie do marki. Jednocześnie kolor zielony może prowadzić do rezygnacji z zakupów na kredyt, gdyż budzi rozsądek i uświadamia konieczność podejmowania trafnych decyzji.

15 Fioletowy obniża nastrój. Fascynuje i oczarowuje ludzi niedojrzałych emocjonalnie. Używany w reklamie damskich kosmetyków.

16 Kontrast Kontrast polega na zestawieniu odmiennych elementów w celu przyciągnięcia i zatrzymania uwagi widza. Jest najbardziej skuteczny, gdy istnieje powód by zwrócić uwagę na jeden element, a odwrócić ją od innego.

17 Kontrast walorowy (tonalny) Odzwierciedla zależność jasny-ciemny. Występuje w tle z tonalnym przejściem między dwoma odcieniami szarości lub odcieniami barwy. Drobne elementy (linie, tekst) powinny się odróżniać od tła głównie jasnością. Każdy krój pisma ma swój własny odcień:

18 Kontrast rozmiarowy Odzwierciedla zależność duży-mały. Wielkie elementy zostaną zauważone z powodu swojego rozmiaru, z kolei drobny element natychmiast przyciąga uwagę, jeżeli jest otoczony dużym obszarem bieli. Różne rozmiary czcionki stosuje się dla tytułów, śródtytułów, nagłówków i tekstu podstawowego.

19 Kontrast ciężkości Odzwierciedla zależność gruby-cienki, np. gruba i cienka linia. Jest łatwo zauważalny w tekście, gdy stosujemy pismo wytłuszczone i normalne.

20 Kontrast kształtu Operuje różnicą kształtów elementów leżących obok siebie, szczególnie figury geometrycznej z elementem o nieokreślonym kształcie. Powtarzanie (wielokrotne powielanie elementu) w połączeniu z kontrastem kształtu przydaje harmonii i ciągłości projektowanej stronie.

21 Kontrast położenia Osiąga się go przez usunięcie lub powielenie elementu należącego do pewnej grupy lub obrócenie tekstu lub grafiki o pewien kąt.

22 Kontrast teksturowy Operuje różnicą między tłem wypełnionym wzorem i umieszczonymi na nim elementami. dobrze źle

23 Typografia

24 Czcionka W tradycyjnej typografii czcionka jest zbiorem figur reprezentujących litery, cyfry i znaki o wspólnej pod względem kompozycyjnym stylistyce, przy czym nie jest istotna technika odwzorowania tych figur. W grafice komputerowej czcionka jest plikiem lub programem, który jest wykorzystywany do odwzorowania lub tworzenia kształtu liter, cyfr i innych znaków. Czołg Wiosna Właściwa czcionka współgra z treścią tekstu

25 Małe odstępy miedzy literami zmniejszają ich czytelność, udaremniając korzystanie nawet z największych czcionek. Zbyt duży kontrast pomiędzy grubymi i cienkimi elementami liter prowadzi do nieładu i utraty harmonii kształtów samych liter. Minimalizacja różnic pomiędzy literami poprzez zaokrąglenia na rogach oraz wyrównanie do linii wszystkich horyzontalnych środków powoduje utratę czytelności. Zbyt cienkie pociągnięcia liter nie wykorzystują w pełni podstawowych kształtów, zlewają się z tłem i stają się nieczytelne z dystansu. Zbyt ciężkie litery z dystansu stają się nieczytelnymi plamami, podstawowe kształty są nie do rozróżnienia, a litery nie do rozpoznania. Kursywa i podobne style poświęcają czytelność kształtów na rzecz dekoracyjnych aspektów, trudno zatem identyfikować pojedyncze litery. Impact biuletyn na temat reklamy plakatowej w Polsce, grudzień 1997.

26 Grafika komputerowa Grafika komputerowa Grafika komputerowa Podczas czytania identyfikujemy litery głównie na podstawie górnej połowy wiersza

27 szeryf Wydłużenia: górne dolne majuskuła (duża litera) Anatomia pisma linia górna pisma linia bazowa linia dolna interlinia 40 minuskuła (mała litera) odstęp międzyznakowy (spacja) Stopień pisma: 50 punktów 1 punkt = 1/13837 = 0,352mm wg systemu Pica (ang. am.) Interlinia: 40 punktów, 50/90 Kerning koryguje spacje między wybranymi parami znaków Tracking koryguje spacje w zaznaczonym f ragmencie tekstu

28 W długich tytułach zmniejszenie interlinii łączy wiersze Zwiększenie interlinii w tekście zwartym poprawia czytelność. Tutaj Times New Roman 14/19. W tytule Arial 20/24. Długie wiersze ciągnące się przez całą szerokość strony lub ekranu należy złamać. Długość wiersza w druku do 60 znaków, na ekranie do 40 znaków. dobrze Zwiększenie interlinii może rozdzielić wiersze tytułu Mała interlinia w tekście zwartym pogarsza czytelność. Tutaj Times New Roman 14/15. W tytule Arial 20/30. Długie wiersze ciągnące się przez całą szerokość strony lub ekranu należy złamać. Długość wiersza w druku do 60 znaków, na ekranie do 40 znaków. źle

29 Krój pisma Charakterystyczny kształt kompletu znaków drukarskich Druk: krojów szeryfowych używa się w tekście zwartym (o małym stopniu pisma), krojów bezszeryfowych w tytułach. Ekran: w tekście zwartym czytelniejszy jest krój bezszeryfowy Pisanki, czyli kroje ozdobne, używane są na plakatach, zaproszeniach itp.

30 Odmiany danego kroju tworzą rodzinę. Na jej czele znajduje się krój pisma w odmianie podstawowej Nie należy nadużywać ilości stosowanych krojów pisma, gdyż na siłę wzbogacona strona przestaje być czytelna. W druku klasyka to Times w tekście zwartym i Helvetica w tytułach. Microsoft zaprojektował dla ekranu czcionki Georgia i Verdana.