Преглед на урок

Шаблон за уебсайт в семпъл стил

Шаблон за уебсайт в семпъл стил




1/ Създайте нов документ 760x770 px; цвят (#464646).
Създайте нов слой (SHIFT+CTR+ALT+N).
Вземете инструмент Rounded Rectangle Tool (U) с радиус 10 px и начертайте бял правоъгълник:



2/ Layer -> Layer Style -> Blending Options:

Outer Glow (# 0682FF)



3/ Със същия инструмент, начертайте сив правоъгълник в горната част:

Натиснете върху изображението за цял размер


4/ Layer -> Layer Style -> Blending Options:

Drop Shadow:



Inner Shadow:



Gradient Overlay:





Резултат:

Натиснете върху изображението за цял размер


Забележка на преводача: От крайния резултат се вижда, че тази фигура присъства и в долната част, затова дублирайте този слой и преместете дубликата!

5/ Със същия инструмент и цвят, начертайте още 3 правоъгълника, добавете им същия стил
(за удобство, можете да си създадете нов стил в панела Styles и да го зададете предварително в лентата за настройки в полето Style)

Натиснете върху изображението за цял размер


6/ Активирайте селекцията на една първата от 3-те фигури с Ctrl+Кклик по кутийката в панела Layers:



Трябва да изглежда така:



7/ Вземете инструмента Rectangular Marquee. Натиснете на Subtract From Selection и очертайте долната част на фигурата, такя че махнете излишното:



Когато пуснете бутона на мишката, трябва сте получили това:



8/ Сега намалете получената селекция: Select -> Modify -> Contract -> 2 pix
Създайте нов слой (CTRL+SHIFT+ALT+N). Запълнете го с бял цвят с инструмента Paint Вucket.
Отменете селекцията ( CTRL+D).



9/ Layer -> Layer Style -> Blending Options:

Drop Shadow:



Inner Shadow:



Gradient Overlay:





Резултат:



10/ Дублирайте този слой още 2 пъти (Ctrl+J) и наместете фигурите на останалите 2 правоъгълника:

Натиснете върху изображението за цял размер


11/ Създайте нов десен за щрихи (pattern)
Нов документ 3 х 3 рх с прозрачен фон;.Увеличете мащаба до 1600%.
С Pnecil Tool 1 px нарисувайте черна точка в центъра:



Запазете така създадения шаблон: Edit -> Define Pattern
Върнете се към изходния документ. Създайте нов слой;
вземете Rectangular Marquee и направете следните настройки:



Кликнете еднократно, за да създадете селекция със зададените размери, ето така:



12/ Вземете инструмента Paint Bucket, в лентата за настройки изберете от менюто новия Pattern който създадохте, кликнете вътре в селекцията. Отменете селекцията.



13/ Дублирайте този слой няколко пъти и подредете останалите вертикално под него:



14/ Създайте нов слой и пак с Rectangular Marquee начертайте вертикална селекция:



Запълнете я по същия начин както в предната стъпка:



По същия начин направете още такива линии и ги разположете както е показано на следващата картинка:

Натиснете върху изображението за цял размер


15/ Вземете Ellipse Tool (U) и начертайте малко кръгче:



16/ Layer -> Layer Style -> Blending Options:

Inner Glow:



17/ Дублирайте слоя с кръгчето многократно и разместете останалите, както ще видите:



Можете по ваша преценка да наслагате и по други места:

Натиснете върху изображението за цял размер


18/ Начертайте нов правоъгълник:

Натиснете върху изображението за цял размер


19/ Намалете запълването на този слой: Fill = 0%



20/ Layer -> Layer Style -> Blending Options:

Stroke:



Резултат:

Натиснете върху изображението за цял размер


Дублирайте този слой и добавете стил:

Gradient Overlay:





21/ Добавете подходяща снимка:

Натиснете върху изображението за цял размер


Остана само да напишете текста:

Натиснете върху изображението за цял размер


Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: maqpen4eva
Източник: http://demiart.ru/

Коментари

ZeVs

Остава Slice Tool-а и си става екстра ;]

MuMo3Ka

Като гледам колко "семпъл" е... ама урока си го бива :)

daniel_radcliffe_s_girl

Аз реших да поекспериментирам малко: :)

http://i491.photobucket.com/albums/rr276/natalia_oreiro_/sitedesign.png

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.