Projekt 1.
Wizytówka bez elementów dochodzących do jej krawędzi

Zaprojektowanie ciekawej i funkcjonalnej wizytówki to naprawdę wielka sztuka. Quark pozwala na wykonanie założeń szkicu projektowego i poskładanie poszczególnych części w jedną, spójną całość. W tym projekcie wykonasz projekt prostej wizytówki, która posiada jednolite tło, a do krawędzi nie dochodzą żadne elementy projektu.

Zagadnienia omówione w projekcie

• definiowanie strony dokumentu,

• prowadnice i paleta Guide Manager,

• osadzanie grafiki w formacie EPS,

• podstawowe kolory nadawane ramkom,

• praca w stosach,

• zapis pracy.

Praktyka

1. Uruchom program QuarkXPress, standardowo jak każdy inny program w systemie Windows, czyli dwukrotnym kliknięciem w ikonę programu
   , lub wybierając polecenie z menu Start | Programy | QuarkXPress | QuarkXPress for Windows.

2. Po uruchomieniu pojawi się podstawowe okno programu z aktywną paletą narzędziową Tools i chwilowo nieaktywną paletą miar (Measurements). Obydwie palety należą do typu popularnie nazywanego „pływającymi”, czyli użytkownik w każdej chwili może przemieścić je w dowolne miejsce okna programu. U góry znajduje się pasek menu głównego zawierający wszystkie polecenia niezbędne do pracy.

Rysunek 1.1. Okno programu zaraz po starcie. Widoczne palety: pionowa — narzędziowa (Tools) i pozioma — miar (Measurements)

3. Wybierz polecenie File | New z menu głównego programu. Możesz także wcisnąć skrót Ctrl+N. Pojawi się okno dialogowe, w którym należy ustawić podstawowe parametry przyszłego dokumentu. Oczywiście najważniejszy jest format, czyli wielkość strony. W sekcji Page (strona) znajduje się opcja Size (rozmiar). Kliknij kursorem w czarny trójkąt, aby rozwinąć menu wyboru podstawowych dostępnych formatów i wybierz opcję strony A4 Letter. Poniżej automatycznie zostaną wyświetlone wartości Width (szerokość) i Height (wysokość) strony. Na samym dole sekcji znajduje się opcja Orientation, która określa ułożenie strony. Możemy pracować na stronie ułożonym pionowo (Portrait) lub poziomo (Landscape). Włącz opcję Portrait.

4. Po prawej stronie okna New Document znajduje się sekcja ustawień marginesów strony (Margin Guides). Wszystkie marginesy ustaw na zero. Opcję Facing Pages (strony sąsiadujące) wyłącz. Okienko opcji powinno być puste. Pozostałe opcje ustaw jak na ilustracji. Aby opuścić okno New Document, kliknij przycisk OK.

Rysunek 1.2. Okno Nowy Dokument

5. Przed sobą masz pojedynczą stronę formatu A4. Wciśnij skrót klawiaturowy Ctrl+0 lub wybierz z menu głównego polecenie View | Fit In Window. Polecenie to zmniejszy stopień powiększenia do takiego procentu, aby w oknie programu zmieściła się cała strona.

6. Zanim stworzysz pojedynczą wizytówkę, musisz ustawić specjalne linie, do których to będziesz mógł wyrównywać większą ilość kartoników. Linie owe to prowadnice. Niewidzialne dla druku linie pomocnicze pomagające szybko rozmieszczać elementy projektu. W Quarku jak w każdym graficznym programie prowadnice można ustawić ręcznie i za pomocą wartości numerycznych.

Rysunek 1.3. Prowadnice można „wyciągnąć” ręcznie z linijek znajdujących się z lewej strony i u góry okna dokumentu. Na ekranie widoczne są jako zielone linie

Rozmiar wizytówki (standardowy) wynosi 90 mm szerokości i 50 mm wysokości. Na stronie formatu A4 mieści się 10 wizytówek (pod warunkiem, że mają identyczne tło). Dookoła wszystkich wizytówek musisz pozostawić dodatkowe wolne miejsce na stronie, aby zmieścić na nim znaczniki cięcia, które to pozwolą po wydrukowaniu dokładnie przyciąć pracę do odpowiedniego formatu. Wykonamy teraz małe obliczenia, aby precyzyjnie ustawić prowadnice. Szerokość strony równa jest 210 mm. Dwie wizytówki ułożone obok siebie (Landscape) to 2 × 90 mm = 180 mm. Pozostaje 30 mm, które dzielimy na dwie części. Stąd wiemy, jaki będzie margines lewy i prawy — po 15 mm. Identycznie oblicz margines górny i dolny. Pięć wizytówek w pionie daje sumę 250 mm. Wysokość strony równa jest 297 mm. Zatem margines górny i dolny wynosi po 23,5 mm. Z tym „bagażem” wiedzy teoretycznej przystąpmy do praktycznych czynności.

7. Z menu głównego wybierz polecenie Utilities | Guide Manager. Pojawi się specjalne okno dialogowe funkcji rozmieszczających prowadnice pionowe i poziome, oraz ustalające marginesy strony.

8. Najpierw ustawisz marginesy, od których to liczone będą pozostałe wartości rozmieszczenia prowadnic. W sekcji Origin | Boundaries wybierz opcję Type - Absolut position. Poniżej znajdują się pola, w które wpisz wartości marginesu dolnego i górnego oraz lewego i prawego. Zaznacz także opcję Use Margin.

9. W zakładce Add Guides (dodaj prowadnicę) w sekcji Spacing (odstępy) ustaw odległości pomiędzy kolejnymi liniami. W pole Horizontal (poziomo) wpisz wartość 90 mm, a w pole Vertical (pionowo) wpisz 50 mm.

10. Na koniec wprowadź ilość prowadnic w sekcji Number of Guides. Dla wartości pionowych (Vertical) wpisz 3, a dla wartości poziomych (Horizontal) wpisz 6.

11. Aby sprawdzić ustawienia, kliknij przycisk Add Guides. Quark umieści linie i jeśli wszystko wygląda poprawnie, to kliknij przycisk OK.

Rysunek 1.4. Ustawienia opcji Guide Manager

Prowadnice zostaną wyświetlone na stronie jako zielone linie. Poniżej znajduje się ilustracja z efektem końcowym działania Guide Managera, czyli komplet prowadnic. Jeśli w którymkolwiek momencie pracy nad projektem widok prowadnic będzie Ci przeszkadzał, to wciśnij klawisz F7 na klawiaturze. Dzięki temu „widoczność” prowadnic zostanie wyłączona, ale same prowadnice nie zostaną usunięte. Ponowne wciśnięcie klawisza funkcyjnego przywróci widok prowadnic.

Rysunek 1.5. Gotowy układ prowadnic

12. Możesz teraz zająć się właściwym projektem wizytówki. Do utworzonego układu prowadnic i w pełni jego wykorzystania powrócimy w drugim projekcie.
    Wybierz z palety Tools narzędzie do rysowania prostokątnych ramek graficznych - Rectangle Picture Box
    i narysuj ramkę w jednym z prostokątnych obszarów określanych przez prowadnice. Same prowadnice mają bardzo użyteczną cechę. Mianowicie przyciągają obiekty do siebie. Wykorzystując to łatwo Ci będzie narysować tło dla wizytówki. Kliknij kursorem w lewym górnym narożniku (zbiegu prowadnic) i przeciągnij kursor w prawy dolny narożnik. Prowadnice nie pozwolą Ci wyjść poza obszar, który zaznaczają.

Rysunek 1.6 Sposób rysowania ramki

13. Narysowana ramka będzie tłem dla całej wizytówki, tak więc nie musi przechowywać żadnych informacji o wstawianej grafice. Dlatego należy ją przekonwertować do postaci ramki ozdobnej. Przełącz się na narzędzie Item
    i zaznacz ramkę klikając w nią. Następnie z menu głównego wybierz polecenie Item | Content | None. Ramka, która do tej pory mogła mieć zaimportowaną ilustrację, zostanie zamieniona na ramkę bez zawartości.

14. Wybierz ponownie narzędzie Rectangle Picture Box
    i narysuj jeszcze jedną, tym razem mniejszą ramkę. W palecie Measurements znajdują się dwa okna opcji oznaczone literami W i H. Są to aktualne wymiary obiektu zaznaczonego.

Rysunek 1.7. Litery W i H pochodzą od określeń Width (szerokość) i Height (wysokość)

Kliknij dwukrotnie w wartość liczbową opcji Width (W) i wpisz nową równą 35 mm. Identycznie zamień wartość Height (H) na 20 mm. Na koniec zatwierdź nowy wymiar ramki wciskając na klawiaturze klawisz Enter.

15. Do ramki zaimportuj poleceniem File | Get Picture wektorowe logo firmy zapisane w formacie EPS. Możesz także użyć skrótu klawiaturowego Ctrl+E.

16. Aby wyśrodkować wstawioną grafikę w ramce, wciśnij skrót Ctrl+Shift+M. Ilustracja zostanie przemieszczona na środek ramki.

Rysunek 1.8. Używając narzędzia Content możesz dowolnie przemieszczać ilustrację wewnątrz ramki

17. Każda ramka posiada pewne właściwości kolorystyczne. Są nimi kolor wypełnienia ramki (tła) i kolor obrysu (obramowania). Aby móc zmieniać te wartości, musisz wyświetlić paletę Colors. Wciśnij na klawiaturze klawisz F12. Pojawi się nowa paleta. Ponowne użycie klawisza F12 spowoduje ukrycie palety.

Rysunek 1.9. Paleta Colors wyświetla informacje o kolorach użytych w dokumencie w postaci kolorowych kwadratów w dolnej części palety. U góry palety znajdują się trzy ikony. Pierwsza z lewej określa kolor obramowania ramki. Środkowa określa kolor wypełnienia lub kolor tekstu (w zależności od typu ramki). Ostatnia ikona określa kolor tła ramki. Standardowo tło ramki jest białe

18. Zaznacz ramkę narzędziem Item
    i następnie w palecie Colors przy zaznaczonej opcji Background (kolor tła) wybierz kolor None - żaden. W ten sposób uczynisz ramkę „przezroczystą”, a tym samym logo wektorowe można będzie umieszczać na dowolnym tle (np. wielokolorowym) bez widocznego białego tła. Ramkę z logo ustaw w okolicy prawego górnego narożnika projektowanej wizytówki.

19. Wybierz ponownie narzędzie Rectangle Picture Box
    i narysuj ramkę o wymiarach 65 mm szerokości i 5,5 mm wysokości. Przełącz się na narzędzie Item
    i zaznacz ramkę klikając w jej kształt. Następnie w palecie Colors zmień jej kolor tła (Background) z białego na zielony (Green). Na koniec przemieść ramkę nad logo w miejsce pokazane na ilustracji 1.10.

Rysunek 1.10. Przypisanie ramce koloru z palety Colors

20. Coś jest nie tak. Zielona ramka zasłania logo. Dzieje się tak, gdyż obiekty są poukładane w stosach. Ostatni utworzony obiekt znajduje się zawsze na szczycie stosu. W tym przypadku jest to zielony prostokąt. Oczywiście obiekty w stosach można dowolnie przemieszczać, zmieniając ich wzajemne położenie. W tym celu zaznacz ramkę z logo i wybierz polecenie Item | Bring To Front, lub możesz także wcisnąć skrót z klawiatury — F5. W efekcie tej operacji logo „wyskoczy” ponad zieloną ramkę.

Rysunek 1.11. Układ ramek ułożonych w stosie

21. Wybierz z palety narzędziowej Rectangle Text Box
    i narysuj ramkę tekstową o szerokości zbliżonej do szerokości ramki z logo. Wysokość ramki tekstowej ustal na 5 mm.

22. Przełącz się na narzędzie Content
    i wpisz tekst: www.zieloneogrody.pl. Jeśli tekst nie mieści się w ramce, zobaczysz symbol przekreślonego, czerwonego kwadratu. Za chwilę to naprawisz.

23. Zaznacz cały tekst wewnątrz ramki używając skrótu klawiaturowego Ctrl+A. Następnie w palecie Measurements wybierz wielkość czcionki na 9 pt.

Rysunek 1.12. Zmiana wielkości czcionki powoduje, że tekst mieści się w określonej ramce

24. Kolejnym krokiem będzie rozspacjowanie tekstu, aby go nieco rozciągnąć na całą szerokość ramki. W tym celu wpisz wartość 7 pt. w polu Track Amount w palecie Measurements.

Rysunek 1.13. Rozspacjowanie tekstu

25. Narysuj kolejną ramkę tekstową. Tym razem o wymiarach 29 mm na 18 mm. Przyjęło się, że podając wymiary dowolnego obiektu jako pierwszą wartość podajemy jego szerokość, a dopiero potem wysokość.

26. Postępując identycznie jak w punkcie 23 zmień wielkość czcionki, tak aby dopasować tekst do ramki.

Rysunek 1.14. Na ilustracji przedstawiono ramkę tekstową przed modyfikacją wielkości czcionki i po zmianie

27. Przełącz się na narzędzie Item
    i narysuj ramkę obejmującą wszystkie elementy wizytówki. W ten sposób zaznaczyłeś obiekty. Zaznaczenie możesz także wykonać poprzez klikanie w poszczególne obiekty z wciśniętym klawiszem Shift, ale w tym przypadku trwałoby to niepotrzebnie długo.

28. Zaznaczone obiekty trzeba zgrupować. W tym celu wciśnij skrót Ctrl+G lub wybierz polecenie z menu głównego Item | Group. Po zgrupowaniu obiekty będą mogły być równocześnie przemieszczane, kopiowane i transformowane.

29. Ostatnią czynnością na tym etapie pracy i w tym projekcie jest zapis dokumentu na dysku. W tym celu wybierz polecenie File | Save. W oknie dialogowym, które się ukaże, wpisz własną nazwę dla dokumentu w polu File Name. Opcja Save As Type umożliwia wybranie typu dokumentu Quarka. Pozostaw wartość domyślną .qxd. Poniżej możesz określić kompatybilność dokumentu z inną wersją programu QuarkXPress. Jeśli praca będzie otwierana w programie w wersji 4.0, pozostaw wartość domyślną tej opcji. Na koniec kliknij w przycisk Save.

---