Создание коллажа в Photoshop.
Сегодня мы расскажем вам как из нескольких изображений собрать одно. Вы наверняка слышали слово коллаж. Именно его мы сегодня и сделаем. Мы создадим простой коллаж из 3-х изображений. Но количество картинок ограничивается только вашей фантазией. Так что приготовьте ваши фотографии и вперед) Или для начала можете использовать картинки, которые использовали мы.
Шаг 1.
Открываем наши изображения с помощью меню File>Open…(Файл>Открыть) или с помощью комбинации клавиш Ctrl+O. Если у вас еще ничего не открыто, то можете дважды кликнуть на пустом месте рабочего пространства, тем самым вызвав окно открытия файла.

Шаг 2.
Создаем новый документ 400x400px.

Шаг 3.
Копируем слой с фоном в только что созданный документ. Для этого просто перетащите слой из документа с текстурой в наш новый документ. Если вы используете вкладки, то для начала перетащите вкладку нашего документа в любое место рабочей области, чтобы документ появился в отдельном окне, а затем перетаскивайте слой. Также если вы используете вкладки, то можно кликнуть на слой правой клавишей мыши и выбрать Duplicate Layer… (Создать дубликат слоя) и в списке Document (Документ) выберите Untitled-1 (Без имени-1).

Шаг 4.
Подгоняем размер слоя с фоном под размер нашего документа. Для этого выберите нужный слой и нажмите Ctrl+T и тягая за маркеры измените размер как вам нужно. Нажатием клавиши Enter подтверждаем изменения.

Шаг 5.
Вырезаем объект с одного изображения и копируем его в наш документ. Берем инструмент Pen Tool (Перо), горячая клавиша P, и в панели опций выбираем режим Paths (Контуры). Затем обводим объект. Но обводим не полностью, а только до головы, т.е. голову не трогаем. Если вы пока не справляетесь с этим инструментом, то можете использовать инструмент Polygonal Lasso Tool (Полигональное лассо), горячая клавиша.
Если вы обводили пером, то сначала перейдите на вкладку Paths (Контуры), а затем удерживая клавишу Ctrl кликаем по маленькому изображению слоя с полученным контуром. Тем самым получите выделение. Дальше жмем Ctrl+J или выбираем в меню Layer>New>Layer via copy (Слой>Новый>Скопировать на новый слой) для того чтобы выделенный нами объект оказался на новом слое.

Теперь как и в шаге 3 копируем получившийся слой в наш документ.
Шаг 6.
Вырезаем объект со второго изображения и копируем его в наш документ. Здесь тоже самое проделываем с нашим вторым изображением. Только этот объект выделяем полностью.

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

Шаг 8.
Перемещаем наши вырезанные объекты как нам надо. Выбираем инструмент Move Tool (Перемещение) или жмем клавишу V и тащим по очереди наши слои в нужные места. Слой с лампочкой перемещаем туда, где должна быть голова.

Шаг 9.
Изменяем размер и положение слоя с лампочкой. Нажмите Ctrl+T и поверните немного слой. Чтобы повернуть слой переместите указатель мыши чуть дальше рамки, пока курсор не изменится на дугу со стрелочками. Затем удерживая левую кнопку мыши поворачиваем наш слой. После того как вы повернули слой измените его размеры так, чтобы лампочка не вылезала за воротник. Жмем Enter.

Шаг 10.
Так как наша лампочка стеклянная должен немного просвечивать фон. В палитре слоев изменим прозрачность слоя на 80%.

Шаг 11.
И
последнее. Сделаем чтобы лампочка сияла. Дважды кликните по слои с лампочкой. У вас должно появится окно Layer Style (Стиль слоя). Здесь, слева в списке, ставим галочку Outer Glow (Внешнее свечение). Справа выбираем цвет свечения (#f3d549) и меняем значение Size (Размер) на 60 и Spread () на 17. Тоже самое для Inner Glow (Внутренне свечение), только Size (Размер) меняем на 40, а Spresd () на 10. Жмем ОК.

Вот и все. Наш маленький коллажик готов)

- 77741 просмотр



прикольно
сможешь мне помочь? вставь мое фото в картинку пожалуста,у меня не получается я не умею
супер
А, продолжение планируется ?
продолжение чего именно?)
помогите, плиз!! где у фотошопа CS4 находится "магический ластик"/ magic eraser или что-то вроде того, чтоб быстро стирать области однотонного цвета. Я еще не освоила CS4 =////////
получилось за два дня =))))))))))))))))
Если вы обводили пером, то сначала перейдите на вкладку Paths (Контуры), а затем удерживая клавишу Ctrl кликаем по маленькому изображению слоя с полученным контуром. Тем самым получите выделение. Дальше жмем Ctrl+J или выбираем в меню Layer>New>Layer via copy (Слой>Новый>Скопировать на новый слой) для того чтобы выделенный нами объект оказался на новом слое. Ты забыл сказать нажать в контуре (Образавать выделенную область)
Ctrl+клик по контуру дает выделение, которое нам нужно. и нет необходимости лишний раз вызывать контекстное меню и лазить по нему... во всяком случае для этого урока достаточно и простого Ctrl+клика... хотя конечно вы можете делать так, как вам удобней)
Я не знаю может вы правы! Я скачал "фотошоп" только вчера как наткнулся на этот саит я новичок и парился 30 минут делал =) а че у меня получилось все таки спасибо вам!!!
когда я жму файл>открыть появляется картинка,но когда второй появляется другая и получаются закладки а не такие маленькие окошки.помогите пожалуйста разобраться.
просто перетащите вкладку в рабочее пространство, и она превратится в отдельное окошко. Что бы поместить его обратно, то перетащите его на панель вкладок
что делать если обект получаеться таким большим что можешь обвести только половину и поэтому изменить размер я могу токо этой половины?
Сначала уменьшите объект до нужных размеров. Для этого выберите слой с объектом и нажмите Ctrl+T. Появится рамка с маркерами. Тяните за маркеры пока не получите желаемый размер. Чтобы картинка изменяла размеры пропорционально, тягайте за маркеры удерживая клавишу Shift.
Случайно к Вам попала и хотя бы немного сдвинулась с места- огромное СПАСИБО, только вот на 5 шаге остановилась,... когда обвела пером - не смогла выделить, а когда с помощью Лассо изображение выделилось, и попыталась перетащить на подготовленный фон - появился только контур изображения, а само изображение- нет- уже бьюсь второй день - помогите пожалуйста-заранее спасибо!!!
после обводки пером у вас должен появится контур в панели Paths (Контуры) либо фигура в панели Layers (Слои), удерживая клавишу Ctrl кликните по пиктограмме получившегося слоя чтобы получить выделение...
Попробуйте перед тем как перетащить слой убрать выделение Ctrl+D.
Привет! Спасибо за ответ, но у меня все равно не получается- на подготовленном фоне выделенный силуэт(только силуэт) переретаскивается и он такой, как бы живой, а изображения нет...- и еще я не смогла, как Вы советовали убрать выделение Сtrl+D- не знаю как, а может его и не было... не знаю где это можно видеть. Заранее спасибо за помощь и с Наступающим!!!
А вы скопировали ваш выделенный объект на новый слой Ctrl+J?
Да, я все делала как Вы говорили, и на новый слой скопировать попыталась и в истории появилась запись скопировать на новый слой... а все равно не перетаскивается (да еще -все таки я обводила контур пером- так точнее вроде бы получается) Очень хотелось близким сделать подарочек к Новому году-но что то так туго у меня продвигается...
можете скинуть мне на e-mail ваш рабочий файл, я посмотрю и постараюсь сделать то, что у вас не получается)
Здравствуйте. У меня тоже самое только контур переносится (очертание). В окошке, где обвожу предмет, там перехожу в PATHS, удерживаю Ctrl нажимаю на квадратик, перехожу в другую вкладку, куда нужно вставить вырезанный рисунок, нажимаю Ctrl+J, в PATHS появляется квадратик с вырезкой, а на картинке, куда неоходимо было вставить вырезанное, появляется только очертание, во вкладке LAYERS при нажатии Ctrl+J только появляются копии LAYERS 1 copy, LAYERS 1 copy 2, LAYERS 1 copy 3 !?!? Помогите! Второй день сижу, никак не могу разобраться.
mrkaktooz@gmail.com
скиньте а этот адрес свой PSD файл. Я посмотрю в чем дело.
Спасибо огромное Вашему сайту. Все получилось!!!!!!!!! Наконец-то. Я наверное не на том слое находилась. У меня не очень получается вырезать, какое-то все угловатое. С этими углами можно что-то сделать?
Смотря чем вы выделяете и как используете определенный инструмент.
Я пользовалась и Pen Tool и Polygonal Lasso Tool. Да!!!!!! Опыт приходит со временем, наверное при использовании Polygonal Lasso Tool нужно чаще щелкать по обводимому предмету, а я тяну через половину предмета, и получался не круг, а квадрат!
Можно ли как то отменить обведенную часть фрагмента, или все заново нужно обводить, при использовании Polygonal Lasso Tool?
Да, вы правы. При использовании инструмента лассо нужно чаше щелкать по обводимому объекту. Удалить часть обведенного фрагмента можно клавишей Backspace или Del при условии что выделение не замкнуто. Если выделение замкнуто, то можно править ваше выделение с помощью того же лассо удерживая клавишу Shift для добавления выделения или Alt для вычитания выделения.
все делаю как написанно не получается у меня cs4 я начинаю открывать фотки открыл одну она на экране осталась вторую открыл первая фотка исчезла а вторая на главном экране осталась а ту негде не могу найти!! потом создаю новый лист чтоли ну типо таго и он вторую фотку закрывает и ее тож не могу найти обьясни пожалуйста в чем проблема
Скорее всего вы используете режим вкладок. Посмотрите между панелью опций и рабочим пространством должны быть вкладочки с названиями ваших документов. И посмотрите в уроке Знакомство с интерфейсом.
а как документ делать?
Можете прочитать об этом в нашем уроке.
Здравствуйте.
Почему у некоторых фотогравий я обвожу ,например, лицо,потом нажимаю ctrl+J,а когда копирую этот слой в документ,то лицо там не появляется(только пустой слой)?Не у всех фотогафий так,да сначала всё было нормально оО
Убедитесь что скопированный вами слой расположен выше слоев, которые могут его перекрывать. Также попробуйте взять инструмент Move Tool (Перемещение) и потягать этот слой, возможно лицо находится за видимой областью документа (или нажмите Ctrl+T и посмотрите не выходит ли рамка трансформации за границы вашего документа). Также возможно что у исходной картинки и у картинки в которой вы вырезали лицо разное разрешение и вставляемый объект настолько маленький получается, что его не видно. Выполните команду Image>Image Size (Изображение>Размер изображения) и в появившемся окне сравните значение Resolution (Разрешение) для обеих картинок.
Спасибо!Как я сам только не догодался))
Ещё вопрос:как получившееся на сайты загружать,а то как обычно через радикал не получается?
обычно на сайтах для этого есть специальные формы для размещения материала.
Cоединил голову и туловище разных людей,а цвет кожи отличается=).Можно как-нибудь сделать,чтобы одинаково было?
Да можно. С помощью Image>Adjustments>Color Balance (Изображение>Коррекция>Цветовой баланс). И вообще пробуйте использовать разные методы коррекции.
Если я этого не понимяу, я тупая чтоли?
Что именно вы не понимаете? спрашивайте, а я помогу чем смогу)
у меня почему то все не цветное получилось?
скорее всего вы промахнулись и нажали Ctr+Shift+U вместо Ctrl+Shift+I
Скажите,а как лучше вырезать мелкие предметы-волосы,мех?
ммм.. это очень трудоемкий процесс... если имеется хороший контраст фона и волос, то можно сделать с помощью альфа-каналов. Еще я где-то в сети видел специальные плагины.
Здраствуйте,поиогите мне!!Когда я нажимаю на Ctrl+T то у меня ни появляется ни какая рамка с маркерами!!
возможно у вас размер вставленного слоя, больше чем размер документа, в который вы его вставляете.. Попробуйте уменьшить масштаб рабочей области с помощью комбинации клавиш Ctr+-.
У меня не выделяется объект, обрисованный пером. Т.е. объект я обвела, пявились кубики, потом щелкаю мышкой с нажатой клавишей ctrl по изображению и ничего не происходит. А если нажать ctrl+j то дублируется вся картинка, замучилась. Может как-то по другому можно выделить?
еще можно выделить с помощью инструмента Polygonal Lasso Tool (Полигональное лассо). а вы кликаете с клавишей Ctrl по появившемся "кубикам"?
Когда я замыкаю обводку пером, щелкая по первому кубику, все кубики пропадают. Потом я кликаю с ctrl в центре обведенного изображения, ничего не появляется, а если щелкнуть по линии, то снова появляются кубики. Инструмент Polygonal Lasso Tool (Полигональное лассо)сразу дает пунктирные линии, но пером пользоваться удобнее, только я не поняла как этот инструмент работает.
После того как вы замкнули контур, перейдите в палитру Paths (Контуры) и кликните по пиктограммке контура как показано на картинке.
Я то думала Режим Paths (Контуры)и вкладка Paths (Контуры)это одно и тоже. Спасибо, что объяснили. Все получилось!!!
Здравствуйте. Возникли затруднения на Шаге 5. Если создаю контур пером, то при копировании выделенной области в новый слой с помощью Ctrl+J она получается размытой по краям. Подскажите, пожалуйста, что делать? Спасибо.
все удалось!! спасиба за урок
Все получилось спасибо!!!! =))
спс
Скажите, пожалуйста, у Вас есть урок как сделать меняющиеся картинки? Я не нкашла. Может пропустила?
Всмысле анимацию? если да, то такого урока еще не было.
Меня интересует то, как делаются всплывающие картики т,е, одна постепенно проявляется под предыдущей. Наверное, это анимация. Может посвятите в процесс? Пусть это будет от Вас еще одним уроком, per favore.
А если я работал не с пером, а с лассо что мне делать?
Тогда у вас сразу есть выделение и не надо никуда кликать удерживая Ctrl))
cool все получилось =)
ой а у меня че-то не получается ну совсем, жаль(((
Пробуйте еще. Более внимательно прочтите урок. У вас все получится)
Здорово...все получилось...спасибо
а где опцыи находятся
Конкретнее.. какие именно опции?
у меня получилось
как перетащить фон на новый документ?
смотрите здесь
спс супер у меня получилось
Скажите почему у меня не открываются картинки как у вас , которые я скачала??
Большое спасибо за урок, у меня все прекрасно получилось, теперь буду знать, а самое главное применять на практике эти коллажи, просто для меня это казалось раньше что так сложно.... ))) а тут оказывается все предельно ясно
Спасибо, всё получилось.
ДОБРЫЙ ВЕЧЕР!!ИСКАЛА В ИНЕТЕ СВОЮ ПРОБЛЕМУИ СЛУЧАЙНО НАШЛА ВАШ САЙТ!!У МЕНЯ ПРОБЛЕМА НИКАК НЕ МОГУ ОТКРЫТЬ ДВА ФАЙЛА .В ФШ3 ВСЕ НОРМАЛЬНО-А В ФШ4 -НУ НИ КАК НЕ СООБРАЖУ -КАК ИХ ВМЕСТЕ РЯДОМ РАПОЛОЖИТЬ -ПОМОГИТЕ ПОЖАЛУЙСТА
УРА!!!СПАСИБО!!ПРОЧИТАЛА ВАШ УРОК И ВСЕ НАШЛА -ВСЕ ЧТО МНЕ НУЖНО!!Я ВАС ОБОЖАЮ!!ТЕПЕРЬ Я ЗДЕСЬ ПОСТОЯННЫЙ ГОСТЬ !!
Здравствуйте! У меня затруднения в шаге 7. Не могу расположить слои так как нужно((( Появляются только по 2 слоя(
Спасибо за занимательный урок!. Как обычно, все доступно и понятно) были кое-какие вопросы, но во всем вроде разобралась ) и все получилось! Даже не ожидала ,что так быстро получится!
) при моем-то опыте))).
У меня оситался вопрос - а где- нибудь на этом замечательнейшем сайте рассказывается о том, как пользоваться Pen Tool (Перо)? Для меня это что-то новенькое (хе-хе, что неудивительно
Если есть - можете тут указать ссылку?.. очень уж заинетересовал меня этот способ выделения.. тыканье не помогло.. ))
Буду очень признательна))
Отличный урок. Спасибо!
Хватит убивать время... нужно начинать им пользоваться
Уменя CS4(рус.),в шаге 4 Ctr+T работа с текстом.
Sorry,всё получилось,клаааааас!
Привет,у меня все получилось!Вот только со своими картинками получилась накладка.Поэтому возник вопрос:должны ли быть размеры картинок обязательно одинаковыми,или их можно потом подкорректировать.если да, то как?
нет, не обязательно. Ориентируйтесь на размер фона. все остальные картинки могут быть любого размера, главное не сильно маленькие, потому что при увеличении они потеряют качество. А как подогнать размеры смотрите в шаге 4 или в шаге 9
Спасибо,Вот только когда добавляю фото, а не картинку, то изображение сильно искажается.И что с этим делать я пока не знаю.
Спасибо огроменное!!! Всё получилось с первой попытки!
Здравствуйте! Пытаюсь сделать коллаж из готового шаблона и фото. При расстановке слоёв(1-фото, 2-шаблон), первый слой не виден. Подскажите пожалуйста в чем причина?
Спасибо огромное, пробовала на CS5 и всё получилось)
ни чё не получилось
у меня не получается. так как фотошоп на русском версия 5.1 и когда я жму на то что вы говорите выскакивает другое окно. и ещё проблема не могу выделить точно. всё время контур выезжает, использовала инструмент быстрое выделение
1. в каком именно шаге проблема?
2. попробуйте выделить другим инструментом
проблема в том что я всего неделю за фотошопом.
1 не получается у меня выделить ровно без фона. и не могу уменьшить слой
2. другим вообще не получается.я всё перепробовала и ужасно устала.
Ну для начала отдохните, не делайте работу, когда уставшие) ничего хорошего не выйдет.
А потом возьмите например полигональное лассо (Poligonal Lasso Tool) и выделяйте им. С помощью этого инструмента можно выделять маленькими отрезочками.
А чтобы уменьшить слой, вам всего лишь нужно нажать Ctrl+T и потянуть за любой угловой маркер, который появится после нажатия указанных клавиш. Чтобы слой уменьшился пропорционально, тяните за маркер удерживая клавишу Shift.
когда я применяю лассо всё равно не точно выделяет. фон всё равно виден. получается не красиво
Отправить комментарий