Kompedium wiedzy dla nowicjuszy.

[Wredna]

Witam wszystkich miłośników grafiki komputerowej, którzy chcą dowiedzieć się, czego każdy nowicjusz powinien się nauczyć na początkowym stadium nauki. W tym poradniku postaram się przedstawić wszystkie podstawy oraz zasady, jakie powinny być znane każdemu, kto pragnie rozpocząć swoją przygodę z grafiką komputerową. Zapraszam do przeczytania i życzę owocnej nauki!

 

 

 

 

 

Zaczniemy od podstaw technicznych, zanim przejdziemy do robienia, jakiejkolwiek pracy graficznej. Każda sygnaturka, avatar, czy jakikolwiek inny art, musi podczas tworzenia, zawierać w sobie pewne aspekty, które sprawią, że będzie przyjemny dla oka:

 

Kolorystyka:

Grafika komputerowa to kolejna forma artystyczna. Wiele technik zaciąga między innymi z malarstwa, czy rysunku. Odpowiedni dobór kolorów, sprawi, że praca będzie estetyczna pod względem kompozycji.

Każdy kto pamięta lekcje w przedszkolu, wie, że kolory dzieli się na ciepłe i zimne, niektóre można ze sobą łączyć z celu uzyskania ładnego efektu, inne natomiast podczas połączenia bardzo często potrafią zepsuć projekt. Bardzo ważne jest, by dobierać kolory według ich typu, w przeciwnym wypadku nasza praca będzie bardzo nieestetyczna.

 

Kolory ciepłe:

Określenie barwy przesuniętych w widmie barwnym w stronę czerwieni. Określenie to może być bezwzględne (dotyczyć wyłącznie odcieni czerwieni, oranżu i żółcieni), jak i względne: może dotyczyć właściwie każdej barwy chromatycznej bardziej przesuniętej w stronę czerwieni niż barwa subiektywnie odbierana jako „czysta”.

• żółty
  
• żółto - zielony
  
• pomarańczowy
  
• pomarańczowo - żółty
  
• pomarańczowo - czerwony
  
• brązowy
  
• kremowy
  
• beżowy
  
• wszystkie kolory zawierające żółty
  
• wszystkie kolory zawierające czerwony
  

Kolory zimne:

Subiektywne określenie barw przesuniętych w widmie barwnym w stronę fioletu. Określenie to może być bezwzględne (dotyczyć wyłącznie odcieni fioletu, błękitu i zieleni), jak i względne: może dotyczyć właściwie każdej barwy chromatycznej bardziej przesuniętej w stronę fioletu niż barwa subiektywnie odbierana jako "czysta".

• niebieski
  
• fioletowy
  
• zielony
  
• biały
  
• szary
  
• granatowy
  
• czarny
  

 

 

 

Niekwestionowaną zasadą będzie więc dopasowanie koloru do rodzaju przekazu, który zamierzamy osiągnąć. Każdy element projektu może coś mówić, a najlepiej jest jak mówi. Samo już tło na bloga może dawać konkretną informację. Jeśli tło będzie jaskrawo żółte ryzykujemy mocne poirytowanie odwiedzających. Jeśli zrobimy reklamę jakiś środków odmładzających na tle czarnym, możemy zamierzonego efektu nie osiągnąć itp.

Warto również pamiętać, by koniecznie dobierać kolorystykę elementów, jakie używamy w projekcie.

Dla przykładu: Tworząc sygnaturę, gdzie główną tematyką będą żółte kurczaczki (kolory ciepłe), nie możemy stworzyć tła o zimnych barwach, np fioletowy.

 

Estetyka:

Bardzo ważne jest zachowanie estetyki w naszym projekcie. Praca nie powinna być przesadzona pod względem elementów. Nie powinna wyglądać, jak by była chropowata, czy "brudna". Bardzo często można spotkać u nowicjuszy pewien błąd, który robią- niewymazywanie elementów, które przesadnie zasłaniają pracę.

Dla przykładu posłużę się sygnaturą:

 

Zostały tutaj użyte dwie tekstury na trybie Łagodne Światło. Wygląda to bardzo nieestetycznie. Praca daje złudzenie starej, zniszczonej. Przypomina to papier, który został wytarty o żwir. Trzeba koniecznie pamiętać, by wymazywać gumką elementy, jakie nachodzą nam na główne punkty pracy (tzw focal pointy).

 

Jak widzicie, tutaj wymazałam cześć tekstury, między innymi z postaci. Gdzieniegdzie widać jeszcze jej pozostałości, ale za to praca wygląda już o wiele lepiej. Poprawiła się estetyka oraz lepiej widać, co znajduję się na pracy.

 

Kompozycja:

W każdej sygnaturze istnieją tzw focal pointy, czyli punkty. Według tej teorii są to miejsca, w które patrzący spogląda najpierw. Powinny tam znajdować się elementy najbardziej zwracające uwagę, gdyż decydują o tym, czy zatrzymamy obserwatora na dłużej, a przez to zainteresujemy go także resztą obrazu. Bardzo ważne jest, by umieszczać w nich między innymi postacie, które są głównym tematem pracy oraz napisy.

 

 

W miejscu jednej z tych kropek możemy umieścić podpis, który będzie przedstawiał autora pracy, czy też cytat nawiązujący do tematyki.

Najlepiej napisy jest robić na dolnych punktach, wygląda to wtedy o wiele bardziej estetycznie.

Warto również wspomnieć o sposobie umieszczania postaci/renderu w miejscu mocnych punktów. Trzeba pamiętać, by jego "główna" cześć była umiejscowiona na focal poincie, natomiast reszta (ta mniej rzucająca się w oczy) była skierowana w stronę środka pracy.

 

Animacja, jeżeli nie działa, użyjcie tego linku:

To jest ukryta treść, proszę

• Zaloguj się
• lub
• Zarejestruj się

 

NIGDY nie umieszczamy postaci, czy tez napisu przy samym brzegu pracy! Jeżeli tak zrobimy, to automatycznie zepsuje nam to kompozycję, praca nie będzie przyciągała wzroku i bardzo możliwe, że po drugiej stronie powstanie nam jedna wielka pustka, która jest bardzo ciężko zapełnić. (Np, render przy brzegu pracy z lewej strony=automatyczna pustka po prawej).

 

Typografia:

Typografia to nic innego, jak czcionki, jakie używamy w naszej pracy. Bardzo często nieodpowiedni font (z ang. czcionka), jego kolor i położenie (czytaj: kompozycja) może automatycznie zepsuć nam pracę. Bardzo przydatny poradnik, dotyczący tego możecie przeczytać tutaj:

To jest ukryta treść, proszę

• Zaloguj się
• lub
• Zarejestruj się

W internecie możemy pobrać bardzo dużo czcionek. Nowicjuszy bardzo często zachwyca ich wygląd, niektóre przypominają takie, które ociekają krwią, inne natomiast wyglądają, jak by były złożone z kwiatów i innych wygibasów.

Niestety, tego typu czcionki wyglądają bardzo nieestetycznie w zastosowaniu do prac graficznych.

Najlepiej w sygnaturach, foto-manipulacjach etc, jest używać czcionek szeryfowych oraz pisankowych (patrz:poradnik). Dla przykładu posłużę się sygnaturą:

 

Została tutaj użyta czcionka fikuśna, powyginana, z jakimiś wzorkami. Na dodatek jej rozmiar jest bardzo duży, zajmuje prawie połowę pracy, a kolor nijak ma się do całej tematyki. Wygląda to po prostu nie ładnie.

 

Tutaj natomiast została użyta czcionka szeryfowa oraz pisankowa. Jej kolor został dopasowany do tematyki, a rozmiar jest już o wiele mniejszy. Praca wygląda o wiele lepiej.

 

Bardzo często w sygnaturach stosuje się pewien system kompozycji podpisu:

Czcionką szeryfową, czyli taką, która nie ma w sobie żadnych wygibasów, tworzy się napis główny (w tym wypadku "dinozaur").

Natomiast czcionką pisankową tworzy się napis uzupełniający, np cytat, czy dopełnienie podstawowego napisu (w tym wypadku "t-rex king").

Należy również pamiętać, że podpis nie powinien być za duży. Standardowy rozmiar czcionki to max 16-18px.

 

Wkomponowanie renderu / Wtopienie renderu:

Jest to chyba jeden z największych koszmarów, jaki przechodzi nowicjuszy podczas tworzenia pracy graficznej, np sygnatury.

Jednak wcale nie jest to trudne! Istnieje wiele sposobów na wtopienie rendera, a każdy z nich jest bardzo prosty.

 

I. Splattery oraz inne brushe.

Wystarczy kilka elementów na renderze, by można było powiedzieć, że jest wtopiony. Na przykładzie posłużę się brushami o nazwie splattery, które są bardzo często używane w tym celu.

 

 

• Tworzymy obraz o dowolnych wymiarach. Umieszczamy na nim render (pamiętając o mocnych punktach!). Zaciągamy dwa kolory z renderu i za ich pomocą tworzymy tło przy użyciu Gradient Mapy.
  

• Na warstwie pod renderem (tworzymy nową) malujemy naszymi brushami (splatterami).
  

• Duplikujemy (kopiujemy) nasz render tyle razy, by zapełnił pole na całych splatterach. Następnie za pomocą zaznaczenia lub maski przecinającej (photoshop) tworzymy taki efekt:
  

To co nam powstało to tak zwane CM'ki.

• Kopiujemy warstwę z CM'kami i dajemy ją na samą górę. Brushe, które zbytnio zasłaniają nam render wymazujemy gumką.
  

• Dodajemy jakiś napis (czytaj:typografia).
  

• Kopiujemy warstwę z tłem i dajemy ją na samą górę. Krycie ustawiamy na około 15%.
  

 

Po wyostrzeniu praca nie będzie tak rozmyta, a render wtopiony.

 

 

 

II. Tekstury

Kolejnym sposobem na wtopienie rendera jest używanie tekstur, najczęściej na trybie warstwy "Łagodne światło".

Najważniejsza rzeczą, jaką należy pamiętać to to, że renderu NIGDY nie daje się jako ostatni. Zawsze na 1-2 warstwie.

 

• Tworzymy obraz o dowolnych wymiarach i tak jak w pierwszych punktach poradnika odnośnie splatterów umieszczamy nasz render i tworzymy tło.
  

• Nakładamy kilka tekstur, pamiętając, by były dobrane kolorystycznie, ustawiamy je na tryb warstwy "łagodne światło" ewentualnie tylko zmniejszamy ich krycie. I Najważniejsze! Soft gumką wymazujemy teksturę z postaci starając się to zrobić w ten sposób, by jej krawędzie były lekko zakryte.
  

Dzieki teksturą i przede wszystkim dzięki temu, że render umieściliśmy, na drugiej warstwie, został on wtopiony.

Jest to bardzo ważne, ponieważ umieszczanie renderu, jako ostatni, nigdy, ale to nigdy nie sprawi, że będzie on wkomponowany.

 

 

III. C4D

Kolejny sposób polega niej więcej na tym samym co z użyciem splatterów, tyle tylko, że w tym wypadku będą to rendery C4D.

Chodzi przede wszystkim o to, by część rendera była lekko zakryta.

 

 

• Tworzymy obraz o dowolnych wymiarach, robimy tło oraz umieszczamy render.
  

• Umieszczamy C4d na warstwie nad renderem oraz pod
  

• Możemy na samej górze jeszcze użyc jakiejś tekstury
  

Oczywiście to nie jest koniec całej pracy. Żeby wyglądała ładnie dobrze jest jeszcze nad nią trochę popracować

 

No i to na tyle, jeżeli będziecie jeszcze coś chcieli wiedzieć uzupełnię ten poradnik o dodatkowe informacje.

Wszystkie przykłady są mojego autorstwa, nie chodziło o super prace, a o pokazanie sposobów na nie popełnianie błędów technicznych w grafice komputerowej, przede wszystkim w sygnaturach.

Życzę wszystkim owocnej nauki i szybkiego polepszania swoich umiejętności

[Vanosh.]

Łatwo i estetycznie, przyda się.

[sorden]

Przyznam sie, że całego nie zdążylem przeczytać, ale czytam początek i zakochałem sie w tutku

[Baksiu]

 

Kocham tego taga... :c

 

Zajebisty poradnik, warty podpięcia.

[Marselo]

Bardzo przydatny Tutorial. Sam chcę zacząć przygodę z grafiką, a ten poradnik na pewno mi pomoże

Wielkie dzięki ; )

 

//Poprawiam błąd ortograficzny.

Baksiu

[AdamS12]

Super poradnik, wszystko ładnie opisane, łatwo zrozumieć, lubię to !

[HardMyStyle]

Poradnik bardzo fajny, szczególnie Twoje sygnatury bardzo mi się podobają nadal z dinkiem, i różem (lubię dużo światła).

I właśnie prosiłbym abyś podała przykłady dobrego światła, oraz złego.. A także, napisała coś o nim, bo ohydny widok jest już tego mleka np. na żółtym czy innym tle. :/

Like, kobieto!

[MrSpritex1]

Lubię to ; P mi się przyda, bo nie wiedziałem jak najlepiej wtapiać rendery.Przeczytałem cały i trochę zapamiętałem ^_^

[Carrioneater]

Like naprawdę bardzo przydatne szczególnie dla nowych osób poszukujących nauki o grafice

[Covver]

To jest do psa czy do Gimpa.

Bo nie udają mi się CMki.

[The Anonymous]

Jestem pod wrażeniem ... przyda się na pewno ...

 

Lubię to - kawał dobrej roboty !

[MrSpritex1]

To jest do psa czy do Gimpa.

Bo nie udają mi się CMki.

Do ps'a niestety.

@

ehh,żeby nie był to spam ,to napiszę jeszcze raz, co sądzę o poradniku.

Tut jak najbardziej dobry ,lecz wtopienie poprzez c4d nie podoba mi się pod względem kolorystyki :P

[Pluszer]

Jak duplikować warstwe prosze o pomoc szybko! Like

[Gość]

Jak duplikować warstwe prosze o pomoc szybko! Like

 

ctrl + j

[Pluszer]

I jak klikam na warstwe co mam splattery to mi sie one pogrubiaja ;/

[Rzulty]

Masz + .

Nie chciałabys jeszcze dorobić, co jak gdzie wgrywać, gdzie znajdziemy tekstury, jak uzyc stylów, gradientów itp? ; ))

[RiduŚ]

Super TuT.

 

A powiedz mi to poradnik dla PS czy GIMP ?

 

Bo nie mogę znaleźć tego kopiowana :/

[Dziobagg]

Super TuT.

 

A powiedz mi to poradnik dla PS czy GIMP ?

 

Bo nie mogę znaleźć tego kopiowana :/

 

 

Do ps'a niestety.

 

Czytaj komentarze RiduŚ

 

@@

A ogólnie na temat poradnika ( ) jest wręcz świetny. Skoro jest do PS'a to proponuje go przenieść do Grafika -> Photoshop

Edytowane 16 Maja 2013 przez jakim08

[Wredna]

Tutorial jest teoretyczny i nieprzypisany do żadnego programu graficznego ;-)

Jednym słowem zasady, jakich należy się trzymać przy tworzeniu np sygnatur, zarówno w Photoshopie, GIMpie, etc.

[CreatiVe01]

Poradnik wygląda jak byłby pisany na podstawie wszystkich teoretycznych jakie były na MPC.
Jeżeli poradnik jest dla początkujących to mogłaś dodać link do poradnika PTK gdzie jest słowniczek.
Zostawiam +

[Neressia]

Tutaj

natomiast została użyta czcionka szeryfowa oraz pisankowa. Jej kolor

został dopasowany do tematyki, a rozmiar jest już o wiele mniejszy.

Praca wygląda o wiele lepiej.

 

Bardzo często w sygnaturach stosuje się pewien system kompozycji podpisu:

Czcionką szeryfową, czyli taką, która nie ma w sobie żadnych wygibasów, tworzy się napis główny (w tym wypadku "dinozaur").

Natomiast czcionką pisankową tworzy się napis uzupełniający, np cytat, czy

dopełnienie podstawowego napisu (w tym wypadku "t-rex king").

Należy również pamiętać, że podpis nie powinien być za duży. Standardowy rozmiar czcionki to max 16-18px.

Niestety autorka poradnika się nie popisała. Polecam sprawdzić czym jest czcionka szeryfowa, bo tutaj wszędzie widzę zastosowaną bezszeryfową. Czcionka szeryfowa nie jest pozbawiona "wygibasów". Czcionka szeryfowa zawiera poprzeczne ogonki, zawijasy, czyli tzw. zaciosy. Nazwa bierze się od "szeryfów", czyli właśnie tych "ogonków". Czcionki bezszeryfowe takich dodatków nie posiadają, dlatego są bezszeryfowe.

 

Proszę o uwzględnienie tego na przyszłość i nie wprowadzanie w błąd ludzi...

[UfokiAtakuja]

Kawał dobrej roboty

Dzięki temu nauczyłem się czegoś o grafice :>

Naprawdę zajebiście ci to wyszło

[CoderX]

Przydatne dla nowicjuszy takich jak jak ja dzięki .

[Wredna]

Niestety autorka poradnika się nie popisała. Polecam sprawdzić czym jest czcionka szeryfowa, bo tutaj wszędzie widzę zastosowaną bezszeryfową. Czcionka szeryfowa nie jest pozbawiona "wygibasów". Czcionka szeryfowa zawiera poprzeczne ogonki, zawijasy, czyli tzw. zaciosy. Nazwa bierze się od "szeryfów", czyli właśnie tych "ogonków". Czcionki bezszeryfowe takich dodatków nie posiadają, dlatego są bezszeryfowe.

 

Proszę o uwzględnienie tego na przyszłość i nie wprowadzanie w błąd ludzi...

Niestety, ale w tym wypadku podane informacje sa dobre. Szeryf, to nie tylko "kreski", takie, jak np w stópkach dużej literki "A", gdzie mamy okazje w wielu przypadkach oglądać. Sa to również "odstępy". Nie wiem, jak to dokładnie wyjaśnić, ale można to zaobserwować chociażby w literce 'a".

[Gnypek.]

Akurat zaczynam zabawę w Grafice Komputerowej i chciałbym zostać na dłużej więc ten poradnik na pewno mi się przyda!

Like leci jak z bata strzelił! ;>