Tworzenie tekstury imitującej metal jest jedną z powszechnie używanych funkcji Photoshopa przez projektantów. Obecnie istnieje wiele sposobów na imitowanie powierzchni metalowych, w szczególności błyszczącego chromu, niklu, żelaza, skorodowanych, trawionych kwasem, eleganckich powierzchni ze szlachetnego złota, srebra, platyny i rtęci. Efekty te mogą być realizowane albo za pomocą specjalnych dodatkowych filtrów lub akcji, które pomagają nadać literom lub innym obiektom metaliczny połysk i wypukłość, albo w oparciu o standardowe narzędzia Photoshopa, które zapewniają nie mniej profesjonalne rezultaty.

Najłatwiejszym sposobem na uzyskanie metalicznego efektu jest użycie odpowiedniej akcji, której w sieci jest wiele. W tym celu warto zajrzeć np. pod adresy: http://www.webmaster.ru/~porcupine/actions/index.cfm?row=19&curpage=5 , http://easyphotoshop.chat.ru /actions/actions.htm , http://gribnick.da.ru/ , http://www.fotoshop.ru/cgi-bin/actions/detail.pl?id=76 itd. Nie ma ich jednak tak wiele opcje tutaj, a ci, którzy chcą uzyskać niestandardowy efekt, ta metoda nie zadziała. Lepiej jest spróbować osiągnąć pożądany efekt za pomocą specjalnych wtyczek, które z reguły pozwolą uzyskać dobrą imitację, a jednocześnie dość szybko. W bardziej skomplikowanych przypadkach będziesz musiał działać ręcznie, opierając się tylko na standardowych funkcjach programu.

Imitacja metalu przy użyciu standardowych narzędzi programu Photoshop

Ta opcja jest bardzo czasochłonna i daleka od prostej, ale otwiera szerokie możliwości kreatywności, zwłaszcza że w wielu zasobach sieciowych można znaleźć różne techniki imitacji metalu. Ciekawe sposoby tworzenie metalowych pierścieni, efekt skorodowanego metalu oraz napisy w chromie, złocie i brązie można znaleźć na stronie. Oryginalną imitację niebieskiego metalu można znaleźć na stronie http://ash.aiq.ru/. Patrząc na stronę http://www.savvy.net/ , łatwo jest dowiedzieć się, jak tworzyć metalowe tekstury, obiekty chromowane i rtęciowe. Strona http://www.pegaweb.com/tutorials/ pokazuje jak tworzyć efektowne metalowe guziki. Tę listę można długo ciągnąć, ale ograniczymy się tylko do najciekawszych opcji.

Brązowy

Mocne wrażenie robi imitacja lśniącej brązowej powierzchni, zaprezentowana na http://www.eyesondesign.net/. Aby go zaimplementować, utwórz nowy obraz w trybie RGB i wypełnij go jasnobrązowym, a następnie zobrazuj zamierzony metalowy przedmiot ciemnobrązowym (ryc. 1).

Ryż. jeden. oryginalny obraz

Wybierz przyszły metalowy obiekt i zapisz wybór jako nowy kanał Alpha1 za pomocą polecenia Wybierz → Zapisz zaznaczenie (Wybierz → Zapisz zaznaczenie). Następnie scal warstwy, zmień kolor pierwszego planu na ciemniejszy i użyj polecenia Edycja → Obrys (Edytuj → Obrys), ustawiając odpowiednie parametry. W tym przypadku wybrano Szerokość (szerokość obramowania) 5 pikseli, Położenie (Pozycja) Wewnątrz (Wewnątrz), Krycie (Nieprzezroczystość) 100% i Tryb (Tryb) Normalny (rys. 2).

Ryż. 2. Obraz po zastosowaniu polecenia Obrysu

Zastosuj polecenie Wybierz → Modyfikuj → Kontrakt (Wybór → Modyfikuj → Kompresuj) o szerokości kompresji 15 pikseli, a następnie wypełnij zaznaczony obszar kolorem białym (rys. 3). Odmów wyróżnienia.

Ryż. 3. Obraz po ściśnięciu zaznaczenia i wypełnieniu zaznaczenia kolorem białym

Zastosuj filtr Gaussian Blur: Filter → Blur → Gaussian Blur (Filtr → Blur → Gaussian Blur) z promieniem rozmycia równym 5 pikseli i zmień tryb warstwy z Normal na Overlay (rys. 4).

Ryż. 4. Wynik rozmycia Gaussa i zmiany trybu warstw

Utwórz kopię tej warstwy i nazwij nową warstwę Chrome. Przejdź do kanału Alpha1 i kolejno zastosuj rozmycie gaussowskie: Filtr → Rozmycie → Rozmycie gaussowskie (Filtr → Rozmycie → Rozmycie gaussowskie) najpierw przy promieniu rozmycia 9 pikseli, następnie przy 6 i 3, a na końcu przy 1 pikselu. Wynik będzie wyglądał jak na ryc. 5.

Ryż. 5. Obraz po wielokrotnym rozmyciu Gaussa

Aktywuj warstwę Chrome i dodaj efekty świetlne: Filtr → Render → Efekty świetlne (Filtr → Render → Efekty świetlne) z parametrami jak na rys. 6. Wynik będzie przypominał ryc. 7.

Ryż. 6. Okno do ustawiania parametrów filtra efektów świetlnych

Ryż. 7. Warstwa chromu po zastosowaniu filtra Efekty świetlne

Aktywuj warstwę główną z obiektem, zaznacz tło, odwróć w efekcie obiekt zostanie zaznaczony, a następnie rozszerz ramkę o 1 piksel za pomocą polecenia Wybierz → Modyfikuj → Rozwiń (Wybór → Modyfikuj → Rozwiń). Następnie usuń niepotrzebne części granicy, naciskając klawisz Del, i odrzuć wybór (ryc. 8).

Ryż. 8. Wynik oczyszczenia granicy

Aktywuj warstwę Chrome, utwórz nową warstwę Krzywe 1 za pomocą polecenia Warstwa → Nowa warstwa dopasowania → Krzywe (Warstwa → Instalacja nowej warstwy → Krzywe), zaznaczając pole wyboru Grupuj z poprzednią warstwą (Połącz z poprzednią warstwą) i wszystkimi innymi domyślnymi ustawienia i wyreguluj krzywe zgodnie z rys. 9. Ponownie aktywuj warstwę Chrome i ponownie użyj polecenia Warstwa→Nowa warstwa dopasowania→Krzywe (Warstwa→Instalacja nowej warstwy→Krzywe) z tymi samymi ustawieniami i zaznaczeniem opcji Grupuj z poprzednią warstwą (Połącz z poprzednią warstwą) nowe Krzywe Pojawią się 2 warstwy; krzywe należy wyregulować zgodnie z ryc. dziesięć.

Ryż. 9. Okno ustawień krzywych dla warstwy Krzywe 1

Ryż. 10. Okno ustawień krzywych dla warstwy Krzywe 2

Połącz warstwy za pomocą polecenia Spłaszcz obraz i zastosuj polecenie Warstwa → Nowa warstwa dopasowania → Barwa / Nasycenie (Warstwa → Instalacja nowej warstwy → Kolor / Nasycenie), zaznaczając pola wyboru Grupuj z poprzednią warstwą (Połącz z poprzednią warstwą) z aktywowany parametr Koloryzacja (Koloryzacja) i dostosowanie parametrów Odcień (Odcień) i Nasycenie (Nasycenie). W ten przykład zaznaczona jest opcja: Barwa - 33, Nasycenie 34. Wynik jaki powinieneś otrzymać jest pokazany na ryc. jedenaście.

Ryż. 11. Ostateczny wygląd brązowej powierzchni

Aby było bardziej przekonująco, można wprowadzić odpowiednią teksturę jako tło, imitującą np. zardzewiały metal, o takiej fakturze wynik powinien przypominać obraz na ryc. 12.

Ryż. 12. Błyszczący brąz na zardzewiałej fakturze

Złoto

Jedna z najciekawszych opcji imitacji złota dostępna jest na stronie http://iolabs.virtualave.net/photoshop/gold/. Aby uzyskać podobną imitację, wydrukuj czarny tekst na białym tle (rys. 13), zaznacz cały czarny obszar i zapisz go jako zaznaczenie za pomocą polecenia Wybierz → Zapisz zaznaczenie (Wybierz → Zapisz zaznaczenie). Następnie połącz wszystkie warstwy za pomocą polecenia Warstwa → Spłaszcz obraz (Warstwa → Uruchom spłaszczenie) i rozmyj cały obraz Gaussian, stosując filtr Filtr → Blur → Gaussian Blur (Filtr → Blur → Gaussian Blur) ze współczynnikiem rozmycia około 5 piksele (ryc. czternaście).

Ryż. 13. Oryginalny obraz

Ryż. 14. Obraz po rozmyciu Gaussa

Teraz musisz uformować rodzaj granicy, załadować zaznaczenie za pomocą polecenia Wybierz → Załaduj zaznaczenie (Wybierz → Załaduj zaznaczenie) i wypełnij zaznaczony obszar kolorem czarnym. Następnie odwróć zaznaczenie, zmniejsz je poleceniem Wybierz → Modyfikuj → Kontrakt (Wybór → Modyfikuj → Kompresuj) o 4 piksele i wypełnij kolorem białym (rys. 15).

Ryż. 15. Obrazek z ramką

W następnym etapie należy lekko podświetlić obiekt z różnych stron, aby uzyskać odblaski, stosując filtr Filtr → Render → Efekty świetlne (Filtr → Render → Efekt świetlny) o w przybliżeniu takich samych parametrach jak na ryc. 16. W takim przypadku należy zwrócić uwagę na konieczność zmiany ustawień dla wszystkich trzech źródeł światła. Wynik będzie wyglądał jak na ryc. 17.

Ryż. 16. Opcje filtrów efektów świetlnych

Ryż. 17. Obraz po wprowadzeniu trzech źródeł światła

Aby nadać materiałowi wygląd metalu, użyj polecenia Image→Adjust→Curves i zbuduj krzywą na (Rys. 18); W rezultacie obraz powinien przypominać obraz na ryc. 19.

Wreszcie, nieokreślony metal musi zostać zamieniony w złoto, dostosowując poziomy za pomocą polecenia Obraz → Dopasowania → Poziomy (Obraz → Dopasowania → Poziomy) za pomocą Parametry wejściowe Poziomy wejściowe ustawione na 100; 1.0 i 255 oraz pobieranie koloru i nasycenia za pomocą polecenia Obraz → Dopasowania → Barwa / Nasycenie (Obraz → Dopasowania → Kolor / Nasycenie) z włączonym parametrem Koloryzacja i wartościami: Barwa (Barwa) - 35, Nasycenie (Nasycenie) ) - 35. Wynik powinien przypominać obraz na ryc. 20.

Ryż. 18. Okno ustawień krzywych

Ryż. 19. Wygląd zewnętrzny obrazy po dostosowaniu krzywych

Ryż. 20. Ostateczna wersja imitacji złota

Chrom

Najbardziej oryginalny sposób tworzenia chromowanych obiektów można znaleźć na stronie http://www.eyesondesign.net/. Aby to zrealizować, utwórz ciemnoszary obiekt (ryc. 21). Zmień nazwę aktywnej warstwy w Chrome.

Ryż. 21. Oryginalny obraz

Zaznacz obiekt, zapisz zaznaczenie poleceniem Zaznacz → Zapisz zaznaczenie (Wybierz → Zapisz zaznaczenie) i zmniejsz go o około 3 piksele za pomocą polecenia Zaznacz → Modyfikuj → Kontrakt (Zaznaczenie → Modyfikuj → Kompresuj). W takim przypadku musisz kierować się zasadą: im większy rozmiar obrazu, tym większą wartość musisz wprowadzić.

Utwórz nowy nad warstwą Chrome warstwa 1. Ustaw kolor pierwszego planu na biały, a kolor tła na czarny, wybierz Odbity gradient i utwórz w zaznaczeniu wypełnienie gradientowe od góry do dołu (Rysunek 22). Odmów wyróżnienia.

Ryż. 22. Obraz po zastosowaniu gradientu

Przejdź do kanału Alpha1 i rozmyj zaznaczenie gaussowskie: Filtr → Rozmycie → Rozmycie gaussowskie (Filtr → Rozmycie → Rozmycie gaussowskie) trzy razy po kolei. Promień rozmycia zależy bezpośrednio od rozmiaru obrazu, ale zasada zmiany promienia przy przechodzeniu do następnego rozmycia jest stała: następna wartość promienia rozmycia powinna być o połowę mniejsza od poprzedniej. W tym przypadku po raz pierwszy pobrano promień 4 pikseli, dla drugiego 2, a dla trzeciego 1 piksela (rys. 23).

Ryż. 23. Wynik rozmycia kanału Gaussa

Wróć do palety Warstwy, aktywuj warstwę Chrome i dodaj efekty świetlne Filtr → Render → Efekty świetlne (Filtr → Render → Efekt świetlny) z parametrami jak na ryc. 24.

Ryż. 24. Dostosuj opcje filtrów efektów świetlnych

Następnym krokiem jest nadanie obrazowi metalicznego połysku. Aby to zrobić, otwórz okno dialogowe Krzywe: Obraz → Dopasowania → Krzywe (Obraz → Dopasowania → Krzywe) i uformuj krzywą pokazaną na ryc. 25. W tym przypadku współrzędne pierwszego punktu krzywej podano w (60; 190), a drugiego w (190; 60) rys.1. 26.

Ryż. 25. Okno ustawień krzywej

Ryż. 26. Pojawienie się metalicznego połysku

Na koniec użyj polecenia Obraz → Dopasowania → Jasność / Kontrast (Obraz → Dopasowania → Jasność / Kontrast), ustawiając odpowiednie wartości dla parametrów Jasność (Jasność) i Kontrast (Kontrast). W tym przykładzie wartość Jasność wynosi 70, a Kontrast 40 (rys. 27).

Ryż. 27. Wykończone chromowane wykończenie

Rtęć

Jeśli chodzi o imitację powierzchni rtęci, w sieci na wielu stronach można znaleźć dwie zasadniczo różne opcje realizacji tego efektu. Jeden bez wątpienia po raz pierwszy pojawił się na stronie http://www.savvy.net/, a autorstwo drugiego jest już dziś trudne do ustalenia. Jest to druga opcja, która daje bardziej efektywną imitację rtęci, więc będziemy się nad nią rozwodzić.

Utwórz nowy obraz w trybie RGB, ustaw czarne i białe tło jako kolor pierwszego planu. Utwórz nowy kanał Alpha 1 i narysuj zamierzony metalowy obiekt (Rysunek 28), a następnie odrzuć wybór.

Ryż. 28. Oryginalny obraz na kanale Alpha 1

Utwórz kopię kanału Alpha 1 Domyślnie nowy kanał będzie nosił nazwę Kopia Alpha 1. Następnie rozmyj kanał gaussowski kopii Alpha 1: Filter → Blur → Gaussian Blur (Filter → Blur → Gaussian Blur) z promieniem rozmycia około 3 pikseli (jeśli obiekt jest bardzo duży, możesz użyć większej wartości promienia rozmycia; Rys. 29).

Ryż. 29. Kanał kopiujący alfa 1 po rozmyciu gaussowskim

Zrób kopię kanału kopii Alpha 1 - nowy kanał będzie nosił nazwę Kopia Alpha 1 2. Przełącz się z powrotem na kanał kopii Alpha 1 i zastosuj filtr Filtr → Inne → Przesunięcie (Filtr → Inne → Shift) z parametrami (-1 ;-1) i opcja Zawijaj (jazda na rowerze). Wróć do kanału Alpha 1 kopia 2 i użyj tego samego filtra, ale z ustawieniami (1; 1).

Następnie wykonaj obliczenia dla kanału za pomocą polecenia Obraz → Obliczenia ... (Obraz → Obliczenia ...), wybierając ustawienia, jak pokazano na ryc. 30. W efekcie powstanie nowy kanał Alpha 2, a obraz będzie wyglądał jak na rys. 31.

Ryż. 30. Okno ustawień polecenia Obliczenia

Ryż. 31. Obraz po obliczeniach

Na kanale Alpha 2 należy kolejno zastosować komendy Obraz → Dopasowania → Odwróć (Obraz → Dopasowania → Negatyw) oraz Obraz → Dopasowania → Automatyczne Poziomy (Obraz → Dopasowania → Automatyczne Poziomy) - rys.1. 32.

Ryż. 32. Wynik korekcji negatywu i tonu

Teraz użyj narzędzia Airbrush, aby zmiękczyć krawędzie obrazu. Ustaw nacisk na 6%, wybierz pędzel około 45 pikseli, ustaw kolor biały jako kolor pierwszego planu i spryskaj.

W następnym etapie będziesz musiał poprawić efekt odbicia za pomocą polecenia Obraz → Dopasowania → Krzywe (Obraz → Dopasowania → Krzywe), po zbudowaniu w przybliżeniu takiej samej krzywej, jak na rys. 33. Wynik powinien przypominać obraz na ryc. 34.

Ryż. 33. Okno konfiguracji krzywych

Ryż. 34. Obraz po wzmocnionym efekcie odbicia

Załaduj zaznaczenie zapisane w kanale kopiowania Alpha 1 za pomocą polecenia Wybierz → Załaduj zaznaczenie, odwróć je i wypełnij zaznaczenie kolorem czarnym.

Przeładuj zaznaczenie kopię Alpha 1 i skompresuj zaznaczenie o około 3 piksele za pomocą polecenia Wybierz → Modyfikuj → Kontrakt (Zaznaczenie → Modyfikuj → Kompresuj). Wykonaj odwrócenie i zastosuj polecenie Obraz → Dopasowania → Odwróć (Obraz → Dopasowania → Negatyw). W rezultacie obraz na kanale Alpha 2 będzie wyglądał podobnie jak na ryc. 35.

Ryż. 35. Kanał alfa 2 po wszystkich manipulacjach

Teraz zaznacz cały obraz, skopiuj zaznaczenie do schowka, przełącz się na kanał RGB i wklej do niego zaznaczenie. Następnie nadaj metalowi żądany odcień za pomocą polecenia Obraz → Dopasowania → Barwa / Nasycenie (Obraz → Dopasowania → Kolor / Nasycenie) z włączonym parametrem Koloruj i odpowiednimi wartościami Barwa (Barwa) i Nasycenie (Nasycenie) . Wynik powinien przypominać obraz na ryc. 36.

Ryż. 36. Ostateczny widok powierzchni rtęci

Symulacja metalu z wtyczkami

Stworzono już wiele wtyczek, w których efekt imitacji metalu jest realizowany w takim czy innym stopniu. Na przykład obiekty metalowe pseudo-3D można uzyskać za pomocą efektu oświetlenia wtyczki Ulead Type.Plugin. Realistyczną teksturę złota można łatwo zasymulować za pomocą filtra żelowego z grupy KPT 6.0 firmy Metacreation. Za pomocą filtra Chrome z grupy Eye Candy 4.0 firmy Alien Skin można bardzo szybko stworzyć różne opcje błyszczących powierzchni metalowych (chrom, złoto, srebro itp.), a matowe powierzchnie metalowe działają dobrze dzięki efektowi PhotoGroove 3.0 firmy Extensis Grupa PhotoTools 3.0.

Rozważmy możliwości wykorzystania wtyczek do symulacji lśniących ciekłych powierzchni metalowych za pomocą filtra Chrome z grupy Eye Candy 4.0 jako przykładu oraz tworzenia matu na przykładzie filtra PhotoGroove 3.0 z grupy PhotoTools 3.0.

W pierwszym przypadku wybierz obiekt, do którego chcesz zastosować filtr (rys. 37) i użyj polecenia Filtr→Oko Candy 4000→Chrome (Filtr→Oko Candy 4000→Chrome) z mniej więcej takimi samymi parametrami jak na rys. . 38. W rezultacie otrzymujemy obraz pokazany na ryc. 39.

Ryż. 37. Oryginalny obraz

Ryż. 38. Ustawianie parametrów filtra Chrome z grupy Eye Candy 4.0

Ryż. 39. Wynik filtra Chrome z grupy Eye Candy 4.0

Aby skorzystać z filtru PhotoGroove 3.0, należy również zaznaczyć obiekt i użyć polecenia Filtr → PhotoTools → PhotoGroove 3.0 (Filtr → PhotoTools → PhotoGroove 3.0), ustawiając odpowiednie wartości parametrów, np. jak na ryc. 40. W rezultacie otrzymujemy obraz pokazany na ryc. 41.

Ryż. 40. Ustawianie opcji filtra PhotoGroove 3.0 z grupy Extensis PhotoTools 3.0

Ryż. 41. Wynik działania filtra PhotoGroove 3.0 z grupy Extensis PhotoTools 3.0

Dzisiaj zrobimy metal w Photoshopie. Ponadto może być używany jako tło lub podstawa do listów, ramek i wszelkiego rodzaju clipartów.

Tworzymy dokument. Używam głównie formatu A4, ponieważ wynik uzyskuje się w dobra jakość. W razie potrzeby format można zawsze zmniejszyć, ale problematyczne będzie zwiększenie go bez utraty jakości.
Po utworzeniu dokumentu wypełnij go gradientem. Wybór narzędzia Gradient i użyj kolorów:
1 #434037
2 #575447
3#8a8374

Teraz wypełnij tło od dołu do góry lub od góry do dołu, jak chcesz i przejdź do następnej części pracy.

Teraz musimy dodać nową warstwę: Warstwa / Nowa / Warstwa… Wypełnij go białym.
Następnie dodaj szum do nowej warstwy: Filtruj / Szum / Dodaj szum… Ustalamy wartość Kwota - 200% Wybierać Gaussa i zaznacz pole Monochromatyczny

Dodaj filtr rozmycia ruchu. Filtr / Rozmycie / Rozmycie ruchu… Oznaczający Kąt - 90%, Odległość - 204px


Należy pamiętać, że paski będą ostrzejsze na krawędziach niż w środkowej części, więc musimy je usunąć. Po prostu wyciągam tę warstwę. Aby pojawiła się siatka deformacyjna, zaznacz pole obok Pokaż kontrolki transformacji , na Górny panel.

Pozostaje zmienić w tej warstwie Tryb mieszania na nakładce i jesteś skończony. Dla wygody możesz scalić warstwy, klikając Ctrl+Shift+E Mamy efekt metal. Może służyć jako tło lub półfabrykat do dalszej pracy.

I, jak lubię to robić, krótki film, który pomoże początkującym lepiej zrozumieć cały proces.

W tej lekcji dowiemy się, jak wykonać napis na metalu. Lekcja jest prosta, nie zajmie Ci dużo czasu i nie wymaga specjalnych umiejętności. Ale jeśli jesteś początkujący, nauczysz się przydatnych rzeczy na temat stylów warstw, pracy z teksturami, stosowania trybów mieszania itp. Mamy nadzieję, że zdobyte umiejętności będą dla Ciebie przydatne!

Ostateczny wynik

Źródła

  • Czcionka Pyszna ;
  • Struktura drewna firmy elemis.
  • Metalowa tekstura według halfthelaw.
  • Gradienty do Photoshopa przez ilnanny (będziemy potrzebować pliku METALS.grd).

Potrzebne nam będą również zarysy. Zobacz, jak je zainstalować.

Krok 1

Utwórz nowy dokument o wymiarach 800 x 461 px. Umieść w dokumencie teksturę drewna „Dark Wood Teture”.

Upewnij się, że opcja Przyciąganie jest aktywna (Widok > Przyciąganie / Widok > Przyciąganie). Aktywuj linijki: Widok > Linijki / Widok > Linijki. Teraz kliknij poziomą linijkę i przeciągnij ją w dół, aby utworzyć poziomą prowadnicę.

Przeciągnij przewodnik na środek dokumentu. Powinien „przykleić się” pośrodku.

Krok 2

Weź narzędzie Narzędzie Prostokąt / Prostokąt iw menu ustawień kliknij ikonę „ustawienia geometrii” / „ustawienia geometrii”. Włącz opcję Od środka.

Przesuń kursor myszy na środek dokumentu (na prowadnicy), a następnie kliknij raz i wpisz 490 x 255 px, aby utworzyć prostokąt.

Nadaj prostokątowi kolor #adadad.

Chwyć narzędzie Dodaj punkt kontrolny. Kliknij środek każdego z pionowych boków, aby dodać punkty.

Za pomocą narzędzia Zaznaczanie bezpośrednie kliknij i przeciągnij, aby zaznaczyć oba nowo utworzone punkty.

Wybierz z menu polecenie Edycja > Przekształć punkty > Skala. Następnie przytrzymaj klawisz Alt/Option i przeciągnij jeden z zewnętrznych uchwytów na bok.

Teraz również podciągnij manipulator do góry.

Gdy jesteś zadowolony z wyniku, naciśnij Enter/Return.

Wybierz narzędzie Elipsa, włącz opcję Od środka i wybierz opcję Odejmij kształt przedni.

Najedź myszą na prowadnicę przy prawej krawędzi kształtu i, przytrzymując klawisz Shift, przeciągnij okrąg o wymiarach 25 x 25 pikseli.

Zrób to samo po lewej stronie.

Krok 3

Kliknij dwukrotnie warstwę, nad którą właśnie pracowaliśmy, i nadaj jej następujący styl warstwy / style warstwy:

Fazowanie i tłoczenie / tłoczenie

Nakładka gradientu

Użyj "rury piecowej 120" z METALS.grd.

Oto, co powinno się wydarzyć:

Krok 4

Wybierz narzędzie Zaznaczanie bezpośrednie, aby zaznaczyć wszystkie punkty, które tworzą kształt.

Umieść plik tekstury metalu „Ciemny szczotkowany metal” na wierzchu wszystkich warstw. Następnie, przytrzymując klawisz Ctrl / Cmd, kliknij warstwę z utworzonym kształtem, aby utworzyć zaznaczenie wzdłuż jej konturu.

Naciśnij Ctrl / Cmd + J, aby powielić zaznaczenie w nowej warstwie, teraz dla tej warstwy zmień parametr Blend Mode / Overlay mode na Overlay / Overlap. Usuń oryginalną warstwę „Ciemny szczotkowany metal”.

Krok 5

Utwórz tekst - wszystko wielkimi literami. Czcionka użyta w przykładzie to Delicious. Rozmiar czcionki to 70 pt, a kolor to #b5b5b5.

Powiel warstwę tekstową i ustaw parametr Wypełnienie na 0% dla warstwy kopii, a następnie ponownie powiel warstwę.

Kliknij dwukrotnie oryginalną warstwę tekstową, aby nadać jej styl warstwy Obrys. Wprowadź parametry, jak pokazano poniżej. Użyj koloru #b5b5b5.

Kliknij kliknij prawym przyciskiem myszy najedź myszą na warstwę, nad którą właśnie pracowaliśmy i wybierz Rasterize Layer Style / Rasterize layer style.

Otwórz ponownie Style warstw dla tej warstwy i nadaj jej styl Faza i Płaskorzeźba.

Określ dla tej warstwy Wypełnienie / Wypełnienie w 0%.

Krok 6

Kliknij dwukrotnie pierwszą kopię warstwy tekstowej, aby wyświetlić okno Styl warstwy. Określ następujące style:

Faza i tłoczenie / tłoczenie

Oto, co powinno się wydarzyć.

Kliknij dwukrotnie drugą kopię warstwy tekstowej i nadaj jej styl warstwy Bevel and Emboss:

W menu znajdź Filter> Noise> Add Noise / Filter> Noise> Add Noise. Określ ustawienia, jak pokazano poniżej.

Zmień tryb mieszania warstwy szumu na miękkie światło, a krycie na 50%.

Zapisz plik. Następnie zapisz plik jako kopię. Połączymy warstwy, więc zawsze dobrze jest zostawić wersję, w której wszystko jest zdemontowane i można je edytować.

Po zapisaniu pliku jako kopii wybierz z menu Warstwa> Spłaszcz obraz / Warstwa> Spłaszcz.

Z menu wybierz Filtr > Renderuj > Efekty świetlne / Filtr > Rendering > Efekt świetlny i określ parametry, jak pokazano poniżej.

Możesz edytować kręgi, aby uzyskać pożądany kształt.

Dzisiejsza lekcja nie będzie dotyczyć poświat, iskier, błyskawic i innych fantastycznych rzeczy, ale wręcz przeciwnie - bardzo przyziemnego materiału. W tym samouczku pokażę Ci, jak to zrobić, w zaledwie kilku proste kroki stworzyć lśniący aluminiowy element przypominający nieco niektóre produkty Apple.

1 krok

Najpierw utwórz nowy dokument. Ponieważ chciałbym użyć grafiki jako tapety, ustawiłem wymiary dokumentu na 1440x900px. Odblokuj warstwę tła (kliknij kłódkę obok ikony warstwy na palecie Warstwy) i zastosuj do niej styl Gradient Overlay. Ustaw tryb mieszania na pomnożenie, styl gradientu na promieniowy, a kolory na #F2F2F2 na #C3C3C3 .

Krok 2

Utwórz nową warstwę i nazwij ją „szum”. Następnie przełącz się na narzędzie Wiadro z farbą (G) i wypełnij warstwę bielą, a następnie przełącz tryb mieszania na Pomnóż. Teraz upewnij się, że kolor tła jest ustawiony na czarny i przejdź do Filtr> Szum> Dodaj szum. W ustawieniach ustaw tryby Monochromatic i Uniform oraz ustaw procent na 8-10%.

3 kroki

Użyj narzędzia Elipsa (U), aby utworzyć sześć bardzo małych okręgów. Następnie wybierz je i wyrównaj w poziomie. Następnie kliknij przycisk Rozłóż środki w pionie na górnym pasku menu. Tak więc okręgi będą równomiernie rozmieszczone w tej samej odległości od siebie.

Krok 4

Upewnij się, że masz włączone linijki. Jeśli nie, przejdź do Widok > Linijki. Następnie wyjmij kilka przewodników, tak jak ja (patrz ilustracja) i przesuń trzy z sześciu kół, jak pokazano poniżej.

Krok 5

Powiel trzy koła z pierwszej kolumny i przesuń je, jak pokazano poniżej.

Krok 6

Teraz zaznacz wszystkie koła i przekonwertuj je na obiekty inteligentne. Następnie kliknij dwukrotnie warstwę, aby wyświetlić menu stylu. Najpierw zastosuj styl Nakładka kolorowa w kolorze ciemnoszarym, a nawet czarnym. Następnie stylizuj koła za pomocą Wewnętrzny cień(Wewnętrzny cień).

Krok 7

Teraz ukryj warstwy tła i szumu. Używając narzędzia Zaznaczanie prostokątne (M) zaznacz cztery okręgi, ale także chwyć odstępy po obu stronach (po to zostały utworzone w trzech rzędach). Następnie otwórz Edycja> Zdefiniuj wzór. Nazwij wygenerowany szablon „dziury”.

Krok 8

Teraz za pomocą narzędzia Prostokąt (U) utwórz prostokąt na lewej krawędzi płótna. Wystylizujmy to. Najpierw ustaw Krycie wypełnienia tej warstwy na 0%. Następnie zastosuj wypełnienie wzorkiem (styl Nakładka wzorkiem) wzorkiem, który właśnie utworzyłeś z okręgów. Następnie po prostu skopiuj prostokąt i umieść duplikat po drugiej stronie płótna.

Krok 9

Umieść swoje logo lub dowolny inny symbol na środku dokumentu. Wywołaj menu stylu dla tej warstwy i nadaj mu styl Gradient Overlay. Ustaw Styl na Odbity, a kolory na biały i czarny. Następnie dodaj kolejny styl - Bevel and Emboss i po prostu skopiuj ustawienia z obrazka poniżej.

10 kroków

Następnie utwórz kolejną warstwę na wierzchu warstwy logo i nazwij ją „logo szumów”. Wypełnij warstwę bielą i zmień jej tryb mieszania na Pomnóż. Użyj narzędzia Zaznaczanie prostokątne, aby utworzyć zaznaczenie, jak pokazano poniżej. Następnie przejdź do Filter> Pixelate> Mezzotint, a następnie Filter> Blur> Radial Blur. I na koniec zmień Krycie warstwy na 50%.

Krok 11

Załaduj wybrane logo (po prostu kliknij ikonę tej warstwy na palecie Warstwy, trzymając wciśnięty klawisz Ctrl). Następnie upewnij się, że masz wybraną warstwę „logo szumu” i przejdź do Warstwa> Maska warstwy> Odsłoń zaznaczenie.

Krok 12

Za pomocą narzędzia Pióro (P) utwórz kształt, jak pokazano na poniższym obrazku. Przekonwertuj go na obiekt inteligentny i przejdź do opcji Filtr> Rozmycie> Rozmycie ponownego wybierania. Jako parametr Method wybierz typ Zoom i kliknij OK. Następnie ponownie zrób to samo rozmycie (Filtr> Blur> Radial Blur), ale teraz użyj typu Spin.

Krok 13

Powtórz krok 11, ale tym razem nałóż maskę na warstwę promieni.

Krok 14

Utwórz nową warstwę i nazwij ją „białym pędzlem”. Załaduj ponownie wybrane logo, tak jak w krokach 11 i 14. Przełącz się na narzędzie Pędzel (B) za pomocą pędzla 35px i ustaw jego kolor na biały. Następnie użyj go, aby zastosować podświetlenie na obszarach wskazanych poniżej.

Wniosek

Dobrze. W kilku prostych krokach osiągnęliśmy bardzo imponujący efekt. Korzystając z tej techniki, możesz stylizować swoje projekty internetowe lub inne projekty graficzne, które wymagają pracy interfejsu w sposób wysokiej jakości. Dodatkowo w trakcie prac udało się stworzyć pokaźną ilość różnych szablonów otworów o różnych kształtach i rozmiarach, które można wykorzystać również w swoich przyszłych projektach. Mam nadzieję, że dzisiejsza lekcja wam się podobała, powodzenia!

Podziel się lekcją

informacje prawne

Przetłumaczone ze strony psd.tutsplus.com, autor tłumaczenia jest wskazany na początku lekcji.

Dość często stajemy przed pytaniem, jak stworzyć tekst z efektem metalicznego połysku, czy ze złotym blaskiem lub efektem srebrnego odbicia. Oczywiście możesz użyć gotowych stylów, ale nie wszystkie wyglądają na bardzo wysokiej jakości. Aby uzyskać profesjonalny rozwój jakości, zobaczmy, jak to zrobić z Tobą efekt metaliczny tekst przy użyciu różnych opcji efektów stylu. Zacznijmy od Photoshopa. Tę lekcję może powtórzyć nawet początkujący.

Krok 1

Przed otwarciem Photoshopa musimy zainstalować idealną czcionkę Rothenburg Decorative oraz ładny zestaw Subtelnych Pędzli Grunge.

Otwórz Photoshopa i utwórz nowy dokument w rozdzielczości 1800 x 1300 px w trybie RGB, 72 DPI, a następnie wypełnij tło ciemnoszarym #1f1f1f.

Krok 2

Utwórz nową warstwę, nazwij ją „tekstura” i użyj pędzli brudnych, aby kliknąć kilka razy na środku dokumentu, używając bieli. Użyj różnych pędzli z tego zestawu, spróbuj zakryć środek dokumentu, zmień wygląd pędzla.

Krok 3

Kliknij dwukrotnie ikonę warstwy tekstury, aby otworzyć panel Styl warstwy. W „Opcjach mieszania” zmniejsz „Wypełnienie” do 0, a następnie zastosuj efekty warstw „Cień” i „Cień wewnętrzny”, korzystając z tych ustawień. Dzięki temu faktura będzie miała realistyczne tłoczenie.

Krok 4

Kliknij ikonę Dodaj maskę warstwy (Dodaj maskę warstwy), a następnie naciśnij Command / Ctrl + (I), aby odwrócić.

Weź duży miękki pędzel o sztywności (twardości): 0% - rozmiar: 950px i kliknij na środku dokumentu. W ten sposób warstwa tekstury będzie widoczna tylko w środku, zanikając w kierunku krawędzi dokumentu.

Krok 5

Użyj narzędzia Tekst (T) i opcji jak na zrzucie ekranu, wprowadź słowo Labdes lub cokolwiek chcesz. Jeśli nie widzisz zakładki „Okno postaci”, przejdź do menu Okno -> Znak.

Krok 6

Otwórz „Styl warstwy” warstwy tekstowej „Labdes” i zastosuj następujące ustawienia. Dla każdego ustawienia, które możesz zobaczyć zapowiedź efekt, który właśnie dodałeś.

Krok 7

Po zmianie stylu kliknij OK. Teraz wybierz słowo „Labdes” za pomocą narzędzia Tekst (T). Zaznacz wszystko obok pierwszego Wielka litera(z wyjątkiem siebie) i zmniejsz kerning (kerning) do -5, jak na obrazku poniżej. Przypominamy, że możesz wyświetlić okno postaci za pomocą menu Okno -> Znak.

Krok 8

Powiel tę warstwę za pomocą Command / Ctrl + (J), kliknij prawym przyciskiem myszy ikonę warstwy i wybierz Wyczyść styl warstwy (Wyczyść styl warstwy). Tak więc tekst poniżej będzie dokładnie pasował do powyższego, a teraz możemy dodać więcej efektów. Świetnym sposobem pracy ze stylami dwuwarstwowymi jest stworzenie solidnej podstawy, tak jak zrobiliśmy to w przypadku pierwszej warstwy tekstowej, a teraz dodanie oświetlenia i odbicia do drugiej, nowej warstwy powyżej. W ten sposób znacznie łatwiej jest nam zmieszać światło i kolor z warstwą tekstury poniżej.

Krok 9