Pixel - Edytor Graficzny

W tym prostym tutorialu pokażemy jak stworzyć swoje własne logo Web2.0. Tutorial został wykonany przy użyciu programu Pixel 1.0 Beta build 560.

Krok 1:

• Tworzymy nowy obraz. Wybierz File > New
• W oknie, które się pojawi wpisujemy rozmiar 800x800px 72 dpi.

Krok 2:

• Wybieramy narzędzie Type Tool oraz czcionkę. Dla prawdziwego klimatu Web2.0, dobrze będzie użyć Font Trebuchet MS, lub np. Arial.
• Wybieramy kolor czcionki, coś jasnego. W przykładzie użyto koloru #AEE000.
• Wpisujemy żądaną nazwę.
• Ustawiamy wielkość czcionki na 200 punktów i centrujemy.
• Pogrubiamy napis Type Tool > Bold.

Krok 3:

Potrzebujemy jeszcze emblematu graficznego. Wykorzystajmy coś prostego.

• Wybieramy narzędzie Polygon i rysujemy gwiazdkę
• Ustawiamy dla gwiazdki jasny kolor. W przykładzie użyto koloru #FF00B3.
• Dopasowujemy znak i napis względem siebie.

Krok 4:

Teraz musimy nadać naszemu logo plastikowy wygląd.

• Dokonajmy zaznaczenia warstwy z tekstem przytrzymując klawisz Ctrl i klikając na warstwie w palecie Layers
• Tworzymy nową warstwę i wypełniamy ją gradientem linearnym, od koloru białego do przeźroczystości.
• W razie konieczności zmniejszmy krycie warstwy (opacity).
• Powtarzamy wszystkie czynności dla gwiazdki.

Krok 5:

• Tworzymy nową warstwę.
• Wybieramy Ellipse Marquee i tworzymy eliptyczne zaznaczenie wokoło tekstu jak pokazano na przykładzie.
• Wypełniamy zaznaczenie kolorem białym.
• Usuwamy zaznaczenie.
• Dopasowujemy krycie nowo utworzonej warstwy.
• Dokonujemy zaznaczenia tekstu, przytrzymując Ctrl i klikając myszką na emblemacie odpowiedniej warstwy w palecie Layers
• Odwracamy zaznaczenie Ctrl+Shift+I
• Kasujemy niepotrzebną cześć warstwy przyciskiem Delete, która przed chwilą została utworzona.
• Powtarzamy wszystkie czynności dla gwiazdki, starając się uzyskać efekt podobny jak na rysunku poniżej.

Krok 6:

• Zaznaczamy warstwę z tekstem i wybieramy dla niej efekt ? Drop Shadow.
• Zmieniamy wartość krycia efektu na 50%.
• Powtarzamy czynności 1 i 2 dla gwiazdki.

Krok 7:

Już prawie koniec.

• Dokonujemy zaznaczenia całego obrazka Ctrl+a
• Wyłączamy widoczność Tła (Paleta Layers)
• Kopiujemy zawartość do schowka Ctrl+Shift+C
• Wklejamy clipboard do rysunku Ctrl+v
• Używamy Layer > Transform > Vertical Flip
• Ustawiamy warstwę pod napisem
• Nakładamy na nią maskę wybierając opcję Show all
• Zalewamy maskę gradientem gradientem, starając się uzyskać efekt jak na rysunku.

Krok 8:

Jeszcze tylko mały detal i koniec

• Przy pomocy narzędzia Fill Can zalewamy tło kolorem szarym #777777
• Dodajemy nowy Efekt dla warstwy z tekstem i gwiazdki Bevel and Emboss, dostosowując wartości do własnych potrzeb
• Aby poczuć klimat Web2.0 dodajemy napis Beta ;)

Załącznik	Rozmiar
logoWeb20.zip	104.15 KB

Kategoria

• Tutorial

• Zaloguj się lub zarejestruj by odpowiadać

Mariusz Czopek, sob., 2006-12-16 00:53