От автора: из этого учебника мы узнаем, как разработать качественный дизайн веб-сайта в темных тонах в Adobe Photoshop. По мере прохождения учебного пособия по разработке сайта с темным фоном мы поработаем с простыми формами (прямоугольники, линии, стрелки и т. д.), эффектами слоя, шаблонами, импортированием и стилями параграфа, а также множеством других дизайнерских техник Photoshop’а, которые можно приспособить к дизайну интерфейсов своих вебсайтов.
Об авторе
Джулиан Шанилло (Julian Chaniolleau), также известный как Devilcantburn, графический и веб-дизайнер на фрилансе. Он также является автором статей на ThemeForest, его «перу» принадлежат такие шаблоны, как 96Display или Stereoline, его работы можно посмотреть на devilcantburn. com .
Этот дизайн сайта с темным фоном, является великолепным примером уникального стиля Джулиана. Выполненный в темных тонах, сайт достаточно изысканный, даже для использования в корпоративных сайта. Эскизы других работ Джулиана вы можете посмотреть в его профиле на ThemeForest, DevilCantBurn .
Давайте примемся за работу!
Шаг 1. Определяем документ
Начните с создания в Photoshop’е нового документа размером 1200px x 1600px. Удостоверьтесь, что разрешение установлено на 72 pxs/дюйм, а фон определен белым. Нам нужно раскрыть фоновый слой так, чтобы можно было добавить эффекты слоя, щелкните по фону правой кнопкой мыши и выберите «Layer from Background» (Слой из фона). Потом вы можете снова переименовать layer в background..
Заполните фон цветом #101010.
Теперь создайте следующие направляющие (Menu (Меню) > View (Вид) > New guide (Новая направляющая)…) :
600px по вертикали
1080px по вертикали
У вас теперь есть границы и середина области интерфейса.
Шаг 2. Организуйте группы…
Для рабочего процесса очень важна организация – так что следующим шагом мы начнем создавать группы слоев (Layer Groups). Организованное начало важно по одной основной причине: большинство огромных проектов вебсайтов при завершении работы имеют сотни слоев, так что если не начать с умной организации, то легко потеряться, если вы не потратите некоторое время на группирование элементов в папки («folders») и тщательное наименование всего и вся.