[Teoria] Typografia, a grafika.

[dudsonowa]

Jeden zły dobór czcionki może zniszczyć całą grafikę. Jednak jej dobry dobór i wtopienie potrafi zdziałać cuda.

 

 

Czym jest czcionka? Głupie pytanie powiecie, otóż wcale nie.

Łatwo powiedzieć, że czcionka jest po prostu elektronicznym znakiem graficznym głoski.

W grafice komputerowej określenie to jednak byłoby zdecydowanie wielkim niedopowiedzeniem. Czcionka nadaje charakteru i pełni funkcję informacyjną w każdej grafice. Jej brak można uznać za partactwo i brak szacunku do odbiorcy grafiki. To tak jakby rodzicielka dała Ci na kolację kanapkę z szynką bez szynki. Niezbyt miłe uczucie czyż nie? Dobre dopasowanie tekstu do tematu grafiki to jeden plus, kolejnym jest dobry dobór czcionki, jej kroju oraz wtopienie w grafikę.

 

 

Rodzaje i kroje czcionek.

Wśród niezliczonych nazw własnych czcionek takich jak Times New Roman, Garamond, Trajan PRO, Constantia, Century Gothic rozróżniamy ogólne nazwy krojów fontów.

 

*

pismo bezszeryfowe

Pismo o kroju pozbawionym ozdobników w postaci szeryfów - końcówki znaków są proste. Pismami bezszeryfowymi są m.in. Arial, Verdana, Trebuchet MS, Helvetica, Univers, Futura.

 

*

pismo szeryfowe

Szeryfy to ozdobne, krótkie kreski stosowane w wielu krojach pisma do zwiększenia dekoracyjności danego fontu. Najczęściej są to poziome kreski będące stopkami liter, ale mogą występować również w innych miejscach znaków. Jeżeli dany font został zaprojektowany z wykorzystaniem szeryfów, to są one konsekwentnie stosowane w całym zestawie znaków pisarskich danego fontu, a w szczególności leżą one we wszystkich znakach na tej samej linii. Pismo szeryfowe wywodzi się od kutych w kamieniu napisów starożytnego Rzymu, a szeryfy i zróżnicowane grubości linii symbolizują ślad dłuta kamieniarskiego.

 

*

gotyk

Rodzina krojów pisma opartych na alfabecie łacińskim, o łamanych i bardzo ozdobnych konturach.

 

*

pisanka

Ogólna nazwa krojów pisma z klasy pisanek (naśladujących pismo odręczne), o wyglądzie kresek stanowiących znaki sugerujących wzorowanie się na stosowaniu określonego narzędzia pisarskiego, przy jednocześnie dużej dbałości o staranność pisania. Pisanki takie mają szczególnie dopracowany dukt pisma charakteryzujący się dużą jednorodnością i powtarzalnością kształtów kresek i fragmentów złożonych z tych kresek w różnych znakach.

 

 

Szukanie, pobieranie, instalacja czcionek.

Szukać i pobierać czcionki najlepiej jest na stronach do tego stworzonych, czyli w tzw. bazach fontów. Najlepsze i największe bazy z których możemy pobrać darmowe czcionki: 1001 Free Fonts, Dafont, Urban Fonts, Fonts Home, Free-Fonts.

Czcionki pobieramy zazwyczaj w pliku *rar lub *zip. Paczkę należy wypakować a następnie skopiować plik i wkleić go pod następującą ścieżkę:

Start>Panel Sterowania>Czcionki

Czcionka jest zainstalowana i gotowa do użycia. Automatycznie będzie dostępna w programach ją obsługujących (programy paczki Microsof Office, Office, Adobe, Gimp oraz inne programy graficzne).

 

 

Preferencje czcionek w Adobe Photoshop.

Podstawą jest dobra widoczność i rozpoznawanie czcionek bez przysuwania się do ekranu. To podstawy, a jednak wielu z tworzących grafikę, nie ustawia preferencji wyświetlania czcionek w tym programie.

Jak to zrobić?

Edycja>Preferencje>Ogólne

Różnicę chyba widać od razu (pierwszy obrazek pokazuje nam wygląd podglądu czcionek przy opcji średni, a drugi przy opcji ogromny):

 

 

 

Pasek edycji czcionek w Adobe Photoshop.

Czyli trochę prawdziwych podstaw dla nowicjuszy.

 

1.) Lista zainstalowanych rodzin czcionek.

2.) Lista dostępnych krojów czcionek z danej rodziny (pochylona, pogrubiona, wąska, szeroka itp.)

3.) Punkty typograficzne, czyli potocznie mówiąc rozmiar czcionki.

4.) Lista opcji wykańczania krawędzi czcionki (liter).

5.) Orientacja tekstu.

6.) Kolor czcionki.

7.) Efekty tekstu (wyginanie, zniekształcanie itp.)

8.) Typografia, akapit:

1.) Orientacja tekstu (kolejno od lewej: wyrównany do prawej, wyśrodkowany, wyrównany do lewej, wyrównany do prawej wyjustowany wyśrodkowany, wyjustowany, wyrównany do lewej wyjustowany, wyjustowany).

2.) Opcje akapitów i wcięć w tekście.

3.) Rozmiar czcionki, opcje interlinii (odstępy między wierszami), rozstrzelenie liter.

4.) Powiększenie liter w udziale procentowym, szerokość litery, kolor, opcje indeksu.

5.) Wyróżnienia tekstu (kolejno od lewej: wytłuszczenie, kursywa, wersaliki (drukowane litery), kapitaliki (drukowane litery mniejsze, większe), indeks górny, indeks dolny, podkreślenie, przekreślenie).

6.) Ustawienia jeżyka czcionki.

 

 

Krawędzie tekstu oraz jego tryb.

Opcje są jasne, ale każda prezentuje się inaczej. Tak naprawdę od krawędzi i trybu tekstu zależy bardzo dużo. Niektóre czcionki przeznaczone są głównie dla jednego trybu, inne wyglądają dobrze we wszystkich, lub większości. Różnice w trybie zobaczyć można na poniższym przykładzie:

 

 

 

Opcje mieszania.

Opcje mieszania w Photoshopie spółki Adobe jak widać są bardzo różnorodne. W programie wprowadzono ich aż 25. Każda z tych opcji oferuje nam oryginalny i inny od pozostałych sposób na wtopienie nie tylko tekstu, ale też obrazów, pędzli, czy tekstur.

Pierwsza grupa (zwykły, rozpuszczanie) umożliwia zachowanie dokładnej barwy oraz dodania pikseli wokół obiektu. Druga grupa efektów (ciemniej, mnożenie, ściemnianie, ściemnianie liniowe, rozjaśnianie liniowe, jaśniejszy kolor) bazuje głównie na efektach świetlnych. Opcje te będą słabo, lub wcale nie widoczne na kolorach takich jak biały, czy czarny; dobieranie koloru kontrastowego, lub jaśniejszego od czcionki umożliwi w pełni wykorzystanie wymienionych opcji. Grupa trzecia (nakładka, łagodne światło, ostre światło, światło jaskrawe, światło liniowe, światło punktowe, mieszanie twarde) podobnie jak w grupie drugiej bazuje na efektach świetlnych. Te jednak są z reguły w miarę dobrze widoczne, zwłaszcza nakładka. Grupa czwarta (różnica i wykluczenie) bazuje na anatomii aparatów analogowych oraz ciemni. To nic innego jak wywołanie zdjęcia w ciemni, opcje te sprawiają wrażenie między innymi negatywu. Grupa piąta (barwa, nasycenie, kolor, jasność) opierają swoje działanie na barwie oraz jej przeciwstawnych odpowiednikach.

 

 

 

Przekaz, formy umiejscowienia napisów.

Tutaj posłużę się cytatem z poprzedniego poradnika:

 

Główny napis (czyli tzw. tytuł pracy) powinien zawsze być dobrze widoczny. Nie bawiłabym się w jego wtapianie ani sprawianie, aby był jak najmniej widoczny. Po to jest czcionka aby było ją widać, zwłaszcza jeśli chodzi o tytuł. Napisy powinniśmy umieszczać zawsze w mocnych punktach, tak aby zwracały na siebie uwagę nawet jeśli są mało widoczne.

 

 

Napisy poboczne możemy ustawić na mniejsze krycie, lub inną opcje mieszania. Popróbujcie. Każde krycie wygląda inaczej na różnych rodzajach i kolorach teł.

Warto by tu wspomnieć także o prawach autorskich. Na każdej pracy powinniśmy zaznaczyć skąd wzięliśmy zdjęcia, grafiki do jej stworzenia. Pamiętajmy, że nie umieszczanie takiego podpisu jest bezprawnym wykorzystywaniem czyichś dóbr materialnych i osobistych. Podpis ten nie musi być duży, może być mały, ale ważne by był widoczny, podobnie jak podpis autora grafiki. Nie zróbcie ze swojego podpisu "przerostu formy nad treścią". Zwykła czcionka typu Trajan, Constantia wystarczy w zupełności do podpisu. Pisanki, czy gotyki to przesada.

 

 

Łączenie różnych stylów czcionek.

Z reguły nie powinno łączyć się różnych stylów czcionek np. pisanki z czcionką szeryfową. Jednak dobrze dobrane połączenie może ożywić napis znacznie bardziej niż nie jeden efekt. Z łączeniem jednak nie należy przesadzać. To już wyższa szkoła jazdy, często metoda prób i błędów skutkuje w tej sprawie najlepiej. Dobranie odpowiednich krojów oraz tworzenie ich zestawień może potrwać bardzo długo, nawet lata. Efekty są jednak olśniewające.

 

 

Czcionki bez polskich znaków, filmowe, muzyczne, zastrzeżone.

 

Używanie na grafikach czcionek nie posiadających polskich znaków jest największym i najczęściej spotykanym błędem.

Nigdy nie używajcie czcionek bez polskich znaków, jeśli wiecie, że w pracy wystąpią polskie znaki. W momentach takich programy takie jak Photoshop automatycznie zamieniają czcionkę aktywną na czcionkę z polskimi znakami. Wygląda to co najmniej gorzej niż źle.

W internecie krążą też fonty stworzone specjalnie na potrzeby filmów (np. Harry Potter, Władca Pierścieni, Star Wars), czy płyt (Madonna, Rihanna, Linkin Park). Często czcionki te można znaleźć na stronah oferujących ich pobranie. W grupach specjalnych bardzo łatwo jest je odszukać. Czcionki zastrzeżone są czcionkami niedozwolonymi do bezpłatnego użytku przy jakichkolwiek pracach, zwłaszcza komercyjnych bez wcześniejszej pisemnej zgody autora, bądź wynagrodzenia pieniężnego.

 

Słowo to najskuteczniejsza i najcięższa broń jaką człowiek może wytoczyć przeciw człowiekowi. Litery pisz rozważnie, lecz odważnie.

 

źródła: wikipedia.pl

opracowanie tekstu i grafiki: dudsonowa.

[wrboy1210]

Chuu. Już myślałem, że za przykład weźmiesz moją sygnę ("Cant fly"), w której to napis zepsuł dosłownie wszystko. < Jeszcze raz wydech >.

 

95% informacji zawartych w Twoim temacie była mi nieznana. Doceniam Twój wysiłek, bo naprawdę widać, że tutorial nie był pisany w 5 minut(a może? ). Tak więc, dzięki.

 

Btw. Ta myśl na końcu na końcu jest świetna.

[dudsonowa]

@up ten poradnik był pisany w trzy godziny . już na oczy nie widzę.

cieszę, się że jakoś Ci pomogłam )

[wrboy1210]

3 godziny, ale chyba się opłacało, bo wszystko jest tak dobrze wytłumaczone, że nawet Metińczyk by zrozumiał..:>

[ThePatrykoO]

No napisałaś się trzeba przyznać masz + ;d

[Gość]

Poradnik w 100% dla nowicjuszy. I bardzo dobrze. Można wręcz wskazać ludzi którzy nie mają pojęcia o typografii.

 

Poradnik jest bardzo estetyczny, zrozumiały i jak najprostszej opisany.

 

Gratulację

[Schittset]

Nic dodać, nic ując, jesteś zajebistym grafikiem, ale to pewnie dlatego że się tego uczysz i długo to robisz ;]]]

 

PS: Można by do tego tutka dodać jakaś paczkę fajnych czcionek

[KaXper]

@up

Chcesz czcionek ?

Tutaj masz trochę :

Download :

http://www.megaupload.com/?d=MYWACK0S

Skan :

Nie działa mi Virustotal ,ale przecież to są tylko czcionki ... Mam G-Data najnowszego z aktualizacjami co 1 godz. i nic nie wykrywa więc czyste 

Przy niektórych czcionkach może być błąd z instalką

@Topic

Zajebisty TuT Tak jak twoje prace

[dudsonowa]

@Schittset

 

Najlepsze i największe bazy z których możemy pobrać darmowe czcionki: 1001 Free Fonts, Dafont, Urban Fonts, Fonts Home, Free-Fonts.

 

wystarczy dokładnie czytać ze zrozumieniem.

[ivansLECHIA72]

naprawde się bardzo napracowałas super tut! pozdrawiam

[Kartofell]

Wow! Swietny tut... Widac, ze musialas sie przy nim sporo napracowac.

 

+

[Vented]

Poradnik 5 i + ! Estetyka na 102

Gdybym miał photoshopa to bym coś zrobił z tymi czcionkami ale nie chce mi się ściągać bo wiesz net słaby

PS:Robisz sygnatyrki? (Jeśli tak to PW )

[Kronk]

Powiem krótko :

Przejrzyste i eleganckie .

[Gość]

W końcu jakiś porządny poradnik! Bo wokół tylko metin2, metin2 i metin2...

 

Dzięki! Masz u mnie wielkiego + !

[Yuriy]

Jak UP wspomniał w końcu porządny poradnik,bardzo przejrzysty i po przeczytaniu twoich porad aż zachciewa mi się wrócić do grafiki i zająć się tym na stałe już i być coraz to lepszym.

W końcu nauka czyni mistrza.

[xxSyRiUsZxx]

Ładnie, bardzo czytelne . Masz tego + i zara Ci jebne 5*

[Wariat001]

fajny poradnik, ale wole GImpa :P

[Avenger]

@up

Kogo to zajebi*tą pracę zepsułeś swoim napisem?

@Top

Tut genialny jak zwykle

[Pau]

Dudsonowa wlaśnie dzięki tobie nauczyłem się dodawać napisy do sygnatur twój poradnik jak zwykle świetny.

[Gość]

Bardzo dobry tutorial w wykonaniu dudsonowej. Miejmy nadzieje, że przyda się początkującym. Leci + ; )

[CreatiVe01]

uuu... good poradni good.

Nie wiedziałem, że tyle można napisać o napisach w grafice ;D

na 100% przyda się komuś nawet ja coś wyniosę z tego dzięki

[Pegas©]

Co to za czcionka??Ta na dole:

 

Chodzi o tą na dole po prawej

[dudsonowa]

Co to za czcionka??Ta na dole:

 

Chodzi o tą na dole po prawej

 

Każda czcionka jest podpisana.

Ruritania-Outline.

[Mephisto1994]

Za ten poradnik wielki + dla Cb. Bardzo mi się przydał. Pozdro :P

[Valky]

Za ten poradnik wielki + dla Cb. Bardzo mi się przydał. Pozdro :P

Potwierdzam duzo osób ma problem z doborem czcionki , w sumie ja napewno też takze dzieki i + leci:)