Стилен сайт :)
Как да си направим сайт с помоща на photoshop
Легенда:

Само оцветеното по картинките с червен цвят трябва да промените:
Пример:

Ето това е крайният резултат:



1. Направете Нов документ (Ctrl+N).


2. Направете нов слой (layer) (Ctrl+Shift+N) и го запълнете със бял цвят,
след което давате десен бутон на слоя и избирате Blending Options.От менюто избирате
Gradient Overlay и вкарвате следните настройки:



3. Направете нов слой (layer),изберете Rectangular Marquee tool (M)
И направете горе долу такъв правоъгълник по средата на зеления фон:


След което отидете в Blending Options-a на този слой и направете Следния Drop Shadow:



4. Свалете картинката която използвам за моя пример от ТУК
След това я отворете във photoshop (Ctrl+O),натиснете Ctrl+a (селектираме цялото изобрж.) след което веднага натиснете Ctrl+ C (копираме изображ.).След като
вече сме копирали изображ. се връщаме във стария документ и там натискаме Ctrl+P (paste).След това избираме Move tool-a (M)
И я премествате на следното място:


5. Направете нов слой (layer) изберете Rectangular Marquee tool-а (M) и направете следната селекция:


След което изберете Gradient tool-a (G) като гледате foreground color-a да ви е бял цвят.Натискате десен бутон някъде върху файла по който работите и от менюто избирате следния градиен:



След което докато още седи селекцията където преди малко направихме с помоща на следната смеха направете следния ефект:



Натиснете Ctrl+D (маха селекцията),след което задържате Ctrl и натискате на слоя със лилиите (за да направите нова селекция)->Ctrl+Shift+I(Inverse) след което натиснете Delete,след което натиснете пак Ctrl+D.Това го правим за да изрежем градинет ефекта по
долното изображение.Трябва да ви се получи следното:



След което намалете на най-горния слой Opacity-то на 35%.

6. Изберете Pen Tool-a (P) след което с помоща на формата на едно от листата направете следната фигура:
Преди:

След:


След което натиснете Ctrl+T (free transform) и намалете големината му (преценете на око колко ,все пак това ще е логото на сайта)
7. След което направете дубликат на слоя (десен бутон върху него - Dublicate layer... или натиснете Ctrl+J) след което пак натиснете Ctrl+T и намалете големината още малко,като го завъртите леко на дясно.
Намалете Opacity-to с 10%.Повторете 7ма стъпка още 2 пъти.Трябва да ви се получи нещо такова:
Логото:


И сайта до тук:


8.Изберете Type Tool-a (T) за фонт изберете Perpetua(ако го нямате свалете го от Тук ) като големината на шрифта да е 42 с черен цвят.
Напишете някакъв натпис след което с помоща на Pen Tool-a (B) и големина на четката 3px направете черта по header-a.Ето точно къде:


9. Направете нов слой и с помоща на Rectangular Marquee tool-а (M) и направете следната селекция:



След което запълнете селекцията със следния цвят #549e05,с помоща нищо на Paint Bucket Tool-a (G)
След това отидете на Select-Modify-Smooth... .Вкарайте следните настройки в показващия се прозорец:



Натиснете ОК и докато още не сте деселектирали селекцията натиснете Ctrl+Shift+I (Inverse),след което Delete.

10.Натиснете Crtl+D за да махнете селекцията.Отидете в Blending Options-a на слоя и вкарайте следните настройки:
Gradient Overlay


Stroke:


11. Направете нов слой, след което натиснете М (Rectangular Marquee) и направете следната селекция:



Запълнете я с бял цвят.Натиснете Ctrl+D (deselect),Задръжте Ctrl и натиснете на слоя където направихме преди малко (точно под този).
След което натиснете Ctrl+Shift+I (Inverse) и Delete.Намалете Opacity-то на най горния слой на 51%.
До тук сайта би трябвало да изглежда така:



12. Изберете Type Tool-a (T) .За фонт изберете Perpetua като големината на шрифта да е 15 с бял цвят.
Следвайки схемата въведете на текст следните места:



13. Изберете Line-tool-a (U) като вкарате следните стойности:



Направете следната черта,гледайте foreground color-a да е бял цвят:



Копирайте слоя още 2 пъти и с помоща на Move Tool-a (M) ги разпределете на дясно.Трябва да ви се получи нещо такова:



14. С помоща на Type Tool-a (T) сложете още текст с желана от вас големина.

15. Копирайте логото направено преди малко (стъпка 6 и 7),променете цвета му (Ctrl+U).

16. С малко повече въображение трябва да ви се получи ето този привлекателен сайт :).




Този урок е изготвен от zaheto™ (авторски).


Урока участва в играта на http://inbg.eu









/ Трябва да сте регистриран за да напишете коментар /