Створіть новий документ за допомогою комбінації клавіш Ctrl + N.

Встановіть потрібний розмір, наприклад, 200 на 100 пікселів.

Документ створили. Тепер можна приступити до створення кнопки.

Виберіть інструмент "Прямокутник з округленими кутами" U, який знаходиться в палітрі інструментів. Потім виберіть режим "Шар-фігура", Який знаходиться під головним меню на панелі параметрів для налаштувань активного інструменту.

намалюйте кнопку в документі. У цьому прикладі колір переднього плану чорний, тому кнопка вийшла чорного кольору. Далі підберемо для неї відповідний колір.

Для цього перейдіть в палітру "стилі" і виберіть відповідний стиль для нашої кнопки.

У цьому прикладі використаний стиль Blue Glass.

Растрируются верхній шар: меню "шар" - команда "Растеризувати" - пункт "шар".

Натисніть Ctrl і, утримуючи її, лівою кнопкою миші виберіть іконку верхнього шару. При цьому кнопка виділиться пунктирною лінією.

Щоб створити по краях кнопки невелику облямівку, натисніть "Виділення - Модифікація - Стиснути".

У вікні, поставте 3 пікселя.

Вийшла така пунктирна обведення.

Інвертуйте виділення за допомогою комбінації клавіш Shift + Ctrl + I.

Скопіюйте виділення на новий шар, натиснувши клавіші Ctrl + J. При цьому в палітрі "шари" з`явиться третій шар.

Виберіть для невеликої облямівки шириною в 3 пікселі сподобався стиль. Для цього знову зайдіть в палітру "стилі" і виберіть потрібний. У цьому прикладі застосований стиль облямівки Chiseled sky, тому що він поєднується з кольором кнопки.

Вийшла така ось кнопка. За бажанням, ви можете застосувати свої стилі, які вам більше подобаються.

Залишилося написати текст. Для цього виберіть інструмент "горизонтальний текст" (Т). Вибрати параметри шрифту можна на панелі параметрів для налаштувань цього інструменту.

Ось ваша кнопка і готова.

Запустіть програму photoshop і створіть новий документ. Для цього натисніть комбінацію клавіш Ctrl + N. Потім виберіть режим «Градієнт» і залийте документ будь-яким поєднанням кольорів. Головне, щоб напрямок заливки було зверху вниз. Задати додаткові кольори завжди можна пізніше. Просто створіть новий шар і, використовуючи кисть, підфарбуйте фон. Щоб потім не заплутатися, перейменуйте щойно створений шар в Color.

Тепер займіться текстурою фону сторінки, щоб сайт виглядав цікаво. Виберіть вподобаний зразок з текстур, який пропонує програма. Добре, наприклад, виглядають листя або кам`яна плитка, імітація цегляної кладки. Активуйте режим «Фільтр» і застосуєте Artistic-Film Grain. Потім Pixelate-Mosaic. Експериментуйте з параметрами.

Домігшись бажаного, виставте режим Difference у вкладці Blending Mode. Спробуйте різні значення прозорості.

Підготуйте задній фон для назви сайту та інших пояснювальних написів. За допомогою інструменту Rounded Rectangle tool (U) в новому шарі виділіть фігуру чорного кольору, в пункті Layer Style активуйте режим Drop Shadow. Налаштуйте прозорість шару.

Для подальшої роботи знадобляться групи шарів, тому, утримуючи клавішу Ctrl, натисніть на клавіатурі кнопки Ctrl + G. Виберіть всі створені на даний момент шари і визначте їх в групу Background. Необхідно також створити ще дві вкладені групи. Основну групу можна назвати Home, а внутрішню - Logo.

Напишіть текст для шапки сайту. Натисніть на Type Tool і створіть напис в новому шарі, створеному в групі Logo. Спробуйте різні значення параметрів Layer Style. Далі створіть ще один шар і відобразіть текстову інформацію будь-яким відповідним кольором.

Створіть такі важливі для сайту кнопки, як sign in і log in. Для цього буде потрібно група шарів, яку можна так і назвати.

Застосуйте Rectangular Marquee Tool, потім Gradient Tool, щоб залити виділену зону документа від низу до верху градієнтом від щільного до прозорого.