Създаване на заоблени блокове за даден сайт в Photoshop
И какво ще правим (кликнете върху изображението, за да видите заоблени блокове в пълен размер):
![Създаване на заоблени блокове за даден сайт в Photoshop (Photoshop) Създаване на заоблени блокове за даден сайт в Photoshop](https://webp.images-on-off.com/27/609/434x384_5v34dr07xbmjrv9g1jfq.webp)
1 За да започнете, да създадете нов документ в Photoshop с размери, например, 900 до 800px. Разбира се, можете да използвате всякакви други размери по ваша преценка.
![Създаване на заоблени блокове за даден сайт в Photoshop (закръглено) Създаване на заоблени блокове за даден сайт в Photoshop](https://webp.images-on-off.com/27/609/434x253_wq9rs71l455evrysecc9.webp)
2 Използване на Paint Bucket Tool инструмент за създаване на черен (# 000000) фон.
3 Сега нека да създадете блок под нашия форум. Изберете инструмент заоблени правоъгълник инструмент. с радиус 15px и начертайте правоъгълник.
![Създаване на заоблени блокове за един сайт в Photoshop (блок) Създаване на заоблени блокове за даден сайт в Photoshop](https://webp.images-on-off.com/27/609/403x411_oezge69464k0c5xl9n38.webp)
4 Сега нека да добавите лента за навигация в нашия блок. С заоблен правоъгълник инструмент правоъгълник инструмент за създаване, като този, можете да видите по-долу.
![Създаване на заоблени блокове за даден сайт в Photoshop (блокове) Създаване на заоблени блокове за даден сайт в Photoshop](https://webp.images-on-off.com/27/609/434x316_ho04oni4fydxcoqqo3f4.webp)
Layer 5 с бъдещата навигация позиция под панела с блока за съдържанието. За навигация единица (слой) се установят следните свойства стил:
![Създаване на заоблени блокове за един сайт в Photoshop (блок) Създаване на заоблени блокове за даден сайт в Photoshop](https://webp.images-on-off.com/27/609/423x242_btn6t9gcutacfrmevxf1.webp)
![Създаване на заоблени блокове за даден сайт в Photoshop (уебсайт) Създаване на заоблени блокове за даден сайт в Photoshop](https://webp.images-on-off.com/27/609/426x441_g0b5afk1x9va81hwgp6y.webp)
![Създаване на заоблени блокове за даден сайт в Photoshop (уебсайт) Създаване на заоблени блокове за даден сайт в Photoshop](https://webp.images-on-off.com/27/609/425x323_6wf87ii2a2p7lktzr6jl.webp)
6 Трябва да получите нещо подобно на:
![Създаване на заоблени блокове за даден сайт в Photoshop (Photoshop) Създаване на заоблени блокове за даден сайт в Photoshop](https://webp.images-on-off.com/27/609/434x250_sbstiyuefhrp8emuzbdj.webp)
7 Сега нека да добавите заглавието на нашата лента за навигация. С обло инструмента правоъгълник инструмент за създаване на правоъгълник (с радиус на 15px), като този, можете да видите по-долу.
![Създаване на заоблени блокове за даден сайт в Photoshop (създаване). Създаване на заоблени блокове за даден сайт в Photoshop](https://webp.images-on-off.com/27/609/434x129_6pd67jv90gmubip5qbio.webp)
8 и се прилагат следните свойства стил:
![Създаване на заоблени блокове за даден сайт в Photoshop (Photoshop) Създаване на заоблени блокове за даден сайт в Photoshop](https://webp.images-on-off.com/27/609/434x541_x9851a08rvhiahxijkmt.webp)
![Създаване на заоблени блокове за даден сайт в Photoshop (блокове) Създаване на заоблени блокове за даден сайт в Photoshop](https://webp.images-on-off.com/27/609/431x314_x02z5plr1elbtt4h1z49.webp)
9 лентата за навигация трябва да изглежда така:
10 Сега добавете навигационна лента светлини. Задръжте CTRL, кликнете върху слоя с панела, като по този начин можете да изберете лентата за навигация. Не забравяйте да се намали избора от 2 пиксела, защото имаме инсулт.
В отделен слой 11 за пълнене с бял цвят (#ffffff) и използвайки правоъгълник палатка инструмент. извадете белия долната част.
12 Поставете режима на смесване и наслагване слой за намаляване на непрозрачността на 20%.
13 Сега, го наричат това, което някога навигационната лента. След това вземете шрифт, например, Helvetica и се добавят линкове. Също така, ако е необходимо, можете да създадете заоблен единица от дясната страна, повтаряйки необходимите точки на статията. Кликнете върху изображението, за да видите заоблен единица в пълен размер.
![Създаване на заоблени блокове за даден сайт в Photoshop (Photoshop) Създаване на заоблени блокове за даден сайт в Photoshop](https://webp.images-on-off.com/27/609/434x384_5v34dr07xbmjrv9g1jfq.webp)