Как сохранить шапку для ютуба в фотошопе: Как сделать шапку для Ютуба в Фотошопе

Содержание

Как сделать шапку для Ютуба в Фотошопе

Шаг 1: Подготовка

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

  1. Найдите и загрузите изображения, которые будете использовать в качестве фона и наложений на шапку. Рекомендуется выбирать подходящие под тематику вашего канала, а также запоминающиеся, чтобы пользователи смогли однозначно идентифицировать их с вами.
  2. В качестве центральной картинки коллажа рекомендуется установить логотип вашего канала. Если такового ещё нет, воспользуйтесь инструкцией по ссылке далее.

    Подробнее: Как нарисовать логотип в Adobe Photoshop

  3. Убедитесь, что на вашем компьютере установлена актуальная версия Фотошопа.

    Скачать последнюю версию Adobe Photoshop

Шаг 2: Создание холста

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

  • Дисплей ПК – 2560 на 423;
  • Планшеты – 1855 на 423;
  • Смартфоны и оконный режим на компьютере – 1546 на 423.

Инструкция далее рассчитана на каждое из этих значений.

  1. Запустите Фотошоп, а после полного запуска программы воспользуйтесь пунктами «Файл»«Создать».
  2. Появится окно создания нового документа. Сперва задайте имя (подходит любое произвольное) и убедитесь, что в качестве единиц измерения указаны «Пиксели», затем в строках «Ширина» и «Высота» введите значения 2560 и 1440 соответственно. В остальных полях можно оставить параметры по умолчанию, после чего кликните «ОК».
  3. Теперь выберите «Выделение»«Все».
  4. На панели инструментов слева выберите любое средство выделения.

    Сделав это, кликните правой кнопкой мыши (ПКМ) по холсту и воспользуйтесь инструментом «Трансформировать выделенную область».

  5. Над рабочей областью появится панель инструментов. Первым делом нажмите на кнопку сохранения пропорций, затем щёлкните ПКМ по окошкам «Ш» и «В», и выберите «Пикселы».

    В окне высоты укажите значение 423, а после появления на полотне штрихованных линий зажмите левую кнопку мыши (

    ЛКМ) на горизонтальной линейке и потяните вниз, расположив таким образом направляющие для верхней и нижней границ выделения. Если линейка не отображается, воспользуйтесь сочетанием клавиш Ctrl+R.

  6. Повторите эту же операцию, но для ширины, значением которой установите 1855 и вытяните направляющие с вертикальных линеек.

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

  7. Нажмите Ctrl+D для снятия выделения, после чего откройте каталог с изображениями-исходниками для будущей шапки и перетащите его на полотно.
  8. Теперь трансформируем саму картинку: зажмите клавиши Shift+Alt и с помощью ЛКМ потяните за один из углов и растяните изображение на всё полотно. Для применения изменений нажмите на кнопку-галочку.
  9. Чтобы фон смотрелся опрятнее, его рекомендуется размыть. Для выполнения этой операции воспользуйтесь пунктами «Фильтр»«Размытие»«Размытие по Гауссу».

    Установите приемлемое значение (в районе 5-10 пикселей, подбирайте на глаз), затем нажмите «ОК».

  10. Теперь выберите пункты «Слои»«Объединить с предыдущим».
  11. Дальнейшие действия зависят уже от вашей фантазии: в области, размеченной направляющими, можно разместить дополнительные объекты и украшения – пример такой операции приведён далее.

Шаг 3: Создание шапки

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

Создание границ коллажа

  1. Предположим, вы хотите расположить на фоне тематические изображения, но при этом не желаете, чтобы они выделялись. Добиться этого можно созданием коллажа. Для начала выберите инструмент «Линия», переведите его в режим «Фигура», уберите обводку (элемент в виде перечёркнутого прямоугольника) и установите ширину в 30 пикселей.
  2. Нарисуйте диагональную линию справа налево, где-то до середины прямоугольника, не беспокойтесь, если она выходит за пределы холста. Если вместо линии рисуется стрелка, обратитесь к этой статье.

    Подробнее: Как нарисовать стрелку в Adobe Photoshop

  3. Далее продублируйте слой, пункты меню
    «Слои»
    «Создать дубликат слоя», или задействуйте сочетание клавиш Ctrl+J.

    В информационном окне нажмите «ОК».

  4. Кликните по нарисованной линии ПКМ и выберите «Свободное трансформирование контура».

    Снова вызовите контекстное меню контура и нажмите «Отразить по горизонтали».

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

    Примените трансформирование контуров нажатием на галочку.

  5. Теперь объедините слои оригинала и дубликата: зажмите Ctrl и кликните по обоим ЛКМ.

    Далее перейдите в «Слои» и щёлкните «Объединить фигуры».

  6. Теперь наведите курсор на строку слоя на соответствующей панели, нажмите ПКМ и выберите пункт «Растрировать слой».
  7. Увеличьте изображение (инструмент «Масштаб» или сочетание Alt+поворот колеса мыши), после чего выберите «Прямолинейное лассо».

    С помощью этого средства выделите выступающие элементы (разумеется, придерживаясь границ нарисованных линий), а после появления выделения нажмите на клавишу

    Delete.

  8. Повторяйте действия из предыдущего шага до тех пор, пока не добьётесь острой грани как на скриншоте ниже.
  9. Уберите с полотна все области выделения (сочетание Ctrl+D), затем выберите инструмент «Перемещение» и переместите полученный треугольник вниз, чтобы грань упиралась в направляющую.

    Теперь продублируйте слой (для удобства можете воспользоваться комбинацией Ctrl+J) и переместите его таким образом, чтобы получилось следующее.

    Если ниже направляющей тоже есть выступающие линии, воспользуйтесь методом из шага 7 для их удаления.

  10. Выберите инструмент «Прямоугольное выделение» и с его помощью выделите созданные треугольники.
  11. Нажмите ПКМ и воспользуйтесь пунктом «Скопировать на новый слой».
  12. Откройте режим трансформации объекта, отразите элементы по горизонтали (см. предыдущие шаги), переместите полученную копию на правую часть фона и примените средства.

    Теперь объедините слои по методам из предыдущих шагов.

Добавление границам градиента

  1. Для придания созданным границам большей эстетичности можно добавить градиент. Дважды кликните по объединённому слою для вызова его свойств.

    Отметьте пункт «Наложение градиента» в окне стилей, затем кликните по палитре цветов.

  2. В окне редактора установите отмеченный на скриншоте тип, щёлкните по нижнему левому маркеру на шкале и воспользуйтесь меню «Цвет».
  3. Поставьте понравившийся вам оттенок, но помните о том, что некоторые цвета плохо сочетаются друг с другом: например, белый с градиентом серого будет выглядеть приятно, тогда как красный с зелёным градиентом – вряд ли. После выбора цвета нажмите «ОК» и повторите это действий в палитре, редакторе градиентов и стиле слоя.

Наложение тематических изображений

  1. Теперь давайте выделим области в треугольниках – туда мы вставим наши тематические изображения. Воспользуемся инструментом «Прямолинейное лассо»: аккуратно установите зону выделения внутри треугольников, после чего задействуйте пункты «Слои»«Новый»
    «Слой…».

    Нажмите «ОК».

  2. Кликните ПКМ по выделенной зоне и выберите «Выполнить заливку».

    В окне заливки воспользуйтесь выпадающим меню «Содержание» и кликните в нём «Цвет…».

    Посредством палитры установите произвольный цвет и нажмите «ОК» в этом и следующем окнах.

  3. Отмените выделение (контекстное меню или сочетание Ctrl+D) и по предложенному выше методу выделите и залейте остальные треугольные зоны.

    Излишки, выходящие за края направляющих, удалите посредством инструмента «Прямоугольная область» и нажатия клавиши Delete. Проделайте эту операцию, переходя на каждый слой.

    После выполнения данных действий направляющие можно спрятать – используйте меню «Просмотр», пункт «Вспомогательные элементы».

  4. Перейдите на слой с первой залитой треугольной областью (в нашем случае это «Слой 2») и выберите «Перемещение». Далее откройте каталог с картинками-исходниками и перетащите одну из них на рабочее полотно будущей шапки.
  5. Добавленная картинка автоматически помещается в центр полотна, поэтому с помощью мыши перетащите её в нужный участок изображения.
  6. Скорее всего, вам потребуется масштабировать картинку – для этого потяните за один из углов её границ.

    Если ваш исходник всё равно выходит за пределы треугольной зоны, воспользуйтесь пунктами «Слои»«Создать обтравочную маску».

    Для применения изменений нажмите на кнопку-галочку на панели инструментов.

  7. Повторите действия из предыдущего шага для каждой из треугольных зон.
  8. Чтобы убрать заливку и оставить фоновое изображение, перейдите на слой с ней (по умолчанию он находится ровно под слоем с добавленной картинкой) и нажмите Delete – ненужный объект будет удалён.

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

Добавление текста

  1. В качестве завершающего штриха стоит добавить на шапку название вашего канала. Для этого необходимо воспользоваться инструментом «Горизонтальный текст» – выберите его на панели.
  2. Кликните ЛКМ в месте, где хотите расположить название, желательно в центре изображения – появится надпись с текстом-пустышкой. Нажмите на галочку для сохранения элемента.
  3. Для изменения цвета, шрифта, начертания и размера используйте панель инструментов – оставляем подбор на ваш вкус. Единственный совет – голый текст выглядит малопривлекательно, ему стоит добавить обводку, тень или оба этих эффекта вместе. По этим операциям на нашем сайте есть отдельные инструкции.

    Подробнее: Как добавить к тексту обводку и тень в Adobe Photoshop

Шаг 4: Сохранение работы

  1. Наша шапка готова, остаётся её только сохранить. Воспользуемся меню «Файл»«Сохранить как».

    Выберите подходящее местоположение (можно сохранить в папку с исходниками), а в качестве формата задайте PSD: это позволит иметь под рукой редактируемую копию со всей структурой слоёв и эффектов.

  2. В следующем окне нажмите «ОК».
  3. Так как YouTube требует изображения только в JPG, потребуется сохранить копию и в соответствующем формате: на этапе выбора места сохранения в меню «Тип файла» установите необходимый.

    В параметрах сохранения переведите ползунок качества в крайнее правое положение («Наилучшее»), затем нажмите «ОК».

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ
Поделиться статьей в социальных сетях:

Как сделать шапку для канала YouTube

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

Создаем шапку для канала в Photoshop

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

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

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

  1. Откройте фотошоп, нажмите «Файл» и выберите «Создать».
  2. Ширину холста укажите 5120 в пикселях, а высоту – 2880. Можно в два раза меньше. Именно такой формат рекомендовано заливать на Ютуб.
  3. Выберите кисть и закрасьте весь холст в цвет, который будет вашим фоном. Старайтесь выбрать примерно такой же цвет, какой используется на вашем основном изображении.
  4. Скачайте изображение листа бумаги в клетку, чтобы было проще ориентироваться, и поместите его на холст. Кистью отметьте примерные границы, какая часть будет в зоне видимости на сайте в конечном результате.
  5. Зажмите левую кнопку мыши в углу холста, чтобы появилась линия обозначения границ. Проведите ее к нужному месту. Сделайте это на всех необходимых границах, чтобы получилось примерно так:
  6. Теперь нужно проверить правильность обозначения контуров. Нажмите «Файл» и выберите «Сохранить как».
  7. Выберите формат «JPEG» и сохраните в любом удобном месте.
  8. Перейдите на Ютуб и нажмите «Мой канал». В углу нажмите на карандаш и выберите «Изменить оформление канала».
  9. Выберите файл на компьютере и загрузите его. Сравните контуры, которые вы отметили в программе, с контурами на сайте. Если нужно переместить – просто посчитайте клетки. Вот для чего нужно было сделать заготовку в клетку — чтобы проще считать.

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

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

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

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

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

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

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

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

  1. Выберите инструмент «Текст», нажав на значок в форме буквы «Т» на Панели инструментов.
  2. Подберите красивый шрифт, который смотрелся бы лаконично на изображении. Если стандартные не подошли, можете скачать понравившийся из интернета.
  3. Скачать шрифты для Photoshop

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

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

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

Осталось только сохранить конечный результат и загрузить его на Ютуб. Сделать это можно так:

  1. Нажмите «Файл»«Сохранить как».
  2. Выберите Формат «JPEG» и сохраните в любом удобном месте.
  3. Можете закрыть Фотошоп, теперь перейдите на свой канал.
  4. Нажмите «Изменить оформление канала».
  5. Загрузите выбранное изображение.

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

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

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

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

Требования к шапке для Ютуб-канала

Почему блогеры придают такое значение оформлению шапки? Всё просто – это ваша визитная карточка. Главная страница дает кучу трафика, поэтому над картинкой необходимо поработать. Помогать вам никто не собирается, так что осваивайте Фотошоп самостоятельно. Шапка должна хорошо отображаться на разных устройствах, визуально рассказывать о своем владельце и быть уникальной. Требования Ютуба к файлам:

  • разрешение в пикселях – 2560 на 1440;
  • максимальный размер – 4 мегабайта;
  • JPG-формат (под запретом GIF).

Отображение шапки зависит от типа устройства, которым пользуется зритель. Телевизор, смартфон и планшет будут показывать ваш канал по-разному. Чтобы не заморачиваться с разрешением, скачайте готовый (универсальный) PSD-шаблон.

Какую версию Фотошопа выбрать

Есть мнение, что для работы над заставками и баннерами годится любой графический редактор. Профессионалы используют СС Фотошоп, любители – онлайн-версию программы. Учтите, что создание шапки для канала в Ютубе в Paint крайне затруднительно – вы не сможете красиво накладывать слои и модернизировать шаблоны. Серия CS считается устаревшей, ее устанавливать на ПК не нужно. Для Windows 10 идеально подходят сборки СС 2014-2015 и CS6

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

Предположим, у вас имеется канал, занимающийся выкладкой постеров к новым фильмам. Отталкиваться будем от стандартного Ютуб-формата.

Требования хостинга следует забить в Фотошоп и сохранить в отдельном слое.

Изначально фон будет белым. Начните экспериментировать с текстурами. Вот пример.

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

Теперь обратите внимание на инструменты. Чтобы выделить картинки, потребуется “Стиль слоя”.

При нажатии выскочит отдельное меню.

Изображения можно разделять обводкой, регулируя цвет и толщину рамки. После этого вам нужно вмонтировать надпись. Для этого применим инструмент под названием “Текст”.

Надпись свободно перетаскивается по экрану. Следующий этап – выбор стилистики текста. Вот как будет выглядеть в текущем проекте Impact.

С 10-пиксельной обводкой текст выйдет по-настоящему офигенным.

Название можно подчеркнуть с помощью инструмента “Линия”.

Картинка готова к загрузке на канал.

Альтернативные способы создания шапки

Вы уже знаете, как сделать шапку для YouTube-канала в Фотошопе. А что с альтернативными решениями? Рассмотрим несколько популярных вариантов:

  1. Загрузить картинки из поиска (следите за лицензией, она должна предполагать использование и изменение).
  2. Воспользоваться онлайн-сервисом “Канва”.
  3. Приобрести готовую работу у профессионала.
  4. Нарисовать вручную (годится для художников) и отсканировать.

Установка шапки на канал

Инструкция по установке выложена администраторами хостинга в открытый доступ. Вам потребуется зайти на сайт и авторизоваться. Дальше действуйте так:

  1. Переместитесь в “Мой канал”.
  2. Кликните по клавише “Добавить оформление”.
  3. Загрузите картинку.
  4. В окошке предпросмотра отредактируйте внешний вид.
  5. Кликните “Кадрировать”.
  6. Последний шаг – “Выбрать”.

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

Как сделать шапку для канала Ютуб на телефоне – инструкция с фото и видео

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

Необходимые программы

Работать будем с программами Adobe Photoshop Touch и PixelLab. Их совместное использование позволит оформить любое фото, сделать коллаж, добавить эффектов. Почему именно эти программы?

  • Adobe Photoshop Touch – крутой аналог фотошопа для смартфонов Андроид. Прекрасно работает с шаблонами и слоями, в работе можно задать прозрачность слоя, что идеально подходит в работе с оформлением шапки канала или странички в соцсети. Скачать Adobe Photoshop Touch тут (ссылка откроется в новой вкладке).

    Работаем в Adobe Photoshop Touch

  • PixelLab – а эта утилита поможет в красивом оформлении надписей и текста. Ее выбрали за обилие функций: можно создать объемный 3D текст, добавить теней, залить градиентом или цветом. Обработанный текст можно повернуть в пространстве, добавить тиснение, внутреннюю или внешнюю тень. Скачиваем тут.

    Примеры оформления текста в PixelLab

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

В PixelLab установлено порядка 100 разных шрифтов на любой вкус. Для особо придирчивых можно скачать любой другой шрифт из Интернета и уникально оформить своё изображение!

Третье что нам понадобиться – шаблон для шапки, пример шаблона вы можете скачать ниже. Но имейте в виду, что требования к шаблонам могут измениться, по этому актуальный шаблон можно найти в Яндекс или Гугл картинках по запросу “шаблон для шапки Ютуба 2019, 2020” и тп.

Области оформления

Создаем шапку для Ютуб канала

Как видим из примера выше вся область делится на несколько частей. В нашем случае красная область будет отвечать за отображение канала на мобильных устройствах. Сюда важно поместить всю основную информацию – название канала, подпись и логотип. Желтая область будет видна на планшетах, зеленая на широкоформатных телевизорах и пк. Вся остальная серая область в основном отображается на больших телевизорах. Для давайте рассмотрим весь процесс работы с помощью Adobe Photoshop Touch:

  1. Запускаем Adobe Photoshop Touch и снизу экрана нажимаем на иконку создания многослойного фото.

    Нажимаем на создание нового изображения

  2. Дальше открываем фото с шаблоном в галерее и получаем примерно такой результат.

    Пример открытого шаблона для шапки

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

    Добавляем прозрачности фону

  4. В красной области размещаем самое основное: название канала, подпись и логотип(по необходимости).
  5. Сохраняем логотип в PNG формате.

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

Для создания красивой подписи, воспользуемся PixelLab.

Создаем красивую подпись в PixelLab

В PixelLab всё интуитивно понятно. Запускаем программу и создаем новый шаблон. При клике на иконку “карандаша” можно изменять и редактировать название канала и подпись. Далее:

  1. Выбираем шрифт из коллекции и выставляем большой размер.
  2. Заливаем белым цветом или голубым, лучше не используйте ядовитые цвета типа красного или ярко-зеленого.
  3. После добавляем подписи тень, для придания объема.
  4. Можно вращать или сделать наклон подписи – на ваше усмотрение.
  5. Сохраните надпись в PNG формате и экспортируйте обратно в Adobe Photoshop Touch.

В результате получается красивая подпись.

Редактируем текст в PixelLab

Надпись должна занимать 70% красной области, если будете добавлять логотип. Если шапка будет без логотипа то растяните надпись на всю ширину или выровняйте по центру.

Украшаем, добавляем лого

Возвращаемся обратно в Adobe Photoshop Touch, открываем надпись и ставим в центр экрана. По желанию можно добавить разных стикеров, смайлов, сохранить проект и просмотреть результат. Сделайте несколько шапок. Затем можно всегда вернуться в Фотошоп Тач и подкорректировать результат. Всегда сохраняйте именно проект, если вы сохраните фото в формате PNG или JPEG вы не сможете затем отредактировать его отдельные слои.

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

Если что-то осталось непонятно, просмотрите видео на данную тему:

Выводы

Надеюсь вы разобрались кКак сделать шапку для канала Ютуб или вконтакте на телефоне с помощью нашей статьи. Оцените сегодняшнюю инструкцию по 10ти бальной шкале, делитесь ссылками в соцсетях и отправляйте друзьям. В следующей статье мы планируем написать как сделать интро для канала на телефоне. Предлагайте свои темы для статей, мы всегда идём на встречу нашим читателям.

Оформление ютуб 🔝 как оформить YouTube канал

Красивый канал YouTube увеличивает число подписчиков. Как сделать оформление канала ютуб и на 100% использовать возможности дизайна - читайте в нашем обзоре.

Способы оформления

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

Фотошоп

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

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

Онлайн - сервисы

Не обязательно знать Фотошоп, чтобы сделать оформление канала на YouTube собственными руками. Существуют онлайн-сервисы Canva.com или Spark.adobe.com, которые созданы для этих целей.

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

Оформление ютуб без программ

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

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

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

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

Элементы дизайна канала

Картинки для дизайна канала на youtube делайте в стандартных размерах. Рассмотрим все элементы по порядку.

Шапка для ютуба

Шапка – это самое крупное изображение, которое расположено сверху в профиле. Картинка должна отражать тематику, потому что по ней гости будут понимать о чём канал.

Здесь уместно написать название, расположить логотип, добавить имена в других социальных сетях, чтобы подписчикам было проще найти вас в ВКонтакте или Инстаграме.

Под изображение нужно фото 2560 х 1440 на оформление канала ютуб. Создать шапку для ютуба такого размера можно в Photoshop или других редакторах.

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

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

Размер 2048 х 1152 пикселей — минимальная видимая зона шапки. Поэтому лучше использовать фото 2560 х 1440 для оформления ютуба.

Убедитесь, что вес изображения на компьютере составляет не больше 2 МБ, - это требования хостинга.

Аватарка

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

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

Превью для стильного оформления канала ютуб

Обложка для видео или превью – это изображение, которые пользователи видят до того, как просмотреть видеоролик. Задача обложки объяснить о чём ролик, не запуская просмотр.

Оформление обложек (превью) на роликах видеоблогера Marmoka.

Превью должно вызывать желание открыть видеоролик. Разместите «цепляющий» текст, чтобы заинтриговать зрителей.

Логотип канала

Логотип - часть брендинга канала. Фирменный логотип – это товарный знак, часто зарегистрированный, который появиться, если включить просмотр ролика. Это метка – видео моё! Скопируете без разрешения – последуют санкции.

В качестве logo можно использовать то же изображение что и на аватарке.

Чтобы установить логотип, перейдите в «Творческую студию», «Канал» и «Фирменный стиль». Загрузите логотип с компьютера и он появится на всех видеороликах в левой нижней области проигрывателя.

Значок должен быть одноцветным и на прозрачном фоне, в формате PNG или JPG и весом не более 1 МБ.

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

Трейлер канала

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

Посетителей делят на тех, кто зашёл первый раз и тех кто зашёл к повторно.

  1. Трейлер для новых зрителей. Если зашёл новый посетитель, то задача трейлера познакомить его с каналом и кратко объяснить что он здесь увидит. Длина приветствия составляет не более 2 минут.
  2. Подписчикам будет предложен другой видеоролик. Если человек у вас уже был, знакомиться с ним второй раз не нужно, - требуется сделать анонс нового. Трейлером для повторных посетителей ставят самый свежий ролик.

Чтобы добавить трейлер, перейдите в раздел «Для новых зрителей», кликните на иконку карандаша и нажмите «Изменить трейлер». В стартовом ролике поприветствуйте зрителей и предложите подписаться.

Сделать трейлер канала на Ютубе, можно программами Sony Vegas Pro или Adobe Premiere. Новичку, только осваивающему монтаж, подойдут программы: Movavi Video Editor, ВидеоМОНТАЖ, iMovie (для компьютеров и планшетов Apple) и другие.

Плейлист на ютубе

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

Используйте в одном обложку для видео единого образца. В следующем превью по другому шаблону, - подборки будут визуально отличаться, что добавит стиля.

Добавление и настройку нового плейлиста делаем через вкладку «Творческая студия» по инструкции как создать плейлист на ютубе с нашего сайта.

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

Если вы хотите удалить плейлист с ютуба, то сделать это можно также в "Творческой студии", где в правом верхнем углу экрана расположено выпадающее меню с функцией "Удалить плейлист".

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

Большой объём видео материала сохранить на компьютере можно с помощью плагина SaveFrom.net работающего в Мозилла Файерфокс.

Если качаете много и регулярно используйте бесплатные программы Download master, где настраивается качество загрузки, или Ummy Video Downloader.

Интро: оформление канала ютуб для профи

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

Многие блоггеры ставят единое интро для всех видеороликов, чтобы повысить узнаваемость. Достаточно создать интро один раз и вставлять в начале каждого видео. Чтобы «цеплять» внимание зрителей ещё больше, добавьте в интро музыкальное сопровождение.

Создать интро для ютуба можно в онлайн-сервисе Spark.adobe.com. Чтобы это сделать, зарегистрируйтесь на сайте. Нажмите на «+», чтобы создать новый проект, и выберите из списка «YouTube Video Intro». Загружайте видеоролики, фотографии, накладывайте текст и применяйте эффекты.

Конечная заставка на видео

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

Конечные заставки называются аутро или эндскрин и длятся не более 20 секунд. Установку планируют при монтаже видео.

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

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

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

Теперь вы знаете как сделать красивое оформление канала на youtube своими силами. Экспериментируйте, и получите положительный результат.

Готовые шаблоны/шапки YouTube PSD #6 » Pechenek.NET

Здравствуйте уважаемые читатели! Представляем вашему вниманию мартовскую ежемесячную подборку готовых PSD макетов для шапок для Youtube. Как и ранее представлено 10 новейших шапок собранных на просторах интернета.

Готовые шаблоны/шапки YouTube PSD #6

Для начала напомним инструкции по установке своих надписей в эти шапки:

1. Скачайте сам файл с шаблоном (У вас должен скачаться архив с файлами)
2. После того как вы открыли архив, откройте файл “Шрифт”
3. Установите шрифт
4. Откройте файл с самим шаблоном с помощью Photoshop CS6
Если вместо фотошопа открывается браузер или же вообще не открывается, то откройте фотошоп и перенесите в него шаблон методом клика и зажима.
5. Нажмите кнопку “T” английскую
6. После чего, кликайте по тексту “YourName” (Возможно текст будет другой “YR, name group и тд.)
7. Заменяете текст на свой (Вы можете изменить в шаблоне любую надпись на свою).
8. После проделанных трудов, нажмите в верхней колонке Файл -> Сохранить как…
Тип файла ставьте “JPEG (*.JPG;*.JPEG;*.JPE)” (На аутро нужно ставить PNG!)
9. Нажимаете сохранить 


Готово!

Ну, а теперь переходим к самой подборке! Ниже представлены 10 psd шаблонов, каждый из которых вы можете скачать:

1.  Шаблон шапки CrazyWhite

Внутри архива:

  • PSD шаблон
  • Пример

Скачать

2. AllPSD

Внутри архива:

  • PSD шаблон шапки
  • Пример шапки

Скачать

3. Шаблон шапки Crash

Внутри архива:

  • PSD макет шапки для ютуба
  • Пример шапки

Скачать

4. Szerks

Внутри архива:

  • Текст для шаблона выполненный в Cinema4D.
  • PSD макет шапки для ютуба
  • Пример

Скачать

5. Шаблон шапки NAME

Внутри архива:

  • PSD макет
  • Пример

Скачать

6. NAME2

Внутри архива:

  • Готовый PSD шаблон для шапки
  • Пример шапки

Скачать

7. Шаблон шапки с Гомером

Да-да, к нам в подборку попал даже любитель пива и пончиков!

Внутри архива:

  • Готовый PSD макет
  • Готовый PSDX макет (устаревший формат)
  • Пример

Скачать

8. Near Mods – интересный и необычный шаблон для шапки youtube

Внутри архива:

  • PSD исходник
  • Пример шапки

Скачать

9. Your Name

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

Внутри архива:

  • PSD макет готовой шапки
  • Пример

Скачать

10. Простой, но футуристичный шаблон шапки для youtube Text

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

Внутри архива:

  • Готовый PSD шаблон для шапки на ютубчик
  • Пример

Скачать

Чтож! Это вся подборка на сегодня, и скорее всего количество подборок будет увеличено дабы радовать вас интересными решениями и хорошим контентом! Надеемся, что открывающая март подборка пришлась вам по вкусу, качайте и обновляйте канал, наступила весна, а соответственно и время перемен!

Готовые шаблоны/шапки YouTube PSD » Pechenek.NET

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

В подборку вошли различные шапки для YouTube, все уже нужного размера (2560 х 1440) и в формате PSD. О том как установить шапку на свой канал Вы можете прочитать в этой статье: Шаблон шапки для YouTube. Шрифты, используемые в шаблонах, можете найти в самих архивах, либо ссылку на них в файле «readme» (к сожалению не во всех).

1. Шапка “

Atl

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)
  • Шаблон текста в формате “.c4d” (Редактор Cinema 4D)

Скачать

2. Шапка “

DCA

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)
  • Шаблон текста в формате “.c4d” (Редактор Cinema 4D)

Скачать

3. Шапка “Free Banner 3in1”

Внутри архива:

  • Три шаблон шапки в формате “.psd” (редактор Photoshop)

Скачать

4. Шапка “

Relax

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)

Скачать

5. Шапка “

santiagowelaso

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)
  • Шаблон текста в формате “.c4d” (редактор Cinema 4D)

Скачать

6. Шапка “

NooB

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)

Скачать

7. Шапка “

Dominant

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)
  • Шаблон аватарки в формате “.psd” (редактор Photoshop).
  • Шрифт TureGritC (в архиве его нет).

Скачать

8. Шапка “

csgo_purple_banner

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)

Скачать

9. Шапка “

Decked

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)
  • Шаблон аватарки в формате “.psd” (редактор Photoshop).

Скачать

10. Шапка “

French

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)

Скачать

11. Шапка “

Sledge Pack

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)
  • Шаблон аватарки в формате “.psd” (редактор Photoshop).

Скачать

12. Шапка “

Fortnite Revamp Pack

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)
  • Шаблон аватарки в формате “.psd” (редактор Photoshop)

Скачать

13. Шапка “

P250_Green

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)

Скачать

14. Шапка “

Avey

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)
  • Шрифт

Скачать

15. Шапка “

Skull

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)
  • Шаблон аватарки в формате “.psd” (редактор Photoshop)
  • Шаблон Лого в формате “.psd” (редактор Photoshop)

Скачать

 

16. Шапка “

GoGoCS

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)
  • Шрифт


Скачать

17. Шапка “

Witcher

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)
  • Шаблон аватарки в формате “.psd” (редактор Photoshop)

Скачать

18. Шапка “

Standart

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)

Скачать

19. Шапка “

Royale

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)
  • Шаблон аватарки в формате “.psd” (редактор Photoshop)

Скачать

20. Шапка “

Blue Storm

Внутри архива:

  • Шаблон шапки в формате “.psd” (редактор Photoshop)
  • Шаблон аватарки в формате “.psd” (редактор Photoshop)

Скачать

Ещё больше шапок для ютуба Вы можете найти на нашем сайте с шаблонами: Ссылка

Надеюсь данные шаблоны оказались Вам полезными!
Не забывайте пользоваться кнопками «Поделиться в соц. сетях», так же подписываться на наш Канал и группы в ВК, Telegram, Twitter, Facebook.

Всем удачи и море печенек!

Навык дизайна - добавить шляпу к фото

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

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

Не переживай.

Я расскажу, как обезопасить Мэг с помощью PowerPoint или Photoshop.

Это умение, которое вы можете изучить менее чем за 10 минут. И это то, что должен знать каждый разработчик электронного обучения.

Я всегда делаю первый шаг при разработке всего в PowerPoint. Это мой инструмент для дизайна.

Если у меня не получается сделать это в PPT, я пытаюсь сделать это в Photoshop (и я нервничаю, потому что я просто не настолько опытен в Photoshop).

Вот видео-скринкаст, на котором я добавляю шляпу, используя только PPT:

Суммируем:

  1. Удалите фон с каски с помощью функции «Удалить фон».
  2. Размер и масштабирование по размеру вашего человека
  3. Добавьте тени для реалистичности

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

Шаг 1. Откройте изображение, которое вы хотите изменить, и изображение с каской.

Совет: при выборе изображения каски постарайтесь совместить угол из стороны в сторону и угол вверх / вниз, чтобы он соответствовал вашему персонажу.

Файл-> Открыть или [CTRL + O]

Шаг 2. Выделите каску на изображении и скопируйте ее.

Совет: инструмент лассо хорошо работает как (инструмент выделения), чтобы вырезать каску с изображения.После того, как вы сделали свой выбор, скопируйте его «Правка-> Копировать» ИЛИ [Ctrl + C]

Шаг 3. Вставьте скопированный Hardhat в изображение, которое вы изменяете.

«Правка-> Вставить» или [Ctrl + V]

Совет. Вы заметите, что вставленное изображение отображается как новый слой на панели слоев

Шаг 4. Установите размер и выровняйте каску по изображению головы с помощью инструмента бесплатного преобразования

.

Выделив слой каски, используйте инструмент «Свободное преобразование» «Правка-> Свободное преобразование» или [CTRL + T], чтобы изменить размер и повернуть изображение.

Совет: удерживайте клавишу Shift, чтобы пропорции не изменились при выборе размера

.

Шаг 5: Добавьте глубину изображению, применив стиль слоя Drophadow

Выделив слой каски, нажмите «Стиль слоя» под панелью «Слой» и выберите параметр «Тень».

Установите режим наложения: Overlay, Angle: 90 градусов, Distance: 4, Size: 2. Примечание. Это зависит от изображения.

Шаг 6: Сохраните изображение

Ниже приведено окончательное изображение в формате PSD. Теперь мы хотим сохранить его как файл обычного типа.

В нашем случае мы собираемся сохранить его как .PNG, чтобы сохранить прозрачный фон. «Файл-> Сохранить как» или [CTRL + S]

Бонусный шаг: поразите коллег своим новым изображением и похлопайте себя по плечу за то, что ваши изображения работают на вас!

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

Какие еще уроки вы бы хотели увидеть в PowerPoint и Photoshop?

Как наложить на кого-то шляпу в фотошопе

, Васим Аббас, 19 декабря 2018 г.

Вы хотите добавить шляпу к своему изображению в Photoshop? Надев шляпу на объект съемки, вы сможете создать веселый или праздничный образ. В этой статье мы покажем вам, как фотошопить кому-нибудь шляпу.

Если у вас его еще нет, вы можете загрузить Photoshop с сайта Adobe здесь.

Как фотошопить шляпу

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

Далее вам нужно удалить фон с фото шляпы.

Чтобы удалить фон, вы можете создать выделение на самой шляпе с помощью инструмента Magic Wand Tool. Затем нажмите Shift + Ctrl + I на клавиатуре, чтобы инвертировать выделение.

После этого нажмите кнопку Удалить , чтобы удалить фон. (Убедитесь, что фоновый слой разблокирован на панели «Слои». Чтобы разблокировать слой, вы можете дважды щелкнуть по нему.)

Затем переместите изображение шляпы на исходную фотографию вашего объекта.

Теперь вам нужно отрегулировать шляпу под голову вашего объекта. Чтобы настроить шляпу, вы можете нажать Ctrl + T , чтобы преобразовать, изменить размер и повернуть ее так, чтобы она соответствовала углу головы.

Если вас устраивает, вы можете нажать клавишу Enter , чтобы применить преобразование. (Если вам нужно внести дополнительные изменения, вы всегда можете снова нажать Ctrl + T , чтобы настроить шляпу еще раз.)

Вот и все! Вы можете увидеть изображения «до» и «после» ниже.

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

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

Если вам нравится эта артиллерия, то подпишитесь на нас в Facebook или Twitter.

Используете WordPress и хотите получить Envira Gallery бесплатно?

Envira Gallery помогает фотографам создавать красивые фото- и видео-галереи всего за несколько кликов, чтобы они могли демонстрировать и продавать свои работы.

Как создать привлекательный эскиз YouTube в Photoshop

Как создать привлекательный эскиз YouTube в Photoshop

Согласно недавней статье The Drum, на YouTube ежемесячно зарегистрировано более 1,9 миллиарда пользователей .Однако наличие 2 миллиардов людей, ищущих контент на YouTube, не обязательно означает, что опубликованный контент, скорее всего, будет замечен - миллионы издателей YouTube борются друг с другом за просмотры, и конкуренция с каждым днем ​​становится все сильнее. Итак, как сделать так, чтобы ваши видео выделялись среди масс?

Backlinko недавно опубликовал статью о том, как повысить SEO на YouTube, и первым пунктом в их списке было создание привлекательного эскиза. По данным YouTube, в девяти из десяти самых просматриваемых видео на YouTube используются собственные миниатюры.Это не должно вызывать удивления, потому что ваш значок - это лицо вашего видео, прежде чем кто-либо даже подумает о том, чтобы нажать на него.

Итак, как создать привлекательную миниатюру YouTube?

Каковы хорошие примеры успешных миниатюр YouTube?

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

Учтите: это два эскиза одного и того же видео. Один - это миниатюра, созданная на заказ, а другая - случайная часть видео, которую YouTube использовал в качестве миниатюры. Если бы вы искали видео о креме для бритья с беконом, и эскиз вверху был рядом с эскизом внизу, какой из них привлек бы ваше внимание в первую очередь, и вы бы с большей вероятностью нажали?

Вы, вероятно, были бы более склонны щелкнуть пользовательский эскиз внизу: он содержит несколько элементов изображений и текста, разных цветов, а «Ссылка» имеет то, что, кажется, имеет крем для бритья с беконом и различные гамбургеры. аксессуары на его лице.

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

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

Недавно мы опубликовали серию «Эзойских объяснений», в которой показаны все эти шаги и инструменты, хотя ниже я расскажу о них шаг за шагом.

Каковы основные принципы композиции эскиза видео?

Как и в случае с любым визуальным элементом, существуют определенные принципы дизайна, благодаря которым что-то для простоты «хорошо выглядит». Хотя это может показаться необоснованной вычурной концепцией, на самом деле эти принципы уходят корнями в психологию; чем больше человек чувствует себя комфортно или увлечен вашим изображением, тем больше вероятность, что он будет уделять больше и больше внимания (во многом аналогично тому, что мы пытаемся делать на веб-сайтах, чтобы увеличить время пребывания на сайте и посещаемых страницах).

Следование некоторым основным правилам композиции и дизайна поможет вашему эскизу выделиться и «хорошо выглядеть». Загружаемый PDF-файл с основными принципами композиции, инструментами Photoshop и сочетаниями клавиш доступен здесь.

Баланс: включает симметрию, асимметрию и «правило третей», а также вес

  • Симметрия: когда что-то точно отражается над центром.
  • Асимметрия: когда объекты не являются точными копиями друг друга, но вес объектов или положительное / отрицательное пространство одинаковы.
  • Правило третей: в основном оно используется в фотографии, но я считаю его полезным при создании асимметричных дизайнов. Он заставляет нас вообразить рамку, как если бы она была разделена на трети по горизонтали и вертикали; элементы кадра должны попадать где-то на эти линии, особенно в «горячие точки». Правило третей / асимметрия показано ниже. Башня падает на первую треть фотографии, и начало лестницы и крыша башни расположены очень близко к перекрестным штрихам или «горячим точкам».«Фотография сбалансирована асимметрично, потому что в то время как башня несет большой вес с левой стороны, стена с правой стороны находится на переднем плане и, таким образом, несет значительный вес на фотографии.

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

P: основной цвет (цвета, стоящие сами по себе; «истинные цвета»)

S: вторичный цвет (цвета, полученные путем объединения двух основных цветов, например желтый + красный = оранжевый)

T: Третичный цвет (цвета, полученные путем объединения основного и вторичного цветов, например, желтый + зеленый = желто-зеленый; основной цвет всегда указывается первым)

Оттенок: истинные цвета

Оттенок: истинный цвет + черный

Оттенок: истинный цвет + белый

  • Цветовая символика: каждый цвет представляет значение или настроение.В зависимости от сообщения, которое вы хотите отправить, вы можете выбрать один цвет вместо другого. Подумайте о своих любимых брендах, о том, какие цвета они используют и какое сообщение они пытаются донести до потенциальных потребителей.
  • Дополнительные цвета: цвета напротив друг друга на цветовом круге.
  • Аналогичные цвета: цвета, близкие друг к другу на цветовом круге.

  • Активные цвета: эти цвета представляют собой более теплые оттенки на цветовом круге, которые кажутся сдвигающимися вперед по сравнению с пассивными цветами.
  • Пассивные цвета: эти цвета являются более холодными оттенками на цветовом круге и кажутся отступающими назад при размещении с активными цветами.

Отрицательное и положительное пространство: сколько содержимого на странице по сравнению с пустым пространством вокруг него. Однако отрицательное пространство не означает пассивное. В этом примере FedEx использует отрицательное пространство между буквами для создания стрелки.

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

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

Инструменты и ярлыки Photoshop, которые могут помочь

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

Кроме того, сейчас Photoshop действительно недорого для лицензии на персональную подписку (менее 10 долларов в месяц).Или вы всегда можете выбрать бесконечные поддельные имена пользователей и бесплатные пробные версии.

Инструменты

  • Прямоугольная область выделения
  • Перемещение
  • Слои: порядок слоев, блокировка, просмотр, непрозрачность, создание
  • Лассо / магнитное лассо
  • Ластик: жесткий и мягкий
  • Цветовой баланс
  • Форма / изменить формы / прямоугольник / заливка и обводка
  • Изображение, размер файла и сохранение

Сочетания клавиш

  • Отменить выбор:
    • Mac: Cmd + D
    • Windows: Ctrl + D
  • Повторно выберите:
    • Mac: Cmd + Shift + D
    • Windows: Ctrl + Shift + D
  • Увеличить / уменьшить размер кисти или инструмента
  • Увеличить:
    • Mac: Cmd + + (команда + знак плюс)
    • Windows: Ctrl + + (Control + знак плюса)
  • Уменьшить:
    • Mac: Cmd + - (команда + знак вычитания)
    • Windows: Ctrl: Cmd + - (Control + знак вычитания)
  • Идеальные формы / прямые линии:
    • Mac и Windows: hols Shift при нажатии и перетаскивании
      • Это создаст идеальный круг, квадрат, треугольник и прямую линию

Как создать собственный эскиз YouTube

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

В статье Backlinko предлагается создавать миниатюры BOGY, которые обозначают синий, оранжевый, зеленый и желтый цвета. Причина, по которой эти четыре цвета являются лучшим выбором для эскизов YouTube, заключается в том, что YouTube в основном красный, черный и белый; Чтобы контрастировать с цветовой схемой YouTube, лучше стараться избегать этих цветов как можно лучше или использовать их экономно.

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

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

Изучите этот эскиз, который я создал для Ezoic Explains, о недавних мерах по борьбе с таргетингом, предпринятых Google и Apple.

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

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

Как создать шаблон эскиза YouTube в Photoshop

Чтобы показать вам принципы дизайна и основные инструменты Photoshop, я расскажу, как я сделал эскиз для видео Ezoic Explains, соответствующего этому сообщению в блоге.

Для начала откройте Photoshop и выберите «Файл»> «Создать». Обычно я создаю эскиз размером примерно 26 x 17 дюймов, а затем уменьшаю его после завершения. Лучше начать с лучшего качества, а затем уменьшить его, чем пытаться позже сохранить его как файл большего размера и получить пиксельное изображение. Поскольку это будет в Интернете, разрешение должно быть всего 72 ppi. Это поможет с размером файла, так как эскизы YouTube должны быть меньше 2 МБ.

После настройки шаблона Photoshop вам нужно будет найти фотографии и / или графику для включения в миниатюру.На этом эскизе слово «творчество» напомнило мне о Бобе Россе. Поскольку мы обсуждаем, как сделать миниатюру YouTube с помощью Photoshop, я решил поместить свое лицо на тело Боба Росса, пока он рисует, но затем попросить его «нарисовать» миниатюру YouTube, которую я сделал для прошлого Ezoic. Объясняет эпизод.

Как начать создавать эскизы YouTube?

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

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

Для этого зайдите в Google и найдите изображение. После того, как результаты будут поданы, перейдите в «Настройки»> «Расширенный поиск». В раскрывающемся меню размера изображения выберите большой.

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

Мне понравился этот Боб Росс, потому что он в основном смотрит вперед, что будет намного проще для меня, если я накрою его лицо своим лицом. При размещении чего-то вроде лица на теле другого человека угол и перспектива должны точно соответствовать углу и перспективе исходной фотографии; это сделает изображение более правдоподобным для зрителей и для вас - для Photoshop.

Также будет довольно легко в Photoshop "холст" предыдущего эскиза, который я сделал, потому что он почти не перекрывает какую-либо свою картину.Почему это важно, станет ясно позже. Я сохранил фотографию Боба Росса на свой компьютер и открыл ее в новой вкладке Photoshop.

Первый инструмент, который я использовал в Photoshop, - это инструмент Rectangular Marquee Tool из панели инструментов слева; это второй инструмент сверху. Щелкнув и перетащив из одного угла изображения в другой, я собираюсь выделить все изображение в прямоугольнике. Как только вы отпустите кнопку мыши, вы увидите прямоугольник из движущихся черточек; это позволяет узнать, что у вас выделено содержимое внутри прямоугольника.

Инструмент «Прямоугольная область», используемый в этом гифке, является вторым инструментом на вертикальной панели инструментов слева.

Затем я хочу скопировать выделение, либо зайдя в раскрывающееся меню «Правка» и нажав «Копировать», либо удерживая Command + C / Control + C (Mac / Windows). После этого я вернулся к своему пустому холсту и вставил изображение или Cmd / Ctrl + V.

На другой вкладке Photoshop я открыл снимок экрана, сделанный мной с предыдущей миниатюрой Ezoic Explains, которую я открыл в Photoshop.Я использовал инструмент Rectangular Marquee Tool, чтобы выделить все изображение, вернулся к пейзажному холсту, который я уже скопировал и наклеил на Боба Росса, и вставил снимок экрана. Теперь у меня есть белый холст размером 26 x 17 дюймов с Бобом Россом и скриншотом.

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

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

Я использовал инструмент Rectangular Marquee Tool, чтобы выбрать снимок экрана, который я сделал с предыдущей миниатюрой Ezoic Explains, а затем скопировал и вставил его в свой проект, чтобы он действовал как холст. Я использовал инструмент «Перемещение», чтобы переместить новый холст на мольберт, а затем использовал вращающиеся стрелки инструмента «Перемещение», чтобы изменить размер и угол нового холста соответствующим образом.

Еще одно полезное ноу-хау в Photoshop - понимание того, как работают слои. Справа вы увидите список слоев, пронумерованных Layer 1, 2 и т. Д., В зависимости от того, сколько элементов вы скопировали и вставили. Каждый раз, когда вы добавляете что-то новое в Photoshop, будь то рисунок, графика или текст, автоматически создается новый слой.

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

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

Какие инструменты мне следует использовать в Photoshop?

Теперь мне нужно разместить холст за Бобом Россом, но по-прежнему держать его перед мольбертом. Это когда мы собираемся познакомиться с некоторыми из самых важных инструментов Photoshop.

Сначала я спрятал слой холста, щелкнув глаз рядом со слоем. Затем я выбрал слой Боба Росс, потому что мне нужно вытянуть несколько предметов, которые должны быть перед холстом: его волосы, лицо, руку и кисть.

Чтобы получить более точное выделение, чем инструмент Rectangular Marquee Tool, я использовал инструмент Lasso Tool, который находится прямо под инструментом Rectangular Marquee Tool.В этом проекте я использовал два типа арканов, но первый, который я использовал, - это инструмент Magnetic Lasso Tool. Чтобы получить доступ к другим типам лассо, удерживайте инструмент «Лассо»; появится раскрывающееся меню, и инструмент «Магнитное лассо» будет последним в меню.

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

Инструмент «Магнитное лассо» позволяет захватить часть изображения с относительной точностью.Если мне нужно выделить его руку, я выбираю точку прямо на ее краю и щелкаю. Теперь, каким бы способом я ни двигал мышью, инструмент «Магнитное лассо» автоматически начинает сжимать то, что он считает естественной линией. Вы можете лучше контролировать линию, щелкая по ней во время движения, создавая точки. Это в основном заставит инструмент Magnetic Lasso Tool работать как точку соединения. Чтобы завершить выбор, замкните контур.

После того, как я выбрал его вручную, я скопировал и вставил выделение; это создало новый слой с помощью только руки.Чтобы разместить руку и отменить выбор, я нажал Cmd / Ctrl + D. Затем я переместил ее прямо поверх его руки в исходном слое Боба Росс и убедился, что рука, которую я только что создал, была самым верхним слоем.

После этого зачистил края. Я спрятал слой с Бобом Россом, чтобы четко видеть края руки на белом фоне. Для этого я собираюсь использовать инструмент «Ластик», который находится примерно на полпути вниз по панели инструментов. Выбрав инструмент «Ластик», вы можете изменить его настройки в соответствии со своими потребностями.На горизонтальной панели инструментов в верхней части Photoshop, скорее всего, есть кружок с числом под ним; в этом примере под ним стоит цифра 70. Число просто соответствует размеру Eraser Tool.

Края его руки, деревянная ручка кисти и металлическая часть кисти - все это довольно четкие линии, поэтому я собираюсь сохранить твердость края до 100%. Для волосков кисти я уменьшил жесткость примерно до 25%, чтобы края были более волосковыми.

Eraser Tool имеет несколько настроек, которые можно попробовать. Одна из самых важных настроек - это жесткость и размер кисти. Другие инструменты Photoshop, которые мы не рассматриваем на этом эскизе, такие как «Кисть / Карандаш», «Осветление / Затемнение / Губка», «Резкость / Размытие / Размытие», используют те же настройки.

Размер кисти можно изменить в этом меню или с помощью сочетаний клавиш. Сочетание клавиш намного эффективнее, потому что вы можете быстро изменить размер инструмента «Ластик», пока над чем-то работаете.Чтобы изменить размер Eraser Tool, просто нажмите [(меньше) или] (больше).

Я использовал самую жесткую настройку инструмента «Ластик» для области его руки и металлических краев кисти. Я уменьшил жесткость ластика, очищая концы кисти.

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

Затем я переместил созданные мной слои и очистил их до самого верха. Теперь у меня есть фотография, на которой Боб Росс «рисует» мой холст в Photoshop.

Как использовать инструменты «Непрозрачность» и «Цветовой баланс» в Photoshop

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

Чтобы выделить свое лицо, я снова использовал инструмент «Лассо», хотя на этот раз я просто использовал обычный инструмент «Лассо», поскольку он не должен быть столь же точным; легче стереть ненужные части позже, чем понять, что вы не получили все необходимое.

Я выбрал изображение своего лица, которое было похоже на направление, в котором смотрел Боб Росс, и угол его лица.Затем я использовал инструмент «Лассо», чтобы выделить свое лицо, скопировал и вставил его в проект.

Я скопировал и вставил свое лицо в рабочую область, использовал инструмент «Перемещение», чтобы поместить лицо поверх лица Боба Росса, и поместил его в верхней части списка слоев, чтобы оно было на переднем плане. Чтобы убедиться, что мое лицо одинакового размера и угла, а черты лица максимально совпадают с его чертами, я выбрал слой с моим лицом и уменьшил непрозрачность ровно настолько, чтобы видеть его черты лица.

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

Вернув непрозрачность слоя до 100%, я увидел, что тон моей кожи немного отличается от оттенка кожи Боба Росса, скорее всего потому, что его фотография была сделана при студийном освещении внутри, а фотография меня - снаружи. Чтобы настроить цветовой баланс, я выбрал Изображение в меню вверху: Изображение> Коррекция> Цветовой баланс.

Для сравнения у меня есть Босс Росс, мое лицо, которое я редактировал с помощью Color Balance, и оригинальная копия моего лица.

Можно настроить три скользящие шкалы: голубой / красный, пурпурный / зеленый и желтый / синий. Вы можете решить, манипулируете ли вы тенями, средними тонами или светлыми участками, но я обычно просто манипулирую средними тонами. Лицо Боба Росса имеет немного больше желтых и красных тонов, поэтому я увеличил желтый и красный на моем лице, чтобы они соответствовали.

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

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

Заполнение отрицательного пространства и добавление цвета

Чтобы заполнить отрицательное пространство, я погуглил «Картины Боба Росса», скопировал и вставил их в проект (каждый создавал свой собственный слой), а затем изменил их порядок и размер. Мне нравится. Как видите, я выбрал картины с цветами, которые в основном не совпадали с цветами YouTube, но которые контрастировали бы с зеленым слоем заголовка, который я создал для Ezoic Explains.

Последнее добавление, которое я внес в этот проект, - это наложенный слой, чтобы негативное пространство прямо за Бобом Россом было другого цвета, чем белый, поскольку YouTube в основном белый. Для этого я создал новый слой, перейдя к своим слоям и выбрав значок «Новый слой» на панели инструментов в нижней части списка слоев, который выглядит как лист бумаги со сложенным углом.

Выбрав новый слой, я щелкнул инструмент «Форма», расположенный примерно в трех значках от нижней части вертикальной панели инструментов панели инструментов.Удерживая значок, вы увидите выпадающий список различных форм. Для этого проекта я использовал инструмент «Прямоугольник».

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

Заливка: какого цвета заливка в середине фигуры (может быть прозрачной)

Обводка: каким цветом обведена форма (также может быть прозрачной)

Плотность обводки: насколько толстый контур (измеряется в px)

Я использовал фиолетовый для заливки и не включил обводку.Затем я переместил слой с фиолетовым прямоугольником в самый верх списка слоев и изменил его непрозрачность примерно на 40%, чтобы я мог видеть сквозь него. Я использовал резинки с мягкими и жесткими краями, чтобы показать себя / Боба Росса, мольберт и холст. Чтобы убрать пурпурный оверлей с картин с правой стороны, я использовал инструмент «Прямоугольная область», чтобы выбрать участок пурпурного цвета, который я хотел удалить, а затем использовал Ластик.

С инструментом Marquee Tool любой инструмент, который вы используете, будет работать только в пределах границ пунктирных линий, поэтому инструмент Eraser позволил мне стереть только фиолетовый цвет, который я выделил поверх картин.

Теперь белое пространство позади меня / Боба Росса покрыто пурпурным наложением, в то время как рисунки и название Ezoic Explains остаются такими, какими они были изначально.

Какой размер и тип файла должны быть сохранены для пользовательского эскиза YouTube?

Миниатюра YouTube может быть не более 2 МБ, поэтому вы должны убедиться, что размер, формат и качество изображения соответствуют этим требованиям.

Во-первых, всегда сохраняйте файл как файл Photoshop (PSD), щелкнув Файл> Сохранить как, чтобы сохранить копию проекта в этом формате, потому что файл PSD сохранит все доступные слои на случай, если вы захотите вернуться и исправить или обновить что-нибудь.

После сохранения в формате PSD сохраните его в формате JPEG. Файлы JPEG занимают меньше места, чем PNG, хотя у него есть некоторые ограничения, которые могут быть ограничены более продвинутыми проектами.

Как я уже говорил ранее, я всегда начинаю свои проекты с большего размера, а затем масштабирую их по мере необходимости, что мне определенно нужно сделать в этом случае. Чтобы изменить размер изображения, выберите «Изображение»> «Размер изображения». Обычно я сначала уменьшаю пиксели до 72 пикселей на дюйм и меняю размер ширины на 1000 пикселей.

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

После того, как вы нажмете «Сохранить», появится всплывающее окно с вопросом, какого качества вы хотите получить изображение. Для эскиза YouTube будет достаточно среднего или чуть более низкого уровня; это также поможет с размером файла.

Перед загрузкой файла в качестве эскиза YouTube я дважды проверяю, что размер файла меньше 2 МБ. Если это все еще закончилось, я просто продолжаю изменять размер эскиза и настраивать качество, пока оно не станет 2 МБ или меньше.

Оставайтесь последовательными и интересными с помощью эскизов YouTube

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

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

Если у вас нет доступа к Photoshop, Adobe предоставляет недельную бесплатную пробную версию своих продуктов, если вы хотите попробовать перед покупкой.

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

Вопросы. Оставьте их ниже, и я предложу все, что смогу.

Как и зачем использовать Photoshop для электронной коммерции [Учебники для начинающих и экспертов]

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

Photoshop - это программа №1 для постпроизводства и дизайна, используемая разработчиками, дизайнерами, графическими дизайнерами, фотографами и другими творческими людьми для редактирования и ретуши фотографий, создания графики и изображений, а также создания веб-сайтов и макетов продуктов.

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

Итак, почему вы должны использовать Photoshop для электронной коммерции?

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

Если вы не передаете на аутсорсинг весь дизайн (продукт и маркетинг), фотографии продукта и редактирование после обработки, вам понадобится Photoshop.

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

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

  1. Фотографии продукта
  2. Маркетинговые изображения
  3. Дизайн продукта

Давайте погрузимся!


Использование Photoshop для фотографий продукта и образа жизни, пост-продакшн


1. Удаление фона с фото продукта

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

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

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

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

2. Инструмент Photoshop Blur для фотографий продуктов

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

Вот учебник по электронной коммерции от Акеми Хиатта, совладельца и креативного директора Hidden Gears, который проведет вас через создание эффекта размытия в изображениях электронной коммерции.

3. Инструмент Duotone Color для электронной коммерции

Если вы не знакомы с Duotone, это метод дизайна, при котором изображение редактируется для отображения двух контрастных цветов. Фактически, эта дизайнерская тенденция распространилась и на дизайн одежды!

[Источник изображения]

Поскольку это меняет тон ваших продуктов, мы рекомендуем вам включать только двухцветные креативы на свой веб-сайт или в маркетинг, чтобы придать вашим продуктам и фотографиям образа жизни современное ретро-ощущение.Например, вы не захотите использовать эту технику в качестве фотографии главной страницы продукта, поскольку она не будет истинным представлением вашего продукта. Вместо этого вы можете использовать его, чтобы добавить современности вашему маркетингу и бренду, и Photoshop - идеальный инструмент для этого. Вот краткое пошаговое руководство от Adobe:

Шаг 1: Подготовьте фотографию

Шаг 2: Добавьте цвет

Шаг 3: Отрегулируйте оттенок

Шаг 4: Усильте свой спектр

Существует множество инструментов для двухцветных дизайнов, таких как бесплатные предварительные настройки двухцветного градиента Photoshop, которые вы можете загрузить - например, эти.В качестве альтернативы вы можете использовать рынки дизайна, такие как Creative Market, для получения готовых пакетов двухцветного дизайна для социальных сетей и других маркетинговых активов.

4. Редактирование оттенка / насыщенности продукта

Следующий инструмент Photoshop, который вам понадобится в вашем наборе приемов электронной коммерции, - это инструмент оттенка / насыщенности. Регулируя насыщенность фотографий продукта, вы изменяете яркость цвета. С помощью оттенка вы настраиваете оттенки цветов.

Почему они такие удобные?

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

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

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

Короче говоря, этот способ Photoshop для электронной коммерции позволит вам сохранить единообразие фотографий продуктов и поможет вам быстрее размещать новые продукты в вашем интернет-магазине. Вот расширенное руководство по Photoshop, в котором показано, как настроить оттенок и насыщенность в различных объектах на фотографиях ваших продуктов:

5. Инструмент градиентов

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

Совет для новичков: Если вы раньше не использовали инструмент градиента Photoshop, я предлагаю это пошаговое руководство от Adobe для новичков, которое объясняет разницу между линейным, радиальным, угловым, отраженным и ромбовидным градиентами.

Вот простое и быстрое руководство по использованию инструмента градиента для фотографий товаров:

6.Инструменты отражения для изображений товаров

[Источник изображения]

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

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

7.Использование инструмента Spot Healing для улучшения фотографий продукта

Инструменты Spot Healing в Photoshop - это еще один инструмент для ретуши изображения продукта, которым каждый продавец, снимающий собственные фотографии продукта, должен знать, как использовать.

Почему?

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

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

Кроме того, вот пошаговое руководство с фотографиями продукта о том, как конкретно очищать и удалите пыль.

8. Учебники по теням продуктов для интернет-магазинов

[Источник изображения]

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

Новичкам это можно сделать с помощью режима наложения «Drop Shadow» в Photoshop.

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

9. Инструмент Unsharp Mask Tool

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

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

Для начала ознакомьтесь с этим уроком Photoshop о том, как повысить резкость фотографии продукта:


Использование Photoshop для создания шаблонов изображений продуктов


10.Учебное пособие по созданию шаблона фотографии продукта

Когда дело доходит до DYI-обработки фотографий продукта, создание шаблона является обязательным условием для обеспечения того, чтобы изображения продуктов имели одинаковый размер, располагались и размещались на вашем фоне. Чтобы создать шаблон для фотографий вашего продукта, Pixc предлагает следующие пять шагов:

1. Сначала создайте новый файл Photoshop, установив ваши размеры по ширине и высоте и цветовой режим.

2. Затем вы хотите создать направляющие центра вашего шаблона, чтобы вы отметили середину.

3. После того, как у вас будут центральные точки, вы создадите внешние направляющие.

4. Добавьте фото продукта в новый шаблон.

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


Использование Photoshop для создания маркетинга электронной коммерции и веб-контента


11. Учебное пособие по Photoshop для веб-графики электронной коммерции

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

Вот для начала! В этом руководстве по электронной коммерции дизайнер Дански показывает нам, как создать в Photoshop несколько графических элементов для электронной коммерции:

На самом деле, если вы хотите вывести свои дизайнерские навыки на профессиональный уровень, весь канал Дански на YouTube станет настоящим сокровищем. кладезь ценных руководств.

Для получения более конкретных продуктов и / или маркетинговых каналов и активов, вот несколько очень конкретных руководств по Photoshop для электронной коммерции, которые помогут вам начать работу:

  1. Научитесь создавать баннер продажи веб-сайта электронной коммерции в Photoshop.
  2. Руководство по дизайну страницы продукта электронной коммерции в Photoshop
  3. Создание вашего первого рекламного баннера в Photoshop (для начинающих)
  4. Создайте потрясающую рекламу кроссовок
  5. Создайте высококонтрастную черно-белую рекламу
  6. Как создать баннер Facebook Ads в Photoshop
  7. Как создать глаз -съемка карусельной рекламы Facebook с помощью Adobe Photoshop


Использование Photoshop для создания интеграции дизайна продукта


12.Автоматизация изображений продуктов, Интернета и рекламы с помощью экшенов Photoshop

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

Вот руководство о том, как автоматизировать Photoshop с помощью экшенов!

-

Вот и все: как и зачем использовать Photoshop для электронной коммерции!

Испытываете трудности в Photoshop, чего нет в приведенном выше списке руководств по электронной коммерции для начинающих и экспертов? Расскажите о них в комментариях, и мы поможем вам найти ссылки на видео и инструкции!


65 Ярлыки Photoshop, которые помогут вам редактировать фотографии как профессионал [Закладка]

Вы когда-нибудь случайно тратили целый день в Photoshop?

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

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

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

Примечание: Все эти ярлыки доступны на ПК и Mac, но иногда они разные в разных операционных системах.Мы включили оба типа ниже, и в тех случаях, когда они могут быть разными, инструкции для Mac выделяются курсивом в круглых скобках. Кроме того, в этих формулах знак «плюс» (+) присутствует только для обозначения комбинации клавишных команд. Иногда это может быть часть самой команды, например, когда вы нажимаете знак плюса, чтобы увеличить часть изображения, но в противном случае не нажимайте знак плюса между командами.

Подготовка к установке

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

1) Control + Alt + i ( Command + Option + i ) = Изменить размер изображения.

2) Control + Alt + c ( Command + Option + c ) = Изменить размер холста.

3) Control + + ( Command + + ) = Увеличить масштаб.

4) Control + - ( Command + -) = Уменьшить.

Control + '( Command + ' ) = Показать или скрыть сетку , автоматически создаваемые горизонтальные и вертикальные линии, которые помогают выровнять объекты по холсту.

Выбор правильных инструментов

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

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

5) v = указатель, a.к.а. Инструмент перемещения

6) w = Волшебная палочка

7) m = Прямоугольная область, также известная как Select Tool

8) l = Лассо

9) i = Пипетка

10) c = Урожай

11) e = Ластик

12) u = прямоугольник

13) t = Горизонтальный тип

14) b = кисть

15) y = Архивная кисть

16) j = Точечная восстанавливающая кисть

17) g = Градиент

18) a = Выбор пути

19) h = Рука

20) r = Повернуть вид

21) p = Pen

22) s = Клонировать штамп

23) o = Додж

24) z = Инструмент масштабирования

25) d = Цвета переднего плана и фона по умолчанию

26) x = переключение цветов переднего плана и фона

27) q = Редактировать в режиме быстрой маски

28) x = Изменить режим экрана

Использование Brush Tool

С помощью настроек кисти вы можете изменять размер, форму и прозрачность мазков кисти для достижения ряда различных визуальных эффектов.Чтобы использовать эти сочетания клавиш, сначала выберите инструмент «Кисть», нажав b .

29), или . = Выбрать предыдущий или следующий стиль кисти.

30) Сдвиг + , или . = Выберите первый или последний использованный стиль кисти.

31) Caps Lock или Shift + Caps Lock (Caps Lock) = Отображение точного перекрестия для кистей.

32) Shift + Alt + p (Shift + Option + p) = Включить опцию аэрографа.

Использование инструмента Marquee Tool (для нарезки / выделения)

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

Чтобы использовать эти сочетания клавиш, сначала выберите инструмент «Область», нажав m .

33) Control (Command) = Переключение между инструментом Slice и инструментом Slice Selection.

34) Shift + перетащите = Нарисуйте квадратный срез.

35) Alt + перетаскивание (опция + перетаскивание) = Рисование от центра наружу.

36) Shift + alt + перетаскивание (Shift + опция + перетаскивание) = Нарисуйте квадратный срез от центра наружу.

37) Пробел + перетащите = переместите фрагмент при создании фрагмента.

Использование различных вариантов наложения

Параметры наложения включают ряд функций, улучшающих внешний вид вашей графики.Вы всегда можете выбрать параметр наложения, перейдя в верхнюю строку меню, в разделе Layer > Layer Style > Blending Options. Или вы можете дважды щелкнуть любой слой, чтобы открыть параметры для этого конкретного слоя.

Открыв параметры наложения, вы можете использовать сочетания клавиш для их выбора, не перемещая мышь. Чтобы использовать ярлыки, выберите инструмент «Перемещение» (« v »), а затем выберите слой, для которого вы хотите использовать параметры наложения.Ниже приведены некоторые из самых популярных режимов.

38) Shift + + или - = Циклический переход между режимами наложения.

39) Shift + Alt + n (Shift + Option + n) = нормальный режим

40) Shift + Alt + i (Shift + Option + i) = Dissolve

41) Shift + Alt + k (Shift + Option + k) = Darken

42) Shift + Alt + g (Shift + Option + g) = Lighten

43) Сдвиг + Высота + м (Сдвиг + Опция + м) = Умножить

44) Shift + Alt + o (Shift + Option + o) = Overlay

45) Shift + Alt + u (Shift + Option + u) = оттенок

46) Shift + Alt + t (Shift + Option + t) = Насыщенность

47) Shift + Alt + y (Shift + Option + y) = Яркость

Чтобы узнать больше о специальных сочетаниях клавиш, ознакомьтесь с этими советами от Adobe.

Управление слоями и объектами

Если вы хотите изменить объект или сложить несколько слоев, вот несколько ярлыков, которые вы, возможно, захотите узнать:

48) Control + a ( Command + a ) = Выбрать все объекты

49) Control + d ( Command + d ) = Отменить выбор всех объектов

50) Shift + Control + i ( Shift + Command + i ) = Выбрать инверсию выбранных объектов

51) Control + Alt + a (Command + Option + a) = Выбрать все слои

52) Control + Shift + E (Command + Shift + e) = Объединить все слои

53) Альт + . (опция + .) = Выбрать верхний уровень

54) Alt + , (опция + ,) = Выбрать нижний слой

Примечание : В ярлыках 55-57 скобки ( [] ) - это нажатия клавиш в команде, а «ИЛИ» относится к фактическому слову - например, нажмите одну скобку ИЛИ другую, а не буквы. «о» и «р».

55) Alt + [ OR ] (опция + [ OR ]) = Выбрать следующий уровень вниз или вверх

56) Control + [ OR ] (Command + [ OR ]) = Переместить целевой слой вниз или вверх

57) Управление + Сдвиг + [ ИЛИ ] (Команда + Сдвиг + [ ИЛИ ] Переместить 9018 9018 слой вниз или вверх

58) Shift + Control + n (Shift + Command + n) = Создать новый слой

59) Control + g (Command + g ) = Сгруппировать выбранные слои

60) Control + Shift + g (Command + Shift + g) = Разгруппировать выбранные слои

61) Control + e (Command + e) = Объединить и сгладить выбранные слои

62) Управление + Сдвиг + Альт + e (

010

Команда

e) = Объединить все слои в новый слой поверх других слоев.Примечание. На этом шаге вы получите один комбинированный слой со всеми элементами этого слоя в отдельных слоях ниже - что отличается от традиционной команды слияния и выравнивания слоев.

63) Control + t (Command + t) = Преобразование объекта, включая изменение размера и поворот

И наконец - Сохраните свою работу на потом

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

64) Control + Shift + s (Command + Shift + s) = Сохранить вашу работу как ...

65) Control + Shift + Alt + s (Command + Shift + Option + 18 s) Сохранить для устройства

5 методов достижения гладких и гладких волос в Photoshop

Боритесь с вьющимися волосами с помощью этих идей о том, как отредактировать распущенные волосы в Photoshop.

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

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

Волосы не должны быть идеальными

Позвольте мне начать с того, что волосы не должны быть идеальными.Часть того, что делает портрет неотразимым, - это подлинность. Поэтому, если у вашего клиента от природы кудрявые волосы, волосы с большим объемом или характер более непринужденный и непринужденный, редактирование каждого волоса до совершенства будет казаться вынужденным. И никто никогда не должен чувствовать себя неполноценным из-за того, что у него не идеальные волосы. Фотосессии должны расширять возможности, а не уменьшаться.

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

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

Что вызывает выпадение волос и статический заряд в волосах?

Ветер, статическое электричество и волосы, вырванные из галстуков или заколок, могут стать причиной выпадения волос.Шляпы, флисовые повязки на голову и натягивание одежды через голову также вызывают статическое прилипание. Когда два непохожих объекта трутся друг о друга (например, волосы и флисовая толстовка), электроны переносятся от одного объекта к другому. При замене на волосы накапливается своего рода электрический заряд. Если в волосах или воздухе нет влаги, этот заряд заставляет волосы отталкиваться друг от друга. Так что волосы встают дыбом и выглядят дико. Это ваш урок естествознания на день!

Устранение выпадения волос и статического электричества на месте съемки

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

  1. Поощряйте клиентов практиковать лучший уход за волосами! Включите в свое руководство по подготовке клиентов такие советы, как использование лака для волос, одевание перед укладкой волос и отказ от головных уборов.
  2. Осмотрите объекты перед съемкой. Убедитесь, что хвостики плотно прилегают, пучки надежно закреплены, а зажимы полностью застегнуты. Иногда все, что вам нужно, - это быстрое исправление!
  3. Смотри на ветер.Даже легкий ветерок может развеять волосы. Если вам не удается спастись от ветра, попробуйте повернуть объект съемки против ветра. Ветерок развевает ей волосы за спину, а не ей в лицо.
  4. По возможности снимайте шляпы в последнюю очередь. Шляпы могут создавать статическое электричество (или, среди прочего, вызывать головной убор и красную отметину на лбу). Если возможно, сохраните изображения шляп напоследок!
Уловки стилиста для укрощения диких замков

Если вы не можете избежать вьющихся и распущенных волос, помогите вернуть их на место с помощью этих простых советов от парикмахера!

  • Держите небольшую бутылочку разглаживающего масла для волос в вашем комплекте для фотографии.Небольшое количество придаст блеск сухим волосам вашей клиентки и поможет разгладить вьющиеся пряди.
  • Противоскользящие листы - еще один отличный инструмент для вашей сумки! Поищите что-нибудь вроде листов отделки Redken Frizz Dismiss SPF 10 Fly-Away Fix Finishing Sheets.
  • Попробуйте простыню для сушки! Некоторые люди сообщают, что им очень повезло с использованием старых простых листов для сушки. Попросите вашего клиента протереть им волосы. Если она носит шляпу, протрите ее внутреннюю часть салфеткой для сушки, чтобы предотвратить завивание.
  • Вместо спрея или салфетки используйте металлическую расческу, обработанную лаком для волос. Попросите вашего клиента расчесать волосы от корней до кончиков. Металлический гребень поглощает статическое электричество с волос. Лак для волос также помогает укротить выпадение волос.
  • В крайнем случае и нужно быстро исправить? Попробуйте использовать небольшое количество лосьона для рук или лица. Попросите клиентку растереть небольшое количество средства между ладонями, а затем нанести на волосы.

Редактировать распущенные волосы в Photoshop

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

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

Я не даю пошаговых инструкций в посте ниже. Это не исчерпывающее руководство. Скорее, это сводка новостей о растрепанных волосах. Я опишу несколько различных методов, которые считаю полезными, когда мне нужно отредактировать распущенные волосы в Photoshop, и дам ссылки на видео, демонстрирующие этот процесс.

Чтобы освоить эти техники, вам необходимо понять некоторые основы работы с Photoshop. Это включает в себя выбор кисти и изменение размера и мягкости, создание и инвертирование масок слоя и рендеринг окончательного изображения.

Хотите узнать больше о масках слоев? Мы вас прикрыли!

Метод №1: Кисть для лечения пятен

Это наиболее простой метод, в котором задействован единственный инструмент Photoshop. Лучше всего он работает с отдельными волосками, отлетающими от лица, или с другими волосками, но также может работать с волосками, падающими на лицо.

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

Посмотрите этот метод в действии на https://youtu.be/L2RBYuJB0iA

Метод № 2: Инструмент «Лечебная кисть»

Этот метод аналогичен методу №1, но использует инструмент «Восстанавливающая кисть» вместо «Точечной восстанавливающей кисти».Я считаю, что он идет быстрее, чем

Начнем с создания нового слоя. Выберите область для пробы, похожую на область, где находятся волосы. Затем, используя область образца, закрасьте распущенные волоски. Это может работать лучше, чем кисть Spot Healing, потому что вы выбираете, где взять образец, а не оставлять это на усмотрение Photoshop. Я считаю, что этот метод помогает, если волосы на лице или на одежде. Я предпочитаю инструмент «Лечебная кисть» инструменту «Штамп клонирования», потому что он для меня более плавно смешивается.

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

См. Использование этого метода на https://youtu.be/1yB_w0SA5IQ

Слишком много фотошопа - плохо! Посмотрите, когда Photoshop испортится!

Метод № 3: Размытие поверхности

Наш третий метод редактирования распущенных волос в Photoshop использует маску Surface Blur. С помощью этой техники вы используете возможности Photoshop, чтобы смешать эти маленькие волоски до предела.Лучше всего это работает на мягком фоне с очень маленькой текстурой. Если вы пытаетесь исправить волосы на лице или одежде, пропустите этот метод и используйте вместо него один из двух предыдущих.

Начнем с создания нового слоя. Затем выберите Filter - Blur - Surface Blur. Вам нужно будет настроить Радиус и Порог в соответствии с вашим изображением. Радиус - это расстояние от каждого пикселя, на которое вы хотите воздействовать фильтром (в данном случае фильтром является размытие поверхности). Порог определяет, насколько разными должны быть соседние пиксели, прежде чем они будут считаться краевыми пикселями и, следовательно, на них будет действовать фильтр.Чем выше пороговое значение, тем больше должен быть контраст между пикселями. Поиграйте с ползунками, пока эти надоедливые волоски не исчезнут.

Затем вы превратите размытый слой в маску слоя. Выберите Layer-Layer Mask - Hide All, или используйте маску слоя в диалоговом окне Layers и инвертируйте ее. Используя жесткую белую кисть, закрасьте распущенные волоски. Одним из преимуществ этого метода является то, что он требует меньше терпения и аккуратности, чем инструменты для заживления пятен или заживляющих кистей.

Чтобы увидеть этот метод в действии, посетите https://youtu.be/nPAvr5_CWl8

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

Не уверены, нужен ли вам Photoshop или Lightroom? Прочтите наш гид!

Метод № 4: трехэтапный рабочий процесс

Этот рабочий процесс использует 3 различных процесса для редактирования распущенных волос в Photoshop. Вы начнете с использования инструмента «Штамп клонирования» (конечно, на новом слое!).Затем вы создадите грубую маску, которая устранит большинство дефектов. И, наконец, вы улучшите маску, чтобы сохранить текстуру и очертания большей части волос, но избавиться от этих непослушных волосков.

Наблюдать за этим процессом гораздо лучше, чем читать. Проверьте это на https://www.youtube.com/watch?v=obCmWXhXwvg&fbclid=IwAR1cJ80Li0Vai6OQ7xilasWwkzXErona8Kf1Dkrk3ASLaTqL0dBOP8IuJ-0

.

Это видео с участием Unmesh Dinda от Piximperfect научит вас, как завершить этот процесс с помощью мыши или планшета.Он также вводит концепцию редактирования с распущенными волосами, чтобы они выглядели реалистично и естественно.

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

Метод № 5: DSL - трехэтапный процесс для загруженного фона

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

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

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

Посмотрите, что мне удалось сделать при редактировании с помощью этого метода.

Чтобы увидеть видеоурок, просмотрите ниже или посетите https://www.youtube.com/watch?v=AEUjUp7hCPc&fbclid=IwAR0BdySr_7HePVKupsiyooDGYj74Tt3gpIlUTTAFPVYWybXlqIfCWQ3-iQE8 9000

Сумасшедшие волосы случаются

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

Я также считаю, что изучение новых методов редактирования в Photoshop помогает мне в целом улучшить свои навыки работы с программным обеспечением.Возможно, я никогда больше не воспользуюсь Методом №4, но повторение этого процесса два или три раза позволяет мне в целом чувствовать себя более комфортно с программным обеспечением.

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

Полный курс мастерства Adobe Photoshop от новичка до продвинутого

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

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

Обещаю, вам понравится научиться работать с Photoshop.

Курс записан с помощью Photoshop CC на ПК, но он отлично работает, если у вас есть более старая версия Photoshop CS. Я также включаю советы по использованию Mac.

Вот как разбит курс:

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

Во-вторых, мы начинаем использовать наиболее важные инструменты, такие как инструмент перемещения, инструмент кадрирования, инструмент кисти и инструмент лечебной кисти. Мы также узнаем, как использовать слои, чтобы работать с фотографиями неразрушающим образом. (В ходе курса я объясню, что это значит и почему это облегчает вашу жизнь).

Наконец, мы делаем несколько практических проектов в Photoshop.

  • Отбеливание подлежащих зубов.

  • Обрезка изображения большего размера (вы знали, что это можно сделать? Это довольно круто).

  • Создайте квадратное изображение профиля в социальной сети, которое будет работать на YouTube, Instagram или Facebook.

  • Повышение яркости тусклых и темных изображений.

  • Узнайте, как добавить или уменьшить покраснение на лице объекта (чтобы он не выглядел как привидение или вишня).

  • Сделайте изображение черно-белым.

  • Выключите небо в горной сцене (мы можем выбрать облака, голубое небо или даже северное сияние).

  • Объедините два изображения в одно (берем кружку для капучино и ставим ее в поле цветов, просто для удовольствия!).

  • И многое другое.

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

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

© 2019 Штирлиц Сеть печатных салонов в Перми

Цифровая печать, цветное и черно-белое копирование документов, сканирование документов, ризография в Перми.