Jak rysowane są logo Web 2.0 (Photoshop)

Czy zastanawiałeś się kiedyś, jak ci faceci rysują swoje logo Web 2.0? Czasami miło jest uczyć się od innych, budować podstawowe umiejętności i stamtąd rozpocząć własną kreatywność. W tym samouczku programu Photoshop ujawnię Ci niektóre z ładnych logo Web 2.0, w jaki sposób możesz narysować ich logo dokładnie tak samo (cóż, w rzeczywistości nie w 100%) za pomocą Photoshopa.

1. Pobierz i zainstaluj plik stylu

Przede wszystkim musisz pobrać styl, który stworzyłem i załadowałem go do Photoshopa.

1. Pobierz tutaj styl Photoshop. (Kliknij prawym przyciskiem myszy -> Zapisz jako)
2. Dla użytkowników Photoshop CS2 umieść ten plik stylu w “C: Pliki programów Adobe Photoshop CS2 Ustawienia Ustawienia Style” Photoshop innych wersji, umieść plik w środku Ustawienia wstępne Style

2. Załaduj styl

Otwórz okno dialogowe Style w Photoshopie

1. Windows -> Style
2. Zwróć uwagę na mały przycisk strzałki w prawym górnym rogu. Kliknij na nią i wybierz Wczytaj style z listy rozwijanej
3. Odnaleźć web20 z listy i kliknij Obciążenie. Jeśli nie znajdziesz web20, spróbuj zamknąć Photoshop, otwórz go powtórz Krok 1.
4. Kliknij ponownie przycisk strzałki i wybierz Duża lista z rozwijanej listy

Twój wynik powinien wyglądać podobnie do poniższego obrazu.

3. Sześć logo Web 2.0

Oto sześć logo Web 2.0; MyBlogLog, Imified, mixd, skype, Linked In i Go2Web20. Zainstalowany styl ujawni, jak je narysować. Przejdę “mixd” i “Go2Web20” logo, reszta to po prostu ponowne użycie tej samej techniki.

4. Jak rysować

Powodem, dla którego używam tutaj stylu, jest to, że po zapisaniu w pliku .asl (pobrany plik) są one wygodne do zastosowania. Zajmijmy się rysowaniem niektórych z tych logo.

Rysunek mixd Logo

Początkowa obserwacja, składa się z logo mixd

1. “mixd” tekst
2. zaokrąglony prostokątny
3. mała kropka
4. mniejsza kropka

Z grubsza wyciągniemy je w Photoshopie, każdy element w innej warstwie, jak pokazano na obrazku poniżej.

Teraz jest ta sztuczka. Szukać “mixd-label” w Okno dialogowe stylu. Przeciągnij je bezpośrednio do warstwy tła, odpowiednio małej warstwy punktowej i mniejszej warstwy punktowej. Jeśli przeciągniesz je poprawnie, zauważysz, że warstwa będzie teraz dziedziczyć kolory i mieszać styl. Odnaleźć “mixd-font” w Okno dialogowe stylu, przeciągnij go do warstwy tekstowej, a twoje logo jest kompletne, 90% jak oryginał, który powiem.

Rysunek logo Go2Web20

Przygotuj 4 nowe warstwy, każda dla “UDAĆ SIĘ“, “2“, “SIEĆ” i “2.0“

Opór “go2web20-fioletowy” z okna dialogowego stylu do “UDAĆ SIĘ” & “SIEĆ”, opór “go2web20-green” w “2” & “2.0” i otrzymasz ten końcowy wynik.

Jeśli chodzi o resztę (MyBlogLog, imified, skype i Linked In), wszystko polega na przeciągnięciu odpowiedniego stylu i dopasowaniu do właściwej czcionki.

5. Wniosek

Jeśli zajrzysz do Opcje mieszania każdego stylu zauważysz, że większość logo Web 2.0 to kwestia grania z gradientami, pociągnięcia za pomocą odpowiednich czcionek. To może nie być “dokładny” sposób, w jaki ci faceci zrobili swoje logo, ale przynajmniej sposób na to. Nie zachęcam cię do udawania swojego stylu i przerysowywania swojego logo, ale spróbuj to zrozumieć i miejmy nadzieję, że wyjdziesz z ładnym eleganckim logo Web 2.0. Uwielbiam umieszczać moje projekty w stylu (.asl), mogę je ponownie wykorzystać, kiedy tylko chcę.