ЯК намалювати сайт в photoshop :: ПЗ

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

Інструкція

Запустіть програму 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, щоб залити виділену зону документа знизу вгору градієнтом від щільного до прозорого.