Урок создания бесшовной шапочки для дневника на я.ру.
Урок создан по заказу: Marionelhek (Урок предназначен для оформления страницы на я.ру и перенесен в это сообщество в связи с закрытием сайта, если вам он пригодится, я буду рада).
читать дальшеПочти в каждом клубе по дизайнам есть урок по созданию бесшовной шапочки. И я должна была рассказать о том, как создаются бесшовные фоны, но почему-то, я создала урок не на ту тему и когда поняла это, было уже поздно. Приношу свои извинения ^^
А теперь о шапочках. Обычно создают документ высотой 118 px, вставляют туда некоторую часть из картинки, дублируют ее и зеркально отражают. Мне не нравится этот способ, потому что не у многих получается это красиво. На счет "красиво" мне бы хотелось рассказать в следующем уроке. В создании шапочек я не стала изобретать велосипед, все создается в программе фотошоп из нескольких фрагментов картинки с использованием инструмента "Векторная маска".
Не знаю, как сделать этот урок понятнее, так что, если у вас останутся вопросы, оставляйте их в комментариях этой темы.
1. Для начала выберем изображение. Например вот это:
2. Создаем новый документ высотой 118 px и любой шириной, я обычно делаю по шире, чтобы шапочка была поинтереснее и на ней было больше деталей. Я создала документ шириной 700 px.
3. Переходим в документ с изображением. Выбираем инструмент "Прямоугольная область", в панели настроек, наверху, выбираем Стиль: "Задан. Размер", Шир.: 700 пикс., Выс.: 118 пикс.
Выделяем фрагмент изображения, который нам нравится.
4. Копируем эту часть в наш документ (Ctrl+C и Ctrl+V).
5. В меню выбираем Фильтр- Другое- Сдвиг.
6. Появится окно "Сдвиг". Нам нужен сдвиг "По горизонтали". Меняем его параметр так, чтобы шов оказался где-то по середине, чтобы нам было удобно его перекрыть. (Для создания бесшовного фона используется и сдвиг по вертикали)
7. Снова возвращаемся в документ с нашей картинкой и вырезаем другой фрагмент с помощью прямоугольного выделения. Так же копируем его в наш документ с шапочкой.
8. Теперь начинается самое интересное. Мы выбираем наш верхний слой и на панели слоев, внизу, нажимаем кнопку "Добавить векторную маску". Рядом со значком слоя должен появиться значок маски белого цвета. Щелкните один раз по этому значку, чтобы выделение было на нем. Это важно.
9. На панели инструментов выбираем инструмент "Градиент" и в палитре выбираем черный цвет. Далее с помощью этого градиента убираем все лишнее (зажимаем Shift, чтобы градиент был прямой) с краев нашего изображения, то есть мы перекрываем только наш шов. Так же можно выбрать "Радиальный градиент", на панели настроек инструментов и убрать лишние детали с его помощью.
10. Вырезаем еще несколько деталей с нашего изображения, здесь так же можно воспользоваться тем же способом, только вместо градиента использовать мягкую кисть. Так же добавляем маску, и мягкой кистью черного цвета стираем все лишнее, как ластиком. Помните, на панели слоев должен быть выделен значок маски, а не значок слоя.
P.S. Между прочим, лишние части изображения можно стирать и ластиком, просто я привыкла пользоваться маской.
11. Если все детали вас устраивают, выделите все слои (нажмите на верхний слой, зажмите Shift, нажмите на нижний слой) и щелкните правой клавишей мыши. В меню выбираем "Объединить слои". Шапка почти готова.
12. Можно еще добавить что-нибудь вроде полосы с другим оттенком, с помощью любых инструментов. Я использовала "Кривые".
13. Когда наша шапочка готова и вы довольны результатом, сохраняем ее: Файл-Сохранить как... В окне сохранения выбираем формат .jpg и выбираем наилучшее качество.
15. Готово ^^
Создание дизайна ограничивается лишь вашими умениями работы с программами и воображением.
Картинка из урока
Посмотреть оригинал
Если у вас остались вопросы, задавайте их в комментариях этого урока)
Навигация по урокам сообщества: Перейти.