Як намалювати сайт у photoshop

Як намалювати сайт у photoshop

Photoshop є надзвичайно потужним і універсальним інструментом. Це не тільки найпопулярніший у світі редактор фотографій, але також утиліта для втілення в життя всіляких веб-дизайнерських ідей. Крім того, photoshop цілком підійде для створення макета інтернет-сторінки або навіть цілого сайту буквально з нуля.

Інструкція

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

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

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

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

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

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

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


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