Курс по редактированию шаблонов из группы (часть 1) «Фон».
Привет, друзья! Меня по-прежнему зовут Максим. Рад приветствовать Вас на серии уроков, посвященных редактированию шаблонов из моей группы. Ранее Вы уже встречали уроки, в которых я рассказывал Вам те или иные тонкости работы с шаблонами, но этого, определенно, стало не хватать. Я принял решение запустить серию бесплатных уроков, которые описывают весь технологический процесс работы с шаблонами. Так как проект действительно объемный, я разделил его на части, каждая из которых будет дополнять предыдущую и быть одновременно самостоятельным уроком со своими тонкостями и рекомендациями.
Важно! Весь материал посвящен только помощи в редактировании уже имеющихся шаблонов из группы, никто не обещает сделать из Вас дизайнера.
Photoshop
Первое, что Вам необходимо сделать, это заполучить программу Photoshop (не ниже версии CS6) на свой персональный компьютер. Программа платная, приобрести ее Вы можете на официальном сайте Adobe или найти бесплатную версию (советовать ничего не буду).
Теперь, когда Вам удалось заполучить данную программу на свой компьютер, Вас ничего не может остановить, приступаем к редактированию шаблонов.
Редактируем фон psd-шаблона
Весь сегодняшний урок будет посвящен редактированию фона, а именно: замена фотографии, редактирование цветных блоков, наложение текстуры, а также общие советы, чтобы Вы допускали как можно меньше ошибок.
Замена фотографии
Сразу оговорюсь, что использование чужих фотографий без разрешения автора запрещено. В теории это грозит Вам большими санкциями, поэтому рекомендую использовать личные фотоматериалы или приобретать лицензии на использование чужих изображений.
Есть альтернативный вариант – в сети множество сервисов, которые аккумулируют материалы с лицензией CC0 – материалы, переданные в общественное достояние. Их Вы можете использовать по своему желанию, не переживая за то, что нарушаете чье-то авторское право. Подобные сайты:
Самый часто задаваемый вопрос – как заменить фото в psd-шаблоне? Все очень просто, Вам достаточно выделить слой со старым фоном (чтобы новое фото оказалось поверх старого), найти изображение в папке на компьютере и перенести его на шаблон, как показано на анимации. Далее с зажатой клавишей shift (для равномерного масштабирования) меняйте размер фото по своему усмотрению. Для завершения операции жмем Enter.
Если в шаблоне предусмотрена подложка под фото, дополнительно нужно создать обтравочную маску, как показано ниже.
Вставляйте изображение правильно, чтобы ни один край не оставался пустым. Ниже представлено изображение с правильным и неправильным расположением фотоматериала.
Редактирование цветных блоков
Второй шаг - работа с цветными блоками, которые имеются не во всех шаблонах. Найти их достаточно просто, так как слои подписаны следующим образом: «Цветной блок» и «Цвет можно изменить». Есть 2 варианта подобных блоков – это формы и растровые (без возможности изменить форму) объекты.
Первое, что мы затронем, это изменение цвета блоков (форм). Подобные блоки помечены как "можно менять цвет". Такие блоки могут иметь монотонную заливку или же градиент. Редактируются данные блоки достаточно просто - двойной клик мышки по иконке слоя, откроется окошко редактирования цвета/градиента (см. процесс изменения цвета ниже).
Второе – это изменение цвета для растрового объекта. Здесь все немного иначе, Вам нужно нажать правой кнопкой мыши по растровому объекту, найти пункт «Параметры наложения», в открывшемся окне выставить галочку напротив «Наложение цвета» или «Наложение градиента», настроить цвет или градиент по собственному желанию.
Важно! Вы можете использовать любые цвета для формирования своих цветных блоков, но я настоятельно рекомендую использовать современные цвета и градиенты. Подсматривайте их в любых возможных местах, в том числе и в примерах, которые я выкладываю для презентации. Яркие цвета и контрасты, от которых вытекают глаза, на имидж организации положительно не повлияют.
Еще в шаблонах присутствуют обычные фоновые блоки, как правило, они имеют серые/белые цвета. Отсутствие подписи «Можно изменить цвет» говорит о том, что по задумке автора данные блоки должны остаться неизменными.
Наложение текстуры на поверхность
Иногда в своих шаблонах я накладываю текстуры на монотонные поверхности, делается это для разбавления пустоты и придания баннеру определенной изюминки. Не всем мои текстуры приходятся по душе, поэтому стоит уделить работе с ними немного времени.
Загружается текстура как обычное фото. Особенность использования текстуры заключается в применении способа наложения «мягкий свет», после которого текстура становится еле заметной и повторяющей цветовую стилистику фона.
Важно! Рекомендую использовать черно-белые текстуры для сохранения цветовой гаммы фона.
Итог
Сегодня мы разобрали все, что только можно сделать с фоном в моих шаблонах. Возможно, урок будет дополняться, если я начну применять новые фишки, поэтому держите под рукой данный курс.
В следующем уроке я от и до расскажу про текст, а также дополню урок рекомендациями, которые позволят Вам создавать более качественные работы.