Робимо шаблон сучасного сайту

Дуже простий і стриманий дизайн із яким впорається навіть студент.

Створюємо новий документ 760x770 px із сірим тлом(#464646). Створюємо новий шар(SHIFT+CTR+ALT+N). Вибираємо інструмент Rounded Rectangle і малюємо білий прямокутник(радіус 10 px). Наступна картинка зменшена.

Додаємо стиль шару:

З тим же інструментом створюємо інший прямокутник.Я буду використовувати ясно-сірий цвіт(щоб вам було видно)

Додаємо стилі шару:

Результат

Тепер створюємо ще три прямокутники й поміщаємо їх як на малюнку.

Як ви бачите, використані попередні стилі шару. Затисніть CTRL і натисніть на іконку шару, позначеного стрілкою:

Так ви виділили прямокутник.

Вибираємо інструмент Rectangular Marquee. Натискаємо на Subtract From Selection і видаляємо нижню частину виділення.

Коли ви відпустите кнопку миші ви побачите таке виділення:

Зменшуємо виділену область - Select > Modify > Contract і вибираємо Contract by 2 pixels. Створюємо новий шар(CTRL+SHIFT+ALT+N). Заливаємо виділення білим цвітом з інструментом Paint bucket. Тиснемо CTRL+D щоб зняти виділення.

Додаємо стиль шару:

Результат

Тепер дублюємо цей шар два рази й поміщаємо його на інші прямокутники.

Створюємо заготівлю заливання. Створюємо новий документ 3 на 3 пикселя.Збільшуємо масштаб до 1600%. Малюємо крапку розміром в 1 пиксель у центрі документа.

Зберігаємо шаблон заливання Edit > Define Pattern. Вертаємося у вихідний документ. Створюємо новий шар(CTRL+SHIFT+ALT+N). Вибираємо інструмент Rectangular Marquee із цими настроюваннями: