Как сделать шапку для youtube в фотошопе. Как сделать шапку для канала Ютуб: советы новичкам и не только

Создание шапки для сайта в Photoshop

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

Чтобы создать шапку для сайта, запускаем программу. В строке меню выбираем: файл => создать. Откроется такое окно:

В этом окне надо выставить размеры шапки. Я привожу пример для создания шапки размером 900х200 пикс. Прописав размеры, нажмите ОК . Появится вот такое рабочее окно:

В этом окне и будем создавать шапку. Можно пойти несколькими путями, это будет зависеть от Вашего желания. Самый простой путь — это найти картинку, которая будет соответствовать дизайну и тематики сайта. Картинка должна быть обязательно приблизительно такой же ширины, как и шапка. Если будет больше — не страшно. Картинку меньшего размера придётся растягивать, при этом изображение немного исказится.

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

Эта картинка имеет размер 1920х1200 пикс. Теперь надо эту картинку переместить в Фотошоп. Для этого в меню выбираем — файл ==> открыть . В открывшемся окошке выбираете на компьютере файл с нужной картинкой и нажимаете «открыть» . Теперь окно Фотошопа будет выглядеть так:

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

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

Нас интересует выделенный объект. Надо подкорректировать его размеры. Для этого на нужном фрагменте сделайте клик правой кнопкой мышки и в открывшемся меню выберите - «Редактировать параметры фрагмента» . В открывшемся окошке выставляете размеры шапки и нажимаете ОК .

Все размеры отредактированы, теперь остаётся перенести этот фрагмент на шапку. Для этого заходим в меню и выбираем — Редактирование ==> Скопировать

Следующий шаг — надо выставить в Фотошопе на передний план окно с будущей шапкой. Далее опять заходим в меню «Редактирование» и выбираем функцию «Вставить»

Вот и всё, шапка в принципе готова. Смотрим, что у нас получилось. Это и будет шапка сайта, вернее её основа.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все что делает автор — не сложно, единственное, где может возникнуть непонимание 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.

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

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

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

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

У меня стоит Photoshop CS4 (английская версия). Будем считать что к нам поступил заказ на изготовление шапки для сайта или блога. Заказчик прислал образец будущей шапки и пояснил:

Слева на шапке хочу тематическую иконку + название сайта и слоган, справа будет 3 тематических картинки из мульфильмом и фильмов. Снизу на шапке будет горизонтальное меню (по центру).

(нажмите на картику для просмотра оригинала)

И так, садитесь по удобнее, я начинаю свой рассказ 🙂 1. Создаем новый документ File→New (Файл→Новый или CTRL+N – в скобочках вместе с переводом буду указывать сокращения – проще говоря “горячие” клавиши, которые позволяют экономить время в программе фотошоп). В окошке я указал следующие параметры:

В итоге получился новый документ:

(нажмите на картику для просмотра оригинала)

После этого сделаем небольшую настройку фотошопа: Ставлю галочку Auto-Select (Автоматически выбрать) и в выпадающем меню выбираю Layer (Слои) – данная настройка позволяет выбрать любой слой по клику на нем.

Включаем шкалу-линейку для документа: Идем Views→Rules (Вид→Линейки или просто жмем CTRL+R ) должна появиться горизонтальная и вертикальная шкала-линейка.

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

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

(нажмите на картику для просмотра оригинала)

Направляющие можно Показывать/Прятать с помощью View→Show→Guides (Вид→Показывать→Направляющие) или CTRL+; 2. Приступим к созданию основных элементов шапки. Создадим фон для шапки. Идем Windows→Layers (Окно→Слои или F7 ). Дважды щелкаем по слою Background , тем самым преобразуем его в простой слой (название слоя я указал – fon-shapki )

Далее еще раз дважды щелкаем по слою fon-shapki и открывается окошко со стилями слоя, там выбираем нужный стиль для слоя, я выбрал градиентную заливку — Gradient Overlay (Заливка градиентом) и поставил следующие настройки. Щелкаем два раза по полоске с градентом:

В следующем окошке щелкаем мышкой по левому маркеру:

В открывшемся окошке, внизу указываем цвет 196ca6 и жмем OK .

Далее щелкаем по правому маркеру и в открывшемся окошке указываем цвет 0048a0 и жмем OK . Далее копируем наш слой с фоном. В палитре Layers (Слои, F7 ) выбираем наш слой мышкой, далее кликаем мышкой на слои и не отпуская кнопки мыши переносим слой на следующую иконку и отпускаем мышку. Создастся новый слой – копия предыдущего (можно просто нажать CRTL+J ). Не снимая выделение со нового слоя, установим ему Opacity (Непрозрачность) в 18%.

Далее щелкаем два раза новому слою, снимаем галочку с Gradient Overlay (Заливка градиентом) и ставим галочку Pattern Overlay (Заливка текстурой), ставим следующие настройки:

Все фон для шапки у нас готов. 3. Далее сделаем фон для горизонтального меню снизу. Делаем новый слой – нажимаем по пиктограмме или просто жмем Shift+Ctrl+N (у нас получился новый прозрачный слой). После этого выбираем инструмент Rectangular Marque Tool (Прямоугольное выделение, M) и рисуем прямоугольное выделение.

(нажмите на картику для просмотра оригинала)

После этого заливаем наше выделение произвольным цветом. Берем инструмент Paint Bucket Tool (Ведро, G ) и кликаем по выделению (я выбрал цвет 165394 ).

Переходим в стили нового слоя и ставим галочки напротив следующих пунктов: Drop Shadow (Отбрасывать тень), Gradient Overlay (Градиентная заливка), Stroke (Обводка), со следующими настройками:

После этого укажем Opacity (Непрозрачность) слою в 80% .

(нажмите на картику для просмотра оригинала)

После того как у нас готов фон, можно приступать к созданию других элементов шапки. 4. Напишем название сайта, слоган и текст для горизонтального меню. Для этого выбираем инструмент Horizontal Type Tool (Горизонтальный текст) и щелкаем на шапке в том месте, в котором планируем написать надпись, и пишем ее. Маленькая подсказка. Cлои очень удобно двигать или перетаскивать из документа в документ с помощью инструмента Move Tool . Я выбрал для названия сайта надпись “Myvideo.com ” и настройки текста выбрал следующие:

Для слогана выбрал надпись “только лучшее видео и фильмы ” и следующие настройки текста:

Для пунктов меню я выбрал надписи “Главная ”, “О сайте ”, “Контакты ”, “Поиск ”, “Реклама на сайте ”, “Блог ” я выбрал следующие настройки текста:

И вот что у меня получилось.

(нажмите на картику для просмотра оригинала)

Для слоя с названием сайта, применил следующие настройки для стилей слоя (Drop Shadow и Bevel and Emboss ).

Что бы изменить цвет текста, выбираем инструмент , щелкаем прямо по тексту с названием сайта и выделяем текст для которого нужно изменить цвет (я выбрал цвет — add7fe ).

5. После этого нам нужно подобрать тематическую иконку. Иконку можно легко найти на интересном сайте Iconfinder.com , просто заходим на сайт, вводим слово характеризующее нужную нам тематику (я ввел слово — Video ) и нажимаем Search (Поиск). Выбираем понравившуюся иконку и сохраняем (кликаем правой кнопкой мыши по картинке и выбираем пункт Сохранить изображение… ) ее на компьютер. Я выбрал такую картинку:

Далее открываем картинку в фотошопе File→Open . Теперь нужно перенести слой с иконкой в наш документ с шапкой. Для этого выбираем инструмент Move Tool , выбираем слои с иконкой, кликаем правой кнопкой мыши и выбираем пункт Dublicate Layer (Копия слоя).

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

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

Для этого идем Edit→Free Transform (Правка→Свободная Трансформация, Ctrl+T ). Вокруг картинки образовалась рамочка с маркерами. Далее для равномерного уменьшения картинки, нажмем Shift и не отпуская его делаем рамку меньше (уменьшая мышкой рамку) тем самым трансформируем картинку как нам нужно.

У меня получилось вот так:

(нажмите на картику для просмотра оригинала)

Как видите большую часть шапки мы уже сделали, осталось добавить тематические картинки справа и у нас получиться интересная шапка для сайта или блога. 6. Покажу, на примере как я делал первую картинку. Как видите на конечном образце шапки (картинка в самом начале этой новости), все картинки вставлены в рамочки. Нам нужно создать рамку и поместить в нее картинку с нашим изображением. Для этого создадим новый слой Shift+Ctrl+N . Выбираем инструмент инструмент Rectangular Marque Tool (Прямоугольное выделение) и рисуем прямоугольное выделение. Удобно делать выделение с направляющимися (если нужен точный размер), но можно и без них (на глаз).

Заливаем наше выделение любым цветом берем инструмент Paint Bucket Tool (Ведро, G ) или просто жмем Alt+Backspace . После этого щелкаем по слою два раза и попадаем в стили слоя. Я выставил такие настройки для Drop Shadow , Color Overlay :

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

(Внимание! Слой с картинкой после добавления в новый документ может оказаться ниже других слоев распложенных в этом документе. Порядок слоев в документе можно изменять мышью. Для этого в палитре Layer (Слои, F7 ) выберите нужный слой, нажмите мышью на него, теперь не отпуская мышь перетащите слой выше или ниже других слоев в документе.) Если вы хотите что бы слой оказался выше всех слоев – выделите слой и нажмите Shift+Ctrl+] .)

(нажмите на картику для просмотра оригинала)

Далее будем делать эффект выхода картинки из кадра. Для этого мы будем использовать маски в фотошопе. Выбираем слой с нашей картинкой, после этого выбираем инструмент инструмент Rectangular Marque Tool (Прямоугольное выделение, M ) и рисуем прямоугольное выделение поверх сделанного фона.

После этого в палитре Layers (Слой, F7 ), нажимаем на кнопочку .

Далее убираем замочек (кликаем по нему мышкой) между картинкой и ее маской. После этого выбираем саму картинку.

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

Двигая и трансформируя картинку добьемся нужного нам результата:

(нажмите на картику для просмотра оригинала)

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

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

После этого выбираем инструмент Brush Tool (Кисть, B ). Теперь рисуя кистью когда выбран Черный цвет — как цвет переднего плана, на картинки у нас будет маска стираться, а когда у кисти будет стоять Белый цвет – как цвет переднего фона, картинка у нас будет появляться.

Проще говоря, при активном Черном цвете , кисточка работает как Резинка (т.е. стирает изображение), а при активном Белом цвете кисточка работает как Восстановитель (восстанавливает все то, что скрыто). Аккуратно обработав картинку кистью, у нас получился эффект выхода из картинки (шапка выходит за пределы картинки).

Добавим внутреннюю тень для картинки. Добавим стиль для слоя Inner Shadow (Внутренняя Тень).

вот что получилось:

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

(нажмите на картику для просмотра оригинала)
Шапка получилась простенькая, но со вкусом.