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

Как сделать шапку для 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. Последний шаг – “Выбрать”.

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

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

Шаг 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. Теперь выберите пункты «Слои» – «Объединить с предыдущим».

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

Шаг 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, потребуется сохранить копию и в соответствующем формате: на этапе выбора места сохранения в меню «Тип файла» установите необходимый.

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

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

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

Помогла ли вам эта статья?

ДА НЕТ

Поделиться статьей в социальных сетях:

пошаговый план + список сервисов

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

Содержание

• 1 Примеры удачной шапки
• 2 Формат и размер шапки
• 3 Как настраивать оформление на канале ютуб
• 4 Работа в Photoshop
• 5 Как сделать шапку с помощью онлайн-сервисов
• 6 Вот обзор 5 лучших онлайн сервисов:
  • 6.1 Canva
  • 6.2 Ikomee
  • 6.3 Fotor
  • 6.4 FotoJet
  • 6.5 Photovisi

Примеры удачной шапки

Вот несколько примеров удачных шапок для ютуба: 

1. Шапка канала Airbnb

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

2. Шапка канала LinkedIn

Это социальная сеть для работодателей и работников. Шапка канала – очень простая и лаконичная, выполнена в черно-белом цвете. В то же время она запоминается и вызывает яркие эмоции. Логотип компании здесь – часть текста. 

3. Шапка канала Познаватель

Эта шапка также довольна лаконична – название крупными белыми буквами буквами на голубом фоне и изображение главного персонажа канала – желейного медведя Валерки, который держит табличку со словом “Спасибо” и бриллиантовую кнопку Ютуб, которую дают за 10 млн. подписчиков. 

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

Формат и размер шапки

Рекомендуем курс по заработку в интернете:Узнайте более 50 способов заработать в интернете, включая способы заработка на YouTube

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

• Рекомендуемое разрешение вашей шапки 2560х1440 пикселей.
• Размер файла, который вы хотите загрузить не должен превышать 2 Мбайт, иначе файл на сайт не загрузится.

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

Как настраивать оформление на канале ютуб

Развивайте свой канал на YouTube с умом: Изучите полное руководство по работе с YouTube

1. Для начала зайдите на свой канал на сайте ютуб (таковой должен иметься, иначе зачем вам эта статья), вверху экрана посередине будет кнопка « Добавить оформление канала», если же у вас уже есть фон, то в правом верхнем углу должна быть иконка карандаша, нажав на которую вам надо будет кликнуть на подпункт «Изменить оформление канала».
2. На странице на которую вы перешли, будет пункт «Рекомендации по выбору оформления», там сотрудники сайта ютуб выложили шаблон, который можно скачать, для того что бы удобнее было создавать шапки, на этом шаблоне указаны зоны которые будут отображаться на разных устройствах. Качаем этот файл, и для того большего удобства лучше сохранить данный файл в формате psd. – расширение которое использует программа Фотошоп, так как именно в этом графическом редакторе и будут происходить наши следующие действия. Теперь можете покинуть сайт.

Работа в Photoshop

1. Откройте скачаный файл, сделайте прозрачность около 40%, что бы видеть нужную область. Кликните на «Окно (Window) – «Слои»(Layers), а дальше два раза нажмите на Background, таким образом у нас получилось создать слой и преобразовать его в простой. Назовем этот слой «Фон». У вас есть возможность скачать готовый фон на сайт, написав в поисковике «шапки для ютуб 2560х1440», а для любителей оригинального стиля, мы советуем создать фон собственноручно.
2. Два раза кликнув по слою, можно залить его одним цветом, определить цвет , насыщенность и яркость вы можете дважды нажав на прямоугольник с цветом. Также можно добавить градиентную заливку, поизменяв немного настройки прозрачности «Цвета» и «Градиента» вы получите довольно интересный фон.
3. Далее скачиваем картинку, которая соответствует тематике вашего канала, подогнать ее под размер вы сможете комбинацией клавиш « Ctrl+T», переносим в фотошоп как новый слой.
4. С помощью инструмента «Горизонтальный текст» вписываем название вашего канала для пользователей ютуба.

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

Как сделать шапку с помощью онлайн-сервисов

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

Вот обзор 5 лучших онлайн сервисов:

Canva

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

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

Ikomee

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

Fotor

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

FotoJet

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

Photovisi

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

Смотрите также видео, с чего начать развитие канала:

 

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

Если вы хотите знать больше о монетизации ютуб-канала и других видах получения дохода в интернете, заходите сюда: 50 способов заработка в Интернете

Если вам нужна помощь в раскрутке канала или еще какие-либо интернет-услуги, можете обратиться в фриланс магазин kwork.ru.  Найдите удаленного дизайнера и сделайте заказ шапки для канала или другой графики.

 

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

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

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

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

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

Ютуб требует, чтобы изображение «шапки» имело размер 2560 на 1440 пикселей, весом не более 4 МБ. Давайте сохраним эти требования. В фотошопе создаем новый слой с необходимым размером, просто указываем их в поле ввода.Поздравляю, мы создали новый слой, удовлетворяющий требованиям. Теперь все зависит от вашей фантазии. Каким будет изображение канала? Предположим, мы имеем тематику блогов о кино и сериалах. Следовательно, нам потребуются соответствующие изображения. Для начала я рекомендую воспользоваться поиском по картинкам в любой поисковой системе. А именно: сначала найдем текстуру. Текстура – это фон нашей итоговой картинки, именно на ней будем размещать наши изображения. Получится такой простенький дизайн.

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

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

Отлично, теперь ищем тематические картинки, которые поместим на текстуру. В моем случае, это будут постеры к фильмам, так как канал посвящен этой тематике.

Постеры мы добавим прямиком на текстуру, просто перетащим их с рабочего стола. Эти изображения можно легко редактировать: поворачивать, изменять физический размер, высоту, длину и т.д… Просто нажмите на картинке комбинацию клавиш CTRL+T. Теперь вы можете растягивать изображения как вашей душе угодно! Получаем следующую картину.

Давайте немного выделим эти картинки. Для этого нам потребуется инструмент «Стиль слоя». Он находится в самом низу на палитре со слоями.Нажимаем на него и видим такое окошко с разными меню и настройками. Можно разделить изображения путем инструмента «Обводка». Вокруг отдельной картинки начнет проявляться граница-рамка. Вы можете сами задать интенсивность и цвет рамки. Я рекомендую поставить размер рамки 2, а цвет выбрать можно любой на ваш вкус. Я остановился на черном. В этом меню есть множество настроек, но они ситуативны. Вы можете сами поиграться с ними и посмотреть что получится. Теперь перейдем к надписи. Ее мы будем размещать над картинками в самом вверху.

Воспользуемся инструментом «Текст».Для того, чтобы выбрать место, где текст будет располагаться, достаточно просто перетащить его на нужную область экрана. В меню настройки текста есть параметры: размер, стиль текста (шрифт), жирность, цвет и др… Все как в «Word».Все эти параметры легко изменяются, тем самым вы можете выбрать идеальный стиль текста для себя. Я выбрал шрифт Impact, белого цвета, а размер подогнал по чисто эстетическим изображениям. Вышло как-то так.

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

Давайте добавим пару линий к названию: сверху и снизу текста. Нам потребуется инструмент «Линия».Для начала передвинем слой с текстом чуть ниже, просто кликните по нему и перетащите мышкой вниз, мысленно нарисуйте две линии. Одну сверху, вторую снизу. Теперь выберите инструмент «Линия» и проведите линию с зажатым ALT сверху текста и под ним. Обратите внимание, что этот инструмент имеет также множество настроек. Я решил нарисовать еще две линии, просто, чтобы были.

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

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

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

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

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

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

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

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

Кстати, перед созданием дизайна задайтесь вопросом: а если бы вы были зрителем канала, то какой дизайн смог обратить на себя ваше внимание? Подобный вопрос заставит ваш мозг работать и искать творческие решения! Удачи вам в твроческих начинаниях. Будем оставаться на связи!

Делаем шапку для сайта в Фотошоп

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

Лично я вижу тенденцию к увеличению внимания к заголовкам для сайта/блога.

Во время урока мы будем практиковать использование Инструмента Перо (Pen Tool), различных вариантов регулирования изображения (adjustment), инструмента свободного трансформирования (free transformation), стилей наложения слоя (blending styles) и фильтры  (filter). Надеюсь, вы будете наслаждаться уроком!

Вот предварительный просмотр моих окончательных результатов:

Итак, начнем!

Шаг 1. Создайте документ размером 1200 x 600 пикселов (Обратите внимание, что вы можете задать любой размер, который вы считаете подходящим для дизайна вашего сайта, этот размер может быть использован только для практической цели). Заполните фоновым цветом с черным.

Создайте новый слой  Заливка Радиальным Градиентом  и используйте Градиент (Gradient Tool) (G), выберите опцию Радиальная заливка (Radial Fill), и заполните вновь созданный слой, как показано ниже: (Вы можете использовать любой цвет, который хотите).

Затем создайте новый слой и назовите  Заливка Угловым градиентом выше слоя  Заливка Радиальным Градиентом, установите режим наложения перекрытие (overlay)

Используйте инструмент Прямоугольная область (M) (Rectangular Marquee Tool), чтобы выбрать центральную часть слоя, снова использовать Градиент ( Gradient Tool) (Установить цвет переднего плана  белый, с прозрачным фоном), на этот раз мы выбираем опцию Угловой градиент (Angle Gradient), заполните выделение как показано ниже:

Шаг 2. Копируйте слой Заливка Радиальным Градиентом один раз и выберите режим наложения (blending option) дублированного слоя Перекрытие (Overlay), перейдите к Правка> Трансформация> Повернуть (Edit > Transform > Flip Horizontal) по горизонтали и поверните слой горизонтально. Слейте два слоя вместе. Установите режим наложения (blending option) Перекрытие (overlay) после слияния.

Примените Стиль слоя — Тень (Drop Shadow) к слою слияния, как показано ниже:

Затем уменьшите непрозрачность для слоя Заливка Радиальным Градиентом до 60% и у вас будет следующий эффект:

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

Установите режим наложения  Перекрытие (Overlay) и вы получите следующий эффект:

Шаг 3. Я решил добавить  этому изображению немного глубины и немного трехмерности. Итак, выберите слой Заливка угловымградиентом, нажмите Ctrl + T и используйте Свободную трансформацию (free transformation), выберите Перспективу (perspective) и преобразуйте слой, как показано ниже: (уменьшите ширину для верхней границы рамки)

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

Шаг 4. Создайте новый слой Сверкающая линия, используйте инструмент Перо (Pen Tool), чтобы создать работу, как показано ниже:

Затем щелкните правой кнопкой мыши и выберите Обводка контура (Stroke Path) и выберите Кисть (brush) (перед этим выберите мягкую круглую кисть маленького диаметра). Убедитесь, что у вас включена опция Имитировать нажим.

Вот как должно выглядеть сейчас:

Шаг 5. Дублируйте слой Сверкающая линия  несколько раз, используйте функцию Свободная трансформация (Free Transformation), чтобы вращать, искажать, изменять размеры дублированного слоя и смешивать линии вместе:

Слейте эти дублированные слои вместе и дублируйте получившийся слой несколько раз, снова используйте Свободную трансформацию (free transformation), чтобы добавить еще несколько линий на изображении:

Дублируйте слитый слой, примените к нему фильтр Размытие по Гауссу (Gaussian Blur) радиус размытия 4 пикс.

Сейчас ваш рисунок должен выглядеть так:

Шаг 6. Создайте новый слой, назовите Сияющая точка, загрузите выделение для слоя Сверкающая линия, затем нажмите правой кнопкой и выберите пункт Образовать рабочий контур (Make Work Path):

Выберите допуск для рабочего контура (work path)  0.5 пикс. Теперь выберите мягкую круглую кисть радиусом 3 пикселя со следующими динамическими параметрами настройки кисти:

Также убедитесь, что стоит галочка  Сглаживание (Smoothing). На слое Сияющая точка, сделайте обводку контура этой кистью, и вы увидите следующий эффект:

Шаг 7. Теперь мы можем добавить немного облака/дыма у основания этих линий. Чтобы сделать это, мы просто создаем новый слой и используем Инструмент Лассо (Lasso Tool) с растушёвкой 40 пикселей, чтобы выбрать нижнюю часть этих ярких линий, и используйте  Фильтр > Рендеринг > Облака, создайте облако (выберите цвет переднего плана белый, заднего —  черный)

Вы можете заметить, что я также использую фильтр Блик  (Filter > Render > Lens Flare ) со следующими параметрами настройки, чтобы выдвинуть на первый план часть центра облака:

Выберите Режим наложения (blending option) Перекрытие (overlay) и вы получите такой эффект:

Наконец, мы помещаем имя сайта и навигацию на изображении:

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

Вот мое заключительное изображение для этой обучающей программы:

Альтернативные версии:

Надеюсь, что вам понравился урок!

Автор: psdvault

Как сделать шапку для YouTube канала: в фотошопе и онлайн

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

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

Основы, которые должен знать каждый

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

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

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

Несколько полезных советов о том, как делать шапку

Включать и выключать направляющие вы можете при помощи сочетания кнопок Ctrl+H.

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

Лучше будет, если вы поставите эту картинку по центру. Ну или выберете другое фото, как на рисунке ниже.

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

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

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

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

Еще одна полезная штука, которая мне нравится – наложение градиента.

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

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

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

Все что делает автор — не сложно, единственное, где может возникнуть непонимание 2:45. Как открывается шкала времени? Автор ролика делает это двойным щелчком внизу программы. Вряд ли у вас так получится, попробуйте лучше сделать это через панель сверху: Окно – Шкала времени.

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

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

Как добавить шапку

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

Перетаскиваете сюда изображение из папки или выбираете файл на компьютере.

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

Можно поставить галочку на «Автокоррекцию», чтобы настроить цвета в автоматическом режиме. Если вы пользовались фотошопом и скачанным с моего сайта макетом, то кадрировать не нужно. У вас уже все настроено верно.

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

Видите, теперь она немного размыта.

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

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

Однако, у конструкторов, о которых пойдет речь, есть очень большой недостаток – отсутствие русских шрифтов и дополнительные платные функции. Если вы будете писать на английском, то вроде бы еще ничего, но платные функции…

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

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

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

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

О сервисах, которые помогут создавать шапки

Один из лучших сервисов, которым я пользуюсь регулярно – www.canva.com. Здесь я нахожу интересные идеи для рекламных постов в социальные сети, постеры, баннеры и так далее. Что вам понадобится? Заходите через Facebook или Google+, а затем нажимаете на More..

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

Сейчас вам понадобится YouTube Channel Art. Кликаем.

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

Однако, посмотрите как сделаны эти шапки, выставлены объекты расположены надписи, использованы шрифты. В фотошопе можно сделать все то же самое!

Еще один сервис идеально подойдет для девушек — www.fotor.com. Заходить (Sign in) не обязательно, кликайте сразу на Design.

Снова находим в списке YouTube Channel Art.

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

Fotojet.com также богат на шаблоны.

Кликает на Design, находим YouTube Banner, жмем Get Started.

И наслаждаемся.

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

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

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

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

До новых встреч.

Как сделать шапку для YouTube канала: в фотошопе и онлайн

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

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

Основы, которые должен знать каждый

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

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

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

Несколько полезных советов о том, как делать шапку

Включать и выключать направляющие вы можете при помощи сочетания кнопок Ctrl+H.

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

Лучше будет, если вы поставите эту картинку по центру. Ну или выберете другое фото, как на рисунке ниже.

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

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

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

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

Еще одна полезная штука, которая мне нравится – наложение градиента.

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

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

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

Все что делает автор — не сложно, единственное, где может возникнуть непонимание 2:45. Как открывается шкала времени? Автор ролика делает это двойным щелчком внизу программы. Вряд ли у вас так получится, попробуйте лучше сделать это через панель сверху: Окно – Шкала времени.

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

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

Как добавить шапку

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

Перетаскиваете сюда изображение из папки или выбираете файл на компьютере.

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

Можно поставить галочку на «Автокоррекцию», чтобы настроить цвета в автоматическом режиме. Если вы пользовались фотошопом и скачанным с моего сайта макетом, то кадрировать не нужно. У вас уже все настроено верно.

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

Видите, теперь она немного размыта.

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

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

Однако, у конструкторов, о которых пойдет речь, есть очень большой недостаток – отсутствие русских шрифтов и дополнительные платные функции. Если вы будете писать на английском, то вроде бы еще ничего, но платные функции…

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

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

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

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

О сервисах, которые помогут создавать шапки

Один из лучших сервисов, которым я пользуюсь регулярно – www.canva.com. Здесь я нахожу интересные идеи для рекламных постов в социальные сети, постеры, баннеры и так далее. Что вам понадобится? Заходите через Facebook или Google+, а затем нажимаете на More..

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

Сейчас вам понадобится YouTube Channel Art. Кликаем.

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

Однако, посмотрите как сделаны эти шапки, выставлены объекты расположены надписи, использованы шрифты. В фотошопе можно сделать все то же самое!

Еще один сервис идеально подойдет для девушек — www.fotor.com. Заходить (Sign in) не обязательно, кликайте сразу на Design.

Снова находим в списке YouTube Channel Art.

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

Fotojet.com также богат на шаблоны.

Кликает на Design, находим YouTube Banner, жмем Get Started.

И наслаждаемся.

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

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

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

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

До новых встреч.

Как сделать баннер в фотошопе? Пошаговое руководство

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

Создание простого веб-баннера в Photoshop

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

Разрабатываем простой веб-баннер в Photoshop

Откройте новый документ. Открываем в Photoshop новый документ нужного размера:

Новый документ

Нарисуйте прямоугольник с помощью инструмента «Прямоугольная область». Перед тем, как сделать шапку сайта HTML, создайте на новом слое прямоугольник любого цвета:

Прямоугольник

Стиль слоя> Наложение градиента. Нажмите на стиль, а затем примените градиент:

Стиль «Наложение градиента»

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

Форма кисти, настройки кисти

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

Инструмент «Эллиптическое выделение»

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

Эллиптические фигуры

Используйте кисть, чтобы удалить лишние области, поместите эти три слоя в группу и кликните по иконке маски слоя. Выберите любой размер кисти, но не очень большой. Установите «Жесткость» — 0%, «Непрозрачность» — 10%. Зарисуйте края этих эллипсов, чтобы смешать их, и уменьшите непрозрачность:

Кисти — разработка простого баннера

Выберите инструмент «Горизонтальный текст» и введите надпись шапки сайта HTML. Введите основную надпись баннера, а затем добавьте дополнительную информацию о сайте:

Надпись на баннере

Создайте новый слой и создайте тень баннера. Создайте новый слой, кликните кистью один раз в любом месте и установите тень внизу веб-баннера так, чтобы прозрачность составляла 50 или 40%:

Тень веб-баннера

Создайте новый слой ниже слоя баннера. Создайте новый слой ниже слоя баннера, как показано на рисунке ниже, и кликните один раз кистью белого цвета, «Жесткость» — 0%. Затем разместите эту светлую область на основном баннере и уменьшите непрозрачность слоя до 70%:

Светлая область

Поместите все слои в группу. Затем продублируйте эту группу и измените цвет градиента. Измените градиент и надпись баннера, как показано на рисунке ниже:

Простой баннер

Заключение

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

Данная публикация является переводом статьи «How to Design Simple Web Banner In Photoshop» , подготовленная редакцией проекта.

Делаем шапку для сайта в Фотошоп / Creativo.one

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

Лично я вижу тенденцию к увеличению внимания к заголовкам для сайта/блога.

Во время урока мы будем практиковать использование Инструмента Перо (Pen Tool), различных вариантов регулирования изображения (adjustment), инструмента свободного трансформирования (free transformation), стилей наложения слоя (blending styles) и фильтры  (filter). Надеюсь, вы будете наслаждаться уроком!

Вот предварительный просмотр моих окончательных результатов:

Итак, начнем!

Шаг 1. Создайте документ размером 1200 x 600 пикселов (Обратите внимание, что вы можете задать любой размер, который вы считаете подходящим для дизайна вашего сайта, этот размер может быть использован только для практической цели). Заполните фоновым цветом с черным.

Создайте новый слой  Заливка Радиальным Градиентом  и используйте Градиент (Gradient Tool) (G), выберите опцию Радиальная заливка (Radial Fill), и заполните вновь созданный слой, как показано ниже: (Вы можете использовать любой цвет, который хотите).

Затем создайте новый слой и назовите  Заливка Угловым градиентом выше слоя  Заливка Радиальным Градиентом, установите режим наложения перекрытие (overlay)

Используйте инструмент Прямоугольная область (M) (Rectangular Marquee Tool), чтобы выбрать центральную часть слоя, снова использовать Градиент ( Gradient Tool) (Установить цвет переднего плана  белый, с прозрачным фоном), на этот раз мы выбираем опцию Угловой градиент (Angle Gradient), заполните выделение как показано ниже:

Шаг 2. Копируйте слой Заливка Радиальным Градиентом один раз и выберите режим наложения (blending option) дублированного слоя Перекрытие (Overlay), перейдите к Правка> Трансформация> Повернуть (Edit > Transform > Flip Horizontal) по горизонтали и поверните слой горизонтально. Слейте два слоя вместе. Установите режим наложения (blending option) Перекрытие (overlay) после слияния.

Примените Стиль слоя — Тень (Drop Shadow) к слою слияния, как показано ниже:

Затем уменьшите непрозрачность для слоя Заливка Радиальным Градиентом до 60% и у вас будет следующий эффект:

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

Установите режим наложения  Перекрытие (Overlay) и вы получите следующий эффект:

Шаг 3. Я решил добавить  этому изображению немного глубины и немного трехмерности. Итак, выберите слой Заливка угловым градиентом, нажмите Ctrl + T и используйте Свободную трансформацию (free transformation), выберите Перспективу (perspective) и преобразуйте слой, как показано ниже: (уменьшите ширину для верхней границы рамки)

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

Шаг 4. Создайте новый слой Сверкающая линия, используйте инструмент Перо (Pen Tool), чтобы создать работу, как показано ниже:

Затем щелкните правой кнопкой мыши и выберите Обводка контура (Stroke Path) и выберите Кисть (brush) (перед этим выберите мягкую круглую кисть маленького диаметра). Убедитесь, что у вас включена опция Имитировать нажим.

Вот как должно выглядеть сейчас:

Шаг 5. Дублируйте слой Сверкающая линия  несколько раз, используйте функцию Свободная трансформация (Free Transformation), чтобы вращать, искажать, изменять размеры дублированного слоя и смешивать линии вместе:

Слейте эти дублированные слои вместе и дублируйте получившийся слой несколько раз, снова используйте Свободную трансформацию (free transformation), чтобы добавить еще несколько линий на изображении:

Дублируйте слитый слой, примените к нему фильтр Размытие по Гауссу (Gaussian Blur) радиус размытия 4 пикс.

Сейчас ваш рисунок должен выглядеть так:

Шаг 6. Создайте новый слой, назовите Сияющая точка, загрузите выделение для слоя Сверкающая линия, затем нажмите правой кнопкой и выберите пункт Образовать рабочий контур (Make Work Path):

Выберите допуск для рабочего контура (work path)  0.5 пикс. Теперь выберите мягкую круглую кисть радиусом 3 пикселя со следующими динамическими параметрами настройки кисти:

Также убедитесь, что стоит галочка  Сглаживание (Smoothing).
На слое Сияющая точка, сделайте обводку контура этой кистью, и вы увидите следующий эффект:

Шаг 7. Теперь мы можем добавить немного облака/дыма у основания этих линий. Чтобы сделать это, мы просто создаем новый слой и используем Инструмент Лассо (Lasso Tool) с растушёвкой 40 пикселей, чтобы выбрать нижнюю часть этих ярких линий, и используйте  Фильтр > Рендеринг > Облака, создайте облако (выберите цвет переднего плана белый, заднего —  черный)

Вы можете заметить, что я также использую фильтр Блик  (Filter > Render > Lens Flare ) со следующими параметрами настройки, чтобы выдвинуть на первый план часть центра облака:

Выберите Режим наложения (blending option) Перекрытие (overlay) и вы получите такой эффект:

Наконец, мы помещаем имя сайта и навигацию на изображении:

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

Вот мое заключительное изображение для этой обучающей программы:

Альтернативные версии:

Надеюсь, что вам понравился урок!

Автор: psdvault

Источник: www.psdvault.com

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как нарисовать шляпу фокусника. Учебное пособие по Photoshop

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

Создайте новый документ Photoshop 500px * 500px , нажав CTRL + N, или перейдя в File >> NEW.

Удерживая нажатой клавишу Shift, перетащите свой градиент tool снизу вверх. Теперь возьмите Pen Tool , создайте похожий объект, как показано ниже, щелкните правой кнопкой мыши по пути — >> сделать выделение >> щелкните ОК, и у вас должно быть выделение в форме вашего предыдущего пути. Возьмите инструмент Bucket Paint Tool и, установив цвет переднего края на # 1a140d, залейте выделение.

Следуя тем же шагам, вы нарисуете ленту:

Теперь возьмите Pen Tool , создайте подобный объект, как показано ниже, щелкните правой кнопкой мыши путь — >> сделать выбор >> нажмите ОК, и у вас должно быть выделение в форме вашего предыдущего пути.Возьмите инструмент Bucket Paint Tool и с цветом переднего края , установленным на # 87898b, залейте выделение.

Отлично. У вас должно получиться что-то вроде этого:

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

Так что возьмите Dodge Tool. Установите это так:

Brush: 90px soft round; Ассортимент: Основные моменты; Выдержка: 75%. И уклоняйтесь от областей, выделенных на картинке ниже.

Теперь возьмите инструмент Burn Tool и установите его: Brush: 70px soft round; Диапазон: средние тона; Выдержка: 73%.

Сожгите область, показанную на картинке выше.

Становится немного лучше, правда? 🙂

А теперь сделаем то же самое с нашей шляпой!

Сначала остановимся на нижней части.

Выберите слой Hat .

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

Теперь перейдем к другой половине:

Первое, что нужно сделать, это определить ширину нашей шляпы.

Итак, создайте путь, используя Pen Tool , как показано на рисунке: Выберите инструмент Dodge Tool и установите размер кисти на 3 пикселя. Снова выберите Pen Tool . Щелкните правой кнопкой мыши на своем пути >> Обводка >> выберите Dodge из раскрывающегося списка. Снова выберите инструмент Dodge Tool , выберите мягкую круглую кисть , 60 пикселей и уклонитесь от области, продолжая светлые участки на ленте, как мы делали с нижней частью раньше.

Посмотрите на экран печати:

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

Следующие действия: с помощью пера tool создайте фигуру, похожую на красную:

Щелкните правой кнопкой мыши по контуру, сделайте выделение.

Создайте новый слой и назовите его как хотите. Я назову его внутренним слоем .

Залейте выделение # 1a140d.

Теперь вам нужно снова использовать Dodge и Burn для создания теней / бликов, как мы делали с предыдущими слоями :

Как только вы это сделали, снова выберите слой Hat .

Дважды щелкните его миниатюру, чтобы открыть окно «Параметры наложения».

Примените эти настройки:

И готово :).

Надеюсь, вам понравился мой урок Magician Hat Photoshop Tutorial не меньше, чем мне.

Приятного чтения!

В следующий раз я покажу вам, как добавить больше эффектов и как сделать это ВОЛШЕБНО! Подписывайтесь на меня в твиттере и следите за моими твитами, чтобы узнать, когда это событие произойдет :)!

C’ya!

Как использовать Photoshop и Illustrator для создания шляпы Fedora

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

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

Предварительный просмотр

Вот конечный результат того, что вы собираетесь собрать сегодня:

Ресурсы

Для этого урока вам понадобится пара дополнительных ресурсов.Вы можете получить их по этим ссылкам:

Шаг 1: Новый документ

Создайте новый документ в Photoshop. Размер моего холста 600 на 700 пикселей, 72 dpi.

Шаг 2: Справочная информация

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

Шаг 3. Рисование шляпы в Illustrator

Теперь откройте Adobe Illustrator.Я буду использовать инструмент «Перо» в Illustrator, чтобы создать форму моей шляпы. Мне кажется, мне легче управлять им, чем в Photoshop. Создайте холст того же размера, что и в Photoshop. Моя шляпа состоит из трех частей, поэтому я сделал три разные формы. Залейте их любым цветом, потому что мы изменим их, как только перенесем в Photoshop.

Шаг 4

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

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

Шаг 5

Нет необходимости менять цвет лука (оставьте его черным # 000000), который идет вокруг шляпы, но вы можете изменить имя этого слоя на «Bow».

Шаг 6

Теперь верх шляпы (вы можете назвать этот слой «Top») измените его цвет в стиле слоя.

Шаг 7

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

Шаг 8: Обод

Выберите слой «Rim», затем используйте пункт меню «Слой»> «Стиль слоя»> «Создать слой». Теперь убедитесь, что выбран слой «Color Fill» Обода. Давайте затемним некоторые области на этом ободе. Возьмите Burn Tool, начните с мягкой круглой кисти 52px, используя настройки Range: Midtones и Exposure: 86% и пройдите по краям.

Шаг 9

Теперь измените Range на тени и затемните его немного с помощью мягкой круглой кисти 75 пикселей.

Шаг 10

Теперь возьмите кисть Dodge и нарисуйте несколько бликов. Я использовал мягкую круглую кисть 72px с настройками Range: Highlights и Exposure: 48% .

Шаг 11: Шаблон

Сделайте дублированный слой «Rim» видимым. Убедитесь, что этот слой находится над слоем «Color Fill» обода, и переименуйте его в «Rim Pattern».Теперь щелкните слой правой кнопкой мыши и выберите « Преобразовать в смарт-объект », а затем растеризуйте его. Убедитесь, что для параметра Заливка этого слоя установлено значение 0%, и добавьте этот стиль слоя:

.

Шаг 12

Теперь преобразуйте этот слой в смарт-объект и также растрируйте его. Измените режим наложения этого слоя на «Мягкий свет».

Шаг 13

Теперь узор выглядит немного «плоским» — давайте это изменим. Перейдите в Filter> Liquify и постарайтесь изменить узор и придать ему некоторую форму.

Шаг 14

Вот как это должно выглядеть на данный момент:

Шаг 15: начало

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

Шаг 16

Теперь возьмите этот невидимый слой «Top» и сделайте его видимым.Убедитесь, что он находится над слоем Top’s Color Fill, и добавьте узор. Убедитесь, что заливка этого слоя равна 0%.

Шаг 17

Преобразуйте этот слой «Top Pattern» в смарт-объект и растеризуйте его. Измените этот слой на «Мягкий свет» и измените Заливку на 57%.

Шаг 18

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

Шаг 19

Вот как это должно выглядеть после разжижения:

Шаг 20

Теперь создайте новый слой над узором и возьмите кисть. С помощью мягкой круглой кисти (# d0a054) размером 135 пикселей нарисуйте мягкие блики. Я сделал V-образную косую черту на шляпе, чтобы выделить основные моменты.

Шаг 21

Измените непрозрачность этого слоя на 60%:

Шаг 22

Создайте новый слой.Теперь мы еще немного затемним «Верх». С помощью той же мягкой круглой кисти (# 2e1b01) затемните его по левому краю. Затем измените этот слой на «Мягкий свет»:

.

Шаг 23

Создайте новый слой и мягкой кистью (#ffffff) добавьте еще несколько бликов наверху:

Шаг 24

Измените этот слой на «Overlay» с непрозрачностью 55%:

Шаг 25

Создайте новый слой и добавьте еще блеска.Я также использовал инструмент Smudge Tool, чтобы сгладить его

Шаг 26

Измените этот слой на «Мягкий свет» с непрозрачностью 87%:

Шаг 27

Теперь создайте новый слой над слоем «Bow» и мягкой круглой кистью 83px (#ffffff) добавьте немного блеска. Обычно я выбираю «лук», чтобы не беспокоиться о стирании. Чтобы сделать выделение, просто наведите указатель мыши на квадрат рядом со слоем «Bow», удерживая нажатой клавишу «Control» или «Option», и щелкните этот квадрат.

Шаг 28

Измените Заливку этого слоя сияния на 57%:

Шаг 29

Теперь перейдите в Filter> Blur> Motion Blur и размывайте этот слой, используя следующие настройки:

Шаг 30

Добавьте немного шума, перейдя в Фильтр> Шум> Добавить шум и используйте следующие настройки:

Шаг 31

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

Шаг 32

Добавьте тени и блики с помощью инструмента «Черно-белая кисть» (мягкая круглая кисть). Также помните, когда вы добавляете белые штрихи, чтобы добавить немного шума, как на шаге 30. Добавляйте блики, пока они не станут похожи на бантик, как на изображении ниже.

Шаг 33

Теперь перейдите к невидимому слою «Bow», сделайте его видимым и продублируйте. Убедитесь, что «Bow Copy» и «Bow Copy 2» находятся под исходным слоем лука.Возьмите один из дубликатов и размойте его, используя Filter> Blur> Gaussian Blur и эти настройки:

Шаг 34

Переместите этот слой на несколько пикселей вниз:

Шаг 35

Повторите размытие по Гауссу еще раз, но примените его к другому дублированному слою, а затем переместите его вверх.

Шаг 36

Загрузите PSD-файл Feather и перетащите его на свой холст. При необходимости измените его размер.

Шаг 37

Добавьте тень для пера:

Шаг 38

Создайте новый слой и с помощью инструмента «Перо» нарисуйте линию, как показано ниже. Убедитесь, что ваш инструмент Paint Brush установлен на мягкую круглую кисть 3px #FFFFFF. Щелкните правой кнопкой мыши линию инструмента «Перо» и выберите «Обводка контура». Также убедитесь, что установлен флажок «Имитировать давление».

Шаг 39

Измените этот слой на «Мягкий свет»:

Шаг 40

Создайте новый слой над слоем «Фон».Поместите блик за шляпой на этом слое с помощью мягкой круглой кисти #FFFFFF 499px.

Шаг 41

Измените этот слой на «Overlay»:

Шаг 42

Создайте новый слой над слоем «light» и мягкой круглой кистью #FFFFFF проведите кистью по верхним внешним краям шляпы.

Шаг 43

Измените непрозрачность этого слоя на 32%:

Шаг 44

Создайте новый слой и снова добавьте тень внизу.Измените режим наложения этого слоя на Overlay с непрозрачностью 71%:

Шаг 45

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

Окончательные результаты

Вот как должна выглядеть ваша шляпа.Поздравляю!

Учебное пособие для иллюстратора: Рождественская шапка

Пред. • Уроки • След.

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

Загрузить исходный файл

Требуется: Illustrator 9+

1. Шляпа

Начните шляпу с рисования двух основных контуров и заливки их линейным градиентом (от красного к темно-красному).

2. Тень

Создайте путь (теневой путь), как на изображении слева. Выделите верхнюю часть шляпы, Скопируйте и Вставьте спереди ( Ctrl + F ). Теперь выберите скопированный путь и путь тени, удерживая клавишу Alt и выберите Intersect shape area в Pathfinder pallate.

Ваш путь должен выглядеть как на изображении слева. Повторите этот шаг, чтобы создать еще один путь тени для нижней части шляпы.Затем залейте эти 2 теневых пути линейным градиентом (от красного к более тёмно-красному), в pallate Transparency выберите Multiply .

3. Мех

С помощью инструмента Pen Tool нарисуйте примерно путь, как на изображении слева, и залейте его серым цветом. Перейдите в Effect> Distort & Transform> Roughen

Опции для придания шероховатости

В окне Roughen введите следующие настройки: Размер = 8%, Деталь = 95 / дюйм, выберите Угол точек.Вы можете установить флажок Preview , чтобы просмотреть результат.

Сделайте копию серого контура, удерживая Alt + перетаскивание (вы можете использовать Copy & Paste , если хотите) и залейте его белым. Немного уменьшите масштаб и поднимите немного выше серого пути. Выделите верхнюю часть шляпы и ее тень, переместите их на передний план с помощью Object> Arrange> Bring to Front ( Ctrl + Shift +] ).

Используйте инструмент Ellipse Tool , чтобы создать круг, и повторите предыдущий шаг, чтобы сделать пушистый шар.

Финал

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

Развлекайтесь

А теперь повеселитесь со своей новогодней шапкой!

Алиса в стране чудес: Урок безумного шляпника по Photoshop

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

Шаг 1 Как сделать шляпу Безумного Шляпника

Я нашел действительно красивое фото на deviantart.com Мистер.Шляпник VI от ~ MaithiranStock поэтому я решил, что мне нужно сделать эту фотоманипуляцию.

Используйте Filter — Liquify Tool (Shift + Ctrl + X) и измените инструмент Forward Warp Tool. форма шляпы как на изображении:

Еще мне нужно изменить глаза. Загрузите изображение большого размера с шляпник и обрежьте глаза. Создайте слой для каждого глаза и поместите их в нужное место.Начните растушевку, аккуратно стирая кожу и оставляя только глаза. Используйте инструмент «Размытие», чтобы смягчить края.

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

Перейдите в Image — Adjustments — Brightness / Contrast и увеличьте контраст. как на изображении:

Еще вам нужно использовать инструмент Brush Tool, чтобы закрасить глаз # 655d47 цвет.Размер кисти — 3 пикселя. Также используйте инструмент Dodge Tool, чтобы осветлить белая область глаза. После обработки обоих глаз у вас должно получиться что-то как это:

Шаг 2 Добавьте несколько необычных деталей к шляпе Безумного Шляпника

Теперь давайте добавим некоторые черты персонажа безумного шляпника. Для шапки распишу шарф поверх. Итак, с помощью Pen Tool нарисуйте простую фигуру, цвет # d52d00:

.

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

Сделайте то же самое, но на этот раз с помощью Dodge Tool:

.

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

Теперь давайте добавим еще несколько функций. Добавьте карточку с текстом «10/6». на шляпе.

Скопируйте это изображение THE_QUEEN автор: * QBit71

и измените его размер. Используйте инструмент Clone Tool, чтобы аккуратно скрыть изображение королевы. Вы действительно можете закрепите только половину карты видимой. Если это действительно мощный инструмент.

Немного измените контраст, а затем используйте инструмент Деформация в меню Правка — Трансформировать. — Деформация.

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

Добавьте текст 10/6, Georgia, Italic, 24 pt, Sharp, color # 3e3522. Создать 3 текста слои по одному для каждого персонажа.Растеризуйте 3 текстовых слоя и с помощью Dodge Инструмент попытается осветлить цвет текста на небольших участках, чтобы он выглядел как написано на карточке и еще больше смешать.

Другое дело — добавить аксессуар для шляпы, как на изображении. Простая форма с Burn / Dodge Добавьте световые акценты и, конечно же, не забудьте добавить непрозрачность черной тени 35%.

Добавьте кружево к шапке. Скопируйте эту красивую кружевную текстуру Кружево 4 by * gild-a-stock и накинуть на шапку, убрать лишнее.Измените режим наложения кружевного слоя до Soft Light 100%.

Также используйте Dodge Tool в указанной области, но на этот раз на самом слое шляпы. чтобы кружевной узор был более заметным!

Шаг 3 Нанесите средство для разглаживания кожи

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

Шаг 4 Добавьте бантик на шею

Добавим Pink Bow от ~ RandomResources .Как видите, это глянцевый пластиковый бант, и мне нужна текстура ткани. Так что скопируйте, обрежьте и измените размер лука до 50%. При необходимости мы скорректируем размер позже. Итак Следующее, что нужно сделать, это уменьшить светлые части. Для этого воспользуйтесь инструментом Eyedropper Tool. выберите цвет, а затем с помощью Brush Tool закрасьте белые области.

Чтобы получить хороший результат, придется потрудиться.

Вам нужно будет получить что-то вроде этого:

Используйте Фильтр — Размытие — Умное размытие с указанными выше настройками, чтобы сгладить поверхность.Похоже, теперь шелк, а не пластик.

Давайте изменим цвет банта с помощью Image — Adjustments — Hue / Saturation

.

ОК! Используйте инструмент Burn / Dodge Tool, чтобы затемнить / осветлить части лука, например, добавьте тень лица.

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

Для хороших результатов уменьшите непрозрачность слоя Bow Layer до 50%, чтобы вы могли точно видеть какие области нужно удалить!

Итак, вот результат:

Создайте новый слой, выберите форму слоя Bow и закрасьте его черным цветом. Новый слой.Поместите его ниже начального слоя. Это будет тень. Изменить непрозрачность до 45% и убедитесь, что тень падает только на поверхности, которые находятся ниже лук, остальные стирают.

Другое дело — добавить узор в лук. Инструментом Brush Tool размером 20 пикселей раскрасьте белого цвета, нарисуйте новый слой над круглыми формами слоя Bow. Измените смешивание режим наложения, 70%. Чтобы затемнить некоторые области, я использовал инструмент «Ластик», непрозрачность. 20%.Получим реалистичный результат.

Шаг 5 Добавьте старые карманные часы Безумного Шляпника

Я добавлю теперь старые часы в карман Безумного Шляпника. Так что скопируйте эти старые часы Stock 18-02. Автор: ~ deadshadows-stock и измените его размер и разместите как на изображении.

Обработка этого изображения относительно проста. Я сначала изменю яркость / Баланс контрастности:

Удалите фон и оставьте только часы без цепочки.Добавить размытие поверхности:

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

Дублируйте слой с часами.Сделайте нижние часы черными, переместите их и поверните. маленький. Измените непрозрачность на 60%. Теперь результат такой:

Шаг 6 Добавьте рукава и перчатку

На этом этапе я сначала добавлю перчатку Безумному Шляпнику на правой руке. Создавать форму перчатки на другом слое с помощью Pen Tool, пути выделены. Наполнять Путь с цветом # 815136.

Измените режим наложения этого слоя на Умножение 100%.Добавить Drop Shadow как в изображение:

Добавьте еще один слой под этим и скопируйте эту текстуру. Ткань 5 by * texurestockbyhjs

, измените его размер и поверните на месте. Выберите форму перчатки и обрежьте текстуру ткани. Измените слой текстуры ткани на Умножение 55%.

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

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

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

Шаг 7 Волосы

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

Нарисуйте форму волос. Начните рисовать с оттенков оранжевого и красного. Использовать Dodge and Burn Tool для получения похожих тонов. Остановись, когда получишь красивый мультик вроде результат.

Шаг 8 Тень Безумного Шляпника

Когда все части Безумного Шляпника будут на своих местах, выберите старую тень из начального слой и поместите его в другой слой.Нарисуйте недостающие элементы, такие как волосы, бант, шляпа и т.д. Раскрасьте Тень цветом # 807777.

Шаг 9 Добавьте текстуру фона

Создайте новый слой под всеми слоями, кроме исходного, и залейте его цвет №396708. Измените режим наложения на Overlay 100%. Выберите фигуру Безумного Шляпника и удалите выделение с этого фонового 1 слоя.

На этот раз создайте еще один слой поверх всех слоев.Скопируйте эту красивую зеленую текстуру Текстура от ~ calajane

Измените режим наложения этого слоя на Overlay 100%.

Еще один шаг, который вы должны сделать, — это снова выбрать форму Безумного Шляпника и Выбрав слой Background 2, добавьте Surface Blur.

Добавьте текст «Безумный Шляпник» очень красивым шрифтом, вдохновленным Логотип фильма Тима Бертона Алиса в стране чудес http: // www.dafont.com/alice-in-wonderland.font

Вот и окончательный результат! Я надеюсь тебе понравится!

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

Изменение цвета определенных областей в Photoshop

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

Самым сложным уроком было добавление тени в Photoshop, и я написал урок по этому поводу 2 дня назад.

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

Окончательное изображение

Исходное изображение

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

ПОЛУЧИТЬ БЕСПЛАТНУЮ ДЕМО

Давайте начнем с учебника

Видео

Если вам нравится смотреть видео, вот видеоурок для вас.

Шаг 1 — Выберите область

Я собираюсь изменить цвет шляпы.

Возьмите инструмент быстрого выбора на панели инструментов или нажмите Shift + W снова и снова, пока он не появится.

Начните перетаскивать его в область для выбора.

Вот мое изображение.

Если вы случайно выбрали что-то нежелательное, удерживайте Opt / Alt и проведите кистью по нежелательной области. Это отменит выбор этой области.

Шаг 2. Уточните выделение

Откройте выделение и маску, если вы используете Photoshop CC 2017 и новее. Мне нравится оставлять интеллектуальный радиус равным 0, поскольку мне не нравится его эффект. Я предпочитаю использовать кисть Refine Edge для уточнения выделения. Когда закончите, нажмите OK.

Это создаст новый слой с выделением.

Если вы используете старые версии Photoshop, вы можете использовать Refine Edge. Я не могу показать, как это сделать с помощью Refine Edge, потому что этого больше нет в Photoshop. Но вы можете обратиться к руководству, которое я написал, когда этот инструмент присутствовал.

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

ПОЛУЧИТЬ БЕСПЛАТНУЮ ДЕМО

Шаг 3. Изменение цвета определенных областей в Photoshop

Мы собираемся использовать оттенок и насыщенность, чтобы изменить цвет.

Перейдите в Слой > Новый корректирующий слой> Цветовой тон / Насыщенность.

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

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

Это все. Это финальное изображение.

Бонусный шаг — изменение цвета в режиме наложения цветов

Есть еще один способ изменить цвет, то есть в режиме наложения цветов.

Мы собираемся создать новый слой, заполнить его желаемым цветом и изменить цвет или режим наложения.Это все.

Создайте новый слой, нажав Cmd + Shift + N / Ctrl + Shift + N. Обрежьте слой прямо под ним. Это гарантирует, что это повлияет только на слой чуть ниже него. Удерживая нажатой Opt / Alt , поместите курсор мыши между двумя слоями. Вы увидите, что курсор меняет свой значок, как показано ниже. Теперь щелкните кнопкой мыши.

Измените цвет переднего плана на желаемый. Это будет последний цвет области.

Нажмите Opt + Delete / Alt + Backspace , чтобы залить слой цветом переднего плана.Измените режим наложения на Цвет.

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

Это все.

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

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

ПОЛУЧИТЕ БЕСПЛАТНУЮ ДЕМО

[Учебник по Photoshop] Кольцо в Новый год с милыми пушистыми котиками!

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

Сложность: Средний

Расчетное время выполнения: 90 минут

Ресурсы, используемые в этом руководстве:

9458239 @ flib

15685103 @ petr84

2694564 @ hannamariah

16637971 @ lilkar

Шаг 1

Создайте новый документ в Photoshop со следующими настройками:

Шаг 2

Чтобы создать темный задний фон, перейдите в Слой > Новый слой заливки> Сплошной цвет и выберите цвет # 08142e:

.

Шаг 3

Открыть изображение коттеджа.Используйте инструмент Move Tool (V) , чтобы перетащить его на холст:

Щелкните второй значок в нижней части панели «Слои», чтобы добавить маску к этому слою. С помощью жесткой черной кисти удалите фон, как показано ниже:

Шаг 4

Чтобы удалить ненужную тень коттеджа, создайте новый слой и установите его как Clipping Mask. Активируйте инструмент Clone Tool (S) и используйте его, чтобы удалить указанную тень: Шаг 5

Создайте новый слой, измените режим на Overlay 100% и залейте 50% серым:

Выберите инструмент Dodge Tool (O) , чтобы осветлить контур коттеджа.Вы можете увидеть, как я сделал это в обычном режиме и результат в режиме наложения:

Шаг 6

Дом выглядит незавершенным, поэтому создайте новый слой поверх слоя Dodge. Выберите слой с домом и используйте инструмент Polygonal Lasso Tool (L), чтобы захватить правую сторону дома (сторону от зрителя).

Нажмите Ctrl + C, чтобы скопировать эту часть, а затем нажмите Ctrl + V, чтобы вставить ее в новый слой выше. Отразите его по горизонтали, выбрав «Правка»> «Трансформировать»> «Отразить по горизонтали».Переместите его в левую часть дома.

Шаг 7

Добавьте маску к этому слою, чтобы смешать эту часть с домом:

Шаг 8

Выберите слои дома и соответствующие им и нажмите Ctrl + G, чтобы создать для них группу. Измените режим этой группы с Pass Through на Normal 100%. Создайте корректирующий слой Color Balance, чтобы изменить цвет слоев в этой группе:

Шаг 9

Используйте корректирующий слой Curves, чтобы затемнить дом и передний план:

На этом слое-маске с помощью мягкой черной кисти сотрите следующие части и оставьте темный эффект видимым по бокам:

Шаг 10

Перетащите изображение фейерверка на наш основной холст и поместите его за коттедж.Измените режим этого слоя на Screen 100%:

Шаг 11

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

Шаг 12

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

Уменьшите непрозрачность до 40% и перейдите в меню Фильтр> Размытие> Размытие по Гауссу и установите радиус 4 пикселя:

Шаг 13

Создайте новый слой и с помощью мягкой черной кисти с непрозрачностью около 30% нарисуйте недостающую тень от кошек на земле:

Шаг 14

Используйте корректирующий слой Color Balance (установленный как Clipping Mask), чтобы немного изменить цвет кошек:

Шаг 15

Используйте корректирующий слой Curves, чтобы затемнить кошек:

Прокрасьте маску этого слоя, чтобы увидеть свет на них:

Шаг 16

На новом слое используйте Dodge and Burn Tool, чтобы улучшить свет и тень на кошках:

Шаг 17

Изолируйте шляпу и наденьте ее на голову кошки:

На отдельном слое нарисуйте тени от шляп мягкой черной кистью:

Шаг 18

Создайте группу для слоев шляпы.Используйте корректирующий слой Color Balance и измените настройки Midtones:

Шаг 19

Затемните шляпы, используя корректирующий слой Curves:

Шаг 20

Откройте текстуру снегопада. Используйте инструмент Retangular Marquee Tool, чтобы выбрать только часть снегопада и добавить ее к текущему изображению. Измените режим этого слоя на Screen 100%:

Примените к этому слою размытие по Гауссу размером 2 пикселя:

Шаг 21

Используйте корректирующий слой Hue / Saturation, чтобы обесцветить эффект:

Шаг 22

Создайте корректирующий слой «Уровни», чтобы удалить фон и сделать видимым только эффект снега:

Шаг 23

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

Шаг 24

Создайте слой Color Fill поверх слоев и выберите цвет # 270e0e.Измените режим этого слоя на Исключение 100%:

Шаг 25

Создайте корректирующий слой Color Balance и измените настройки Midtones и Highlights:

Шаг 26

Создайте корректирующий слой Photo Filter и выберите цвет # 43efc5:

.

Шаг 27

Используйте корректирующий слой Curves, чтобы увеличить контраст всей сцены:

Шаг 28

Создайте новый слой и с помощью мягкой кисти цвета # c06118 нарисуйте световой эффект из окна на окружающую среду вокруг: землю, кошек и шляпы.Измените режим этого слоя на Soft Light 100%:

Шаг 29

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

И все! Если у вас возникнут проблемы на протяжении всего урока, наш Photo Chick будет рад вам помочь! Просто оставьте заметку ниже! Надеюсь, вам было весело попробовать это! С Новым 2016 годом!

.