W tym artykule przedstawię kilka prostych recept na prosty a zarazem estetyczny design. Temat przewodnim będzie nowy telefon dotykowy, ale tak naprawdę może to być co tylko dusza zapragnie. Jako, że słońce za oknem nadałam projektowi lekki nastrój wiosenny.

WSKAZÓWKA DLA POCZĄTKUJĄCYCH! Każdy element zamieszczaj na nowej warstwie! (Ctrl + Shift+ N)

Tło

Tło tworzy gradient. Użyte kolory : #FFFFFF, #e9e0c3.

Top

Czcionka : Myriad Pro, 48 px, Sharp, Layer -> Layer Style -> Blending Options -> Gradient Overlay -> #01779a, #0e8fb6, #01779a,

Layer -> Layer Style -> Blending Options -> Stroke -> Size : 4px, #FFFFFF, Position : Outside, Opacity 50 %

Obraz

Aby urozmaicić stronę kolorystycznie i nadać jej przyjemny dla oka wygląd wybrałam łąkę. Dół obrazka jest lekko rozmyty (kopiujemy warstwę, Filter -> Blur -> Gaussian Blur -> Radius: 2 px, )

następnie za pomocą Rectangular Marquee Tool usuwamy niepotrzebny obszar. Dodajemy napis "Najlepszy sprzęt w sieci" (Myriad Pro, 48 px, Sharp, Gradient Overlay : #FFFFFF, #ededed, #FFFFFF, Stroke : Size : 1 px, #868686, Position : Outside, Drop Shadow : Opacity 75%, Distance : 2px, Spread 0%, Size 0 px).

Na utworzone wcześniej tło dodajemy oczywiście przedmiot wiodący, w tym przypadku telefon z piórkiem. Do piórka dodałam element wiosenny, jakim są liście. Można wykonać je za pomocą przyrządu Pen Tool (P) bądź poszukać liści w serwisach z darmowymi ikonami.

Menu

W tym przypadku 5 kategorii. Opiszę jak stworzyć pierwszy element. Pozostałe części wykonujemy analogicznie.
1. Wybieramy z panelu narzędzie Rounded Rectangle Tool. Zaznaczamy interesujący nas obszar.

2. Następnie żeby dopełnić kształt na zakładce warstw, klikamy prawym klawiszem myszy w warstwę z kształtem i wybieramy Rasterize Layer

3. (Możemy zmienić kolor, żeby wszystko było wyraźne). Wybieramy Rectangular Marquee Tool i zaznaczamy obszar jak na rysunku

Wybieramy pojemnik z farbą i wypełniamy nim zaznaczony kontur.
4. Uzyskaliśmy interesujący nas kształt. Teraz czas na kolorystkę. Layer->Layer Style -> Blending Options -> Gradient Overaly (parametry takie jak na screenie)

kolory : #dfd7be, #f4efde

5. Następnym elementem jest utworzenie numeru. W tym celu wybieramy Eliptical Marquee Tool. Tworzymy kształt koła przytrzymując klawisz Shift (aby było równomierne) następnie wypełniamy obszar farbą.

6. Aby uzyskać taki efekt jaki przedstawiłam konieczna jest zmiana kolorów. W tym celu korzystamy z opcji mieszania (Blending Options) wybieramy Gradient Overlay. Ustawiamy gradient o barwach : #f4efde, #dbd3ba. Oraz co najważniejsze, Style zmieniamy na Radial.

Dodajemy ponadto ramkę aby podsycić efekt (Stroke-> Size : 3 px, Position : Outside, Color : # e7dfc5).
7. Ostatnim elementem jest dodanie numeru : Myriad Pro : 22 px, Sharp, #bbb18e oraz tekstu wiodącego.

Stopka

Kończąc stronę nie zapominajmy o stopce. Cienki pasek stworzymy za pomocą Single Row Marquee Tool.

Osatecznie powinno wyglądać to tak:

Sylwia Bartyzel, 2009
www.ForFuture.pl
źródło : zdjęcia pochodzą z sxc.hu