На Вашем компьютере обнаружен устаревший браузер!
(Доступ на сайт будет ограничен)
Советуем Вам скачать новую версию браузера:

Вход на сайт

Рекомендуем ознакомиться со следующими разделами Фотошопа:




Разместите здесь свою рекламу
Главная » Photoshop » Создаем макет сайта для фото галереи
24.09.2019

Создаем макет сайта для фото галереи

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

В этом простом уроке мы с вами рассмотрим как создать интересный макет для сайта фото галереи.

Сложность: низкая
Время: до 30 минут

Шаг 1. Начнем, как обычно, с создания документа размером 760x770. Цвет фона # 3a3a3a.

Шаг 2.Активируем инструмент Прямоугольник (Rectangle Tool).

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

И создадим несколько вертикальных линий, как на рисунке ниже.

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

Шаг 3. Затем выделим все слои кроме фонового слоя, и объединим все эти слои в один.
Чтобы объединить эти слои, нужно перейти Слои-> Объединить слои (Layer-> Merge Layers).

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

Шаг 4. Затем перейдем Фильтр-> Искажение-> Полярные координаты (Filter-> Distort-> Polar coordinates).

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

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

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

Шаг 5. Теперь вам понадобится изображение с тетрадными листами. Поместите его как на изображении ниже.

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

Шаг 6. После этого активируем Кисть (Brush Tool).

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

Теперь вам понадобятся эти кисти.

Шаг 7. Создадим новый слой прямо над фоновым слоем. Чтобы создать новый слой, сначала нужно выбрать фоновый слой в палитре слоев, затем нажать CTRL + SHIFT + ALT + N
И нарисуем несколько произвольных пятен.

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

Шаг 8. В верхней правой части макета, можно разместить небольшие иконки.

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

Шаг 9. Теперь можете добавить изображения из вашей личной коллекции.

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

Шаг 10. После этого можно написать текст, различными шрифтами.

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

Шаг 11. Активируем инструмент Произвольная фигура (Custom Shape Tool)

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

И создадим следующую форму.

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

Шаг 12. Добавим несколько фигур рядом с текстом.

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

Вот такой интересный макет у нас получился. Не плохо, правда?

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

Автор/Переводчик: Артеменко Любовь
Ссылка на источник: http://www.talk-mania.com/web-layouts/49036-grunge-digital-portfolio-website.html

(+3 баллов, 3 оценок)
Loading ... Loading ...
Написать комментарий

Подписаться, не комментируя

.