Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Designing
Design

Jak stworzyć profesjonalny layout czasopisma

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Book Templates .
42 Best InDesign Template Tutorials
How to Change Page Size in InDesign

Polish (Polski) translation by Katarzyna Kapusta (you can also view the original English article)

Kilka razy w miesiącu przypominamy te spośród wpisów z dziejów Vectortuts+, które najbardziej spodobały się naszym czytelnikom. Tutorial Otto Costera, który dziś przedstawiamy, opublikowaliśmy 4 sierpnia 2010.

Czy zastanawiałeś lub zastanawiałaś się może kiedyś, jak profesjonalni projektanci osiągają tę idealną równowagę między tekstem a obrazem? Korzystając z wszechstronnych narzędzi typograficznych InDesigna, nauczysz się, jak stworzyć i wypełnić treścią layout (makietę czy układ strony) czasopisma.


Krok 1 Ustawienia dokumentu

W tym tutorialu użyjemy dokumentu o standardowym rozmiarze A4. Zacznij od ustawienia liczby stron na 8, spadu (bleed) na 2 mm, żeby ilustracje mogły się na siebie nakładać, marginesów na 10 mm na górze i na dole, wewnętrznego na 13 mm i zewnętrznego na 20 mm. Przy dwustronnej rozkładówce większy margines po zewnętrznej stronie po prostu lepiej wygląda, a do tego pozostawia nieco miejsca do trzymania przy wersji drukowanej. Wielkość marginesów będzie istotna również w kolejnym kroku - przy konfiguracji siatki strony.


Krok 2 Tworzenie siatki

Aby ustawić siatkę strony, przejdź do "A-master spread" i wybierz polecenie Layout > Create Guides. Siatka pomaga zachować spójność makiety i tworzy szkielet dla rozmieszczenia treści. Dobrze użyta siatka to pierwsza rzecz, której potrzebujesz, by nadać makiecie profesjonalny wygląd. W tym tutorialu użyjemy siatki 12 rzędów na 12 kolumn, przy odstępie 3 mm. Zaznacz opcję Fit Guides to Margins, by powstała siatka z kolumnami o szerokości 12 mm.

Dlaczego właśnie taka? Szerokość naszej strony wynosi 210 mm, przy marginesie zewnętrznym 20 mm i wewnętrznym 13 mm, mamy więc 177 mm na 12 kolumn i 11 odstępów. Mamy więc 12 kolumn szerokości 12 mm plus 11 odstępów po 3 mm  - co razem daje 177 mm.


Krok 3 Ustawianie tła

Tworząc makietę czasopisma, musisz pamiętać o zachowaniu równowagi między białą przestrzenią, ilustracjami i tekstem. Warto jest wykorzystać w charakterze tła obrazek z dużą ilością  'pustej' przestrzeni, bo przestrzeń wokół głównego obiektu na zdjęciu działa podobnie jak białe pole. Ja wykorzystałem fotografię zatytułowaną Summertime Sunshine by Stewart. Ma ona ciekawe, rozmyte tło, nad ktorym możemy umieścić tekst.

Przejdź do stron 2-3, umieść fotografię w przestrzeni spadu i rozciągnij ją na całą rozkładówkę. Przesuń zdjęcie w obrębie ramki w taki sposób, by jego główny  obiekt zmieścił się w marginesach pierwszej strony;  góra koktajlu niech dotyka krawędzi rzędu siatki.


Krok 4 Tworzenie tekstu podstawowego

Utwórz teraz ramkę tekstową, która znajdzie się na równej linii w pionie i poziomie z koktajlem na sąsiedniej stronie - w moim przypadku: od trzeciego rzędu i piątej kolumny siatki. Powstaje w ten sposób wyobrażona linia, która łączy ilustrację i tekst. Użyłem tytułu zdjęcia, 'Summertime Sunshine', jako nagłówka i wypełniłem resztę ramki tekstem automatycznym za pomocą polecenia "Fill with placeholder text".


Krok 5 Konfigurowanie siatki linii bazowych

Aby tekst dobrze wyglądał, potrzebujemy jeszcze siatki linii bazowych. Przejdź do Preferences > Grids i ustaw parametr Increment Every (odstęp co...) na 8 pt. W tutorialu użyjemy tekstu o rozmiarze 12 pt przy interlinii (leading) 16 pt. Siatka linii bazowych co 8 punktów, czyli w odstępach równnych połowie interlinii, zapewnia elastyczność, bo możemy użyć jej również dla mniejszych rozmiarów tekstu.


Krok 6 Ustawianie podstawowego styl akapitu

Przejdź do palety stylów akapitu i zmień ustawienia stylu dla akapitu podstawowego (Basic Paragraph). Ja użyłem FF Meta Book Roman o rozmiarze 12 pt i interlinii 16 pt. Możesz też pozostawić interlinię w ustawieniu automatycznym - nasza siatka linii bazowych sama zadba o poprawne dopasowanie.


Krok 7 Wyrównanie

Przejdź do sekcji Wcięcia i odstępy (Optical Margin Alignment) i wybierż opcję Wyrównanie do lewej z justowaniem (Left Justify). W sieci ładnego justowania niemal nie da się osiągnąć, jednak w InDesignie uzyskamy je bardzo łatwo. Zmień też ustawienie Wyrównaj do siatki na opcję Wszystkie linie (Align to Grid; All Lines) i ustaw odstęp poniżej akapitu na 16 pt. Nie musisz tego robić dokładnie w ten sposób - do oddzielenia akapitów możesz też użyć Wcięcia pierwszej linii (First Line Indent).


Krok 8 Dzielenie wyrazów

Dzielenie wyrazów (Hyphenation) odgrywa w tekście justowanym bardzo ważną rolę. Rozbija długie słowa na końcu kolumny, tak aby miała ona prostą krawędź i by nie było wielu luk. Podstawowe ustawienia dzielenia w InDesignie wymagają nieco dostosowań, by tekst dobrze się prezentował. Zmieniam ustawienia w taki sposób, by dzielone były tylko słowa o długości przynajmniej 6 liter i by dzielenie następowało po pierwszej literze i co najmniej na 3 litery od końca wyrazu. Limit dzieleń pozwala ustalić, ile linii z rzędu może kończyć się łącznikiem. Moim zdaniem 3 łączniki to zdecydowanie zbyt wiele, przy pojedynczym łączniku tekst wygląda znacznie lepiej. Odznacz też pola wyboru dla wyrazów pisanych wielką literą i dla ostatniego słowa.


Krok 9 Justowanie

Domyślne ustawienia justowania dają tekst nieco zbyt luźny.  Ustaw odstępy między wyrazami na co najmniej 85% i co najwyżej 105%. Wtedy "dziury" w tekście nie będą ani za małe, ani za duże. Dla odstępów między literami, ustaw minimum na -2%, a maksimum na 2%. Justowanie będzie wtedy wyglądać znacznie lepiej. Możesz też w razie potrzeby poeksperymentować ze skalowaniem glifów.


Krok 10 Kolor tekstu

Wybrałem dla tekstu kolor biały ze względu na ciemne tło. Możesz dobrać taki kolor, który po prostu najlepiej wygląda, pamiętaj jednak, by tekst był czytelny.


Krok 11 Kolumny tekstowe

Otwórz Opcje ramki tekstowej, klikając prawym klawiszem w obrębie ramki, i zmień liczbę kolumn na dwie przy odstępie (gutter) 3 mm. W ten sposób długość linii jest ograniczona, co poprawia czytelność.


Krok 12 Nagłówek

Dla nagłówka potrzebujemy większego rozmiaru: 42 pt i ujemnej wartości światła (trackingu): -50, aby zmniejszyć nieco odstępy między literami. Nagłówki często zyskują na zmianie ustawień światła.


Krok 13 Tekst obejmujący dwie kolumny

W InDesign CS5 pojawiła się nowa opcja - akapit może objąć swoją szerokością kilka kolumn. Użyjemy jej tutaj, by rozciągnąć nasz nagłówek nad obie kolumny ramki tekstowej.  W menu rozwijanym Paragraph Layout wybierz opcję Span Columns, a poniżej - opcję All.


Krok 14 Ustawienia nagłówka

Ze względu na ustawienia światła, litery "r" i "t" stykają się ze sobą. Tego należy z zasady unikać. Żeby rozwiązać ten problem, ustawiłem światło pomiędzy tymi literami na 75 - tyle miejsca wystarczy, by je rozdzielić.


Krok 15 Wyrównanie marginesu optycznego

Na koniec wprowadzimy jeszcze małe udoskonalenie za pomocą narzędzia z palety Story: Wyrównania marginesu optycznego. Wypchnie ono łączniki, cudzysłowy i szersze znaki, takie jak W czy A, poza obręb ramki tekstowej. Dzięki temu jej krawędzie staną się bardziej wyraźne. Kliknij na ramkę tekstową, włącz optyczne wyrównanie marginesów (Optical Margin Alignment) i ustaw jego wartość na zgodną z rozmiarem tekstu podstawowego.


Podsumowanie

Właśnie stworzyłeś prostą, ale poprawnie skomponowaną stronę o ładnej typografii i dobrym wykorzystaniu pustej przestrzeni. Wiesz już, jak zaprojektować spójny układ strony czasopisma.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.