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

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

В наше время очень популярна профессия юриста. Но рядовым сотрудникам платят немного. И потому они часто открывают свои консультации (даже виртуальные). Сложность: низкая Время: до 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), что и выше. Теперь дублируйте этот слой несколько раз, и разместите эти слои как на картинке ниже. Создаем макет сайта для юридической компании Это наш окончательный результат. Создаем макет сайта для юридической компании - уроки фотошоп Я надеюсь, вам понравилось. Переводчик: Артеменко Люба Ссылка на источник: http://www.talk-mania.com/web-layouts/46370-lawyer-layout.html

Добавить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив
  • Яндекс.Метрика