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

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

В этом простом уроке мы с вами рассмотрим как создать интересный макет для сайта фото галереи. Сложность: низкая Время: до 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

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

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