Mar
13
2014

Papeteria służbowa w Photoshopie

Identyfikacja wizualna to ujednolicenie wyglądu wysyłanej korespondencji za pomocą szablonów. W dzisiejszym tutorialu zobaczysz, jak stworzyć prosty szablon do pisania listów. Korespondencja prowadzona dzięki takim wydrukom jest postrzegana jako znacznie bardziej profesjonalna od tej, która za każdym razem wygląda inaczej i nie zawiera elementów graficznych.

Założenia wstępne

Wydrukowanie papeterii służbowej z szablonu zajmuje chwilę czasu. Podczas tworzenia szablonu listu musisz pamiętać o kilku kwestiach:

  • List musi być przejrzysty – liczą się odstępy między elementami. Postaw na prostotę projektu.
  • Elementy, które się nie zmieniają można wydrukować wraz z elementami graficznymi. Chodzi na przykład o nazwę i adres firmy oraz o podpis.
  • Złotą zasadą typografii jest oszczędne stosowanie czcionek oraz kolorów. Wystarczą dwie czcionki – jedna do nagłówków, druga do zwykłego tekstu. Nie wybieraj czcionek, które są wymyślne i nieczytelne.
  • Stworzony plik PSD można pociąć do html i wysyłać za pomocą e-maila.
  • W photoshopie, podobnie jak w języku html i w edytorach tekstu należy dbać o prawidłową strukturę nagłówków Hx. Te zalecenie należy stosować w wersji CS6 i wyższych, która daje znacznie większe możliwości niż poprzednie wersje.
  • Elementy graficzne powinny być ozdobą tekstu, ale nie mogą go przytłaczać.
  • List musi wyglądać dobrze także po wydrukowaniu w czerni i bieli.

ScreenClip [1]

Zaczynamy pracę – marginesy

Tworzymy plik o standardowej wielkości A4. Plik zapisujemy jako letterhead.psd. Na początku pracy zaznacz sobie marginesy. W tym celu ustaw widok linijek skrótem ctrl+r i zastosuj linie pomocnicze, chwytając za linijkę i przenosząc niebieską linię 13 mm od każdej krawędzi.

ScreenClip [1]

Ozdoby na górze

Zmieniamy nazwę warstwy tła, klikając w nią dwukrotnie myszką i tworzymy nową warstwę powyżej. Wybieramy narzędzie prostokąt i rysujemy kształt w górze strony. Można to zrobić także narzędziem pióro. Następnie korzystamy z narzędzia Pióro i przekształcamy punkty prostokąta, klikając w nie z użyciem przycisku control.

—————————————————————————————————–

Zobacz kurs Photoshop CS6 – esensja -> TUTAJ

—————————————————————————————————–

ScreenClip [2]

 

Aby zmienić krzywiznę punktu, należy wybrać alt i kliknąć w niego. Gdy wygląd jest zadowalający, klikamy w krzywą z użyciem prawego przycisku myszy i wybieramy opcję Zamień na zaznaczenie. Promień wtapiania ma wynosić 0 pikseli. Kopiujemy warstwę i wklejamy na nową warstwę.

ScreenClip [3]

ScreenClip [4]

Możemy teraz poprawić jej wygląd za pomocą skrótu klawiaturowego ctrl + T. Teraz tworzymy jeszcze jedną warstwę. Wklejamy na nią jeszcze raz zaznaczenie i odwracamy je do góry nogami za pomocą ctrl + T i ruchu myszą z trzymanym przyciskiem shift.

ScreenClip [5]

Trochę koloru

Następnie wypełniamy nasze zaznaczenie gradientem. Dane znajdują się poniżej. Wybrałem dwa odcienie koloru zielonego, ale decyzja należy do Ciebie.

ScreenClip [6]

ScreenClip [7]

Warto trochę poeksperymentować z ustawieniami. Świetnie wyglądają także gradienty, które są dostępne za darmo w sieci. Kopiujemy styl warstwy na panelu z warstwami i wklejamy go do warstwy poniżej.
Do górnej warstwy dodałem padający w dół cień, nie jest on potrzebny w warstwie na dole.

ScreenClip [8]

Adres i logo firmy

Pomysłów na ukazanie logo firmy są tysiące. Jeśli masz gotowe logo, korespondencja służbowa jest idealnym miejscem, gdzie możesz jego użyć. Ponieważ nie miałem takiego logo, szybko zaimprowizowałem je w drugim pliku. Stworzyłem koło i napisałem w nim tekst ciekawą czcionką, dodałem także cień. Kolorystyką nawiązuje do całego listu. Logo umieszczam pod pierwszą warstwą. Można także użyć innej strategii – umiejscowić nazwę firmy oraz jej dane na pasku ozdobnym na górze. W takim przypadku wykorzystujemy jasny kolor tekstu.

——————————————————————————————————————————-

Zobacz kurs Photoshop kreatywne techniki pracy -> TUTAJ

——————————————————————————————————————————-

ScreenClip [9]

Kilkukrotnie zmieniałem pozycję mojego logo oraz wielkość tekstu pod spodem, by całość się dobrze komponowała.

Dane firmowe i tekst

Nie tracąc czasu dodałem nazwę oraz adres fikcyjnej firmy. Używam czcionki verdana, która jest bardzo czytelna.

ScreenClip [10]

Tekst wyrównuję do prawej strony. Można się zastanawiać, czy powielać nazwę firmy w tekście pod logo. Jeśli jest ono niezbyt czytelne i nie zawiera pełnej nazwy firmy, warto to zrobić. Kolor mojego logo pobrałem za pomocą pipety z paska u góry.

ScreenClip [11]

Tekstu ciąg dalszy

Ustawiam z lewej strony kolejną linijkę na dwa i pół centymetra od krawędzi strony. Od tej krawędzi zaczynamy rysować pole tekstowe. Zmieniamy rodzaj wypełniania strony tekstem. Tekst bez pogrubienia, czcionka verdana, wyrównanie do lewej. Wersja photoshopa CS6 pozwala na nowe opcje formatowania stylów tekstowych. Ponieważ korzystam ze starszej wersji, muszę ustalać styl za każdym razem dla akapitu. Odstępy między akapitami można uzyskać na kilka sposobów. Osobiście użyłem niezbyt poprawnej metody z podwójnym naciśnięciem enter. Można też stworzyć kilka pól tekstowych dla każdego akapitu i w ten sposób ustawić je w odpowiedniej odległości. Ponieważ w Photoshopie CS6 można ustawić właściwości akapitu, w tej wersji nie będziemy mieli takich dylematów.

ScreenClip [12]

W stopce dodajemy dane kontaktowe. Staramy się ustawić ją stycznie z linią pomocniczą, dzięki czemu będzie na równi z tekstem powyżej.

 

ScreenClip [13]

Znak wodny

Aby uzupełnić papeterię o coś w rodzaju znaku wodnego, można wykorzystać na przykład logo firmy. Wklejamy je na nasz plik oraz powiększamy. Teraz zaznaczamy cały obszar dokumentu (ctrl + a) i przechodzimy do panelu wyrównania warstwy. Uprzednio klikamy ponownie na warstwę z naszym elementem.

ScreenClip [16]

Zaznaczamy teraz drugą i piątą ikonę, co wyrównuje nasz element na środku.

ScreenClip [14]

Skrótem klawiaturowym ctrl + ] umiejscawiamy go w odpowiednim miejscu w stosie warstw. Usuwamy z niego kolor za pomocą alt + shift + ctrl + b używając filtra neutral density. Zmniejszamy jego krycie do około 25 procent.

ScreenClip [15]

Interesującym rozwiązaniem jest dodanie delikatnego wzorku w tle, który nie powinien być zbyt dobrze widoczny. Nasza papeteria jest gotowa. Jeśli pragniesz wydrukować kilkanaście kartek pod przyszłe listy, nie zapomnij usunąć przykładowego tekstu.


Podobne wpisy

O autorze: Kamil Naja

Przygodę z obrazem zaczął od fotografii. Photoshopa poznaje od 2006 roku i program ten wciąż zaskakuje go możliwościami. Zajmuje się także copywritingiem oraz tworzeniem stron internetowych. Prowadzi własną firmę.

Zostaw komentarz

Musisz być zalogowany aby dodać komentarz.

Polecane

Kategorie