Kerning

Typografia No Comments »

Kerning to pojęcie określające modyfikację odstępu pomiędzy dwoma konkretnymi literami. Odstępy te powinny być tak zaprojektowane aby tekst łatwo się czytał i światło między literami był równomierne.

Każdy font ma zaprojektowane te odstępy przez swojego twórcę. Nie zawsze jednak to dobrze działa. Dlatego stosuje się kerning czyli modyfikację odstępu między dwoma konkretnymi znakami. Kerning może być dodatni (ściągamy odstęp) i ujemny (rozszerzamy odstęp). Częściej stosowany jest kerning ujemny.

Odpowiednie ustawienie kerningu ma bardzo duże znaczenie przy pojektowaniu. Problemy występują najczęściej przy dużym stopniu pisma np. w tytułach i wielkich literach.

Kerning ma fundamentalne znaczenie przy projektowaniu logotypów oraz innych ,,zabawach” z liternictwem.

W InDesign kerning ustawisz w palecie Charakter.

Jeśli chcesz zobaczyć video-lekcję zapisz się na listę powiadomień tutaj.

Jak dodawać i modyfikować kolory

Uncategorized No Comments »

Paleta kolorów jest dostępna z menu Window/Swatches. Jeśli chcesz dodać nowy kolor do palety kliknij na mały trójkącik w prawym górnym rogu. Wybierz New Color Swatch.

paleta_kolorow

paleta_kolorow_definiowanie

Jak widzisz masz tutaj cztery suwaki Cyan, Magenta , Yellow, Black – czyli CMYK. Poprzez przesuwanie suwakami definiujesz nowy kolor.

My teraz na potrzeby ćwiczenia zdefiniujemy kolor black złożony z CMYKA, czyli czterech składowych. Jest to bardzo proste, musisz poprostu wszystkie suwaki przesunąć do końca w prawo.

Jeśli zaklikniesz okienko u góry Name with color value, nazwa utworzonego koloru zostanie zapisana pod postacią wartości procentowych poszczególnych kolorów. Czyli nasz BLACK ma 100c/100m/100y/100k.

Proponuję żebyś przyzwyczaił się do takiego nazewnictwa (wiem, na początku to ci się może wydawać dziwne), ale wierz mi, jest to profesjonalne. Nie chcesz mieś chyba w palecie 10 kolorów niebieskich i nazywać ich: niebieski jasny, niebieski jaśniejszy, niebieski troszkę jaśmiejszy, niebieski jeszcze bardziej jaśniejszy :) Pozatym z czasem nauczysz się rozpoznawać kolory po wartości procentowej i np. oczywiste bdzie dla ciebie że czerwony to: 100/100 w domyśle już wiesz że to 100magenty/100yellow – a to akurat najprostszy przykład.

MODYFIKACJA KOLORU

Teraz zajmiemy się zmodyfikowaniem tego koloru. Zrobimy z czarnego CMYKA, czarny 100% black.

UWAGA: standardowo w palecie masz utworzony kolor pod nazwą black. Przyjrzyj się co jest napisane po prawej stronie od tej nazwy. Jest narysowany przekreślony ołówek. Znaczy to. że nie możesz tego koloru modyfikować.

My zajmiemy się modyfikacją naszego wcześniej utworzonego koloru BLACK .

Najpierw kliknij na ten kolor w palecie, podśwetli się na niebiesko. Klikasz na ten sam trójkącik w górnym prawym menu palety i wybierasz Swatch Options. Teraz po prostu przesuwasz  3 górne suwaki w lewo, do zera. I dalej masz kolor czarny :) . Czym różni się Black 100% od Black CMYK pisałam w poście tutaj.

Jeśli masz wątpliwości, czegoś nie rozumiesz, lub masz pytania dodaj komentarz lub zadaj pytanie tutaj ZAPYTAJ O INDESIGNA.

Jak projektować?

Zasady projektowania No Comments »

Podczas projektowania powinieneś mieć wizję… no może to za dużo powiedzane :) Ale dobrze by było, jeśli będziesz wiedział z grubsza jak ma projekt wyglądać.

Już same materiały które dostaniesz do projektu mogą ci dużo powiedzieć.  Np. logo – przyjżyj się w jakim jest stylu. Nowoczesnym, stylizowanym, jest proste czy raczej ma wiele elementów? Jakie są użyte fonty i kolory. Kolory są bardzo ważne, zazwyczaj projekt powinien być utrzymany w kolorystyce logo. Czy to znaczy że trzeba użyć identycznych kolorów? Niekoniecznie, ale jet to wskazane. Najlepszym rozwiazaniem jest użycie tych samych kolorów z dodatkiem kolorów pokrewnych. Kolor jest częścią identyfikacji wizualnej firmy.

A co jeśli nie masz pojęcia?

Przede wszystkim zacznij od określenia dla kogo będziesz robił projekt. Zapytaj zleceniodawcę o dwie najważniejsze rzeczy:

Po pierwsze jakie on ma wyobrażenie na temat przyszłego projektu, co mu się podoba, co on by chciał. Warto spytać czy ma jakieś strony internetowe które mu się podobają, reklamy itp. Cokolwiek co naprowadzi cię na jakiś tor. Będziesz miał orientację czy klient lubi klasyczną elegancję, może luz, a być może coś zupełnie innego.  Pamiętaj że gwarancją sukcesu jest trafienie w gust klienta.

Po drugie dowiedź się jaka jest grupa docelowa do której będzie adresowany twój projekt (np. ulotka). Oczywiste jest że inaczej zaprojektujesz ulotkę dla biznesmenów, a inaczej dla studentów.  Ale niestety zazwyczaj nie jest to takie proste.

Jeśli chcesz obejrzeć video-tutorial pokazujący w jaki sposób projektuje się ulotkę w InDesign zapisz się na listę powiadomień. Dowiesz się pierwszy kiedy tutorial będzie dostępny.

Pokoloruj swój świat

Podstawy No Comments »

Aby zacząć pracę z kolorami w InDesign możesz poprostu stworzyć nowy dokument File/New document i poeksperymentować. Pierwszym problemem jaki się pojawia jest odnazlezienie palety kolorów. Ponieważ z menu Window, pierwsze co rzuca się w oczy to paleta Color, czeka cię małe rozczarowanie. Owszem są tam kolory, ale na początku raczej trudno ci będzie z tej palety korzystać.

Wygląda ona tak:

paleta_color

Narysowałam kwadrat i wypełniłam go kolorem klikając próbnikiem (to narzędzie pojawia się po wybraniu palety color automatycznie) na pasku kolorów. Są tam też suwaki które możesz przesuwać i zmieniać w ten sposób kolor. No ale gdzie ta paleta kolorów?

Pewnie myślałeś o czymś prostszym i bardziej przejrzystym. Istnieje oczywiście taka paleta i nazywa się Swatches. (wywołanie – Window/Swatches). Możesz tutaj zdefiniować jakie kolory sobie tylko zamarzysz. Kliknij na trójkącik z boku palety, pojawi się rozwijalne menu, tam wybierz New color Swatch.

paleta_11

Pojawi się okienko gdzie możesz definiować nowy kolor. Zwróć uwagę że na przykładzie masz color RGB, zazwyczaj jednak używa się CMYK. Możesz to przestawić po kliknięciu w rozwijalne menu.

paleta3_cmyk

Jak wstawić zdjęcie do dokumentu

Podstawy No Comments »

Wiesz już jak stworzyć dokument i wpisać tekst. Przetrenowałeś to podczas robienia wizytówki (tutaj jest link gdybyś chciał to sobie przypomnieć).

Teraz czas na zdjęcia. Jest na to oczywiście kilka sposobów. Zaczniemy najbardziej ,,po bożemu” :) .

Po stworzeniu dokumentu wybierz narzędzie Rectangle Frame Tool (wciśnij F) – czyli ikonę przekreślonego prostokąta. Wciśnij przycisk myszki i narysuj ramkę. Teraz użyj skrótu ctr d (lub File/Place) aby wstawić zdjęcie. Jeśli zdjęcie jest duże to w ramce pojawi się tylko kawałek. Użyj skrótu Ctr+alt_shift+E aby całe zdjęcie pojawiło się w ramce. A propos skrótów, polecam uczyś się ich od początku na bierząco, są naprawdę niezbędne.

Jeszcze dwa przydatne skróty:

Ctr+alt_shift+C - dostosujesz ramkę do zdjęcia (czyli to wielkość ramki ulegnie zmianie)

Ctrl+shift+E – wycentrowanie zdjęcia w ramce

Następny razem pokażę jak zrobić coś takiego:

zdjecie_3_ramki

Chcesz to zobaczyć na video-tutoralu? Zapisz się na listę powiadomień.

Automatyczna numeracja stron

Podstawy 1 Comment »

W InDesign możesz robić bardzo różne dokumenty. Pomijając wizytówki i ulotki zazwyczaj będziesz  musiał ponumerowć strony. A jeśli robisz książkę która ma 500 stron? To byłoby straszne :)  ręcznie wstawiać 500 numerów. Istnieje oczywiście automatyczna numeracja stron.

Numerację taką wstawia się na mastera- czyli stronę wzorcową. Przy tworzeniu dokumentu strony wzorcowe tworzone są automatycznie. Dostępne sa one z palety Pages.

paleta_master -

Żeby wstawiać elementy na te strony musisz na nie kliknąć, wtedy jedna z nich zaznaczy się na kolorowo. Ok, to teraz wstawmy wkońcu tę paginę (tak nazywa się numeracja strony).

Paginy zazwyczaj umieszcza się na dole strony, więc narysuj tam prostokąt używając narzędzia Type Tool (T). Po narysowaniu pojawi się kursor, kliknij prawym przyciskiem myszy i wybierz opcję Insert Specjal Charakters/Markers/Current Pge Number (skrót alt+shift+ctrl+N). Pojawiła się literka A, oznacza ona automatyczną numerację. Koniecznie zrób to samo na prawym masterze, aby miec numerację po obu stronach :)

Teraz kiedy będziesz chciał dodać kolejne strony, będą one już automatycznie numerowane.

Aby dodać kolejną stronę możesz poprostu przeciągnąć stronę wzorcową niżej do palety pages obok tej która już tam jest. Są też inne sposoby na wstawianie stron. Opiszę je w następnym poście, rozwinę też temat stron wzorcowych.

Chcesz to obejrzeć na video-tutorialu? Zapisz się na listę powiadomień o nowych tutorialach tutaj.

Masz pytania? Zadaj je tutaj, lub wpisz pytanie w komentarzu.

Dodawanie stron w dokumencie

Podstawy No Comments »

Aby dodać stronę do dokumentu możesz to zrobić na różne sposoby.

1. Dodaj ją w palecie Pages (Window/Pages). Kliknij na górną kartkę tam gdzie z boku jest napisane Master Pages i przeciagnij ją w dół, pod kreskę obok już istniejącej strony.

W ten sposób możesz dodawać też większa ilość stron, możesz też stworzyć kilka stron obok siebie, nie tylko rozkładókę.

2. Layout/pages/ Add pages (shit+ctrl+p) będziesz dodawał po kolei po jednej stronie.

3. Layout/Pages/Insert Pages – ta funkcja jest bardziej interesująca. Tu możesz dodawać:

- ilosc stron – miejsce w którym zostanie wstawiona (przed, po, na początku, na końcu dokumentu)

- które strony wzorcowe ma wstawić. Bo musisz wiedzieć że możesz mieć kilka różnych stron wzprcowych (masterów). Możesz też zdecydowac po której konkretnie stronie chcesz wstawić nową.

insert-pages

4. Layout/Pages/Move Pages – przenoszenie stron.

5.  Layout/Pages/Duplikate Pages – możesz powielać strony

6. Layout/Pages/Delete Pages –  i możesz kasować poszczególne strony

7. Layout/Pages/Apply Master Pages to – możes zastosować inną stronę wzorcową do  już istniejącej strony.

Wszystkie te opcje są również dostępne w palecie Pages po kliknięciu na mały trojkącik po prawej stronie u góry palety.

Chcesz to zobaczyć na video-tutorialu? Zapisz się na listę powiadomień tutaj.

Masz pytania? Chętnie na nie odpowiem :) zadaj je tutaj.

Kolory w projektowaniu

Zasady projektowania No Comments »

Kolory mają kolosalne znaczenie. Nie tylko przy projektowaniu graficznym. Wystarczy wyobrazić sobie świat wokół nas w odcieniach szarości. Kolory wpływają na nasz nastrój i samopoczucie, potrafią też pokierować naszymi decyzjami, wprawić w lepszy lub gorszy nastrój.

Robi się obecnie wiele badań, w jaki sposób kolory wpływają na nasze samopoczucie, zarówno fizyczne jak i psychiczne. Wiadomo np. że czerwień podwyższa ciśnienie krwi i przyspiesza bicie serca, a kobieta ubrana na czerwono wzbudza większe zainteresowanie u mężczyzn. Zielony uspakaja i wycisza, niebieski stymuluje akcję mózgu.

Taka wiedza jest powszechnie używana i wykorzystywana podczas projektowania, nie tylko graficznego ale również w innych dziedzinach życia, a przede wszystkim w reklamie.

Oto najważniejsze znaczenia  kolorów:
czerwony: miłość, namiętność, krew, gorączka
biały: czystość,  jasność, estetyka, pustka
czarny: zło, śmierć, bunt, siła
fioletowy: bogactwo, królewskość, wyrafinowanie, inteligencja
niebieski: władza, chłód, prawda, dostojeństwo,  melancholia
żółty: ciepło, tchórzostwo
zielony: pieniądze, natura, zdrowie

Co dalej z tą wizytówką?

DTP No Comments »

Kiedy skończysz projekt wizytówki w InDesignie, zapewne będziesz chciał ją wydrukować. Nie możesz jednak przesłać jej do drukarni w formacie indd. (czyli formacie InDesigna). Dlaczego? Ponieważ jest prawie pewne, że drukarnia nie ma fontu którego użyłeś w dokumencie. Aby profesjonalnie przygotować plik do druku musisz go zapisać w formacie pdf. Aby to zrobić wybierz File/Export.

Teraz trzeba ustawić parę opcji.

W zakładce GENERAL: pierwsza opcja od góry: Adobe PDF Presets ustawiamy na High Quality Print )czyli najwyższa jakość wydruku).

W zakładce MARKS and BLEEDS: w opcji MARKS: zaznaczamy wszystki opcje. Są one niezbęde do poprawnego druku. M.in. dzięki temu wokoło pracy pojawią się pasery, aby było wiadomo jaki jest format dokumentu.

usawienia_pdf

W zakładce OUTPUT: Opcja : Color ustawiamy na No Color Conversion. W tej pracy ma to małe znaczenie, ale przy pracach kolorowych unikniemy automatycznego przekonwertowania kolorów przez program. Co może się skończyć tym, ze na wydrukowanej pracy kolory będą zancznie odbiegać od zadanych.

I to wszystko, innymi ustawieniami nie zajmujemy się. Klikaj Ok.

gotowy_pdf

Jest jeszcze jedna ważna rzecz przy tego typu pracy. Musisz pamiętać żeby kolor czarny nie skladał się z CMYK-a, czyli nie był w czterech kolorach. Musisz w palecie kolorów ustawić aby składał sie z samego 100% czarnego. Czasem warto podbić go 5-10% cyanu, wtedy jest bardziej intensywny. Ale nie rób tego przy cienkich fontach i liniach. Na przykaład takich jakie zostały użyte w naszym projekcie.

Jak zmieniać i dodawać kolory napiszę następnym razem.

Jeśli masz wątpliwości, czegoś nie rozumiesz, lub masz pytania dodaj komentarz lub zadaj pytanie tutaj ZAPYTAJ O INDESIGNA.

Jaki format wizytówki?

Uncategorized No Comments »

Jest kilka standardowych wymiarów wizytówek. Przed przystąpieniem do projektowana upewnij się ze klient podał ci wymiar. Będzie problem jeśli wizytówka nie zmieści się potem do wizytownika klienta :)

Oto kilka standardowych wymiarów (w milimetrach).

95 x 55
90 x 55
90 x 50
85 x 55
80 x 40
70 x 40

Pamiętaj że jest to wymiar ,,po obcięciu” czyli  teksty nie mogą dotykać do brzegów. Zalecany margines to minimum 3 mm, lepiej 5 mm.

Możesz też zaprojektować wizytówkę w pionie. Jest to dość specyficzna forma wizytówki, więć upewnij się czy klient jest skłonny do takiego eksperymentu.

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in