Перед тем как приступать к созданию шапки, стоит подготовиться к выполнению этой операции.
- Найдите и загрузите изображения, которые будете использовать в качестве фона и наложений на шапку. Рекомендуется выбирать подходящие под тематику вашего канала, а также запоминающиеся, чтобы пользователи смогли однозначно идентифицировать их с вами.
- В качестве центральной картинки коллажа рекомендуется установить логотип вашего канала. Если такового ещё нет, воспользуйтесь инструкцией по ссылке далее.
Подробнее: Как нарисовать логотип в Adobe Photoshop
- Убедитесь, что на вашем компьютере установлена актуальная версия Фотошопа.
Скачать последнюю версию Adobe Photoshop
Шаг 2: Создание холста
После выполнения подготовительного этапа займёмся созданием холста будущей шапки. Оптимальным разрешением для каждого варианта отображения являются следующие значения:
- Дисплей ПК – 2560 на 423;
- Планшеты – 1855 на 423;
- Смартфоны и оконный режим на компьютере – 1546 на 423.
Инструкция далее рассчитана на каждое из этих значений.
- Запустите Фотошоп, а после полного запуска программы воспользуйтесь пунктами – .
- Появится окно создания нового документа. Сперва задайте имя (подходит любое произвольное) и убедитесь, что в качестве единиц измерения указаны , затем в строках и введите значения и соответственно. В остальных полях можно оставить параметры по умолчанию, после чего кликните .
- Теперь выберите – .
- На панели инструментов слева выберите любое средство выделения.
Сделав это, кликните правой кнопкой мыши () по холсту и воспользуйтесь инструментом .
- Над рабочей областью появится панель инструментов. Первым делом нажмите на кнопку сохранения пропорций, затем щёлкните по окошкам и , и выберите .
В окне высоты укажите значение , а после появления на полотне штрихованных линий зажмите левую кнопку мыши () на горизонтальной линейке и потяните вниз, расположив таким образом направляющие для верхней и нижней границ выделения. Если линейка не отображается, воспользуйтесь сочетанием клавиш .
- Повторите эту же операцию, но для ширины, значением которой установите и вытяните направляющие с вертикальных линеек.
Выполните эти действия снова, со значением ширины пикселей.
- Нажмите для снятия выделения, после чего откройте каталог с изображениями-исходниками для будущей шапки и перетащите его на полотно.
- Теперь трансформируем саму картинку: зажмите клавиши и с помощью потяните за один из углов и растяните изображение на всё полотно. Для применения изменений нажмите на кнопку-галочку.
- Чтобы фон смотрелся опрятнее, его рекомендуется размыть. Для выполнения этой операции воспользуйтесь пунктами – – .
Установите приемлемое значение (в районе 5-10 пикселей, подбирайте на глаз), затем нажмите .
- Теперь выберите пункты – .
Дальнейшие действия зависят уже от вашей фантазии: в области, размеченной направляющими, можно разместить дополнительные объекты и украшения – пример такой операции приведён далее.
Шаг 3: Создание шапки
Для создания по-настоящему уникального и запоминающегося элемента потребуется применить воображение, поэтому следующую инструкцию стоит использовать, скорее, как отправную точку.
Создание границ коллажа
- Предположим, вы хотите расположить на фоне тематические изображения, но при этом не желаете, чтобы они выделялись. Добиться этого можно созданием коллажа. Для начала выберите инструмент , переведите его в режим , уберите обводку (элемент в виде перечёркнутого прямоугольника) и установите ширину в пикселей.
- Нарисуйте диагональную линию справа налево, где-то до середины прямоугольника, не беспокойтесь, если она выходит за пределы холста. Если вместо линии рисуется стрелка, обратитесь к этой статье.
Подробнее: Как нарисовать стрелку в Adobe Photoshop
- Далее продублируйте слой, пункты меню – , или задействуйте сочетание клавиш .
В информационном окне нажмите .
- Кликните по нарисованной линии и выберите .
Снова вызовите контекстное меню контура и нажмите .
Теперь переместите полученный дубликат линии вправо и наложите его на оригинал таким образом, чтобы не было зазоров на первой направляющей.
Примените трансформирование контуров нажатием на галочку.
- Теперь объедините слои оригинала и дубликата: зажмите и кликните по обоим .
Далее перейдите в и щёлкните .
- Теперь наведите курсор на строку слоя на соответствующей панели, нажмите и выберите пункт .
- Увеличьте изображение (инструмент или сочетание ), после чего выберите .
С помощью этого средства выделите выступающие элементы (разумеется, придерживаясь границ нарисованных линий), а после появления выделения нажмите на клавишу .
- Повторяйте действия из предыдущего шага до тех пор, пока не добьётесь острой грани как на скриншоте ниже.
- Уберите с полотна все области выделения (сочетание ), затем выберите инструмент и переместите полученный треугольник вниз, чтобы грань упиралась в направляющую.
Теперь продублируйте слой (для удобства можете воспользоваться комбинацией ) и переместите его таким образом, чтобы получилось следующее.
Если ниже направляющей тоже есть выступающие линии, воспользуйтесь методом из шага 7 для их удаления.
- Выберите инструмент и с его помощью выделите созданные треугольники.
- Нажмите и воспользуйтесь пунктом .
- Откройте режим трансформации объекта, отразите элементы по горизонтали (см. предыдущие шаги), переместите полученную копию на правую часть фона и примените средства.
Теперь объедините слои по методам из предыдущих шагов.
Добавление границам градиента
- Для придания созданным границам большей эстетичности можно добавить градиент. Дважды кликните по объединённому слою для вызова его свойств.
Отметьте пункт в окне стилей, затем кликните по палитре цветов.
- В окне редактора установите отмеченный на скриншоте тип, щёлкните по нижнему левому маркеру на шкале и воспользуйтесь меню .
- Поставьте понравившийся вам оттенок, но помните о том, что некоторые цвета плохо сочетаются друг с другом: например, белый с градиентом серого будет выглядеть приятно, тогда как красный с зелёным градиентом – вряд ли. После выбора цвета нажмите и повторите это действий в палитре, редакторе градиентов и стиле слоя.
Наложение тематических изображений
- Теперь давайте выделим области в треугольниках – туда мы вставим наши тематические изображения. Воспользуемся инструментом : аккуратно установите зону выделения внутри треугольников, после чего задействуйте пункты – – .
Нажмите .
- Кликните по выделенной зоне и выберите .
В окне заливки воспользуйтесь выпадающим меню и кликните в нём .
Посредством палитры установите произвольный цвет и нажмите в этом и следующем окнах.
- Отмените выделение (контекстное меню или сочетание ) и по предложенному выше методу выделите и залейте остальные треугольные зоны.
Излишки, выходящие за края направляющих, удалите посредством инструмента и нажатия клавиши . Проделайте эту операцию, переходя на каждый слой.
После выполнения данных действий направляющие можно спрятать – используйте меню , пункт .
- Перейдите на слой с первой залитой треугольной областью (в нашем случае это ) и выберите . Далее откройте каталог с картинками-исходниками и перетащите одну из них на рабочее полотно будущей шапки.
- Добавленная картинка автоматически помещается в центр полотна, поэтому с помощью мыши перетащите её в нужный участок изображения.
- Скорее всего, вам потребуется масштабировать картинку – для этого потяните за один из углов её границ.
Если ваш исходник всё равно выходит за пределы треугольной зоны, воспользуйтесь пунктами – .
Для применения изменений нажмите на кнопку-галочку на панели инструментов.
- Повторите действия из предыдущего шага для каждой из треугольных зон.
- Чтобы убрать заливку и оставить фоновое изображение, перейдите на слой с ней (по умолчанию он находится ровно под слоем с добавленной картинкой) и нажмите – ненужный объект будет удалён.
Если заливка сделана ровно, её часть можно оставить в эстетических целях – например, мы не стали её удалять в сегментах посередине.
Добавление текста
- В качестве завершающего штриха стоит добавить на шапку название вашего канала. Для этого необходимо воспользоваться инструментом – выберите его на панели.
- Кликните в месте, где хотите расположить название, желательно в центре изображения – появится надпись с текстом-пустышкой. Нажмите на галочку для сохранения элемента.
- Для изменения цвета, шрифта, начертания и размера используйте панель инструментов – оставляем подбор на ваш вкус. Единственный совет – голый текст выглядит малопривлекательно, ему стоит добавить обводку, тень или оба этих эффекта вместе. По этим операциям на нашем сайте есть отдельные инструкции.
Подробнее: Как добавить к тексту обводку и тень в Adobe Photoshop
Шаг 4: Сохранение работы
- Наша шапка готова, остаётся её только сохранить. Воспользуемся меню – .
Выберите подходящее местоположение (можно сохранить в папку с исходниками), а в качестве формата задайте PSD: это позволит иметь под рукой редактируемую копию со всей структурой слоёв и эффектов.
- В следующем окне нажмите .
- Так как YouTube требует изображения только в JPG, потребуется сохранить копию и в соответствующем формате: на этапе выбора места сохранения в меню установите необходимый.
В параметрах сохранения переведите ползунок качества в крайнее правое положение (), затем нажмите .
На этом всё – шапка готова. Напоминаем, что вам необязательно делать так же, как и в примере выше: проявите немного фантазии, чтобы создать привлекательное изображение, способное привести на ваш канал новых подписчиков.
Мы рады, что смогли помочь Вам в решении проблемы.
Помимо этой статьи, на сайте еще 13047 полезных инструкций.
Добавьте сайт Lumpics.ru в закладки (CTRL+D) и мы точно еще пригодимся вам. Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.