Как делать шапки в фотошопе. Как сделать шапку для youtube в фотошопе

Приветствую, мои уважаемые читатели. На связи Галиулин Руслан. Сегодня активно развивается видео блоги, а также невероятно пользуется успехов видео контент. Многие блоггеры завели свои каналы на Ютубе и активно записывают свои ролики, и я не исключение. Кто еще не подписался на мой канал милости прошу в гости, буду благодарен.

Если же вы уже создали канал, то для его раскрутки Вам необходимо поработать над его дизайном и кроме добавления аватарки нужно создать качественную шапку для канала Ютуб в своем фирменном стиле. Посмотрите по ссылке выше как я оформил свой аккаунт и рекомендую подписаться.

Итак, если же вы решили поработать над дизайном, то как и с чего начать вообще? Я стал искать в интернете фрилансеров, которые могли бы мне помочь, но решил разобраться сам и вышло просто круто. По стоимости создать такую красивую шапку выйдет от 1000 рублей . Но если это можно сделать самому, то зачем платить больше?

Да простят меня все фрилансеры за слив подробного мануала после прочтения которого каждый новичок сможет сделать свой фирменный баннер совершенно БЕСПЛАТНО . Также в конце статьи я приложу уже готовые шаблон шапки канала с разметкой, где Вам необходимо будет просто масштабировать свою картинку и подогнать под размеры. Думаю, с данной задачей справится даже ваша бабушка в перерывах между сериалами -))).

Если сравнивать конечно с ведением блога на Ютубе или же имея свой сайт как у меня, то нужно иметь знания и умения что-то делать. Если , то оборудование, если снимаете обзоры, то хорошую камеру или фотоаппарат и уметь делать обработку видео контента. Если ведете традиционный блог, то уметь его оптимизировать и не делать ошибки при его ведении .

Итак, где вообще берут картинки для каналов? Конечно же собирают из нескольких файлов и обрабатывают в Photoshop CS6 или любой другой версии программы. Тут все зависит в какой версии вы работаете, но суть от этого не меняется. Вы получите уже готовый шаблон как я делал это для мануала по .

По требованиям видеохостига YouTube нам необходимо через личный кабинет своего канала загрузить изображение шапки для канала YouTube 2560 х 1440 пикселей. Есть одно важное замечание о котором нужно знать и суть в том, что для различных устройств ваша канал будет отображаться по-разному, начиная от смартфона, планшета и заканчивая стационарным ПК.

Вот схема с размерами кадров, которые используются при создании логотипа под различные устройства.

Как сделать шапку для канала Youtube в фотошопе

Есть несколько способов создать наш баннер среди которых:

  • Перейти на Ютуб и ввести запрос шаблоны шапок для канала и в выдачи получите кучу привьюшек и демок где под видео всегда прикладывают ссылки чтобы скачать шаблоны разных типов для фотошопа;
  • Заказать фрилансерам нарисовать дизайн на платной основе за не малую стоимость;
  • Накачать готовые фоны с Яндекс и Google картинках и просто .

После того как вы скачаете приложенные файлы нажав на одну из кнопочек ниже вы сможете скачать подложку как трафарет, а также уже готовый шаблоны шапки для канала. А теперь покажу как работать по шаблонам.

Тут нам необходимо просто открыть в программе скачанный шаблон и скрыть слои которые вам не нужны. К примеру, я убираю текст и вставляю свой. Также приложу несколько классных шрифтов которые можно установить в шрифты вашего виндоус и они автоматически будут подхватываться в фотошопе.

Главное подогнать основной изображение с текстом на центральную часть шаблона по готовому шаблону с разметкой.

После того как вы поработали с шабом нам необходимо просто сохранить полученное через вкладку сохранить для Web. Следующим этапом нам необходимо перейти на наш канал и на главной странице выбрать редактирование и вставить нашу шапку и на этом все.

Оформление шапки канала – один из важных аспектов по привлечению новых зрителей. Используя такой баннер, вы можете уведомлять о графике выхода видео, завлечь их подписаться. Вам не нужно быть дизайнером или обладать особым талантом, чтобы красиво оформить шапку. Одна установленная программа и минимальные навыки владения компьютером – этого достаточно, чтобы сделать красивую шапку канала.

Конечно, вы можете использовать любой другой графический редактор, и сам процесс, от показанного в этой статье, не будет особо отличаться. Мы же, для наглядного примера, будем использовать популярную программу . Процесс создания можно разбить на несколько пунктов, следуя которым, у вас получится создать красивую шапку для своего канала.

Шаг 1: Подбор изображения и создание заготовок

В первую очередь, нужно подобрать изображение, которое будет служить шапкой. Вы можете заказать его у какого-нибудь дизайнера, нарисовать сами или просто скачать в интернете. Обратите внимание, чтобы отсеять картинки плохого качества, при запросе в строке указывайте, что ищите именно HD изображения. Теперь подготовим к работе программу и сделаем определенные заготовки:

Теперь можно приступать к загрузке и обработке основного изображения.

Шаг 2: Работа с основным изображением, обработка

Сначала нужно удалить лист в клетку, так как он нам больше не понадобится. Для этого выберите его слой правой кнопкой мыши и нажмите «Удалить» .

Переместите основное изображение на холст и отредактируйте его размер по границам.

Чтобы не было резких переходов от изображения к фону, возьмите мягкую кисть и уменьшите непрозрачность на процентов 10-15.

Обработайте изображение по контурам тем цветом, которым закрашен фон и который является основным цветом вашей картинки. Это нужно для того, чтобы при просмотре вашего канала на телевизоре не было резкого перехода, а отображалось плавный переход на фон.

Шаг 3: Добавление текста

Теперь нужно добавить надписи на вашу шапку. Это может быть как расписание выхода роликов, так и название, либо просьба о подписке. Делайте на ваше усмотрение. Добавить текст можно следующим образом:

Вы можете редактировать размещение шрифта просто зажав его левой кнопкой мыши и переместив на необходимое место.

Шаг 4: Сохранение и добавление шапки на YouTube

Не забудьте проверить, как будет выглядеть готовый результат на компьютере и мобильных устройствах, чтобы потом не было никаких косяков.

Теперь у вас есть баннер канала, который сможет отображать тематику ваших видео, привлекать новых зрителей и подписчиков, а также будет уведомлять о графике выхода новых роликов, если вы укажите это на изображении.

Благодаря этому посту и следующему посту () даже человек, который в глаза не видел Photoshop, сможет сделать шапку своего блога на Blogspot самостоятельно. Если ваш проект на другой платформе, например, WordPress, не читайте сначала – . Лично я на обучение потратила полдня, но, следуя моим рекомендациям, вы сможете управиться за гораздо меньший срок.

Для начала определимся, зачем нужна уникальная шапка . Блог, для лучшей узнаваемости, должен отличаться чем-то от других. Если у вас блог на бесплатной платформе Blogger, то сделать свой, индивидуальный дизайн блога довольно проблематично, если вы не обладаете специальными знаниями. А вот шапку блога можно сделать уникальной. Сейчас я расскажу, в частности, о том, как создать уникальную шапку сайта для блога на Blogspot в Photoshop или на любом другом блоге и сайте, которая сделает его отличным от других (как известно, на блогспоте это проблематично). Для начала посмотрим, как именно вставляется шапка блога в Blogspot.

Вставка шапки блога Blogspot

  1. В админке блога в меню справа кликаем Дизайн. Находим гаджет, в котором обычно находится название блога. У меня это выглядит так (гаджет выделен синей рамкой):

  1. Кликаем “Изменить” – и в появившемся меню пишем название вашего блога на Blogspot. Поле “Описание блога” можно оставить пустым или написать что-то – всё зависит от вашей задумки.
  2. Загружаем картинку, соответствующую размеру блока, в котором будет помещена шапка. В противном случае изображение будет либо обрезано, либо искажено. Если не хотите никакого изображения, то оставьте это поле также пустым. Лично я узнавала размер следующим образом.
  3. Выбираем «Место размещения» «После названия и описания». Так заголовок блога на Blogspot будет лежать на нашей картинке. Затем узнаём ширину будущей картинки для шапки, чтобы она появилась в блоге без искажений и встала на всю ширину.
  4. Если мы хотим изменить расположение заголовка на шапке, то опять зайдём в дизайнер шаблонов и на вкладке “Добавить CSS” добавим подобный код (поиграйте с количеством пикселей, чтобы выбрать наиболее удобное местоположение заголовка). В CSS есть множество других возможностей, например, вы можете изменять размер, шрифт, текстовые эффекты заголовка, но мы на этом не будем останавливаться: это тема отдельного разговора. Пока попробуйте сделать так, как на картинке – и посмотрите, что получится.

5. Жмём “Применить к блогу”. Вот что получилось у меня:

Cоздание шапки блога в Photoshop

  1. Фоновое изображение, желательно такое, чтобы на нём название блога не меркло и не сливалось.
  1. Вспомогательные изображения на прозрачном фоне(птички, цветочки, зверушки – что угодно в зависимости от вашей тематики). Их может быть сколько угодно.
  2. Текст (необязательно).

Все эти элементы мы создадим в процессе разработки нашей шапки.

Старайтесь подбирать рисунки так, чтобы они гармонировали друг с другом и с общим оформлением блога на Blogspot. Можете использовать контраст: спокойное оформление блога – яркая шапка. Главное, чтобы цвета сочетались.
Итак, перейдём непосредственно к оформлению шапки блога на Blogspot в Photoshop.

  1. Открываем сам Photoshop. В меню вверху выбираем Файл->Открыть. Открываем наше фоновое изображение.
  2. Alt+Ctlr+I. Заполняем поля, выделенные синей рамкой на след. рисунке. Вместо сантиметров выбрать пиксели. Задаём ширину и высоту.

Вот наша будущая шапка приняла нужные размеры.

Слои в Фотошопе

Для начала ознакомимся с понятием слоёв в Photoshop. Помните аппликации в младших классах, когда вы сначала делали фон, потом вырезали фигурки, наклеивали их и получалась картина? Такой же принцип лежит в основе создания слоёв в Photoshop. Только здесь всё более удобно: их можно удалять, делать полупрозрачными, перетаскивать с одного места фона на другой, накладывать друг на друга и менять местами и т.д.

В случае с нашим фоном должно быть 2 слоя: нижний – прозрачный, чтобы, если мы захотим закруглить углы шапки, после обрезки острых углов был виден фон блога, а не белый фон. Даже если мы будем менять дизайн, эти обрезанные кусочки будут принимать цвет фона. Чтобы было понятнее, перейдём к примеру.

Итак, у нас есть фон. Откроем его в отдельном файле в Фотошопе.

1. Меню Окно-> Слои. Справа внизу на панели инструментов появится окно с одним слоем:

Обратите внимание, что он фоновый, то есть заблокированный, с ним мы ничего сделать не сможем. Поэтому делаем двойной клик по выделенному синим цветом слою и в появившемся окне жмём «ОК». Теперь наш слой разблокирован, и изображение замка исчезло.

Затем зажмём CTRL и кликнем по иконке слоя на панели слоёв. Наш фон должен выделиться пунктирной линией. Жмём CTRL+X, перемещаемся в созданный нами файл шапки с заданными размерами и нажимаем комбинацию CTRL+V. Если фон не встал по всей ширине, его можно подкорректировать, нажав CTRL+T.

Скругляем углы шапки

Выберем инструмент “Прямоугольник со скруглёнными углами” слева на панели инструментов. Нарисуем его на всю ширину нашей шапки, не заходя за края. Цвет прямоугольника выберем любой, радиус скругления (вверху в настройках инструмента) – на ваше усмотрение, желательно без рамки. Я выбрала 20 пикселей.

Слой с прямоугольником появился над нашим фоном.

Теперь нужно перенести фон на передний план на панели слоёв. Для этого кликнем по среднему слою с фоном и, удерживая кнопку мыши нажатой, перетащим его наверх так, чтобы слой прямоугольника оказался под фоновым слоем.

Затем правой кнопкой мыши кликнем по верхнему слою и в выпадающем меню выберем “Создать обтравочную маску”. Всё, возле слоя появится стрелочка, а углы станут скруглёнными. Кстати, с помощью обтравочной маски таким способом можно придать фону любую форму, используя разные фигуры фотошопа.

Можете сохранить результат, выбрав “сохранить как…” в формате psd, чтобы потом опять открыть файл для редактирования с сохранением всех слоёв. Для публикации сохранять нужно через “Сохранить для веб и устройств” в формате png-24, чтобы сохранилась прозрачность наших краёв. После сохранения можно посмотреть промежуточный результат, загрузив картинку в Blogger.

Вот как выглядит моя заготовка в блоге:

Помните, что всегда возможно изменить цвет заголовка (в блоггеге это делается в дизайнере шаблона – дополнительно – название блога) и его расположение (см. выше), а также придётся цвет фона колонтитула снова сделать прозрачным:

В следующем уроке мы научимся вырезать различные изображения и накладывать их на фон.

Цель: 1) Отдать вам БЕСПЛАТНО 10 готовых, уникальных шапок для ютуб канала.

2) Показать и рассказать, как их можно править в фотошопе.

3) Отдать PGN шаблон — разметку, для создания собственных шапок в Photoshop.

Здравствуйте, дорогие друзья. Видео-хостинг ютуб все больше и больше набирает обороты, и поэтому упускать его из виду ни в коем случае нельзя.

Если у вас еще нет канал, то обязательно заведите, как это сделать, я писал в статье « ».

Как только канал создан, его необходимо приукрасить. Для этого устанавливается маленькая аватарочка и меняется шапка, то есть, большое центральное изображение.

Если вы создали личный канал и хотите продвигать свое имя, тогда в качестве маленькой аватарки установите свое фото. Это ваше лицо, но не должно быть унылым и скучным! В дальнейшем, если где-то будет мелькать ваше фото в интернете, люди будут узнавать вас.

Если вы раскручиваете свой бренд, тогда в качестве данной аватарки ставьте свой логотип. Это что касается маленького изображения. А как же быть с большим?!

Где берутся шапки для канала на ютуб?

Знаете ли вы:

В этой статье мы рассмотрим несколько вариантов создания шапок.

Самый простой способ – это найти готовую картинку в интернете, скачать ее на компьютер и потом загрузить на ютуб.

Для поиска, достаточно открыть любой поисковик (яндекс или гугл) и ввести поисковый запрос «2560×1440 картинки для ютуб ».

Вам будет предложена масса различных сайтов, заходите на них, выбираете понравившийся вариант, загружаете его на ПК и затем устанавливаете в качестве шапки на ютуб .

Предварительно можно нанести желаемый текст. Чтобы было проще ориентироваться по картинке, ниже я даю шаблон шапки ютуб в формате png, и краткую инструкцию, как нанести текст в фотошоп.

В конечном итоге вы получите более – менее симпатичную шапку. Конечно, если у вас есть навыки работы с этим графическим редактором, то можно сделать очень даже сочную картинку, которая привлечет не одну сотню подписчиков.

Второй способ – это купить готовые шапки, которые сделанные в фотошопе. Но полазив по различным сайтам, я так и не нашел хороших идей.

Да, люди продают их, но качество значительно страдает. Допустим, я нашел комплект из 25 изображений, которые стоят 970 рублей, но качество как я уже говорил – не ахти. Видно, что любитель начинающего уровня делал их.

Третий вариант – это пойти на биржу фрилансеров и заказать ее у профессионального дизайнера. Этот способ тоже не бесплатный, а обойдется от 300 рублей и выше, все снова зависит от технического задания и ваших пожеланий.
Заказывая шапки на фрилансе, нужно быть осторожным, очень много там кидал, недобросовестных людей.

Четвертый вариант – это скачать уже готовые шапки для ютуб . Чтобы облегчить вам весь этот процесс, я пошел на фриланс, и заказал 10 шапок для канала на ютуб у профессионального дизайнера. Дал ему техническое задание, и он отлично с ним справился.

В итоге получилось 10 разных шапок с пятью разными темами:

1.Блоггинг, заработок в интернете, продвижение сайтов.
2. Кулинария.
3. Спорт, фитнес, здоровый образ жизни.
4. Игры, развлечения.
5. Личный видеоблог.









Все шапки для ютуб идут в psd формате, то есть их можно открыть в photoshop и редактировать на свой лад: менять цвета, подставлять изображения, менять логотипы и т.д.
Это удовольствие обошлось мне в 4500 рублей. Для вас же все это АБСОЛЮТНО БЕСПЛАТНО!!!

Скачать эти шаблоны можно воспользовавшись формой справа вверху!

Требования видеохостинга к загружаемым изображениям:

Но все не так просто. Картинка для оформления канала универсальная и адаптируется под разные разрешения экранов.

Чтобы дизайн органично смотрелся на любом дисплее, нужно воспользоваться шаблоном с готовой разметкой.

Скачать такой шаблон шапки для YouTube можно по этой ссылки . Шаблон шапки идет в формате PNG и отлично взаимодействует с фотошопом.

Как сделать шапку для youtube?

Некоторое время у меня висела инструкция, как сделать шапку для ютуб в фотошопе, и имела текстовый вариант. То есть, все шаги расписаны текстом. Как показала практика, люди не очень любят читать, а тем более что-то делать по инструкции.

Поэтому, я решил сделать видео – урок, в котором и рассказываю, как сделать шапку, как уменьшить объем шапки, как сохранить шапку в нужном формате и загрузить ее на свой канал.

Давайте же вернемся к шаблону шапки в формате PNG и рассмотрим, почему же нужно такое большое изображение.

Как видите, максимальный размер требуют телевизоры. То есть, если люди будут просматривать ваш канал на телевизоре, то шапка будет отображаться в полном размере.

Если вы загрузите ее с другим размером, то будут показываться пустые области, что сразу визуально снижает качество канала.

Дальше идут разрешения для ПК, планшетов и мобильных устройств. Ютуб сам определяет, какое изображение нужно подставить для того или иного экрана, вам лишь нужно изначально загрузить шапку в правильном размере, то есть 2560×1440 пикселей.

Смотрим видео – урок, как сделать шапку в photoshop и загрузить ее на свой канал.

Статьи, которые перевернут ваше понятие о ютубе и могут изменить ваши цели в дальнейшем!

Также, подписывайтесь на обновления блога и на канал Ютуб. Впереди много вкусных плюшек и фишек!

Хотите стать профессионалом в области видео-индустрии и срубать ежемесячную зарплату как мировые звезды?

С уважением, Alex и Cindy.

Отличный урок создания шапки для сайта на Adobe Photoshop CS. За несколько шагов мы создаём уникальный и красивый элемент сайта!

Рассмотрим с Вами как можно быстро сделать несложную шапку для сайта на AdobePhotoshop . Шапка на самом деле несложная, но если вы подключите свою фантазию, то может получиться очень даже хорошо.

И так, вооружаемся "фотошопом" и приступайте.

1. Первое, что нужно сделать, это создать новый холст, пусть он будет размером 800x150px:



2. Заходим в Layer Style (кликните правой клавишей по слою, выберите Blending Options) вкладка Gradient Overlay. Следующим образом настраиваем градиент (красным цветом на картинке отмечены шестнадцатеричные значения цветов):



Жмём везде «Ok» и получается фон:



3. После этого выбираем инструмент Pen Tool и рисуем фигуру. Подключайте свою фантазию. Возьмём цвет #313e5a:



4. Заходим в Layer Style на вкладку Drop Shadow и выставляем следующие параметры:


После этого должно получиться примерно как на картинке:



5. Теперь выбираем кисточку с пятнами краски (если у Вас в наборе нет подобной кисточки, поищите в Интернете), создайте новый слой и что-нибудь «наляпайте» примерно как на картинке:



6. Создаём новый слой ещё раз, смешивание (Blend Mode) измените с Normal на Overlay и снова нарисуем что-нибудь:



7. Создайте новый слой и залейте его любым цветом (с помощью Paint Bucket Tool), затем непрозрачность заливки Fill уменьшите до 0%.



Зайдите в Layer Style на вкладку Inner Shadow и настройте следующие параметры:

8. А на вкладке Pattern Overlay настройте заливку текстурой. В качестве текстуры выберите какую-нибудь штриховку (как создавать подобную текстуру сказано, например, в начале урока №21):



Получиться должно вот так:



9. А сейчас давайте напишем название для сайта. Самый ответственный момент.



10. Раскрасьте его по следующему принципу:



11. Нарисуйте ещё что-нибудь и напишите слоган вашего сайта:



12. А сейчас создайте копию слоя с названием сайта (для этого перетащите слой на иконку создания нового слоя или кликните по слою правой клавишей и там выберите Duplicate Layer).

Отразите по вертикали копию слоя с названием сайта (Edit —> Transform —> Flip Vertical) и разместите её (надпись) ниже:



13. Добавьте маску слоя (на панели слоёв кликните по кнопке Add layer mask):