Дизайн На Игрален Портал

Dungeon

New Member
Joined
Nov 15, 2009
Messages
2,234
Reaction score
819
1. Направете нов документ с размери 760x770 пиксела. За цвят на фона използвайте #333333. Направете нов слой (Ctrl+Shift+N). Вземете Rectangular Marquee Tool (M) и създайте голям правоъгълник. Запълнете го със светло сив цвят.

2707856r.jpg


2. Изберете Edit->Transform->Warp и задайте следните настройки:

2707861T.jpg





Натиснете Enter и трябва да получите форма подобна на тази:

2707868U.jpg


3. В тази стъпка трябва да създадете нов pattern. Това става по следния начин: създайте нов документ с размери 4х4 пиксела. Приближете максимално документа и чрез Pencil Tool (B) оцветете документа както е показано по-долу:

2707875j.jpg


След като направите това изберете Edit->Define Pattern, задайте някакво име (без значение какво) и натиснете OK. Вече може да затворите този документ.

4. Изберете слоя с формата, която направихте преди малко и отидете на Layer->Layer Style->Blending Options. Задайте тези настройки:

2707881G.jpg


2707882U.jpg


Сега трябва да използвате патерна, който направихте по-рано.

2707891h.jpg


2707892R.jpg


Трябва да получите нещо подобно:

Намалено до 71% (от810 x 209) - Щракнете за да увеличите
2707893t.jpg



5. Дублирайте слоя с формата (Ctrl+J) и променете размера на дублирания слой чрез Transform Tool (Ctrl+T). Задайте тези настройки:

2707897F.jpg


Получава се това:

Намалено до 73% (от793 x 749) - Щракнете за да увеличите
2707902h.jpg



6. Трябва да се променят настройките на Blending Options ето така:

2707905n.jpg


2707906f.jpg


2707911j.jpg


2707918n.jpg


2707919m.jpg


2707922b.jpg


Трябва да получите това:

2707929Q.jpg


7. Изрежете и добавете изображение от някоя игра.

2707931I.jpg


8. Сега създайте нов документ с размери 350х1 пиксела и безцветен фон.
Вземете Gradient Tool (G) със следната преливка:

2707933U.jpg


Направете линия от ляво на дясно. Добре ще е докато я правите да задържите Shift бутона, за да стане тя права.

Намалено до 77% (от750 x 96) - Щракнете за да увеличите
2707938j.jpg



9. Върнете се отново на дизайна, направете нов слой (Crtl+Shift+N) и копирайте направената по-горе линия. Дублирайте (Ctrl+J) новия слой няколко пъти (колкото бутона искате да има сайта Ви) и подредете линиите една под друга.

2707940c.jpg


0. Сега ще направим отново такава линия, но по друга техника.
Създайте нов слой (Ctrl+Shift+N), вземете Rectangular Marquee Tool (M) и направете тънка селекция. За по-лесно задайте тези настройки:

2707941z.jpg


11. Сега просто щракнете върху дизайна и селекцията ще се появи

2707943p.jpg


12. Вземете Gradient Tool (G) (настройте го на Reflected Gradient) и нарисувайте линия от средата на селекцията надолу. Натиснете Ctrl+D, за да махнете маркировката и ето какъв ще е резултата:

2707947c.jpg


13. Добавете толкова линии, колкото смятате за необходимо. Авторът е добавил още една от дясната част на дизайна. За най-лесно дублирайте слоя с вертикалната линия и го завъртете на 90 градуса. Така ще се получи хоризонтална. Добавете текст за бутоните.

Намалено до 72% (от799 x 630) - Щракнете за да увеличите
2707949P.jpg



14. Може да добавите текстово лого в горната част на дизайна. На текста сложете тези настройки на Blending Options:

2707956s.jpg


2707957u.jpg


Това е резултата:

2707960B.jpg


Можете да добавите и други картинки. Това е крайния вариант:

Намалено до 76% (от760 x 770) - Щракнете за да увеличите
2707967t.jpg



Източник: itschool