Jak stworzyć Vintage Camera w Photoshopie
W tym tutorialu Photoshop odtwarzamy dość stary aparat: Halina Super 35X.
Wykorzystamy różne narzędzia i techniki, aby stworzyć zabytkową kamerę od podstaw , od podstawowych narzędzi Marquee Tools (w celu utworzenia prostych kształtów) do narzędzia Pędzel (dla podkreśleń i cieni).
Samouczek ma 23 kroki i jest skierowany do użytkowników ze średnią znajomością Photoshopa.
Został stworzony przez Callum Chapman z Circle Box Creative wyłącznie dla czytelników Webdesigner Depot.
Udostępnij linki do własnych wyników w sekcji komentarzy poniżej ... Miłej zabawy!
Ostateczne zdjęcie:
Krok 1
Pierwsza rzecz pierwsza. Otwórz Photoshopa i utwórz nowy dokument. Będę używał dokumentu Web Preset o rozdzielczości 800 × 600 pikseli.
Będziemy odnosić się do obrazu źródłowego tej kamery Halina, którą zrobiłem przy użyciu mojego iPhone'a.
Możesz go użyć lub użyć jakiejś innej kamery - zachęcam do tego, ponieważ będziesz mógł bardziej produktywnie eksperymentować z narzędziami i technikami, które ci pokażę. Wybór nalezy do ciebie.
Po zapisaniu zdjęcia wróć do Photoshopa i przejdź do Plik → Miejsce . Znajdź obraz i umieść go na środku dokumentu.
Zmień nazwę nowej warstwy (np. Ze zdjęciem źródłowym) na coś odpowiedniego, na przykład "Źródło". Obniż krycie tej warstwy do 50%.
Krok 2
Nasz dokument i zdjęcie źródłowe są skonfigurowane i gotowe do pracy. Zanim przejdziemy do szczegółowości aparatu, stwórzmy główne kształty kamery, które posłuży nam jako przewodnik.
Utwórz nową warstwę i nazwij ją "Głównym ciałem". Chwyć prostokątne narzędzie zaznaczania i przeciągnij prostokąt nad skórzaną częścią ciała kamery, jak pokazano poniżej.
Wypełnij swój wybór kolorem czarnym za pomocą narzędzia Wiadro z farbą, upewniając się, że wybrano warstwę "Main Body".
Nie możemy już zobaczyć kamery, dlatego właśnie odznaczamy widoczną warstwę "Main Body". Po usunięciu zaznaczenia tej opcji utwórz nową warstwę o nazwie "Left Main Body".
Chwyć ponownie narzędzie Prostokątne zaznaczenie i dokonaj wyboru po lewej stronie głównego korpusu, a następnie wypełnij go ciemnoszarym kolorem. Jeśli nie masz pewności, o czym mówię, zobacz zdjęcia poniżej.
Powtórz ten ostatni krok, tym razem wybierając i wypełniając prawą stronę aparatu. Nie zapomnij stworzyć nowej warstwy!
Przy włączonej widoczności wszystkich warstw powinniśmy zobaczyć coś takiego:
Jak w przypadku każdego projektu, ten zaczyna wyglądać ... no cóż, całkiem nieźle. To się jednak zmieni; nie martw się.
Przytrzymując klawisz Command, kliknij miniaturkę naszej warstwy "Left Main Body". Zanim wykonasz cokolwiek innego, przytrzymaj klawisze Command + Shift i kliknij miniaturkę "Warstwy prawego korpusu". Obrys obu elementów powinien teraz zostać wybrany.
Wybierz warstwę "Main Body" i naciśnij klawisz Delete. Spowoduje to usunięcie niepożądanych obszarów głównego kształtu ciała. Mogliśmy tylko wizualnie sprawdzić, czy nasz główny kształt ciała był właściwy, ale w ten sposób jest znacznie dokładniejszy.
Wybierz narzędzie Lasso wielokątne i zaznacz pola widoczności na wszystkich warstwach kształtu zaznaczenia, jak pokazano poniżej.
Kliknij prawym przyciskiem myszy i wybierz Odwrotny lub przejdź do Wybierz → Odwrotny . To odwraca naszą selekcję, abyśmy mogli usunąć wszystko poza naszym pierwotnym wyborem, a nie wewnątrz.
Kliknij ponownie wszystkie pola widoczności obok naszych warstw kształtu i kliknij je po jednym i naciśnij klawisz Delete. Powinieneś skończyć z tym:
Jak widać, mamy teraz podstawowy kształt naszego aparatu. Powodem, dla którego zrobiliśmy to na osobnych warstwach, jest to, że możemy znacznie bardziej kreatywnie stosować tekstury w określonych obszarach. Na przykład będziemy mogli zastosować przekształcone lub zniekształcone teksturowane obrazy do tylko jednego określonego obszaru.
Krok 3
Chociaż nie stworzyliśmy jeszcze większego kształtu kamery, zaczniemy dodawać teksturę do głównej bryły.
Na początku dużo łatwiej jest pracować nad jednym obszarem, a następnie przejść do następnego kroku, zamiast zajmować się tym wszystkim naraz. Udaj się do Bittbox i pobierz jeden z nich tekstury skóry (Użyłem ostatniego). Umieść go w swoim dokumencie, przechodząc do Plik → Miejsce .
Zmniejsz teksturę; Najłatwiej to zrobić, naciskając Command + T i przeciągając rogi w dół, przytrzymując klawisz Shift, aby zachować wszystko w proporcji.
Przytrzymując klawisz Command, kliknij miniaturkę obok warstwy "Main Body". Kliknij prawym przyciskiem myszy i wybierz "Wybierz Odwrotność". Kliknij swoją warstwę tekstur ze skóry (możesz zmienić jej nazwę na "Tekstura głównego ciała") i naciśnij klawisz Delete.
Przesuń warstwę "Main Body Texture" w dół, tak aby znajdowała się bezpośrednio nad warstwą "Main Body". Widać teraz, dlaczego zmiana nazwy warstw jest ważna; w przeciwnym razie byłyby bardzo mylące.
Idź do warstwy → nowa warstwa dopasowania → jasność / kontrast . Doprowadź poziom jasności do -75, a kontrast do +10. Upewnij się, że regulacja znajduje się powyżej twojej warstwy "Main Body Texture" i naciśnij Command + E na warstwie dopasowania, aby połączyć ją z warstwą tekstur.
Oznacza to w zasadzie, że ustawienia jasności i kontrastu zostaną zastosowane tylko do warstwy teksturowanej. Uwaga: po scaleniu warstwy dopasowania w dół, nie można jej zmienić, więc upewnij się, że uzyskasz ją tuż przed połączeniem.
Umieść tekst w dokumencie (ponownie) i przejdź do Edycja → Transformuj → Przekrzywienie . Opuść jedną stronę tekstury, upewniając się, że jest ustawiona pod kątem w dolnej części lewej strony naszego głównego ciała, jak widać poniżej.
Ustaw swoją strukturę tak, aby całkowicie zakryła lewą stronę głównego korpusu. Przytrzymując klawisz Command, kliknij miniaturkę obok warstwy "Left Main Body", aby dokonać wyboru.
Kliknij prawym przyciskiem myszy i kliknij "Wybierz odwrotnie", wybierz naszą nową warstwę tekstur i naciśnij klawisz Delete.
Po zmianie nazwy warstwy na "Left Main Body Texture" i przeniesieniu jej bezpośrednio nad warstwę "Left Main Body", dodaj kolejną warstwę Adjustment → Brightness / contrast , tym razem dostosowując jasność do -20, a kontrast do +10.
Połącz warstwę dopasowania w dół z warstwą "Lewej tekstury głównej bryły", naciskając Command + E.
Powtórz ostatni krok, tym razem po prawej stronie głównego ciała.
Możesz myśleć, że kolor każdej strony głównego ciała wygląda nieco. Nie martw się; prawdopodobnie będzie wyglądać znacznie lepiej, gdy zniknie źródło.
Jeśli nadal nie wygląda prawidłowo, możemy to później poprawić. Umieść wszystkie swoje główne warstwy ciała w folderze oznaczonym "Main Body". To znacznie ułatwia zarządzanie w późniejszym czasie; inaczej moglibyśmy skończyć z setkami niezorganizowanych warstw.
Odznacz widoczność nowego folderu. Teraz możemy przejść do następnego kroku.
Krok 4
Następną rzeczą, którą zaczniemy, jest obiektyw. Wybierz narzędzie Zaznaczanie eliptyczne i dokonaj okrągłego zaznaczenia nad soczewką.
Utwórz nową warstwę i nazwij ją "Kształt soczewki". Wypełnij swój wybór jasnoszarym za pomocą narzędzia Wiadro z farbą.
Ukryj widoczność naszej warstwy "Kształt soczewki" i utwórz kilka kolejnych okręgów. Użyj odpowiednich kolorów, aby wypełnić każdy z okręgów, i pamiętaj, aby każde koło było na nowej warstwie.
Nazwij je "Kształtem soczewki 2", "Kształtem soczewki 3" itd. Łącznie mam pięć warstw kształtu soczewki. Oto, jak to wygląda ze wszystkimi wybranymi warstwami kształtu soczewki, a następnie poniżej ze wszystkimi wybranymi warstwami:
Krok 5
Wybierz "Lens Layer 3" (jest to moje trzecie koło) i przeciągnij je do ikony New Layer w palecie Layer. Spowoduje to duplikowanie warstwy.
Naciśnij kombinację Command + T, aby otworzyć narzędzie Transformacja swobodna, aw menu u góry okna zmień szerokość i wysokość na 95%.
Po wybraniu nowej warstwy (powinna to być "Lens Layer 3 copy") przejdź do warstwy → styl warstwy → opcje mieszania . Zastosuj cień wewnętrzny, korzystając z następujących ustawień.
Powtórz ostatni krok, aż pojawi się coś, co wygląda tak:
Prawdopodobnie będziesz mieć od siedmiu do dziewięciu nowych warstw po tym, co właśnie zrobiliśmy, więc umieść wszystkie skopiowane warstwy i oryginał w folderze oznaczonym "Kształt soczewki".
Krok 6
Ukryj widoczność wszystkich warstw soczewki poza "Kształtem soczewki 1." Przejdź do warstwy → Styl warstwy → Opcje mieszania i zastosuj następujące ustawienia nakładki gradientu:
Po wybraniu tej samej warstwy, zduplikuj ją (tak jak poprzednio) i zmniejsz wysokość i szerokość do 94%. Ponownie otwórz opcje mieszania i przyciemnij każdy z kolorów gradientu.
Omówiliśmy wiele cieniowanych i wyróżnionych obszarów z tych dwóch prostych gradientów, ale dodanie trochę dodatkowych szczegółów byłoby fajne.
Przybliż soczewkę i za pomocą cienkiej miękkiej szczotki (za pomocą pędzla) przesuń pędzel wokół niektórych obszarów, jak pokazano poniżej. Jeśli masz tablet graficzny, byłby to dobry czas, aby z niego skorzystać. Upewnij się, że ten krok został ukończony w nowej warstwie oznaczonej "Najważniejsze soczewki".
Obniż krycie twojej nowej warstwy podświetlenia do 65%.
Powtórz ostatni krok, tym razem używając ciemnego pędzla i malując w dowolnym zacienionym obszarze. Zrób to w nowej warstwie oznaczonej "Lens Shadows." Obniż krycie tej warstwy do 65%.
Po wybraniu wszystkich naszych warstw, oto, co mamy do tej pory:
Krok 7
Umieść wszystkie warstwy soczewek w folderze oznaczonym "Obiektyw".
Utwórz nową warstwę i nadaj jej nazwę "Wewnętrzny cień soczewki". Przytrzymując klawisz Command, kliknij miniaturkę naszej warstwy "Lens Shape 2", która jest moim ciemnoszarym okręgiem soczewki.
W nowej warstwie przejdź do Edycja → Obrys i użyj następujących ustawień:
Użyłem szarości nieco ciemniejszej niż oryginalny szary okrąg.
Krok 8
Nasz obiektyw zaczyna wyglądać całkiem nieźle. Utwórz kolejną nową warstwę i nazwij ją "Odbicie soczewki" (wszystkie nowe warstwy soczewek należy umieścić w folderze "Obiektyw").
Chwyć miękką szczoteczkę i użyj jasnożółtego koloru (użyłem # fffae5). Namaluj trochę soczewki, jak pokazano poniżej.
Idź do Filtruj → Rozmycie → Rozmycie gaussowskie i rozmycie przez około 10 pikseli.
Zmień tryb mieszania warstwy na Overlay i zmniejsz krycie do 40%.
Krok 9
Stwórz kolejną nową warstwę (wiem, że są
dużo) i nazwij go "Flare". Wybierz zewnętrzny kształt "Lens Shape 2", przytrzymując klawisz Command i klikając miniaturowy obraz warstwy, i wypełnij zaznaczenie czystą czernią w nowej warstwie.
Idź do Filtruj → Renderuj → Flara obiektywu i użyj następujących ustawień:
Zmień tryb mieszania na nakładkę i zmniejsz krycie do 30%. Chociaż nie robi to wielkiej różnicy, dodaje to bardzo ważny szczegół.
Krok 10
Wszystko, co chcemy teraz zrobić, to dodać trochę więcej tekstury do naszego obiektywu. Utwórz kolejną nową warstwę i umieść ją w jednym z nich te tekstury . Skaluj teksturę i umieść ją nad soczewką.
Wybierz kontur warstwy "Kształt soczewki 1" (wiesz jak to zrobić teraz) i wybierz odwrotnie. Kliknij przycisk Usuń na warstwie teksturowanej.
Zmień tryb mieszania na nakładkę i zmniejsz krycie do 50%.
Jeśli czujesz potrzebę, możesz powtórzyć ten krok, używając innej tekstury. Można też wytrzeć niektóre obszary za pomocą miękkiej szczoteczki do gumek.
Krok 11
Wybierz warstwę "Kształt soczewki 1" i otwórz Opcje mieszania, przechodząc do Warstwa → Styl warstwy → Opcje mieszania . Zastosuj następujący cień:
Pobierz jedną z te tekstury (Użyłem ostatniego) i wstawiam go do twojego dokumentu.
Ustaw teksturę pod swoją warstwą "Lens Shape 5" (to jest mój rzeczywisty obiektyw, kawałek szkła).
Wybierz warstwę "Kształt soczewki 5", wybierz Odwrotność i naciśnij Usuń na nowej warstwie tekstury (którą nazwałam "Tekstura bąbelków"). Zmień tryb mieszania warstwy na nakładkę.
Po ustawieniu tekstury bąbelkowej na warstwie "Lens Shape 5", przejdź do Warstwy → Nowa warstwa dopasowania → Barwa / Nasycenie .
Zwiększ ustawienie odcienia do +180 i naciśnij Command + E, aby scalić warstwę barwy / nasycenia z naszą warstwą tekstury bąbelków.
Obniż krycie do 65%. Nasz obiektyw jest kompletny!
Krok 12
Dostajemy się gdzieś teraz! Przejdźmy do dolnej części naszej kamery.
Korzystając z tej samej techniki, którą wcześniej używaliśmy do uzyskania kształtu głównej bryły (przy użyciu narzędzia Zaznaczanie prostokątne i Narzędzie Zaznaczania wielokątów), wybierz trzy różne warstwy: "Lewy dolny", "Główne dno" i "Prawy dolny".
Umieść te warstwy w folderze o nazwie "Bottom".
Upewnij się, że warstwy są ułożone poprawnie i umieść je pod folderem z obiektywami.
Krok 13
Otwórz opcje mieszania dla warstwy "Main Bottom". Zastosuj następujące ustawienia nakładki gradientu:
Powtórz ten krok dwa razy, raz dla każdej dolnej strony. Użyj kolorów z oryginalnego zdjęcia źródłowego, aby uzyskać maksymalną szczegółowość.
Krok 14
Utwórz nową warstwę i umieść jedną z nich te tekstury w tym. Umieść teksturę na dolnej warstwie, tak jak poniżej:
Przytrzymując klawisz Command, wybierz kontur jednego z twoich dolnych kształtów, a następnie przytrzymując klawisz Shift + Command, kliknij pozostałe dwa kształty.
To powinno wybrać wszystkie kontury kształtów, pozostawiając Cię z tym:
Przejdź do Select → Inverse i naciśnij klawisz Delete, gdy wybrana jest warstwa tekstury.
Zmień tryb mieszania tekstur na nakładkę. Teraz skończyliśmy z dolną częścią naszego aparatu.
Krok 15
Oto, co mamy do tej pory:
Aparat jest już dość oczywisty, co jest dobre, ponieważ zbudowaliśmy już ogromną liczbę warstw, a całkowity rozmiar pliku przekracza 4,3 MB.
Z tego, co już zrobiliśmy, masz większość umiejętności, których będziesz potrzebować do końca tego samouczka, więc nie będę tu wchodził w szczegóły zbyt szczegółowo.
Utwórz nowy folder i nazwij go "Wizjer". W nowych warstwach utwórz następujące kształty, korzystając z zaznaczonych narzędzi Marquee Tools, z których korzystaliśmy kilka razy wcześniej.
Użyj narzędzia Wieloboczne Lasso i Wybierz Odwrotność, aby wyciąć odpowiednie kształty z istniejących prostokątów.
Krok 16
Korzystając z tej samej techniki, której używaliśmy dla okręgów w obiektywie, utwórz wizjer.
Jest to łatwiejsze niż się wydaje: wystarczy użyć narzędzia prostokątnego, aby utworzyć kilka prostokątów i wypełnić je różnymi kolorami na różnych warstwach.
Krok 17
Zastosuj niektóre nakładki gradientu do warstw "Główny wizjer", "Lewy wizjer" i "Prawy wizjer".
Krok 18
Korzystając z tej samej tekstury, której używaliśmy wcześniej w dolnej części aparatu, dodaj trochę tekstury do obszaru celownika. Upewnij się, że używasz dokładnie tych samych ustawień.
Użyj narzędzia Pędzel na nowej warstwie, aby utworzyć najjaśniejsze tekstury.
Krok 19
Korzystając z technik poznanych podczas tworzenia obiektywu aparatu, urozmaić wizjer gradientami, cieniami i narzędziem Pędzel. Użyłem Inner Shadows na każdym prostokącie, a także obrysy.
Użyłem subtelnych gradientów, narzędzia Pędzel (aby dodać trochę odbicia po obu stronach wizjera) i flary obiektywu.
Aby kółko było trochę brudniejsze, dodałem szum o wartości 6 pikseli, przechodząc do Filtr → Hałas → Dodaj szum .
Krok 20
Za pomocą narzędzi Markizy narysuj pozostałe kształty naszej kamery. Pamiętaj, aby wykonać każdy kształt na innej warstwie i nazwij je odpowiednio.
Krok 21
Po wykonaniu naszych kształtów nadszedł czas na dodanie gradientów i tekstur do głównego ciała (my zrobimy potem przyciski). Użyj tych samych technik, których użyliśmy wcześniej.
Krok 22
Używając narzędzia Pędzel z wybraną miękką szczotką, dodaj podświetlenia i cienie do naszych nowo teksturowanych kształtów.
Ustaw tryby mieszania wszystkich warstw cienia i podświetlenia na nakładkę (cienie powinny być czarne, a jasne białe).
Pierwszy zrzut ekranu to to, co zobaczysz po zastosowaniu cienia, drugi po cienie i światła.
Krok 23
Prawie jesteśmy na miejscu! Zastosuj kilka nakładek gradientu do naszych dwóch przycisków.
Użyj tej samej techniki, którą użyliśmy już kilka razy, aby dodać efekty świetlne do twoich przycisków (np. Technika Pędzel).
Dodaj teksturę do przycisków, aby zakończyć prace.
Wniosek
Po całej tej ciężkiej pracy, w końcu skończyliśmy! Mamy jeden dość szczegółowy aparat, który może być używany jako obraz zapasowy, jako część manipulacji zdjęciami lub nawet jako ikona.
Eksperymentuj z Hue i Balansami Kolorów (możesz zobaczyć moje modyfikacje z ustawieniami kolorów poniżej).
Opracowany wyłącznie dla WDD przez Callum Chapman, niezależnego projektanta z Cambridge w Wielkiej Brytanii. On jest kreatywnym umysłem Kreacja Circlebox i Blog Circlebox i często można znaleźć pisanie blogów związanych z projektowaniem.
Co sądzisz o tym samouczku? Udostępnij swoje własne wyniki poniżej ...