Połącz się z nami

Internet Maker

Projektujemy imprezowy plakat

Opublikowane

dnia

Efekt końcowy

Chociaż karnawał dobiegł już praktycznie do końca, umiejętność projektowania imprezowych plakatów przyda się z pewnością nie jeden raz.

Oto potrzebne nam materiały, których użyję w poniższym tutorialu:

  • Zdjęcie ?Nebula Effect Fractal Stock? LINK
  • Zdjęcie ?Casino Lights? LINK
  • Pędzle ?Deadly Tron Grids? LINK
  • Pędzle ?Light Beams + Rays Brushes? LINK
  • Czcionka ?Clutchee? LINK
  • Czcionka ?Aller? LINK

Efekt końcowy

A oto efekt końcowy, do którego będziemy dążyć przechodząc przez kolejne etapy tego tutoriala:

Efekt końcowy

Krok 1

Stwórz nowy dokument o wymiarach 800x1000px. Upewnij się, że rozdzielczość ustawiona jest na 300 (pikseli na cal) ? takie obrazy są lepsze do druku.
Stwórz nową warstwę o nazwie ?tło? i wypełnij ją kolorem 2c2d53.

Krok 2

Wklej w plik obrazek z mgławicą (?Nebula Effect Fractal Stock?), tak samo nazwij tę nowopowstałą warstwę. Umieść ją w górnej części obszaru roboczego:

Wstawianie zdjęcia z mgławicą

Zmień tryb mieszania warstwy na Nakładkę (Overlay) i zredukuj Krycie (Opacity) do 40%:

Zmiana krycia

Stwórz nową warstwę i nazwij ją ?siatka?. Tym razem posłużymy się zestawem pędzli ?Deadly Tron Grids? ? link do ściągnięcia znajduje się na samym początku tutoriala. Używając zatem wskazanych Pędzli (Brush)

i ustawiając ich kolor na biały, tworzymy siatkowe elementy, mniej więcej tak jak jest to pokazane poniżej:

Siatka

Zmniejszamy krycie tej warstwy do 10%:

Zmiana kryciaKrok 4

Nadszedł czas na dodanie efektów świetlnych. W tym celu stwórz kolejną warstwę, którą nazwij ?światła białe?. Teraz użyj miękkiego białego pędzla i nanieś przy jego pomocy na warstwę kilka kropek:

Efekty świetlne

Zmień tryb mieszania tej warstwy na Nakładkę (Overlay):

Zmiana kryciaKrok 5

Do zestawu pędzli dołącz kolejny ? tym razem z efektami świetlnymi ?Light Beams + Rays Brushes?.
Dodaj nową warstwę o nazwie ?neon?. Używając niebieskawego koloru o kodzie 04edf9 oraz wskazanych pędzli postaraj się stworzyć efekt eksplozji.

Neon

Tryb mieszania warstwy ?neon? ustaw na Nakładkę (Overlay), a następnie zduplikuj warstwę ? doda to większej intensywności temu efektowi:
Zmiana kryciaKrok 6

Kolejny krok i kolejna warstwa, tym razem dodamy światełka w kolorze różowym, stąd też nazwa warstwy ?światła różowe?. Efekt stworzymy używając dużego, miękkiego pędzla w kolorze różowym (fb01a6), analogicznie jak to było w przypadku białych światełek:

Efekty świetlne

Następnie ustaw tryb mieszania warstwy na Rozjaśnianie (Color Dodge), a krycie na 15%:

Zmiana kryciaKrok 7

W razie potrzeby powtórz krok 6, z tym że dodaj nie różowe, a fioletowe (d1008a) kropki. Cała idea polega przede wszystkim na zbudowaniu wyraźnego, aczkolwiek subtelnego kolorowego akcentu. I w ten oto sposób tło mamy już gotowe!

Tło gotoweKrok 8

Teraz zajmiemy się typografią. Stwórz warstwę tekstową przy użyciu narzędzia Tekst poziomy (Horizontal Type Tool)

z tytułem imprezy i ustaw jakąś interesującą czcionkę.
Oto przykładowe ustawienia (kolor czcionki 1f1b1b):

Ustawienia czcionki

Oczywiście zarówno wybór czcionki, jak i ustawień jest Twoją indywidualną sprawą. Jeśli jednak podążasz dokładnie za tym tutorialem, taki powinien być efekt Twojej dotychczasowej pracy:

TekstKrok 9

Teraz lekko zniekształcimy tekst. Zaczniemy od lekkiego zmniejszenia tekstu, a następnie lekko obrócimy go odwrotnie do ruchu wskazówek zegara.
W tym celu klikamy w menu Warstwa > Tekst > Zniekształcenie tekstu (Layer > Type > Warp text). W okienku wybieramy opcję fali (Wave) i zostawiamy podstawowe ustawienia:

Ustawienia zniekształcenia

A następnie trochę obracamy całą warstwę klikając w menu Edycja > Swobodnie przekształć (Edit > Free Transform). W efekcie otrzymujemy pofalowany i przekrzywiony tekst:

Zniekształcony tekstKrok 10

Warstwa z tekstem nie została jeszcze zrasteryzowana, dlatego też ciągle można ją edytować. Dodaj spośród stylów opcję białego cienia wewnętrznego (Inner shadow) do tejże warstwy. Poniżej ustawienia:

Ustawienia cienia

Oraz efekt:

Cień

Krok 11

Teraz dodamy do naszego tekstu efekt cienia 3D. Powiel więc warstwę tekstową, ustawiając zduplikowaną warstwę pod oryginałem. Wyłącz wszystkie style i opcje mieszania tej warstwy, a następnie zmień kolor tekstu na różowy (fd19a8).
Upewnij się, że masz teraz wybrane w przyborniku narzędzie Przesunięcie (Move Tool)

Teraz, używając strzałek przesuń tę warstwę o jeden piksel w dół i jeden w prawo:

Przesunięcie

Różową warstwę zduplikuj jeszcze kilka razy, pamiętając o tym, by każdą kolejną kopię przesuwać w dół i w prawo o 1 piksel. Efekt powinien prezentować się następująco (po wytworzeniu 8 takich warstw):

Tło cienia

Krok 12

Na palecie warstw (okienko w prawym dolnym rogu) zaznacz te, które posłużyły do konstrukcji niebieskawego efektu 3D przytrzymując klawisz Ctrl.
Wejdź w menu Warstwa > Połącz warstwy (Layer > Merge Layers). Dzięki temu wszystkie różowe warstwy tworzące nasz cień połączą się w jedną, możliwą do edytowania.
Dodaj do tej warstwy zewnętrzny czarny Obrys (Stroke) o wielkości 4 pikseli:

Ustawienia obrysu

Efekt:

Cień 3D

Krok 13

Otwórz obrazek ?Casino Lights?. Używając narzędzia Zaznaczenie eliptyczne (Elliptical Marquee Selection Tool) 

zaznacz trzecią żarówkę w dolnym rzędzie, licząc od lewej strony:

Zaznaczenie żarówki

Następnie skopiuj ją i wklej do dokumentu z projektem, umieszczając tą warstwę nad tą z tekstem:

Wstawienie elementu

Krok 14

Teraz czeka Cię mrówcza robota. Odpowiednio zmniejsz żarówkę, żeby jak najlepiej komponowała się wielkością względem liter i skopiuj ją wiele razy. Twoim zadaniem jest wypełnienie takimi punkcikami całej litery ?C?.
Wskazówka: Wypełnianie rozpocznij od brzegów:

Wypełnianie od brzegów

W puste miejsca wstawiaj lekko zmniejszone żarówki:

Wypełnienie litery C

Analogicznie udekoruj resztę wyrazu ?CLUB?:

Wypełnienie całości wyrazu

Krok 15

Dla ułatwienia dalszej pracy połącz wszystkie warstwy z żarówkami. Dodaj do tej nowopowstałej warstwy efekt Blask zewnętrzny (Outer Glow) z następującymi ustawieniami:

Ustawienia blasku zewnętrznego

Uzyskamy dzięki temu subtelną poświatę:

Tytuł gotowy

Krok 16

Nagłówek plakatu możemy uznać za gotowy, czas więc zając się dalszą treścią.
Utwórz nową warstwę ?dół?. Narzędziem Zaznaczenie prostokątne (Rectangular Marquee Tool) 

 

zaznacz około 450 pikseli od dołu całego plakatu. Potem wypełnij tę przestrzeń kolorem o kodzie 101010, używając Wiadra z farbą (Paint Bucket Tool).

 

Wskazówka: Aby pomóc sobie w odmierzaniu, warto skorzystać z Linii pomocniczych. Znajdziesz je w menu Widok > Nowa linia pomocnicza (View > New Guide). Punktem odniesienia dla tej funkcji jest lewy górny róg dokumentu, dlatego też w okienku wpisz odległość liczoną od góry oraz wybierz orientację poziomą (Horizontal).

Ustawienie linii pomocniczej

Na ekranie pojawi się błękitna linia, nie będąca częścią graficzną plakatu. Aby się jej pozbyć klikamy w Widok > Usuń linie pomocnicze (View > Clear Guides).

Linia pomocnicza

Krok 17

Stwórz w nowej warstwie ?belka? wysoki na 50 pikseli, różowy (ff00a8) prostokąt, analogicznie do poprzedniego kroku. Jego górny bok ma znajdować się tam, gdzie początek ciemnej warstwy:

Belka

Dodaj efekt Cień wewnętrzny (Inner Shadow):

Ustawienia cienia

Efekt:

Cień

Krok 18

Umieść w różowym obszarze tekst ? jego treść oraz wygląd zależą od Ciebie. Oto przykładowe ustawienia (tekst jest w kolorze białym oraz czarnym):

Ustawienia tekstu

Oraz efekt:

Tekst

Krok 19

Powróć do warstwy dół. Kliknij prawym przyciskiem myszy na obszarze roboczym i z menu wybierz polecenie Wczytaj zaznaczenie (Load Selection).
Stwórz nową warstwę ?poświata?. Upewnij się, że nadal aktywne jest zaznaczenie. Narysuj promienisty gradient, korzystając z narzędzia o tej samej nazwie (Gradient Tool)

 

Użyj przejścia z bieli do przezroczystości:

Ustawienia gradientu

W efekcie powinniśmy otrzymać cieniowany biały punkt o dużej średnicy:

Gradient

Zmniejsz krycie tej warstwy do 15%:

Poświata

Krok 20

Ponownie wczytaj zaznaczenie z warstwy ?dół?.
Stwórz nową warstwę i nazwij ją ?siatka?.
Po raz kolejny posłużymy się zestawem pędzli ?Deadly Tron Grids? i kolorem białym:

Siatka

Ustaw krycie tej warstwy na 3%, efekt ma być bardzo delikatny:

Tło

Krok 21

Dodaj kolejny tekst, tym razem w ciemnym polu. Dobrze jest używać w tej części tej samej czcionki, co w różowej belce.

Tekst

Krok 22

Na koniec oddzielimy poszczególne części tekstu. Utwórz nową warstwę ?podział?. W przyborniku odszukaj narzędzia Pióro (Pen Tool)

 

Zaznacz na nowej warstwie dwa punkty ? początek i koniec poziomej kreski, oddzielającej od siebie partie tekstu.

Ścieżka

Przełącz zakładkę z paletą warstw na paletę ścieżek (prawy dolny róg ekranu). Będziemy teraz obrysowywać ścieżkę, ale najpierw trzeba ustalić parametry dla tego obrysu.
Korzystać będziemy z ustawień dla pędzla, wybieramy więc miękki wzór, wielkość 1 piksel i kolor czarny.
Klikamy prawym przyciskiem myszy na ścieżce z poziomą kreską, następnie wybieramy polecenie Obrysuj ścieżkę (Stroke Path). Jako narzedzie wybieramy wspomniany pędzel, a także zaznaczamy opcję Symulacja nacisku:

Ustawienia obrysu

Po odznaczeniu ścieżki na jej miejscu pojawi się mało widoczna czarna linia. Dodamy jednak do niej efekt Blask zewnętrzny (Outer Glow) o parametrach:

Ustawienia blasku zewnętrznego

Efektowna i łatwa do wykonania podziałka gotowa:

Podziałka

Przy tym przykładowym plakacie potrzebne były dwa takie elementy, dlatego też należy zduplikować tę warstwę i przenieść na właściwe miejsce.
I oto nasz końcowy efekt:

Efekt końcowy

Kontynuuj czytanie
Reklama
Kliknij, by skomentować

Zostaw komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Internet Maker

Pozycjonowanie strony internetowej a reklamy w Internecie – czym się różnią?

Nie masz cierpliwości do pozycjonowania? Skorzystaj z pomocy profesjonalistów!

Opublikowane

dnia

przez

Chcesz osiągnąć sukces w e-biznesie i zwiększyć widoczność swojej strony w sieci? Nie pozostaje Ci nic innego jak zająć się promocją witryny. Zacznij od inwestycji w pozycjonowanie, czyli zgodnej ze wskazówkami Google optymalizacji strony pod wyszukiwarkę internetową. Pamiętaj, że największa ilość wejść pochodzi właśnie z wyszukiwarek, dlatego zajmowanie wysokiej pozycji w rankingu Google szybko przełoży się na lepsze statystyki.

(więcej…)

Kontynuuj czytanie

Internet Maker

Jak szybko i łatwo stworzyć stronę mobilną

Opublikowane

dnia

W dzisiejszych czasach coraz bardziej popularne staje się przeglądanie stron internetowych na urządzeniach mobilnych. Ba! Samo surfowanie po sieci to w sumie już przeszłość – obecnie zakupy czy płatności mobilne to chleb powszedni dla polskich internautów. 

(więcej…)

Kontynuuj czytanie

Internet Maker

Strona na WordPressie? Grunt to dobry hosting

Opublikowane

dnia

WordPress jest powszechnie uważany za najlepszy system zarządzania treścią zarówno dla prostych blogów i stron, jak i większych serwisów internetowych oraz sklepów. Szacuje się, że już 23% witryn na świecie korzysta z WordPressa, a wśród nich takie marki jak BBC,  MTV czy Sony.

(więcej…)

Kontynuuj czytanie

Internet Maker

Jak zabezpieczyć swoje zdjęcia w chmurze

Opublikowane

dnia

Niedawny wyciek nagich zdjęć znanych osobistości wznowił dyskusje na temat bezpieczeństwa naszych prywatnych danych. Jako że część fotografii została wykradziona poprzez iCloud, prezentujemy dziś jak zabezpieczyć swoje dane w chmurze. (więcej…)

Kontynuuj czytanie

Internet Maker

Jak usunąć historię swojej aktywności z Facebooka?

Opublikowane

dnia

Usunięcie swojej aktywności z Facebooka nie jest takie proste, jakby się mogło wydawać. Portal społecznościowy daje możliwość zachowania kopii swoich postów oraz zamknięcia całego konta, jednak co w przypadku gdy chcemy usunąć tylko poszczególne wpisy? (więcej…)

Kontynuuj czytanie
Reklama

Popularne