Содержание
- Шаг 1: Подготовка
- Шаг 2: Создание холста
- Шаг 3: Создание шапки
- Создание границ коллажа
- Добавление границам градиента
- Наложение тематических изображений
- Добавление текста
- Шаг 4: Сохранение работы
- Вопросы и ответы
Шаг 1: Подготовка
Перед тем как приступать к созданию шапки, стоит подготовиться к выполнению этой операции.
Найдите и загрузите изображения, которые будете использовать в качестве фона и наложений на шапку. Рекомендуется выбирать подходящие под тематику вашего канала, а также запоминающиеся, чтобы пользователи смогли однозначно идентифицировать их с вами.
В качестве центральной картинки коллажа рекомендуется установить логотип вашего канала. Если такового ещё нет, воспользуйтесь инструкцией по ссылке далее.
Подробнее: Как нарисовать логотип в Adobe Photoshop
Убедитесь, что на вашем компьютере установлена актуальная версия Фотошопа.
Скачать последнюю версию Adobe Photoshop
Шаг 2: Создание холста
После выполнения подготовительного этапа займёмся созданием холста будущей шапки. Оптимальным разрешением для каждого варианта отображения являются следующие значения:
- Дисплей ПК – 2560 на 423;
- Планшеты – 1855 на 423;
- Смартфоны и оконный режим на компьютере – 1546 на 423.
Инструкция далее рассчитана на каждое из этих значений.
Запустите Фотошоп, а после полного запуска программы воспользуйтесь пунктами «Файл» – «Создать».
Появится окно создания нового документа. Сперва задайте имя (подходит любое произвольное) и убедитесь, что в качестве единиц измерения указаны «Пиксели», затем в строках «Ширина» и «Высота» введите значения 2560 и 1440 соответственно. В остальных полях можно оставить параметры по умолчанию, после чего кликните «ОК».
Теперь выберите «Выделение» – «Все».
На панели инструментов слева выберите любое средство выделения.
Сделав это, кликните правой кнопкой мыши (ПКМ) по холсту и воспользуйтесь инструментом «Трансформировать выделенную область».
Над рабочей областью появится панель инструментов. Первым делом нажмите на кнопку сохранения пропорций, затем щёлкните ПКМ по окошкам «Ш» и «В», и выберите «Пикселы».
В окне высоты укажите значение 423, а после появления на полотне штрихованных линий зажмите левую кнопку мыши (ЛКМ) на горизонтальной линейке и потяните вниз, расположив таким образом направляющие для верхней и нижней границ выделения. Если линейка не отображается, воспользуйтесь сочетанием клавиш Ctrl+R.
Повторите эту же операцию, но для ширины, значением которой установите 1855 и вытяните направляющие с вертикальных линеек.
Выполните эти действия снова, со значением ширины 1546 пикселей.
Нажмите Ctrl+D для снятия выделения, после чего откройте каталог с изображениями-исходниками для будущей шапки и перетащите его на полотно.
Теперь трансформируем саму картинку: зажмите клавиши Shift+Alt и с помощью ЛКМ потяните за один из углов и растяните изображение на всё полотно. Для применения изменений нажмите на кнопку-галочку.
Чтобы фон смотрелся опрятнее, его рекомендуется размыть. Для выполнения этой операции воспользуйтесь пунктами «Фильтр» – «Размытие» – «Размытие по Гауссу».
Установите приемлемое значение (в районе 5-10 пикселей, подбирайте на глаз), затем нажмите «ОК».
Теперь выберите пункты «Слои» – «Объединить с предыдущим».
Дальнейшие действия зависят уже от вашей фантазии: в области, размеченной направляющими, можно разместить дополнительные объекты и украшения – пример такой операции приведён далее.
Шаг 3: Создание шапки
Для создания по-настоящему уникального и запоминающегося элемента потребуется применить воображение, поэтому следующую инструкцию стоит использовать, скорее, как отправную точку.
Создание границ коллажа
Предположим, вы хотите расположить на фоне тематические изображения, но при этом не желаете, чтобы они выделялись. Добиться этого можно созданием коллажа. Для начала выберите инструмент «Линия», переведите его в режим «Фигура», уберите обводку (элемент в виде перечёркнутого прямоугольника) и установите ширину в 30 пикселей.
Нарисуйте диагональную линию справа налево, где-то до середины прямоугольника, не беспокойтесь, если она выходит за пределы холста. Если вместо линии рисуется стрелка, обратитесь к этой статье.
Подробнее: Как нарисовать стрелку в Adobe Photoshop
Далее продублируйте слой, пункты меню «Слои» – «Создать дубликат слоя», или задействуйте сочетание клавиш Ctrl+J.
В информационном окне нажмите «ОК».
Кликните по нарисованной линии ПКМ и выберите «Свободное трансформирование контура».
Снова вызовите контекстное меню контура и нажмите «Отразить по горизонтали».
Теперь переместите полученный дубликат линии вправо и наложите его на оригинал таким образом, чтобы не было зазоров на первой направляющей.
Примените трансформирование контуров нажатием на галочку.
Теперь объедините слои оригинала и дубликата: зажмите Ctrl и кликните по обоим ЛКМ.
Далее перейдите в «Слои» и щёлкните «Объединить фигуры».
Теперь наведите курсор на строку слоя на соответствующей панели, нажмите ПКМ и выберите пункт «Растрировать слой».
Увеличьте изображение (инструмент «Масштаб» или сочетание Alt+поворот колеса мыши), после чего выберите «Прямолинейное лассо».
С помощью этого средства выделите выступающие элементы (разумеется, придерживаясь границ нарисованных линий), а после появления выделения нажмите на клавишу Delete.
Повторяйте действия из предыдущего шага до тех пор, пока не добьётесь острой грани как на скриншоте ниже.
Уберите с полотна все области выделения (сочетание Ctrl+D), затем выберите инструмент «Перемещение» и переместите полученный треугольник вниз, чтобы грань упиралась в направляющую.
Теперь продублируйте слой (для удобства можете воспользоваться комбинацией Ctrl+J) и переместите его таким образом, чтобы получилось следующее.
Если ниже направляющей тоже есть выступающие линии, воспользуйтесь методом из шага 7 для их удаления.
Выберите инструмент «Прямоугольное выделение» и с его помощью выделите созданные треугольники.
Нажмите ПКМ и воспользуйтесь пунктом «Скопировать на новый слой».
Откройте режим трансформации объекта, отразите элементы по горизонтали (см. предыдущие шаги), переместите полученную копию на правую часть фона и примените средства.
Теперь объедините слои по методам из предыдущих шагов.
Добавление границам градиента
Для придания созданным границам большей эстетичности можно добавить градиент. Дважды кликните по объединённому слою для вызова его свойств.
Отметьте пункт «Наложение градиента» в окне стилей, затем кликните по палитре цветов.
В окне редактора установите отмеченный на скриншоте тип, щёлкните по нижнему левому маркеру на шкале и воспользуйтесь меню «Цвет».
Поставьте понравившийся вам оттенок, но помните о том, что некоторые цвета плохо сочетаются друг с другом: например, белый с градиентом серого будет выглядеть приятно, тогда как красный с зелёным градиентом – вряд ли. После выбора цвета нажмите «ОК» и повторите это действий в палитре, редакторе градиентов и стиле слоя.
Наложение тематических изображений
Теперь давайте выделим области в треугольниках – туда мы вставим наши тематические изображения. Воспользуемся инструментом «Прямолинейное лассо»: аккуратно установите зону выделения внутри треугольников, после чего задействуйте пункты «Слои» – «Новый» – «Слой…».
Нажмите «ОК».
Кликните ПКМ по выделенной зоне и выберите «Выполнить заливку».
В окне заливки воспользуйтесь выпадающим меню «Содержание» и кликните в нём «Цвет…».
Посредством палитры установите произвольный цвет и нажмите «ОК» в этом и следующем окнах.
Отмените выделение (контекстное меню или сочетание Ctrl+D) и по предложенному выше методу выделите и залейте остальные треугольные зоны.
Излишки, выходящие за края направляющих, удалите посредством инструмента «Прямоугольная область» и нажатия клавиши Delete. Проделайте эту операцию, переходя на каждый слой.
После выполнения данных действий направляющие можно спрятать – используйте меню «Просмотр», пункт «Вспомогательные элементы».
Перейдите на слой с первой залитой треугольной областью (в нашем случае это «Слой 2») и выберите «Перемещение». Далее откройте каталог с картинками-исходниками и перетащите одну из них на рабочее полотно будущей шапки.
Добавленная картинка автоматически помещается в центр полотна, поэтому с помощью мыши перетащите её в нужный участок изображения.
Скорее всего, вам потребуется масштабировать картинку – для этого потяните за один из углов её границ.
Если ваш исходник всё равно выходит за пределы треугольной зоны, воспользуйтесь пунктами «Слои» – «Создать обтравочную маску».
Для применения изменений нажмите на кнопку-галочку на панели инструментов.
Повторите действия из предыдущего шага для каждой из треугольных зон.
Чтобы убрать заливку и оставить фоновое изображение, перейдите на слой с ней (по умолчанию он находится ровно под слоем с добавленной картинкой) и нажмите Delete – ненужный объект будет удалён.
Если заливка сделана ровно, её часть можно оставить в эстетических целях – например, мы не стали её удалять в сегментах посередине.
Добавление текста
В качестве завершающего штриха стоит добавить на шапку название вашего канала. Для этого необходимо воспользоваться инструментом «Горизонтальный текст» – выберите его на панели.
Кликните ЛКМ в месте, где хотите расположить название, желательно в центре изображения – появится надпись с текстом-пустышкой. Нажмите на галочку для сохранения элемента.
Для изменения цвета, шрифта, начертания и размера используйте панель инструментов – оставляем подбор на ваш вкус. Единственный совет – голый текст выглядит малопривлекательно, ему стоит добавить обводку, тень или оба этих эффекта вместе. По этим операциям на нашем сайте есть отдельные инструкции.
Подробнее: Как добавить к тексту обводку и тень в Adobe Photoshop
Шаг 4: Сохранение работы
Наша шапка готова, остаётся её только сохранить. Воспользуемся меню «Файл» – «Сохранить как».
Выберите подходящее местоположение (можно сохранить в папку с исходниками), а в качестве формата задайте PSD: это позволит иметь под рукой редактируемую копию со всей структурой слоёв и эффектов.
В следующем окне нажмите «ОК».
Так как YouTube требует изображения только в JPG, потребуется сохранить копию и в соответствующем формате: на этапе выбора места сохранения в меню «Тип файла» установите необходимый.
В параметрах сохранения переведите ползунок качества в крайнее правое положение («Наилучшее»), затем нажмите «ОК».
На этом всё – шапка готова. Напоминаем, что вам необязательно делать так же, как и в примере выше: проявите немного фантазии, чтобы создать привлекательное изображение, способное привести на ваш канал новых подписчиков.
