DIWO.BY

Digital World - Уроки фотошоп

Создание коллажа в Photoshop.

Сегодня мы расскажем вам как из нескольких изображений собрать одно. Вы наверняка слышали слово коллаж. Именно его мы сегодня и сделаем. Мы создадим простой коллаж из 3-х изображений. Но количество картинок ограничивается только вашей фантазией. Так что приготовьте ваши фотографии и вперед) Или для начала можете использовать картинки, которые использовали мы.

Шаг 1.

Открываем наши изображения с помощью меню File>Open…(Файл>Открыть) или с помощью комбинации клавиш Ctrl+O. Если у вас еще ничего не открыто, то можете дважды кликнуть на пустом месте рабочего пространства, тем самым вызвав окно открытия файла.

less_12_00.jpg

Шаг 2.

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

less_12_01.jpg

Шаг 3.

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

less_12_02.jpg

Шаг 4.

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

less_12_03.jpg

Шаг 5.

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

less_12_04.jpg

Теперь как и в шаге 3 копируем получившийся слой в наш документ.

Шаг 6.

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

less_12_05.jpg

Шаг 7.

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

less_12_06.jpg

Шаг 8.

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

less_12_07.jpg

Шаг 9.

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

less_12_08.jpg

Шаг 10.

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

less_12_09.jpg

Шаг 11.

И

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

less_12_10.jpg

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

less_12_11.jpg


Аватар пользователя Гость

прикольно


Аватар пользователя Гость

сможешь мне помочь? вставь мое фото в картинку пожалуста,у меня не получается я не умею


Аватар пользователя Гость

супер


Аватар пользователя Penacho

А, продолжение планируется ?


Аватар пользователя mrkaktooz

продолжение чего именно?)


Аватар пользователя SaintAnn

помогите, плиз!! где у фотошопа CS4 находится "магический ластик"/ magic eraser или что-то вроде того, чтоб быстро стирать области однотонного цвета. Я еще не освоила CS4 =////////


Аватар пользователя Гость

получилось за два дня =))))))))))))))))


Аватар пользователя Раимбек

Если вы обводили пером, то сначала перейдите на вкладку Paths (Контуры), а затем удерживая клавишу Ctrl кликаем по маленькому изображению слоя с полученным контуром. Тем самым получите выделение. Дальше жмем Ctrl+J или выбираем в меню Layer>New>Layer via copy (Слой>Новый>Скопировать на новый слой) для того чтобы выделенный нами объект оказался на новом слое. Ты забыл сказать нажать в контуре (Образавать выделенную область)


Аватар пользователя mrkaktooz

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


Аватар пользователя Раимбек

Я не знаю может вы правы! Я скачал "фотошоп" только вчера как наткнулся на этот саит я новичок и парился 30 минут делал =) а че у меня получилось все таки спасибо вам!!!


Аватар пользователя маша

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


Аватар пользователя mrkaktooz

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


Аватар пользователя маша

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


Аватар пользователя mrkaktooz

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


Аватар пользователя alisa

Случайно к Вам попала и хотя бы немного сдвинулась с места- огромное СПАСИБО, только вот на 5 шаге остановилась,... когда обвела пером - не смогла выделить, а когда с помощью Лассо изображение выделилось, и попыталась перетащить на подготовленный фон - появился только контур изображения, а само изображение- нет- уже бьюсь второй день - помогите пожалуйста-заранее спасибо!!!


Аватар пользователя mrkaktooz

после обводки пером у вас должен появится контур в панели Paths (Контуры) либо фигура в панели Layers (Слои), удерживая клавишу Ctrl кликните по пиктограмме получившегося слоя чтобы получить выделение...

Попробуйте перед тем как перетащить слой убрать выделение Ctrl+D.


Аватар пользователя alisa

Привет! Спасибо за ответ, но у меня все равно не получается- на подготовленном фоне выделенный силуэт(только силуэт) переретаскивается и он такой, как бы живой, а изображения нет...- и еще я не смогла, как Вы советовали убрать выделение Сtrl+D- не знаю как, а может его и не было... не знаю где это можно видеть. Заранее спасибо за помощь и с Наступающим!!!


Аватар пользователя mrkaktooz

А вы скопировали ваш выделенный объект на новый слой Ctrl+J?


Аватар пользователя alisa

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


Аватар пользователя mrkaktooz

можете скинуть мне на e-mail ваш рабочий файл, я посмотрю и постараюсь сделать то, что у вас не получается)


Аватар пользователя kteibyf

Здравствуйте. У меня тоже самое только контур переносится (очертание). В окошке, где обвожу предмет, там перехожу в PATHS, удерживаю Ctrl нажимаю на квадратик, перехожу в другую вкладку, куда нужно вставить вырезанный рисунок, нажимаю Ctrl+J, в PATHS появляется квадратик с вырезкой, а на картинке, куда неоходимо было вставить вырезанное, появляется только очертание, во вкладке LAYERS при нажатии Ctrl+J только появляются копии LAYERS 1 copy, LAYERS 1 copy 2, LAYERS 1 copy 3 !?!? Помогите! Второй день сижу, никак не могу разобраться.


Аватар пользователя mrkaktooz

mrkaktooz@gmail.com
скиньте а этот адрес свой PSD файл. Я посмотрю в чем дело.


Аватар пользователя kteibyf

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


Аватар пользователя mrkaktooz

Смотря чем вы выделяете и как используете определенный инструмент.


Аватар пользователя kteibyf

Я пользовалась и Pen Tool и Polygonal Lasso Tool. Да!!!!!! Опыт приходит со временем, наверное при использовании Polygonal Lasso Tool нужно чаще щелкать по обводимому предмету, а я тяну через половину предмета, и получался не круг, а квадрат!
Можно ли как то отменить обведенную часть фрагмента, или все заново нужно обводить, при использовании Polygonal Lasso Tool?


Аватар пользователя mrkaktooz

Да, вы правы. При использовании инструмента лассо нужно чаше щелкать по обводимому объекту. Удалить часть обведенного фрагмента можно клавишей Backspace или Del при условии что выделение не замкнуто. Если выделение замкнуто, то можно править ваше выделение с помощью того же лассо удерживая клавишу Shift для добавления выделения или Alt для вычитания выделения.


Аватар пользователя шурик

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


Аватар пользователя mrkaktooz

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


Аватар пользователя Three Days Grace

а как документ делать?


Аватар пользователя mrkaktooz

Можете прочитать об этом в нашем уроке.


Аватар пользователя Iverson

Здравствуйте.
Почему у некоторых фотогравий я обвожу ,например, лицо,потом нажимаю ctrl+J,а когда копирую этот слой в документ,то лицо там не появляется(только пустой слой)?Не у всех фотогафий так,да сначала всё было нормально оО


Аватар пользователя mrkaktooz

Убедитесь что скопированный вами слой расположен выше слоев, которые могут его перекрывать. Также попробуйте взять инструмент Move Tool (Перемещение) и потягать этот слой, возможно лицо находится за видимой областью документа (или нажмите Ctrl+T и посмотрите не выходит ли рамка трансформации за границы вашего документа). Также возможно что у исходной картинки и у картинки в которой вы вырезали лицо разное разрешение и вставляемый объект настолько маленький получается, что его не видно. Выполните команду Image>Image Size (Изображение>Размер изображения) и в появившемся окне сравните значение Resolution (Разрешение) для обеих картинок.


Аватар пользователя Iverson

Спасибо!Как я сам только не догодался))
Ещё вопрос:как получившееся на сайты загружать,а то как обычно через радикал не получается?


Аватар пользователя mrkaktooz

обычно на сайтах для этого есть специальные формы для размещения материала.


Аватар пользователя Гость

Cоединил голову и туловище разных людей,а цвет кожи отличается=).Можно как-нибудь сделать,чтобы одинаково было?


Аватар пользователя mrkaktooz

Да можно. С помощью Image>Adjustments>Color Balance (Изображение>Коррекция>Цветовой баланс). И вообще пробуйте использовать разные методы коррекции.


Аватар пользователя Настёна

Если я этого не понимяу, я тупая чтоли?


Аватар пользователя mrkaktooz

Что именно вы не понимаете? спрашивайте, а я помогу чем смогу)


Аватар пользователя Гость

у меня почему то все не цветное получилось?


Аватар пользователя mrkaktooz

скорее всего вы промахнулись и нажали Ctr+Shift+U вместо Ctrl+Shift+I


Аватар пользователя Алёнушка

Скажите,а как лучше вырезать мелкие предметы-волосы,мех?


Аватар пользователя mrkaktooz

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


Аватар пользователя Гость

Здраствуйте,поиогите мне!!Когда я нажимаю на Ctrl+T то у меня ни появляется ни какая рамка с маркерами!!


Аватар пользователя mrkaktooz

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


Аватар пользователя Oksj

У меня не выделяется объект, обрисованный пером. Т.е. объект я обвела, пявились кубики, потом щелкаю мышкой с нажатой клавишей ctrl по изображению и ничего не происходит. А если нажать ctrl+j то дублируется вся картинка, замучилась. Может как-то по другому можно выделить?


Аватар пользователя mrkaktooz

еще можно выделить с помощью инструмента Polygonal Lasso Tool (Полигональное лассо). а вы кликаете с клавишей Ctrl по появившемся "кубикам"?


Аватар пользователя Oksj

Когда я замыкаю обводку пером, щелкая по первому кубику, все кубики пропадают. Потом я кликаю с ctrl в центре обведенного изображения, ничего не появляется, а если щелкнуть по линии, то снова появляются кубики. Инструмент Polygonal Lasso Tool (Полигональное лассо)сразу дает пунктирные линии, но пером пользоваться удобнее, только я не поняла как этот инструмент работает.


Аватар пользователя mrkaktooz

После того как вы замкнули контур, перейдите в палитру Paths (Контуры) и кликните по пиктограммке контура как показано на картинке.

otv_15.jpg


Аватар пользователя Oksj

Я то думала Режим Paths (Контуры)и вкладка Paths (Контуры)это одно и тоже. Спасибо, что объяснили. Все получилось!!! Smiling


Аватар пользователя Ashberry

Здравствуйте. Возникли затруднения на Шаге 5. Если создаю контур пером, то при копировании выделенной области в новый слой с помощью Ctrl+J она получается размытой по краям. Подскажите, пожалуйста, что делать? Спасибо.


Аватар пользователя Гость

все удалось!! спасиба за урок


Аватар пользователя Гость

Все получилось спасибо!!!! =))


Аватар пользователя Гость

спс


Аватар пользователя capricorno

Скажите, пожалуйста, у Вас есть урок как сделать меняющиеся картинки? Я не нкашла. Может пропустила?


Аватар пользователя mrkaktooz

Всмысле анимацию? если да, то такого урока еще не было.


Аватар пользователя capricorno

Меня интересует то, как делаются всплывающие картики т,е, одна постепенно проявляется под предыдущей. Наверное, это анимация. Может посвятите в процесс? Пусть это будет от Вас еще одним уроком, per favore.


Аватар пользователя Гость

А если я работал не с пером, а с лассо что мне делать?


Аватар пользователя mrkaktooz

Тогда у вас сразу есть выделение и не надо никуда кликать удерживая Ctrl))


Аватар пользователя drim

cool все получилось =)


Аватар пользователя ilerchik

ой а у меня че-то не получается ну совсем, жаль(((


Аватар пользователя mrkaktooz

Пробуйте еще. Более внимательно прочтите урок. У вас все получится)


Аватар пользователя ilerchik

Здорово...все получилось...спасибо


Аватар пользователя danseboy

а где опцыи находятся


Аватар пользователя mrkaktooz

Конкретнее.. какие именно опции?


Аватар пользователя danseboy

у меня получилось


Аватар пользователя рома123

как перетащить фон на новый документ?


Аватар пользователя mrkaktooz

смотрите здесь


Аватар пользователя рома123

спс супер у меня получилось


Аватар пользователя Natasha

Скажите почему у меня не открываются картинки как у вас , которые я скачала??


Аватар пользователя scorpik22

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


Аватар пользователя Вацура

Спасибо, всё получилось.


Аватар пользователя ЛЕЧА

ДОБРЫЙ ВЕЧЕР!!ИСКАЛА В ИНЕТЕ СВОЮ ПРОБЛЕМУИ СЛУЧАЙНО НАШЛА ВАШ САЙТ!!У МЕНЯ ПРОБЛЕМА НИКАК НЕ МОГУ ОТКРЫТЬ ДВА ФАЙЛА .В ФШ3 ВСЕ НОРМАЛЬНО-А В ФШ4 -НУ НИ КАК НЕ СООБРАЖУ -КАК ИХ ВМЕСТЕ РЯДОМ РАПОЛОЖИТЬ -ПОМОГИТЕ ПОЖАЛУЙСТА


Аватар пользователя ЛЕЧА

УРА!!!СПАСИБО!!ПРОЧИТАЛА ВАШ УРОК И ВСЕ НАШЛА -ВСЕ ЧТО МНЕ НУЖНО!!Я ВАС ОБОЖАЮ!!ТЕПЕРЬ Я ЗДЕСЬ ПОСТОЯННЫЙ ГОСТЬ !!


Аватар пользователя Анастасия 555

Здравствуйте! У меня затруднения в шаге 7. Не могу расположить слои так как нужно((( Появляются только по 2 слоя(


Аватар пользователя OkSi®

Спасибо за занимательный урок!. Как обычно, все доступно и понятно) были кое-какие вопросы, но во всем вроде разобралась ) и все получилось! Даже не ожидала ,что так быстро получится!
У меня оситался вопрос - а где- нибудь на этом замечательнейшем сайте рассказывается о том, как пользоваться Pen Tool (Перо)? Для меня это что-то новенькое (хе-хе, что неудивительно Smiling) при моем-то опыте))).
Если есть - можете тут указать ссылку?.. очень уж заинетересовал меня этот способ выделения.. тыканье не помогло.. ))
Буду очень признательна))


Аватар пользователя Мария Скакун

Отличный урок. Спасибо!

Хватит убивать время... нужно начинать им пользоваться


Аватар пользователя jackson

Уменя CS4(рус.),в шаге 4 Ctr+T работа с текстом.


Аватар пользователя jackson

Sorry,всё получилось,клаааааас!


Аватар пользователя Арианна

Привет,у меня все получилось!Вот только со своими картинками получилась накладка.Поэтому возник вопрос:должны ли быть размеры картинок обязательно одинаковыми,или их можно потом подкорректировать.если да, то как?


Аватар пользователя mrkaktooz

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


Аватар пользователя Арианна

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


Аватар пользователя Radieschen

Спасибо огроменное!!! Всё получилось с первой попытки!


Аватар пользователя alstariy

Здравствуйте! Пытаюсь сделать коллаж из готового шаблона и фото. При расстановке слоёв(1-фото, 2-шаблон), первый слой не виден. Подскажите пожалуйста в чем причина?


Аватар пользователя Анастасия Рудых

Спасибо огромное, пробовала на CS5 и всё получилось)


Аватар пользователя Гость

ни чё не получилось


Аватар пользователя Гость

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


Аватар пользователя mrkaktooz

1. в каком именно шаге проблема?
2. попробуйте выделить другим инструментом


Аватар пользователя Гость

проблема в том что я всего неделю за фотошопом.
1 не получается у меня выделить ровно без фона. и не могу уменьшить слой
2. другим вообще не получается.я всё перепробовала и ужасно устала.


Аватар пользователя mrkaktooz

Ну для начала отдохните, не делайте работу, когда уставшие) ничего хорошего не выйдет.

А потом возьмите например полигональное лассо (Poligonal Lasso Tool) и выделяйте им. С помощью этого инструмента можно выделять маленькими отрезочками.

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


Аватар пользователя Гость

когда я применяю лассо всё равно не точно выделяет. фон всё равно виден. получается не красиво

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

  • Доступные HTML теги: <img> <p> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
  _____   _             __   __  _  __       
|___ / | | __ _ _ \ \ / / | |/ / ___
|_ \ | |/ / | | | | \ V / | ' / / _ \
___) | | < | |_| | | | | . \ | __/
|____/ |_|\_\ \__,_| |_| |_|\_\ \___|
Введите код, изображенный в стиле ASCII-арт.