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

Дизайн на сайт от векторни елементи

Дизайн на сайт от векторни елементи




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


За създаването на този дизайн, можете да използвате готови четки, които ще можете да изтеглите тук на място, в случай че не разполагате с такива.

Най-напред изтеглете четките с готовия дизайн от ТУК

1/ Създайте нов документ 760 x 770 рх с цвят за фона #154681
Създайте нов слой и използвайте четката с готовите детайли, която изтеглихте:

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


2/ С Rounded Rectangle Tool (U) в режим Shape Layers , начертайте бял правоъгълник със заоблени ъгли:

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


3/ Създайте нов слой и нанесете с векторни четки фигури по края на правоъгълника;
Ако не разполагате с такива четки можете да ги изтеглите от ТУК

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


4/ Следва да замаскирате ръба на правоъгълника, който се забелязва на места:



5/ Изберете твърда кръгла четка с бял цвят и на нов слой, направете кръгчета в местата в който се откроява ръба за да получите сливане на белия правоъгълник с останалите фигури:



6/ Следващата стъпка е доста важна и от нея зависи общия изглед на вашия дизайн.
Отново със същата четка трябва да създадете разноцветни кръгчета, които да се помещават в центъра на белите, като променяте и размера на четката за да са с различна големина.
Разноцветните кръгчета правете също на отделен слой!

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


7/ Отново избирате бял цвят и пак със същата четка и по същия начин, добавяте на нов слой по-малки бели кръгчета в центъра на цветните:

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


8/ Следва да напишете текста и да добавите картинки в зависимост от предназначението на вашия дизайн:



9/ Създайте нов слой и добавете към бутоните елемент с различен цвят за всеки бутон.
Четките за елемента, използван в този дизайн, можете да изтеглите от ТУК



Резултата:

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


За по-лесно, можете да изтеглите PSD

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




Урокът е добавен от: maqpen4eva
Източник: http://www.talk-mania.com/

Коментари

dicho

Браво много хубав урок :)

leo12

мерси многу за урока :)

subzera

Много готин урок браво!

sk8er_girl

Здравейте!Много добър урок и краен резултат!
Искам да попитам след като се направи как може да се сложат линкове на картините или върху самия текст ,имам дриймуивър 8 и уеб пейдж мейкър ...

dievasen7

Много як урок аз се опитах да направя нещо и вийте кво получих:
http://prikachi.com/files/1335413g.png

sylar963

Добър урок! БРАВО

Aleen.B.Smith

Супер урок! Браво!

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

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