Дизайн бизнес сайта

Конечный результат:


Дизайн бизнес сайта


1. Создайте новый документ размером 800х800 пикселей с белым фоном. Разблокируйте фоновый слой (кликните дважды на нём) и нажмите ОК в появившемся меню. Примените стиль Наложение градиента (Layer Style — Gradient Overlay):

Режим – Нормальный, Стиль – Радиальный


Дизайн бизнес сайта


2. Выберите инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) и настройте так:


Дизайн бизнес сайта


3. В новом слое создайте фигуру в центре холста, кликните правой кнопкой и выберите Выполнить заливку контура (Fill Path). Потом инструментом Перо (Pen Tool) кликните правой кнопкой на контуре ещё раз и выберите Удалить контура (Delete Path).


Дизайн бизнес сайта


4. Перейдите в меню Стилей слоя (Layer Style — Blending Options) и настройте так:

Отбрасывание тени (Режим – Умножение):


Дизайн бизнес сайта


Внутренняя тень (Режим – Умножение):


Дизайн бизнес сайта


Наложение градиента (Режим – Нормальный, Стиль – Линейный):


Дизайн бизнес сайта


Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный):


Дизайн бизнес сайта


5. Сделайте копию слоя с этим прямоугольником, потом над ней создайте новый слой (Create New Layer) в палитре слоёв. Скройте фоновый слой и оригинальный слой с прямоугольником. Перейдите в меню Слой»Объединить видимые (Layer > Merge Visible). Затем к объединённому слою примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 6 пикселей и установите Непрозрачность – 60%, Режим наложения – Осветление (Blending Mode – Screen):


Дизайн бизнес сайта


6. Инструментом Горизонтальный текст (Horizontal Type Tool) напишите заголовок сайта и слоган:


Дизайн бизнес сайта


7. Выберите инструмент Произвольная фигура (Custom Shape Tool) и выберите стрелку в настройках инструмента:


Дизайн бизнес сайта


8. Создайте стрелку рядом с названием:


Дизайн бизнес сайта


9. Выберите слой со стрелкой и, удерживая Alt, нажмите на стрелку вниз на клавиатуре 10-15 раз (зависит от толщины стрелки, которую вы хотите). При каждом нажатии на клавишу стрелки вниз у вас будет создаваться новый слой. Когда закончите, объедините все копии слоя со стрелкой. Поместите объединённую копию под оригинальный слой со стрелкой и примените к ней следующие стили в меню Стилей слоя (Layer Style — Blending Options):

Отбрасывание тени (Режим – Умножение):


Дизайн бизнес сайта


Наложение градиента (Режим – Нормальный, Стиль – Радиальный):


Дизайн бизнес сайта

Дизайн бизнес сайта


К верхнему оригинальному слою с копией примените стиль Наложение градиента (Layer Style — Gradient Overlay):


Дизайн бизнес сайта

Дизайн бизнес сайта


10. Создайте новый слой (Create New Layer) над верхним слоем со стрелкой, сделайте выделение слоя со стрелкой (Ctrl+Click) и перейдите в меню Редактирование»Обводка (Edit > Stroke):


Дизайн бизнес сайта

Дизайн бизнес сайта


11. Я также добавил простое свечение на стрелку, но вам не обязательно это делать. Создайте навигационное меню – вставьте какие-нибудь иконки и подпишите их:


Дизайн бизнес сайта


12. Сделайте копию заголовка сайта и поместите её вниз. Добавьте информацию о правах и другие элементы футера.


Дизайн бизнес сайта


13. И в конце заполните большой прямоугольник контентом.


Дизайн бизнес сайта





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

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

24 июня 2018

Всем известно, что проекционная техника для дома и офиса значительно отличается друг от друга по техническим характеристикам и зачастую две эти группы товаров не являются взаимно заменяющими. А Optoma EP-910 позиционируется производителем, именно как универсальный проектор, одинаково применимый и в качестве презентационного аппарата, и как ядро домашнего кинотеатра.

24 июня 2018

Дата анонса: 2007/01/25 Эффективное разрешение, МП: 7.1 Диагональ ЖК-дисплея, дюймы: 2.5

24 июня 2018

Байонет: EF-S Тип объектива: стандартный Фокусное расстояние: переменное