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

Фънки Уеб Дизайн

Фънки Уеб Дизайн




Четките, необходими за урока:

тук

тук

тук

И тази снимка ще ви трябва.

1/ Създайте нов документ 850 x 1024 px с бял фон. С Rounded Rectangle Tool направете правоъгълник в горната част.

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


2/ В Blending options направете тези настройки







3/ Добавете текст и елементи които разделят отделните думи. Елементите може да добавите с Custom Shape Tool.

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


4/ С Rounded Rectangle Tool, направете форма като показаната. Запълнете я с #0195cb. В Blending Options задайте Stroke, Size: 2 px, color: #ffffff



5/ За тази и следващите няколко стъпки ще са ви необходими различни четки. Направете настройките показани за Eraser Tool. С тази и подобни на нея четки и изтрийте по краищата на правоъгълника.





Трябва да постигнете подобен ефект:



6/ Добавете текст в правоъгълника. С Pen Tool направте селекция, запълнете я с бяло и намалете Opacity на около 20%. Целта е да създадем блясък.



7/ Сега и интересната част. С четките, които изброихме в началото декорирайте изображението си по подобен начин. Стрелките направете с Custom Shape Tool. Изрежете кутиите с боя и ги поставете в документа.

Уверете се, че всеки елемент, който добавяте е на отделен слой.

Бележка на преводача: Добре е да групирате слоевете които създаохме от 4-та до 7-ма точка включително. Селектирайте ги с Ctrl+клик и отидете на Layer>New>Group from layers.

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


8/ Направете по-малък правоъгълник с Rounded Rectangle Tool. Запълнете с #f5429f, Изтрийте по краищата както направихме в стъпка 5. Добавете текст



9/ Повторете предишната стъпка. Като може да добавите картинки или някакви иконки по ваш вкус.



10/ Сега ще направим нещо като разделител между текста в отделните полета. С Type Tool направете няколко тирета ( —– ). След това докато още е активен Type Tool кликнете на тази иконка.



11/ Експериментирайте, като избирате различни форми от падащото меню, за да постигнете ефект, които ви харесва.



12/ Дублирайте слоя със сивата лента, след това Еdit > Тransform > Flip Vertical. Преместете я в долната част на документа и добавете текст.



13/ Дублирайте групата, която създадохме от стъпка 7. Натиснете Ctrl + T , намалете до подходяши размери и преместете в долната част.

С това приключихме!

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


Моят опит:

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


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




Урокът е добавен от: tir_ram
Източник: http://www.teachtutorials.com/

Коментари

bety

Много приятен урок! Ето моя опит >>> http://i37.tinypic.com/nb6lg8.jpg

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

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