Создаем в Photoshop шапку канала для Youtube Блог Александра Зубкова / 16.01.2017 Экспериментальному Галактическому каналу исполняется ровно год. Я не буду описывать достигли мы или нет каких-либо высот, скажу главное — канал жив, ждет своих авторов, а, главное, зрителей. Мы не нарушили пользовательское соглашение, а это значит, что и дальше будем продолжать работу над каналом — всё в наших руках. Сегодня я хочу рассказать, как создать шапку канала, которая будет правильно отображаться на всех видах девайсов — от телевизоров, до мобильных устройств. В конце статьи вы найдете ссылку на заготовку такой шапки с разметкой в формате .psd.Что такое шапка канала, знают все — это изображение, которое видят пользователи, пришедшие на ваш канал. Соответственно, лицо канала должно быть привлекательным, оригинальным и выделяться среди других. Это не значит, что картинка должна содержать кучу ярких элементов, совсем наоборот, дизайн должен быть лаконичным и быть понятным посетителям. Невзрачная и неинформативная шапка только отпугнет посетителей, какой бы качественный контент не содержал канал. Создавать шапку будем в программе Photoshop . Не стоит пугаться этого редактора, все довольно просто и по силам любому пользователю, тем более, что мы не будем перегружать изображение лишними элементами. На первых порах нам достаточно фона и текста в видимой части.Итак, что нам потребуется для работы: Программа Adobe Photoshop. Шаблон с разметкой (ссылка ниже). Качественное фоновое изображение (не менее 2560х1440). Найти в сети бесплатный рисунок такого размера нетрудно, можете посмотреть на этих сайтах. Вы, возможно, зададите себе вопрос — зачем нужно такое огромное изображение, когда шапка на канале занимает совсем немного места, да и размер её совершенно другой. На рисунке ниже вы увидите ответ.Приступаем к работе, запускаем Фотошоп и открываем файл с заготовкой. Жмем клавиши Ctrl+H. Отобразятся вспомогательные линейки, которые помогут разместить основной контент. Основная зона - это центральная часть изображения. Все элементы, расположенные в этой части, будут отображаться на любом устройстве. Если вы разместите элементы изображения еще и в других частях, они будут отображаться на тех устройствах, которые там обозначены. Вся картинка в полном размере будет отображаться только в телевизорах. Вот именно поэтому и необходимо изображение такого большого размера.Открываем заготовленный рисунок и перетаскиваем его на шаблон. Нажимаем Ctrl+J, заготовка у нас скопирована. Затем нам нужно выделить всю центральную часть. Для этого переходим в режим прямоугольного выделения и по вспомогательным линейкам выделяем нужную часть. Ещё раз нажимаем Ctrl+J. У нас получилась отдельная полоска, а слой под ней мы размоем с помощью фильтра Размытие по Гауссу. В открывшемся окошке поставим ползунок на 10 пикселей и жмём Ок.С серединой мы определились и теперь можно скрыть вспомогательные линии, для этого нажмем клавиши Ctrl+H. И затем нам нужно эту середину как-то выделить на рисунке. Для этого дважды кликаем по слою с центральной частью. Переходим Выполнить обводку, устанавливаем размер 5 пикс., выбираем цвет, Положение — Снаружи — Ок. С центром закончили, теперь нам нужен текст. Создаем новый слой Shift-Ctrl-N, выбираем инструмент Текст, шрифт AA-BebasNeue — 72 пт — Чёткое (шрифты можете скачать здесь) и набираем текст. Возвращаем линейки Ctrl+H увеличиваем и размещаем текст по центру, не выходя за пределы границ. Возвращаемся в инструмент Текст и открываем панель работы с символами. Ставим интервалы между символами равными 0. Еще раз выравниваем текст по центру и переходим к следующей операции.Давайте поменяем цвет у половины текста. Открываем текстовый слой и выделяем часть текста. Выбираем цвет и жмём Ок. Всё, надпись приобрела другой вид. Двойным кликом по слою открываем панель Стиль слоя. Здесь выбираем Тиснение и Контур, просто ставим галочки в чекбоксах. Затем нам нужен пункт Наложение градиента. Кликаем в поле Градиент и устанавливаем следующие параметры — в левой части шкалы нам нужен чёрный цвет с 95% непрозрачностью, в правой также чёрный цвет, а непрозрачность — 0%. Остальные параметры можно не трогать. Затем нам нужно сделать тень. Заходим, опять же, в Стиль слоя и выбираем параметр Тень. Смещение — 5, Непрозрачность — 75, а Размах и Размер должны быть на нуле.Работа с текстом закончена и нам нужно его и эффекты перевести в растровое изображение. Нажимаем на слое правой кнопкой и затем Растрировать текст. Ещё раз нажимаем правой кнопкой — Растрировать стиль слоя. Теперь у нас это просто картинка. Давайте её сейчас отразим, нажимаем Ctrl+J, Ctrl+T, затем жмём правую кнопку и Отразить по вертикали. Опускаем надпись вниз. А теперь нам нужно создать эффект отражения. Для этого создадим векторную маску. Нажмём кнопку внизу под слоями (см. скриншот). Маска создана, и обратите внимание, должна быть выделена она, а не контурный слой. Открываем инструмент Градиент, выбираем от чёрного к белому, нажимаем Ок. Зажимаем Shift, чтобы соблюсти строгое вертикальное направление, тянем примерно от середины до верха и отпускаем. Как видите, удаляется часть рисунка. Если что-то не устроит, можно повторить операцию. Затем нужно установить Непрозрачность поменьше, допустим, 60%.Следующий наш шаг — создаём новый слой (Shift — Ctrl — N), который размещаем под слоем с отражением. Выбираем инструмент Лассо — Прямолинейное лассо и рисуем фигуру как на скриншоте, и - двойной клик. Затем заливаем эту фигуру цветом потемнее. Если вас всё устраивает, переходим к следующему этапу.Нам нужно добавить сверху ещё один текстовый слой и написать, например, Неофициальный канал образовательной галактики Intel. Выбираем шрифт, цвет и его размер, ставим дополнительные пробелы между словами, а также увеличиваем интервал между символами. В стилях слоя добавим тень к надписи. Затем скопируем слой Ctrl+J и потянем его вниз. Уменьшим размер шрифта, установим нулевой интервал между символами и напишем адрес нашего портала. Подравняем наш текст относительно сетки и приступим к завершающему этапу.Придадим нашей надписи дополнительный шарм — разрежем её по диагонали. Для этого поступим следующим образом. Находим наш слой, выбираем инструмент Лассо — Прямолинейное лассо и выделяем примерно половину (см. скриншот). Берём инструмент Перемещение и стрелками на клавиатуре тянем немножко вниз и вправо. Текст получается разрезанным. Сохраняем рисунок в формате .jpg или .png и шапка готова.Вот мы с вами и научились создавать эксклюзивную картинку, которую вы вряд ли найдете на просторах Интернета. Не бойтесь сложностей, создавайте оригинальные и привлекательные рисунки. Наше сегодняшнее творение, конечно, не шедевр, но изображение создано по всем требованиям и будет гармонично смотреться на всех девайсах. Удачи!Заходите в мой блог, там вы найдёте дополнительную информацию о создании и настройке канала на Ютуб.Ссылка на заготовку photoshop youtube канал шапка канала