порядку.
2.2 Створення макета сайту в Фотошоп
Крок 1. Всього за 18 кроків, можна створити гарний, яскравий макет. Почнемо зі створення панелі меню і поля для утримання. І так, створюємо новий документ в Photoshop розміром 800х600 пікс., Робимо чорний фон. Вибираємо інструмент Прямокутник і створюємо сірий колір (191b1b) прямокутник. p> Секція для утримання буде розділена на два головних сегмента. Вибираємо інструмент Прямокутник з округленими краями, встановлюємо радіус, рівний 12 і створюємо два темно-сірих (080808) прямокутника з округленими краями. p> Крок 2. Тепер ми створимо панель меню. На палітрі переднього плану міняємо колір на коричневий/жовтогарячий (b21e00) і створюємо більш вузький прямокутник з округленими краями. p> Растріруем цей прямокутник, натиснувши правою кнопкою миші на цей елемент в панелі шарів і вибравши растеризувати шар. Це додасть гнучкість у роботі з формою прямокутника. Виділяємо створений прямокутник, натиснувши на нього на панелі шарів і в меню. Вибрати, вибравши. Завантажити виділення. p> Крок 3. Встановлюємо помаранчевий колір (ff4a00) заднього фону, вибираємо інструмент Градієнт і натискаємо на Лінійний градієнт. br/>В
Рис. 13
Створюємо ефект градієнта у прямокутнику, провівши вертикальну лінію від верхньої межі прямокутника до нижній.
В
Рис. 14
Крок 4. Створюємо нову групу, назвавши її В«МенюВ» і поміщаємо прямокутник з округленими краями в неї. Створюємо персиковий (ffc981) прямокутник з округленими краями на колишньому прямокутнику, растріруем його і робимо виділення за допомогою меню Вибрати> Завантажити виділення. br/>В
Рис. 15
В
Рис. 16
Крок 5. Встановлюємо помаранчевий колір (ff5e00) заднього фону, створюємо лінійний градієнт у другому прямокутнику з округленими краями. br/>В
Рис. 17
Для тексту в даному прикладі використовуються параметри, вказані нижче.
В
Рис. 18
Крок 5. Створення шапки сайту. Ми використовуємо цю чудову картинку заходу, яка була зменшена до розміру 900х675 пікс. Як показано нижче, зменшена картинка заходу була поміщена прямо над панеллю меню. br/>В
Рис. 19
В
Рис. 20
Крок 6. Тепер трохи прикрасимо шапку, щоб вона виглядала цікавіше. Почнемо з візерунка знебарвленого квадратів. Створюємо нову групу, називаємо її В«Квадрати зліваВ» і створюємо в ній білий квадрат. br/>В
Рис. 21
В
Рис. 22
Крок 7. В панелі шарів зменшуємо Непрозорість створеного квадрата до 60%. Тепер, коли є один квадрат, можна створити дублікат цього шару, якшо правою кнопкою миші на...
