Końcówka kabla od słuchawek

Końcówka kabla od słuchawek

ściągnij gradient

Tworzenie czegokolwiek od początku w Photoshop'ie zaczynamy od utworzenia pierwszej warstwy - tła. W tym celu wybieramy Plik>Nowy... File>New... lub klikamy Ctrl+N. W okienku, które powinno się pojawić ustawiamy następujące parametry:
Nazwa: Name: "Cable audio Jack 3,5"
Proponowana Wielkość: Różna Preset Sizes: Custom
Szerokosć: 500 piks. Width: 500 pixels
Wysokosć: 200 piks. Height: 200 pixels
Rozdzielczosc: 72 piks/cm Resolution: 72 pixels/inch
Tryb: Kolory RGB Mode: RGB Color
Wypełnienie: Białe Contents: White.

W celu oddzielenia naszego rysunku od tła tworzymy nową warstwę Wartswa>Nowa>Wartswa... Layer>New>Layer... lub wciskamy Ctrl+Shift+.
Naszą końcówkę zaczynamy tworzyć od jej pozłacanej części. Wybieramy narzędzie Prostokątne Zaznaczanie Rectangular Marquee Tool i rysujemy długi prostokąt (tworzymy w ten sposób tak zwaną selekcje).

Aby nadać złoty efekt musimy wypełnić naszą selekcje odpowiednio zrobionym gradientem. Gradient można samemu zrobić albo pobrać stworzony specjalnie do tego tutoriala (link do gradientu podany wyżej).
Wypełnimy naszą selekcje narzędziem Gradient Gradient Tool.

Z przedstawionego powyżej paska Opcji wybieramy Gradient liniowy Linear Gradient.

Następnie naciskamy na Edytor Gradientu Gradient Editor - przedstawiony powyżej. W okienku, które nam się pojawi wybieramy Załaduj Load i wybieramy plik Cable audio Jack 3,5.grd, który wcześniej ściągnęliśmy i rozpakowaliśmy do folderu Adobe/Presets/Gradients. Po wybraniu pliku klikamy OK i w głównym oknie powinny nam się dodać trzy dodatkowe gradienty stworzone na potrzeby tego tutoriala:
gold metal
dark metal
black plastic
Jak nie trudno się domyślić wybieramy gradient gold metal i klikamy OK. Wypełnienie tworzymy poprzez klikniecie na dolnej krawędzi selekcji z przytrzymanym klawiszem Shift (aby zachować kąt prosty) przeciągamy do górnej jej krawędzi i puszczamy. Selekcja powinna nam się wypełnić gradientem.

Odznaczamy naszą selekcje Ctrl+D i tworzymy nową warstwę Ctrl+Shift+N. Ponownie wybieramy narzędzie Prostokątne Zaznaczanie Rectangular Marquee Tool i tworzymy selekcje obok naszego prostokąta.

Wypełniamy ja tym samym gradientem, odznaczamy selekcje wciskając Ctrl+D i naciskamy Ctrl+T w celu zdeformowania warstwy. Wokół powstałego obrazka pojawi nam się linia z kwadracikami na rogach i po środku każdej z czterech ścian.
Przechodzimy do Edycja>Transformacja>Perspektywa Edit>Transformation>Perspective. Teraz możemy zniekształcić nasz obrazek poprzez klikniecie na prawy dolny kwadracik i przesunięcie go do góry (w efekcie skrajne prawe kwadraciki zbliżą się do siebie w tym samym stopniu).

Aby zaakceptować zmiany naciskamy klawisz Enter i przechodzimy do tworzenia kolejnej części. Tworzymy nową warstwę Ctrl+Shift+N. Ponownie wybieramy narzędzie Prostokątne Zaznaczanie Rectangular Marquee Tool i zaznaczamy selekcje obok naszego prostokąta.

Wypełniamy ja (gradientem gold metal) i zniekształcamy stosując tą samą metodę co poprzednio. Jedyną różnicą w transformacji będzie to że teraz zmniejszymy lewy bok.

Tworzymy kolejną warstwę (Ctrl+Shift+N) i ponownie robimy selekcje obok powstałego elementu.

Ponownie wypełniamy ją i deformujemy w znany nam już sposób.

Tworzymy nową warstwę (Ctrl+Shift+N) i przechodzimy do początku naszego obrazka. Tutaj tworzymy pionową selekcję i wypełniamy ja ponownie tym samym gradientem.


Etap tworzenia pozłacanej końcówki mamy już za sobą. Teraz narysujemy część izolacyjną. Tworzymy więc nową warstwę Ctrl+Shift+N i robimy odpowiednią selekcje (jak na obrazku poniżej).

Wypełniamy ja gradientem black plastic. Klikamy jak poprzednio Edytor Gradientu Gradient Editor i wybieramy gradient black plastic. Wykonujemy to jak poprzednio z wciśniętym klawiszem Shift.

Naszą wypełnioną gradientem selekcje należy minimalnie zniekształcić. W tym celu najpierw zdejmujemy selekcje poprzez wciśnięcie Ctrl+D a następnie wciskamy Ctrl+T i postępujemy jak z poprzednio modyfikowanymi elementami, tym razem minimalnie zmniejszamy lewą część.

Tworzymy nową warstwę Ctrl+Shift+N i przechodzimy do tworzenia kolejnej części izolacji - jak na rysunku. Posłużymy się do tego znanymi już technikami.

Teraz nasza selekcję wypełniamy gradientem i zniekształcamy.

Tworzymy nową warstwę a wraz z nią nową selekcje pod kolejną część naszej wtyczki audio.

Wypełniamy ją gradientem i zniekształcamy.

W znany nam sposób (każdy element modyfikujemy bardzo podobnie) wykonujemy kolejną część.

Przed nami jeszcze tylko dwa etapy by osiągnąć efekt końcowy: kabelek i wykończenia. Zajmiemy się najpierw kabelkiem. Tworzymy nową warstwę i rysujemy selekcje od krawędzi naszej końcówki do krawędzi obszaru roboczego a następnie wypełniamy ją gradientem.

Teraz musimy nasz kabelek zniekształcić ale w inny sposób niż to robiliśmy z elementami grubej izolacji. W celu zniekształcenia musimy skorzystać z filtrów. Najpierw zaznaczmy większą selekcje wokół naszego kabelka.

Teraz wchodzimy w zakładkę Filtr>Zniekształcenie>Fala... Filter>Distort>Wave... i w okienku które nam się pojawi ustawiamy następujące parametry:

Liczba Generatorów: 85 Number of Generators: 85
Typ: Synusoida Type: Sine
Długość fali: 52,999 Wavelenght: 52,999
Amplituda: 1,1 Amplitude: 1,1
Skala: 1%,100% Scale: 1%, 100%
Obszary niezdefiniowane: Powtórz piksele krawędzi Undefined: Repeat Edge Pixels
Potwierdzamy operacje klikając przycisk OK.

Widzimy ze nasz kabelek trochę odstaje od poprzedniej pozycji więc naciskamy Ctrl+T i przesuwamy go do góry klikając i przytrzymując kursor kawałek od środka (jak się pojawi czarna strzałka). Dodatkowo można kabelek obrócić przesuwając kursor na krawędź zaznaczenia i klikając w momencie gdy strzałka zamieni się w zakręcone strzałki. Jeżeli widzimy ze nasz kabelek nachodzi na izolacje wtedy możemy przemieścić warstwę z kabelkiem na przedostatnie miejsce. W tym celu klikamy na warstwie w menu Warstwy Layers i przeciągamy ją w dół.

Teraz nadszedł ostatni etap naszej pracy a mianowicie wykończenia. Dodamy teraz cień, łączenia plastiku i dodatkowe wzorki na izolacji. Najpierw zajmiemy się blikami świetlnymi i połączeniami plastyku.

Tworzymy nową warstwę i wybieramy narzędzie Ołówek Pencil Tool. Wybieramy sobie kolor biały (Klikając kolejno D a następnie X)i grubość pędzla ustawiamy na 1 px poprzez klikniecie prawym klawiszem na rysunku.

W miejscach gdzie nasze części się łącza narysujemy paski. Specjalnie są zaznaczone na czerwono aby uwidocznić gdzie należy je wykonać.

W zakładce Warstwy Layers ustawiamy łagodne światło Soft Light. Tworzymy nową warstwę, zaznaczamy selekcje na naszej końcówce i wypełniamy ją gradientem dark metal.

Tworzymy nową warstwę, zmieniamy kolor na czarny i wybieramy Ołówek Pencil Tool. Rysujemy nim paski w miejscach zaznaczonych na czerwono na obrazku niżej. Nastepnie zmieniamy w zakładce Warstwy Layers opcje na łagodne światło Soft Light.

Przechodzimy do środka obrazka i wykonujemy wzorek imitujący nacięcia. Jako ćwiczenie możecie sami sobie poeksperymentować z paskami i gradientami od plastyku. Dla przykładu stworzyliśmy taki efekt:

Pozostał nam do wykonania jeszcze tylko tył końcówki i cień. Klikamy na warstwie, na której stworzyliśmy tą cześć wtyczki i tworzymy selekcje (jak na obrazu poniżej), a następnie naciskamy klawisz Delete.

Tworzymy nową warstwę i wypełniamy ja gradientem.

Przemieszczamy tą warstwę pod warstwę, z której usunęliśmy fragmenty grafiki. Zniekształcamy ją odpowiednio a następnie dodajemy nową warstwę, wypełniamy ją kolorem czarnym. Dodatkowo można dodać paski czarne i białe na krawędziach wyciętej grafiki. Efekt wygląda tak:

Teraz pozostaje nam dodanie cienia. W tym celu klikamy na przedostatniej warstwie z wciśniętym klawiszem Ctrl, a na pozostałe warstwy klikamy dodatkowo wciskając klawisz Shift. W ten sposób zaznaczymy wszystkie warstwy nasz ego obrazka czyli cała końcówkę.

Tworzymy nową warstwę, wybieramy kolor czarny (wciskając D) i wypełniamy selekcje.

Następnie przemieszczamy tą warstwę na przedostatnie miejsce i robimy cień. Klikamy w menu Warstwa>Styl warstwy>Opcje mieszania... Layer>Layer style>Blending Options..., naciskamy na Cień Drop Shadow i ustawiamy następujące opcje:

Tryb Mieszania: Zwykły Blend Mode: Normal
Krycie: 75% Opacity: 75%
Kąt: 130 Angle: 130
Odległość: 7 Distance: 7
Zasieg: 0 Spread: 0
Wielkość: 4 Size:4

Efekt końcowy wygląda następująco: