Реалистичен дизайн с тетрадка

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

Реалистичен дизайн с тетрадка

28 Май 2011, 19:22 | 5071 преглеждания | 4 коментарa

Категория: Дизайн » Photoshop

Оценка:

(4 гласували)

32 добавяния към любими

В този урок ще научите колко лесно можете да си направите темплейт за сайт с няколко изображения.

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

1. Направете нов документ с размери 900х900 пиксела. Изтеглете дървена текстура от тук. Поставете изтеглената картинка в новия документ.

2. Изтеглете картинка на отворена тетрадка. Авторът на урока не е дал линк към тази, която е използвал, но може да използвате тази и я сложете на дървената текстура.

3. Създайте нов слой под този с тетрадката и с Brush Tool (B) (мека четка) и черен цвят нарисувайте правоъгълник с големината на тетрадката, така все едно е нейна сянка.

4. Направете нов слой и го сложете над слоя с тетрадката. Отново с Brush Tool (B) и мека четка направете сянка в средата на тетрадката. За да получите по-добър ефект намалете прозрачността на четката (Opacity: 15%) и използвайте голяма мека четка (около 170 пиксела)

5. За хедър на дизайна добавете няколко изображения. Авторът е използвал тефтер, компютърна мишка, калкулатор, чаша с кафе и очила. За да изглежда по-реалистично сложете отново сянка както сложихте и на тетрадката.

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

6. Върху тефтера напишете някакъв текст с Horizontal Type Tool (T). В случая авторът там е написал менюто на сайта. След като напишете желаните бутони натиснете Ctrl + T и завъртете текста, така че да се разположи в тефтера. Трябва да получите нещо подобно:

Използвани са следните шрифтове: Segoe Script от лявата страна и Dillenia UPC от дясно. Вие може да използвате други ако тези не Ви допадат.

7. Чрез Custom Shape Tool (U) авторът е сложил маркери пред отделните бутони.

Ето какво се получава

8. В долния ляв ъгъл може да добавите хубаво листо и пеперуда.

9. В долния десен ъгъл добавете молив, като не забравите и на него да сложите сянка с Brush Tool (B).

Ако не искате да използвате тази дървена текстура може да изтеглите някоя снимка на паркет и я обезцветете Image -> Adjustments -> Desaturate (Ctrl + Shift + U). Ще получите ефект подобен на този:

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