Создание макета сайта для портфолио в стиле Веб 2.0
В этом уроке я расскажу вам как создать еще один макет сайта портфолио в стиле Веб 2.0. Вы можете легко преобразовать этот макет под Wordpress.
Создадим новый документ размером 960*900 пикселей, для заливки я использую темный фоновый цвет # 0a0a0a .Далее создаем еще один новый документ размером 270*270 пикселей и с помощью инструмента Эллипс создадим круг внутри него.
Этому кругу добавляем следующие стили:
Вот мой результат:
Теперь идем в меню Правка - Определить кисть.
Выбираем имя для кисти и нажимаем кнопку ОК.
Теперь выберите инструмент Кисть и создайте несколько отпечатков на документе, как показано на рисунке.
Изменим режим наложения слоя на Жесткий свет, и уменьшим непрозрачность слоя до 65%.
Далее в панели инструментов я выбираю кисть, о которой писала несколько шагов назад, и задаю следующие настройки для нее:
Потом создааем новый слой поверх всех слоев, и создадим несколько отпечатков, как показано на рисунке, обратите внимание на то, что размер кисти вам надо выбрать 40-50.
Делаем как показано на рисунке:
Следующим шагом я использую фильтр для нового слоя Filter > Blur > Gaussian Blur и применяю ему следующие параметры:
Затем я меняю режим наложения слоя на Мягкий свет и уменьшаю непрозрачность до 50%.
Далее создаем новый слой , применяем к нему режим наложения Перекрытие и уменьшаю прозрачность до 50%, затем инструментом Кисть делаю такие же отпечатки, как и на предыдущем слое.
Далее я создаю несколько фигур инструментом Прямоугольник с скругленными углами.
Для верхней панели навигации я применяю следующие стили слоя:
Вот как выглядит моя навигация:
Уменьшаем непрозрачность формы до 20%.
Теперь добавляем текст в наш макет, инструментом Горизонтальный текст.
Далее я создаю новый слой и инструментом Карандаш, добавляю некоторые детали в панель навигации. Можно повторит это действие легко, использовав кисти размером в 1 пиксель. Итак, создаем пунктирные линии и стрелки.
Добавлю несколько графических элементов и вот мой результат:
Вот другой макет, в нем я использовала треугольные кисти.
Вот еще один вариант с кистями в форме многоугольника.