Творческий дизайн

1. Создайте новый документ размером 900 x 1430 пикселей. Выберите инструмент Заливка
(Paint Bucket Tool) и залейте фон цветом #eae5cf. Потом установите цвет заливки — #443825, а цвет фона — #2c2518. Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) и сделайте большое выделение поперёк холста, как показано ниже. Высота прямоугольника примерно 300 пикселей. Выберите инструмент Градиент (Gradient Tool), тип – радиальный градиент, протяните градиент от середины к верху. У вас должно получиться такое изображение:

2. Добавьте стиль Обводка (Layer Style — Stroke) к прямоугольнику и настройте, как показано ниже:

3. Теперь загрузите этот набор картинок. Выберите любой рисунок из этого набора и вставьте его в документ. Я выбрал того, который указывает наверх. Название сайта слева сверху, а человек под ним, указывающий на это название. Вы можете обрезать ноги и оставить только часть человека.

4. Добавьте стиль Отбрасывание тени (Layer Style — Drop Shadow) к вашему человеку, чтобы добавить ощущение глубины. Справа добавьте заголовки инструментом Горизонтальный текст (Horizontal Type Tool). Я использовал для этого белый цвет и цвет #8e9b08, шрифт – Impact, размер — 30pt.

5. Создайте небольшую область белого цвета над вашими заголовками и уменьшите Непрозрачность слоя с ними до 5%. Инструментом Свободное трансформирование
(Free Transform) измените их наклон. Под вашими заголовками напишите текст, описывающий вас сайт.

6. Верхняя часть готова. В нижней напишите текст, содержащий то, что будет объяснено на вашем сайте. Я использовал шрифт Impact, размер – разный.

7. Выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) и нарисуйте фигуру белого цвета, содержащую ваш заголовок. Добавьте стиль Отбрасывание тени (Layer Style — Drop Shadow) к этой фигуре и настройте, как показано ниже.

8. Создайте ещё 2 такие же области.

9. Добавьте содержание к каждой области. Я добавил картинки и немного текста под ними, как показано ниже:

10. Изображения, которые я добавил, сделаны не мной, это обои. Добавьте такие же маленькие области справа:

11. Первая область будет содержать информаию RSS. Я добавил туда иконку на фон. Также я добавил красивый заголовок и ещё несколько иконок RSS.

12. Из набора персонажей, который мы загрузили раньше, выберите человека, который машет руками, поместите его позади области RSS и инструментом Свободное трансформирование
(Free Transform) поверните немного:

13. Продолжайте создавать области с информацией:

14. Осталось сделать нижний колонтитул. Сделайте копию всего верхнего заголовка и навигации. Поместите его вниз документа и добавьте текст об авторских правах.

Финальный результат:

Делаем Web-дизайн

Вас может также заинтересовать:

21 октября 2018

BD-плеер Sony BDP-S300: равнодушных не будет

Новый представитель серии BD-проигрывателей дисков японской корпорации Sony BDP-S300 занимает самую нижнюю позицию в линейке. Но при стоимости порядка 20 тыс. руб. бюджетным его можно назвать только на фоне старших моделей серии и эквивалентных им устройств брендов первой величины.

21 октября 2018

OLYMPUS Zuiko Digital 35mm 1:3.5 Макро

Сменный объектив ZUIKO DIGITAL 35мм. 1:3.5 Макро предлагает фокусное расстояние 70мм. эквив. для 35мм. формата. Для сьемки макро и портретов, дистанция фокусировки от 0.146м.

21 октября 2018

Зеркальная цифровая фотокамера CANON EOS 40D Body

Зеркальная камера класса «просьюмер» для опытных и профессиональных фотографов. Разрешение матрицы 10,1 Мпикс., ЖК-дисплей с функцией Live View 3 дюйма, большой и яркий видоискатель, система защиты матрицы от пыли, моторизированный механизм подъема зеркала, скорость серийной съемки 6,5 fps, режим «Приоритет светлого тона», автофокус с 9 крестообразными датчиками.