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

Стилен банер

Стилен банер




Ще ви покажа как да направите стилен и ефектен банер за вашия уебсайт



1/ Създайте нов документ 500×300 px и го запълнете с цвят #2d164d.



2/ С Rounded Rectangle Tool начертайте форма като показаната с произволен цвят.



3/ Направете следните настройки в Blending Options.

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


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


Резултата трябва да е такъв



4/ Създайте нов слой и го слейте с този с правоъгълника. След това в Blending Options>Drop Shadow задайте тези настройки за новополучения слой.

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


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



5/ Нека придадем обем на банера. Ще използваме Burn Tool (130 px, Range: Midtones, Exposure: 25%.) и ще затъмним отляво и отдясно.



6/ Заредете селекцията на слоя с банера Select > Load Selection. Създайте нов слой и с Gradient Tool направете преливка от бяло към прозрачно, отгоре и отдолу на банера.





7/ Отменете селекцията Ctrl+D и променете Blend Mode на Overlay.



8/ Ще добваим отблясък на банера. Задръжте Ctrl и кликнете на малката картинка пред слоя с банера, за да заредим селекцията. След това вземете Elliptical Marque Tool и със задържан Alt премахнете част от селекцията. Трябва да постигнете резултата от следващата картинка.



9/ На нов слой запълнете селекцията с лнеен градиент от бяло към прозрачно.



10/ Отменете селекцията с Ctrl+D и променете Blend Mode на Overlay. В Blending Options направете тези настройки.

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




11/ Ще добавим декорация. За целта ще използваме тези четки. Заредете селекцията на банера отново като задържите Ctrl и кликнете върху малката картиника пред слоя. Създайте нов слой рисувайте с някоя от четките вътре в селекцията.



12/ Отменете селекцията Ctrl+D, променете Blend Mode на Overlay и Оpacity на 30%.



13/ Кликнете няколко пъти върху орнамента който нарисувахте с Sharpen Tool (Brush: 200px, Mode: Normal, Strength:50%).



14/ Нека вмъкнем и картинка. Открих тази в Гугъл. Отворете снимката, отделете я от фона като използвате Polygonal Lasso Tool, копирайте я и я поставете в документа. Намалете малко размера й и я завъртете с Ctrl+T.



15/ За слоя с цветята направете следните настройки в Blending Options.

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




16/ Създайте нов слой и го слейте с предишния. Задръжте Ctrl и кликнете на малаката картинка пред слоя с банера, за да заредим селекцията. Обърнете селекцията Ctrl+Shift+I и натиснете Delete, за да изтрием всичко което остава извън банера.



17/ Отменете селекцията Ctrl+D. С Horizontal Type Tool напишете текст.



18/ Използваният шрифт е Avant Garde Gothic, но вие може да изберете такъв по ваш вкус. Задайте следните настройки за текстовия слой.

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




19/ След това напишете още нещо, например Click here to enter’, цвета е #80bb00. За този слой задайте същия стил от предишната стъпка.



20/ Напишете думата ‘AQUA’ с бял цвят.



21/ За този слой направете показаните настройки в Blending Options

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


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




Финален резултат:



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




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

Коментари

rdelight

Ето я и моята работа: http://img19.imageshack.us/img19/6889/sunshinebannercopy.png

smiley5996

Урока е много хубав... аз всъщност не си направих банер точно по урока, но все пак...

http://i48.tinypic.com/2mrb6fq.png

Sara873

Не мога да затъмня краищата...

Sara873

Какво трябва да направя, за да затъмня краищата? Моля, помогнете ми! Трябва да направя подобен банер за утре. Моля ви!

Space_man

урока е много полезен ,на мен обаче на т.4 не ми да де да слея новият слой с този под него и след това на му направя настройките и ги направих на същия слой, а на т.5 с "burn tool" нямаше резултат от това което правя затова го направих с мека четка с тъмно зелен цвят а на т.6 с "градиента" пак не стана сигурно от настройките които му бях задал и затова използвах бяла мека четка за да се получи желания ефект ,мисля че се получи все пак същото както в урока :


http://i1227.photobucket.com/albums/ee434/space_man1/photoshop/Baner-Lilly.jpg?t=1303480598

2godsmack

Ето и моят опит:

http://www.prikachi.com/images.php?images/642/3268642Q.jpg

stelenceto0o

[b] [i] Урока е много интересен и полезен за фирми и начинаещи производители. Ето и моят опит:

http://www.prikachi.com/images/826/3312826d.gif

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

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