Создаем макет сайта для юридической компании 1

Создаем макет сайта для юридической компании - уроки фотошоп



В наше время очень популярна профессия юриста. Но рядовым сотрудникам платят немного. И потому они часто открывают свои консультации (даже виртуальные).
Навыки для «прокачки»:
- работа с векторными фигурами в Фотошоп
- работа со стилями слоя
- работа пером (Pen tool)

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 1. Как обычно, мы начнем с создания нового документа: 760*770 пикс.
Для фона выберите цвет: # 282828
Инструментом Прямоугольник (Rectangle tool) создадим две фигуры

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 2. Затем тем же инструментом, мы создадим еще одну небольшую форму, белым цветом.
Далее создадим дубликаты этой формы и поместим как на картинке ниже.

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 3. Теперь для всех этих маленьких белых слоев изменим значение Непрозрачности (Opacity)

Создаем макет сайта для юридической компании - уроки фотошоп

Вот что должно получиться.

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 6. Выберите большую белую форму, в вашей палитре слоев, щелчок правой кнопкой мыши на слой, затем выберите Растрировать слой (Rasterize Layer)

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 7. Затем вам необходимо скачать следующий набор кистей: Уголки



Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 8. Загрузите кисти в фотошоп

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 9. Создайте новый слой (CTRL + SHIFT + ALT + N).
Затем черным цветом добавим один из уголков, как на картинке ниже.

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 10. Теперь активируйте инструмент Прямолинейное лассо (Polygonal Lasso Tool), и сделайте следующее выделение.

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 11. Затем нажмите (CTR + D), чтобы снять выделение.

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 12. Следующим шагом мы добавим текст и изображения. Это очень простая задача, вы сможете это сделать сами.

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 13. Инструментом Прямоугольник (Rectangle tool) создадим еще один прямоугольник.

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 14. Для этой серой фигуры добавим следующие Стили слоя (Add a layer style)

Создаем макет сайта для юридической компании - уроки фотошоп

Создаем макет сайта для юридической компании - уроки фотошоп

Создаем макет сайта для юридической компании - уроки фотошоп

Вот наш результат.

Шаг 15. С левой стороны поместим изображение.

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 16. Затем с помощью инструмента Эллипс (Ellipse), создадим несколько круглых форм, и разместим их как на рисунке ниже.

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 17. Добавим им следующие Стили слоя (Add a layer style)

Создаем макет сайта для юридической компании - уроки фотошоп

Создаем макет сайта для юридической компании - уроки фотошоп

Шаг 18. Активируйте Перо (Pen Tool), и создайте похожую форму. Да уроки Web дизайна всегда требуют использования, многих инструментов.

Создаем макет сайта для юридической компании

Используйте те же Стили слоя (Add a layer style), что и выше.
Теперь дублируйте этот слой несколько раз, и разместите эти слои как на картинке ниже.

Создаем макет сайта для юридической компании

Это наш окончательный результат.

Создаем макет сайта для юридической компании - уроки фотошоп

Я надеюсь, вам понравилось.

Сайт: designlessons.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте: vk.com/designlessons

И в Твиттере: twitter.com/DesignLessons

Информация
Автор / Разработчик
Автор не указан
Перевел
Артеменко Люба
Сложность
Легкая
Источник
Добавил
Lubashka
Дата
26-08-2019, 21:38
Метки:  еще статьи

Поделиться ссылкой

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 2 * 2 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 204.236.235.245
Последние уроки
Вконтакте
Архив сайта
.