jak zaprojektować Kreatywny plakat koncertowy

Hello Design Cutters! Dzisiejszy tutorial pochodzi od Simona, jednego z dwóch partnerów i projektantów w Studio Ace of Spade. Za Simona!

Witam wszystkich! Cieszę się, że mogę podzielić się z wami dzisiaj kolejnym tutorialem. Dobrzy Podglądacze z Design Cuts umieścili Pakiet kreatywnych czcionek potwora w moich rękach i obserwowali, jak z nim biegam. Dzisiejszy tutorial jest bardzo obszerny, ale mam nadzieję, że będziesz się go trzymać, ponieważ powinieneś wybrać wiele doskonałych technik.

jedną z rzeczy, które teraz jestem podekscytowany, że wiosna w końcu się pojawia, jest sezon koncertowy. Więc uznałem, że bardzo dobrze jest użyć niesamowitych krojów pisma bundle do stworzenia fałszywego plakatu koncertowego.

co tworzymy:

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

jednym z obrazów, które uderzyły w akord, były okazy z minibrowaru Ornament firmy Albatross Studio:

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

stamtąd postanowiłem wymyślić zespół The Krakens i zarezerwować im koncert w 93 Feet East, popularnej londyńskiej sali koncertowej.

po odrobinie badań znalazłem ten niesamowity obraz na Unsplash. Jest autorstwa Jonasa Nilssona Lee i przedstawia pole z morzem w tle. Przystosowanie do uwolnienia krakenów.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

stamtąd chciałem nadać plakatowi grunge ’ owy klimat, ale bez przytłaczania. Przeglądając kroje pisma w umowie, Amorie Modella i BrushUp po prostu na mnie wskoczyły.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

posypać kilka dodatkowych zasobów na wierzchu, a my zrobimy sobie fajny plakat. Zaczynajmy.

Krok 1: Konfiguracja dokumentu

pracuję z płótnem 11″ x17 ” @300 dpi, w Photoshopie CC (ale każda wersja Photoshopa past CS3 powinna to zrobić).

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Następnie nadszedł czas, aby dodać kilka przewodników. Posiadam prowadnice pionowe na 1″, 2″, 5″, 5.5″, 6″, 9″, i 10″ oraz prowadnice poziome na 1″, 2″, 8″, 8.5″, 9″, 15″, i 16″.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Krok 2: budowanie tła

aby rozpocząć, musimy zbudować tło. Umieścimy obraz, wyostrzymy go i zrobimy z nim obróbkę końcową.

umieszczanie i wyostrzanie obrazu

Użyj pliku > umieść osadzony, aby umieścić scenę morską jako obiekt Inteligentny w dokumencie. Ustawiłem górny lewy limit pola z poziomą prowadnicą na 15″.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie użyjemy techniki, którą już udostępniłem w moim samouczku projektowania plakatów w stylu retro, grungy, aby nieco wyostrzyć obraz. Obejmuje Filtr górnoprzepustowy.

zacznij od utworzenia kopii warstwy tła (warstwa > duplikat warstwy lub CTRL / CMD+J).

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

przycinamy go do oryginalnej warstwy poniżej (CTRL / CMG+G). Zauważ, że obie warstwy zostawiłem jako obiekty inteligentne.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie uruchom filtr górnoprzepustowy na kopii warstwy (Filtr > inny > górnoprzepustowy). Używam promieni 50 pikseli.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

po nałożeniu filtra umieść warstwę na miękkim świetle przy 35% nieprzezroczystości. Rezultatem jest ostrzejszy obraz, a także nieznacznie zwiększony kontrast.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

rozszerzenie tła

obraz jest na miejscu, ale nadal mamy szeroko otwarte miejsce na górze naszego plakatu.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

aby wypełnić to miejsce, spróbujemy niebieskiego odcienia na skraju roślinności i wypełnimy nową warstwę tym niebieskim. Następnie umieścimy tę warstwę na dole stosu warstw.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

próbkowałem kolor #acc5ce.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

teraz, aby pozbyć się tej linii, wykorzystamy moc masek warstw. Po prostu dodaj maskę warstwy do oryginalnej warstwy zdjęcia (warstwa > Maska warstwy > Ujawnij wszystko po wybraniu odpowiedniej warstwy).

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

dzięki temu możesz po prostu pomalować maskę warstwy za pomocą dużego, miękkiego pędzla, aby granica zniknęła. Ale to trochę nudne. Używam narzędzia gradient, aby przejść trochę szybciej. Pamiętaj, aby rozpocząć gradient poniżej linii, którą chcesz ukryć.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

gradient, którego użyłem, to prosty gradient czarno-biały, w kierunku od góry do dołu.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

po tym przejdźmy do obróbki obrazu.

Post-processing obraz

post-processing „przepis”, którego używam poniżej, jest tylko jednym z wielu. Zachęcamy do zmiany obrazu w inny sposób!

najpierw będziemy „obniżać temperaturę” obrazu za pomocą warstwy dopasowania filtra zdjęć.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

używam filtra chłodzącego LBB o gęstości 15%.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie emulujemy efekt przetwarzania krzyżowego za pomocą warstwy dopasowania krzywej. Wystarczy dodać warstwę krzywej i przełączyć ustawienie procesu krzyżowego (RGB) z rozwijanego menu.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

efekt jest dość silny, więc zdecydowałem się obniżyć krycie tej warstwy do 50%. Możesz również zauważyć, że każdą warstwę dopasowania oznaczyłem za pomocą tego, co osiągną.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie emulujemy Klasyczne nasycenie obrazu. Po prostu dodaj warstwę dopasowania odcienia / nasycenia do obrazu i zwiększ nasycenie do -25.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie „zwiększymy temperaturę” obrazu za pomocą innej warstwy dopasowania filtra zdjęć. Używam wstępnie ustawionego filtra rozgrzewającego (LBA), przy 25% nieprzezroczystości.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie „zanik” obrazu. Użyj jednolitej warstwy dopasowania kolorów i wypełnij ją numerem #4e4e4e. Następnie zmień tryb mieszania na ekran @ 15% krycia.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

trochę o utrzymywaniu domu

zanim przejdziemy do ostatniej części budowania tła, chciałbym zasugerować trochę uporządkowanie naszych warstw. Oto Widok mojej struktury: zdjęcie i powiązane z nim warstwy znajdują się w ich własnej grupie warstw, podobnie jak warstwy do przetwarzania końcowego.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Tekstury!

nadszedł czas, aby dodać kilka tekstur do naszego tła. To nada jej nieco więcej głębi i treści. Oto tekstury, które powinieneś mieć pod ręką:

  • Bb_antiqueenvelope_04 by Dustin Schmieding
  • plamy z Kawy 02 by SixRevisions

zacznij od umieszczenia bb_antiqueenvelope_04.jpg w Twoim dokumencie. Umieściłem, obróciłem i rozmiarowałem mój, aby szew na środku był poza ramą.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

gdy tekstura jest na miejscu, rasteryzuj ją, zmniejsz jej nasycenie (CTRL / CMD+SHIFT + U) i wyostrz ją kilka razy za pomocą filtra > Wyostrz > Wyostrz.

zauważ, że możesz zachować nieniszczący obieg pracy za pomocą warstw dopasowania.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie będziemy używać poziomów (CTRL / CMD+L), aby wydobyć niektóre szczegóły tekstur. Użyjemy wartości 75 dla ciemnych tonów, 0,75 dla średnich tonów i 225 dla jasnych tonów.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

po zakończeniu korekt zmień tryb mieszania warstwy na miękkie światło przy kryciu 50%.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Następna Tekstura, której będziemy używać, to Tekstura plam z Kawy 02. Umieściłem, odwróciłem i zmieściłem plik tak, aby obejmował cały płótno.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie, wykonując ten sam proces jak powyżej (desaturacja, ostrzenie i poziomy), Wprowadzamy plamy do projektu. Tryb mieszania warstwy to miękkie światło przy 25% nieprzezroczystości.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

jeszcze jedna troska o Dom i możemy przejść do reszty plakatu.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Krok 3: Odznaka

Środkowa odznaka z ośmiornicą jest łatwa do zbudowania, ale musimy szybko zostawić Photoshopa dla Illustratora.

chwytanie elementów w programie Illustrator

stwórzmy dokument w programie Illustrator, który ma te same specyfikacje, co nasz program Photoshop canvas. Zwróć uwagę na tryb kolorów RGB.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Korzystanie z tych samych trybów rozmiaru i koloru pozwala nam rozpocząć zabawę z rozmiarami i kolorami bezpośrednio w programie Illustrator, bez obawy o rozbieżności między dwoma dokumentami, które posiadamy.

po przejściu do programu Illustrator upewnij się, że panel Glify jest widoczny. Jeśli tak nie jest, wyświetl go za pomocą menu Okno > wpisz > Glify.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie wybierz ozdoby minibrowara i chwyć symbol ośmiornicy. Rozpocznij nowy blok tekstu, a następnie kliknij dwukrotnie glif w Panelu Glify. Rozmiar bardzo duży (co najmniej 500 punktów).

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie musimy pobrać tę okrągłą ramkę z dodatków z rodziny typów Amorie. Można je pobrać z Panelu Glify lub z podręcznego pliku programu Illustrator (AMORIE_EXTRAS-Frames.ai) zawarte w pakiecie. Wybrałem później.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

skopiuj go i wklej do dokumentu programu Illustrator i zacznij korzystać z rozmiarów.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

gdy już będziesz zadowolony z zależności rozmiaru między klatką a ośmiornicą, nadszedł czas, aby przygotować elementy wektorowe, które zostaną wprowadzone do Photoshopa.

wprowadzanie wektorów w Photoshopie

najpierw rozwiń wygląd obiektu tekstowego octopus. Po prostu kliknij prawym przyciskiem myszy znak i wybierz opcję Utwórz kontury.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

dokonaj teraz wszelkich korekt rozmiaru, które uważasz za konieczne, ponieważ będą one o wiele bardziej irytujące w Photoshopie.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

po zakończeniu wystarczy skopiować i wkleić każdy element indywidualnie do programu Photoshop, jako obiekty inteligentne. Pozwoli nam to na zabawę z każdym elementem niezależnie od siebie i zachowanie ich cech wektorowych, jeśli będziemy musieli udoskonalić ich rozmiary.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

poszedłem również do przodu i dałem tym dwóm własną grupę warstw, ponieważ sprawy staną się później nieco bardziej skomplikowane.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Tworzenie samej odznaki

najpierw musimy przypisać kolor elementom odznaki. Spróbowałem jednego z ciemnych brązów z pola. Poszedłem w prawym dolnym rogu i wybrałem # 302b2c, ciemniejszy, czerwono-brązowy odcień.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Po wybraniu koloru należy dwukrotnie kliknąć na miniaturkę inteligentnego obiektu ośmiornicy. Spowoduje to otwarcie obiektu inteligentnego w programie Illustrator, w którym należy zmienić jego kolor na brązowy, który właśnie próbkowano.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

po zakończeniu zapisz modyfikację (CTRL/CMD+S), Zamknij obiekt inteligentny i wróć do programu Photoshop, aby podziwiać wynik.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

wykonaj ten sam proces dla ramki.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Tworzenie nieprawidłowo zarejestrowanej nakładki kolorów

ten krok jest nieco delikatny. Wróć do dokumentu programu Illustrator,w którym pierwotnie eksperymentowaliśmy z relacjami wielkości. Wyłącz ramkę w panelu Warstwy. Następnie przejdź do kopiowania (CTRL/CMD+C) i wklej w miejscu (CTRL/CMD+F) kopię ośmiornicy.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Wyłącz górną kopię ośmiornicy.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie chwyć narzędzie Blob brush (SHIFT + B). Będziesz chciał wypełnić najważniejsze elementy ośmiornicy, jak poniżej (maluję na Czerwono, abyś mógł zobaczyć). Możesz zmienić rozmiar pędzla, klikając dwukrotnie ikonę narzędzia. Celem nie jest namalowanie idealnie gładkiego kształtu, ale coś, co będzie czuć się jak zrobione ręcznie.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

gdy już wykonasz kształt według własnych upodobań, połącz go z ośmiornicą, korzystając z funkcji Unite narzędzia Pathfinder (okno > Pathfinder). Wybierz zarówno ośmiornicę, jak i kształt, który właśnie namalowałeś, i naciśnij przycisk unite, a skończysz.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Przesuń nowo utworzony kształt pod pozostałą kopią ośmiornicy, włącz ją z powrotem i podziwiaj wynik. Obie wciąż ustawiają się w linii i wygląda na to, że najważniejsze punkty ośmiornicy zostały zabarwione na Czerwono.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

wróć do dokumentu programu Photoshop. Spróbuj ciemniejszego niebieskiego z oryginalnego zdjęcia. Poszedłem w lewym dolnym obszarze obrazu i dostałem # 384d69.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

zmień kształt podświetlenia utworzony w programie Illustrator na ten kolor.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

po zakończeniu wklej kształt w programie Photoshop jako obiekt inteligentny, poniżej warstwy octopus, którą tam masz.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

aby wyglądało na to, że nie jest wyrównany, wystarczy przesunąć go za pomocą strzałek na klawiaturze(z aktywnym narzędziem ruchu – oczywiście-V). 4 krany w dół i 4 w lewo.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

aby utworzyć efekt off-registered frame, musisz najpierw utworzyć nowy obiekt inteligentny poprzez kopiowanie (poprzez kliknięcie prawym przyciskiem myszy menu uzyskanego po kliknięciu warstwy). Jeśli po prostu powielisz obiekt inteligentny, zmiany, które zrobisz, zostaną zreplikowane na wszystkich innych jego wystąpieniach.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

gdy to zrobisz, przesuń kopię pod pierwszą klatkę i zmień jej kolor za pomocą programu Illustrator na ten sam niebieski, który dałeś podświetleniu octopus.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie przesuń go w ten sam sposób, w jaki przesuniesz podświetlenie ośmiornicy (efekt koloru musi pozostać spójny w całym utworze).

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

dodanie obrysu wokół ośmiornicy i jej podświetlenia

wykończeniem odznaki jest mała przerwa między ośmiornicą a odznaką (i odpowiednimi podświetleniami). Aby to osiągnąć, Utwórz zaznaczenie wokół ośmiornicy za pomocą CTRL / CMD + kliknij jej miniaturę warstwy.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie przejdź do wybierz > zmodyfikuj > Rozwiń, aby rozwinąć zaznaczenie o 25 pikseli.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Odwróć zaznaczenie (CTRL / CMD+SHIFT+I) i dodaj maskę warstwy do ciemnobrązowego obiektu inteligentnego ramki. Będzie pasować do wyboru dokonaliśmy, i pokazać lukę.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

powtórz te same kroki, ale używając warstw podświetlenia, aby pokazać szczelinę na ramce przesunięcia.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

mamy całkiem niezły element środkowy. Teraz, na typ!

KROK 4: Typ

Jaka jest kopia?

zanim dodamy typ do naszego plakatu, umówmy się na jakiś egzemplarz. Elementem tytułowym powinna być nazwa zespołu: The Krakens.

będziemy musieli również dodać nazwę miejsca (93 Feet East, Londyn, Wielka Brytania), datę (17 kwietnia 2015) i opłatę za okładkę (10 funtów).

nazwa zespołu zostanie również zapisana pogrubioną czcionką, natomiast dodatkowe informacje zostaną zapisane pogrubioną czcionką Amorie Modella. Linie, które ramują dodatkowe informacje pochodzą z dodatków Amorie: lines vector file (AMORIE_EXTRAS-Lines.ai). wszystkie elementy typu są kolorowe w #302b2c.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

tytuł

jak widzieliście powyżej, jest napisany w dwóch częściach. „The”, który jest obracany o 90° w kierunku przeciwnym do ruchu wskazówek zegara, i ” Krakens.”Zacznij od napisania obu części i umieszczenia ich w relacji.

napisalem „Krakens” 174 pkt duzy, a „The” 90 pkt duzy.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

teraz, gdy jest to zrobione, nadszedł czas, aby skorzystać z wielu alternatywnych znaków, które Brush Up ma. Pozwoli to uniknąć powtarzania litery w identyczny sposób, co w końcu nadaje typowi prawdziwy” odręczny ” klimat.

na przykład wybierz drugie „K” i naciśnij przycisk style alternates w panelu Typ.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

powoduje to wyświetlenie innego „K”.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

powtarzając ten proces, zmieńmy ” E „w” Krakens”, aby było inne niż w ” The.”

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

włącz ponownie linie pomocnicze i sprawdź, czy na tym etapie nie ma żadnego problemu z odstępami lub umieszczaniem, który chcesz naprawić. Gdy będziesz zadowolony, nadszedł czas, aby przejść do dodatkowych informacji na koncert.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

miejsce

zanim będę mógł zacząć, wygląda na to, że muszę trochę podnieść element odznaki w swoim płótnie, więc właściwie mam miejsce, aby dodać dodatkowe informacje.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

będziemy ponownie regulować odstępy, gdy wszystkie elementy są tam, ale lubię pracować z odrobiną miejsca przynajmniej.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

napisałem 93 Feet East / London * UK w dwóch wierszach. Amorie Modella pogrubiona jest w 78-punktowej wysokości, z 72-punktową przewagą. Kopia jest wyrównana do lewej i umieszczona w lewym dolnym rogu płótna.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Data i opłata za okładkę

napisałem 17 kwietnia 2015 / Bilety £10 z tym samym rozmiarem i wartościami wiodącymi. Główną zmianą jest to, że tym razem blok tekstu jest wyrównany do prawej i umieszczony w prawym dolnym rogu utworu.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

poprawimy trochę ten blok tekstu. Po pierwsze, ustawmy” th ” jako indeks górny.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następnie, korzystając z tej samej funkcjonalności alternatyw stylistycznych, co poprzednio, upewnijmy się, że znaki nie powtarzają się identycznie (zwróć uwagę na przykład na „a” i „E”).

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

trochę sprzątania warstw:

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

a potem upewnij się, że Twoje bloki tekstowe są dobrze wyrównane, zarówno pionowo do końców tytułu, jak i między sobą. Możesz użyć menu wyrównania warstwy >, aby to przyspieszyć.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

możemy wreszcie dodać dzielniki, aby oprawić dodatkowe bloki informacyjne. Head to AMORIE_EXTRAS-Lines.ai i weź jedną z przegród.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Wklej kopie jako inteligentne obiekty wokół informacji o obiekcie. Możesz po prostu wkleić jeden z pliku programu Illustrator, a następnie utworzyć z niego duplikaty w programie Photoshop.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

nie wahaj się odwrócić i/lub obrócić przegródek, aby fakt, że są one kopiami siebie nawzajem, nie wyskakiwał widzom.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

powtórz z datą i informacją o okładce(nie zapomnij odpowiednio dostosować szerokości).

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

teraz jest również dobry czas, aby upewnić się, że dzielniki są również w odpowiednim kolorze. Jeśli po prostu zduplikowałeś jeden inteligentny obiekt przez kawałek, powinieneś po prostu zmienić jeden z nich na #302b2c i będziesz gotowy do pracy.

globalne korekty

po tym wszystkim jesteśmy coraz bliżej ukończenia naszego układu.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

nadszedł czas, aby dostosować różne elementy w stosunku do siebie przed przejściem dalej. W moim przypadku oznacza to, że trochę podniesiesz odznakę.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Pamiętaj również, aby spojrzeć na kawałek z wyłączonymi prowadnicami, ponieważ twoja percepcja może się zmienić.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

krok 5: więcej tekstur!

czas zrobić drugie i ostatnie przejście tekstur. Te, poprzez zastosowanie do plakatu jako całości, będą uczestniczyć związać wszystko razem w spójny zespół.

wykonamy ten sam proces niż w przypadku tła: miejsce, rozmiar, rasteryzacja, desaturacja, wyostrzenie i wzmocnienie kontrastu.

: Od trzech do czterech lat aktywnie zbieram i tworzę tekstury, a moja Biblioteka jest dość duża (40+ Gb). Znam swoją bibliotekę tekstur bardzo dobrze i zazwyczaj jestem w stanie wybrać te, których będę używać w projekcie z wyprzedzeniem w oparciu o pożądany rezultat. Większość z poniższych to takie, których sam nie zrobiłem. Zauważ, że te dwa, które są moje, są częścią paczki, którą sprzedaję w Moim Sklepie Creative Market, sklepie.

zauważ, że będziesz potrzebował również akcji Ps od dobrych ludzi z Go Media, których nazywam ” w wieku 2 lat.”Możesz go pobrać w tym poście(i przeczytać samouczek plakatu, jeśli czujesz się tak skłonny). Jeśli nie chcesz czytać samouczka, możesz również wypróbować ten bezpośredni link do niego.

Oto tekstury, które musisz mieć pod ręką, aby odtworzyć efekty, które uzyskałem:

  • VV_MicroscopicBurnedFilm_10 by Dustin Schmieding
  • efekt malarza #7 by Startextures
  • VV_GrindhouseTexture_07.jpg z pakietu tekstur Grindhouse w dolinach w Winylu
  • Delta 3200 – 120 film-bardzo zakurzony przez JakezDaniel
  • jak wyciek # 8 z pakietu free light leak w Spoon Graphics
  • .zbyt zakurzony. film texture by missAlienation-stock
  • photocopy by clarisaponcedeleon
  • photocopy-Noise-textures-SBH-001.jpg i fotokopia-Noise-textures-sbh-004.jpg z pakietu photocopy Noise texture w sklepie

z tymi gotowymi, zaczynajmy.

zastosowanie tekstur

Otwórz i umieść VV_MicroscopicBurnedFilm_10.jpg w Twoim dokumencie.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Rasteryzuj, desaturuj i wyostrz, zanim przejdziesz do poziomów (CTRL/CMD+L). Używam wartości poniżej.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Zakończ, ustawiając warstwę na miękkie światło przy 35% nieprzezroczystości.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następny jest efekt malarza # 7 tekstury. Otwórz i umieść painter-s-effect-snb-07-4416485295_a78f2da722_o.jpg (nazwy plików Yay Flickr) do dokumentu.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

korekty poziomów.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Blending mode: soft light @ 50% opacity.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Next: VV_GrindhouseTexture_07.. jpg

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następny: delta_3200 _ _ _ 120 _ film _ _ bardzo _ zakurzony _ by _ jakezdaniel-d5milqk.jpg (nazwy plików DeviantArt). Jest powiększony, więc żaden z numerów krawędzi filmu nie pojawia się, ale nie obraca się.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

nie trzeba grać z poziomów. Po prostu umieść tryb mieszania na ekranie @ 50% krycia.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następny: jak wyciek # 8 . Miejsce 8.jpg w kanwie i zmień tryb mieszania warstwy na ekran @ 100% krycia.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następny: .zbyt zakurzony. Tekstura filmu. Place _ too _ dusty_ _ film _ texture _ by _ missalienation _ stock-d3bxobe.jpg na twoje płótno.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

tryb mieszania: mnożenie @ 100% nieprzezroczystości

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

następny: photocopy_by_clarisaponcedeleon_-_deviantart.jpg. Będziesz musiał lekko zniekształcić tę teksturę, aby w pełni pokryła twoje płótno.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

zwróć uwagę na ustawienia poszczególnych poziomów, obniżając białe wyjście tekstury.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

tryb mieszania: miękkie światło @ 25% nieprzezroczystości.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

trochę sprzątania:

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

w przypadku tekstur photocopy noise

dwie tekstury z pakietu Photocopy noise texture pack nie są używane jako nakładki, ale raczej wklejane do masek warstw, aby przetrwać typ i Odznakę.

proces wklejania tekstury do maski warstwy jest bardzo prosty:

  1. Otwórz teksturę.
  2. skopiuj jego zawartość.
  3. ALT / OPTION+kliknij miniaturę maski warstwy, do której chcesz wkleić teksturę. Spowoduje to wyświetlenie zawartości maski warstwy i umożliwi jej edycję. Pamiętaj, aby wyłączyć małe ogniwo łańcucha maski warstwy, dzięki czemu możesz przesuwać teksturę bez przesuwania elementu wzdłuż
  4. dokonuj niezbędnych zmian (rozmiar, rozmieszczenie, wyostrzenie, poziomy itp.

Zacznijmy od photocopy-noise-textures-SBH-001.jpg. Dodaj maskę warstwy do grupy warstw, która zawiera odznakę. To ramka z nazwiskiem w moim dokumencie. Upewnij się, że połączenie między maską Warstwy a grupą warstw jest wyłączone.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

ALT / OPTION + kliknij maskę warstwy, aby uzyskać dostęp do jej zawartości. Zwróć uwagę na sposób podświetlenia maski warstwy.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Open photocopy-Noise-textures-sbh-001.jpg, a następnie skopiuj i wklej go do maski warstwy.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Wyostrz go i odwróć (CTRL / CMD+I).

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

użyj poziomów, aby zwiększyć kontrast.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

zwróć uwagę, jak wynik będzie nieznacznie różnić się od podglądu podanego przez poziomy. To pewnie z powodu wysokiej rozdzielczości naszego dokumentu.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

kliknij na miniaturkę warstwy octopus i podziwiaj wynik. W razie potrzeby ponownie dostosuj poziomy.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

wykonamy ten sam proces i wkleimy fotokopię-szumu-tekstury-sbh-004.jpg do maski warstwy dołączonej do grupy warstw zawierającej wszystkie elementy typu.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

z tym zrobione, oto przed / po porównanie wpływu na tytuł. Jest bardzo subtelny, ale bierze udział w ogólnym klimacie.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Krok 6: regulacja jasności

plakat jest dość ciemny. Tak ciemno w rzeczywistości, że nie możemy odczytać szczegółów ośmiornicy bardzo dobrze.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

moje rozwiązanie: zmiana niebieskiego odcienia używanego do podświetlania offsetu. Będziesz chciał pozostać w zakresie poziomów jasności i nasycenia, które mogą być obecne w oryginalnym obrazie, więc niebieski nie wydaje się nie na miejscu w końcowym utworze.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

przejście z #384d69 na # 54769b pomaga, ale wydaje się, że moglibyśmy zrobić nieco więcej. Zmieńmy też nieco brązowy odcień tego typu na # 474042.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

po zmianie WSZYSTKICH ciemnobrązowych elementów, jesteśmy w lepszym miejscu.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

ale to nie wystarczy. Dodałem więc warstwę dopasowania ekspozycji na górze stosu warstw, aby nieco rozjaśnić sprawy. Właśnie zmieniłem wartość ekspozycji na + 0.25, czyli wystarczająco dużo, by zrobić widoczną różnicę.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Krok 7: ostatnie poprawki

po umieszczeniu plakatu nadszedł czas, aby użyć akcji Photoshopa, o której wspomniałem podczas stosowania tekstur globalnych.

najpierw Utwórz scaloną kopię wszystkich warstw na górze stosu warstw. Jest do tego wygodny skrót klawiaturowy: CTRL / CMD+SHIFT + ALT/OPTION + E. po prostu upewnij się, że masz wybraną najbardziej górną warstwę podczas robienia tego.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

po trochę organizacji warstw powinieneś mieć coś takiego jak mój stos warstw. Nazwałem scaloną kopię Comp i nadałem jej własną grupę warstw.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Powiel warstwę Comp i zmień nazwę kopii na 2. Uruchom w wieku 2.działanie atn pobrane wcześniej na warstwie.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

rezultatem będzie bardzo głośna wersja plakatu. To jak kiepska kolorowa Kopia plakatu.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

po prostu zmień tryb mieszania warstw na miękkie światło @ 25% krycia. To doda trochę tego szumu do utworu, a także lekko zwiększy kontrast.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

utwórz kolejną scaloną kopię na górze stosu warstw. Zmień jego nazwę na półtony i zmień warstwę na obiekt inteligentny (Filter > Konwertuj Na filtry inteligentne).

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

zastosujmy filtr półtonu kolorów do tej górnej warstwy (Filter > Pixelate > Color halftone.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

zmień tryb mieszania filtra na miękkie światło @ 100% krycia, klikając dwukrotnie tę małą ikonkę W palecie warstw.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

zmień tryb mieszania warstwy na jaśniejszy kolor przy kryciu 50%.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

ponieważ efekt został zbytnio wyblakły, po prostu zwiększymy rozmiar kropek półtonów. Kliknij dwukrotnie nazwę filtra w palecie warstw.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

wystarczy zmienić wartość Max. Promień do 14 dla wyraźniejszego efektu.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

wisienka na torcie: ostatnia warstwa Odcień / Nasycenie, która jest przycinana do warstwy półtonu (CTRL / CMD+G z podświetloną warstwą w palecie warstw). Przy wartości -75 będzie uczestniczyć w łagodzeniu zniekształceń kolorów spowodowanych efektem półtonów.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

i skończyliśmy!

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Ostatnie notki

Write a Comment

Twój adres e-mail nie zostanie opublikowany.