Jak narysować ikonę Apple iCloud - samouczek programu Photoshop
iCloud, najnowsza usługa przechowywania danych w chmurze wprowadzona przez Apple, ma całkiem proste, ale piękne logo. Ikona jest wykonana z materiału metalicznego i ma na niej wyciągniętą ikonę chmury. Być może nie wiesz, ale tworzenie tego typu ikony jest w rzeczywistości bardzo proste, a poniżej znajduje się ikona iCloud, której nauczymy Cię rysować w tym poście, używając Photoshopa!
Wygląda trochę skomplikowane, ale w rzeczywistości potrzebujemy tylko kilku stylów warstw, podstawowych kształtów wektorowych i odrobiny ręcznego rysowania. Przejdźmy do tego!
Krok 1
Zacznij od utworzenia nowego pliku o rozmiarze 512 x 512 px. Aktywuj narzędzie Zaokrąglony prostokąt. Na pasku opcji ustaw jego promień na 75 px. Kliknij i przeciągnij, aby narysować zaokrąglony prostokąt. Ustaw jego kolor na # 5d5d5d.
Kliknij dwukrotnie warstwę, aby otworzyć okno dialogowe Styl warstwy. Dodaj nakładkę gradientu z domyślnym gradientem, od czerni do bieli i zmniejsz jej krycie do 76%.
Krok 2
Naciśnij Ctrl + J, aby powielić kształt warstwy. Kliknij Edycja> Przekształcanie swobodne lub naciśnij Ctrl + T, aby wykonać transformację. Z paska opcji ustaw jego rozmiar na 98%.
W panelu Warstwy usuń Styl warstwy, przeciągając ikonę fx na ikonę kosza, która znajduje się w prawym dolnym rogu panelu Warstwy. Następnie kliknij dwukrotnie miniaturę warstw, aby wyświetlić okno dialogowe Styl warstwy. Dodaj Wewnętrzny cień i nakładkę gradientu.
W ustawieniu Nakładka gradientu ustaw Styl gradientu na Kąt. Kliknij pole podglądu gradientu, aby otworzyć edytor gradientów i użyć kombinacji kolorów # 8e8e8e, # a5a4a4 i # d8d8d8. Zapraszam do zabawy z każdą pozycją znacznika, wystarczy ustawić ten sam kolor w pierwszym i ostatnim znaczniku.
Jest to wynik po dodaniu stylów warstw.
Krok 3
Utwórz nową warstwę. Wypełnij ją Radial Gradient od białego do czarnego.
Przytrzymaj Alt i przeciągnij maskę wektorową z poprzedniej warstwy do bieżącej warstwy. Gradient jest teraz dopasowany do ikony.
Otwórz styl warstwy i zmień jego tryb mieszania na ekran.
Krok 4
Narysuj zaokrąglony prostokąt wewnątrz ikony. Ustaw jego promień na 75px z kolorem # 2a2a2a.
Dodaj 2 dodatkowe kształty kół (wybierz narzędzie Elipsa, następnie przytrzymaj klawisz Shift i przeciągnij go). Z paska opcji ustaw tryb ścieżki na Dodaj do obszaru kształtu.
Kliknij dwukrotnie warstwę chmury, a następnie dodaj Wewnętrzny cień, Faza i płaskorzeźba oraz Obrys.
Krok 5
Duplikuj warstwę chmury, naciskając Ctrl + J. Usuń jej styl warstwy, przeciągając ikonę fx z jej miniaturki na ikonę kosza. Zmień rozmiar (Ctrl + T) na 89%.
Zmień kolor kształtu na # 5d5d5d. Zmień kolejność pozycji każdego kształtu, aż rozmiar małej chmury będzie proporcjonalny do większej chmury.
Kliknij dwukrotnie warstwę chmury i dodaj następujące style warstw.
W przypadku nakładki gradientowej upewnij się, że używasz dokładnego ustawienia z Nakładki gradientu w kroku 2.
Oto, co mamy po dodaniu stylów warstw do małej chmury.
Krok 6: Dodaj teksturę metalu
Obecny projekt jest bardzo płaski i zbyt czysty. Dodajmy subtelną metalową teksturę na powierzchni. Utwórz nową warstwę. Kliknij Edycja> Wypełnij i wybierz Użyj: Czarny, aby wypełnić nową warstwę czernią.
Kliknij Filtr> Hałas> Dodaj szum.
Kliknij Filtr> Rozmycie> Rozmycie promieniowe. Wybierz metodę rozmycia: Wirowanie i jakość: Najlepsza.
Ten filtr zakręci szumem i stworzy falę kołową.
Krok 7
Kliknij Obraz> Dopasowania> Poziom lub naciśnij Ctrl + L. W oknie dialogowym przeciągnij czarny suwak w Poziomach wyjściowych do środka, aby rozjaśnić falę kołową.
Przytrzymaj Alt i przeciągnij maskę wektorową z warstwy bazowej ikony do bieżącej warstwy. Okrągła fala jest teraz wewnątrz ikony.
Aktywuj narzędzie Zaznaczanie ścieżek i wybierz ścieżkę chmury, którą utworzyliśmy w kroku 4. Naciśnij Ctrl + C, aby zapisać ją w schowku. Naciśnij Ctrl + V, aby wkleić go na masce wektorowej fali kołowej. Ustaw tryb ścieżki na Odejmij.
Na koniec skopiuj i wklej mniejszą ścieżkę chmurową, którą utworzyliśmy w kroku 5. Ustaw jej tryb ścieżki na Dodaj do kształtu.
Oto wynik. Okrągła fala znajduje się wewnątrz powierzchni ikony.
Zmień tryb mieszania warstwy na ekran.
Krok 8: Cień
Utwórz nową warstwę i umieść za wszystkimi warstwami. Utwórz eliptyczny wybór (za pomocą narzędzia elipsy) pod ikoną. Wypełnij zaznaczenie kolorem czarnym.
Zmiękcz cień za pomocą filtra, rozmycie gaussowskie. Kliknij Filtr> Rozmycie> Rozmycie gaussowskie.
Powiel cień, naciskając Ctrl + J. Dodaj kolejną rozmycie Gaussa, w tym czasie użyj większego promienia, aby uzyskać bardziej miękki cień. Jeśli cień jest nadal zbyt ostry, możesz zmniejszyć jego krycie.
Ostateczny wynik
To jest wynik naszego samouczka. Jak widać, proces tworzenia tej ikony jest bardzo prosty. Musimy tylko użyć podstawowych kształtów wektorowych i stylów warstw. Mam nadzieję, że spodoba ci się ten tutorial. Jeśli masz jakieś pytanie, nie krępuj się zapytać!
Pobierz PSD
Nie możesz osiągnąć określonego kroku? Oto plik wynikowy PSD do przetestowania i zabawy.
- iCloud Icon Tutorial Plik PSD
