Страна Мастеров – сайт о прикладном творчестве для детей и взрослых: поделки из различных материалов своими руками, мастер-классы, конкурсы.

МК по созданию фотоколлажей в Фотошопе


 22 из 58 

Графика компьютерная Мастер-класс МК по созданию фотоколлажей в Фотошопе

В избранных: 232
В избранных: 232
В избранных: 232
В избранных: 232

Поделиться:

Я делала этот МК для тех, кто не знает Фотошоп СОВСЕМ, поэтому он получился длинноват. Девочки, не пугайтесь, в этом нет ничего сложного, длинным он получился потому, что для наглядности я иллюстрировала КАЖДОЕ действие. Делайте поэтапно, если что-то непонятно - спрашивайте. И потом, здесь фактически два урока, о том как создать непосредственно коллаж и о том, как создать эффект "старой фотографии"
Оговорюсь сразу, что вам придется мириться с тем, что я далеко не профи. Подтверждением тому являются три, так сказать, основополагающих момента. Во-первых, я не умею рисовать. Совсем. Абсолютно. Ну, не дал Бог умения. Максимум, на что я способна, это косорылый колобок. И, к примеру, тени, которые прорисованные кистями выглядят намного красивее и реалистичнее, я делаю теми средствами, которые вложены в программу. То есть пользуюсь эффектами. В среде профессионалов это считается не комильфо.
Во-вторых я не использую так называемые "маски слоя" и "каналы слоя". А вот это уже огромный минус. И то, и другое существенно облегчает работу и повышает её качество. Но когда я осваивала Фотошоп, это показалось мне слишком сложным и этот раздел я благополучно пропустила, а доучивать мне лень. Каюсь. :)
В-третьих, я работаю в русифицированной версии, что профессионалы считают моветоном. Поэтому на скринах будут русские буквы, но в тексте я постараюсь по возможности дублировать английским написанием.
В Фотошопе вообще нет однозначных решений, я просто расскажу о том, как это делаю я.

Я делала этот МК для тех, кто не знает Фотошоп СОВСЕМ, поэтому он получился длинноват. Девочки, не пугайтесь, в этом нет ничего сложного, длинным он получился потому, что для наглядности я иллюстрировала КАЖДОЕ действие. Делайте поэтапно, если что-то непонятно - спрашивайте. И потом, здесь фактически два урока, о том как создать непосредственно коллаж и о том, как создать эффект "старой фотографии"
Оговорюсь сразу, что вам придется мириться с тем, что я далеко не профи. Подтверждением тому являются три, так сказать, основополагающих момента. Во-первых, я не умею рисовать. Совсем. Абсолютно. Ну, не дал Бог умения. Максимум, на что я способна, это косорылый колобок. И, к примеру, тени, которые прорисованные кистями выглядят намного красивее и реалистичнее, я делаю теми средствами, которые вложены в программу. То есть пользуюсь эффектами. В среде профессионалов это считается не комильфо. 
Во-вторых я не использую так называемые "маски слоя" и "каналы слоя". А вот это уже огромный минус. И то, и другое существенно облегчает работу и повышает её качество. Но когда я осваивала Фотошоп, это показалось мне слишком сложным и этот раздел я благополучно пропустила, а доучивать мне лень. Каюсь. :)
В-третьих, я работаю в русифицированной версии, что профессионалы считают моветоном. Поэтому на скринах будут русские буквы, но в тексте я постараюсь по возможности дублировать английским написанием. 
В Фотошопе вообще нет однозначных решений, я просто расскажу о том, как это делаю я. (фото 1)

Так как я делаю урок специально для Страны Мастеров, то придется использовать собственное фото, а не фото какой-нибудь знаменитости, как это обычно делают. Будем делать из вот такой меня (это я на Хеллоуинской вечеринке, в дочкином костюме, который, кстати, они с папой делали собственноручно – распечатали скелет из анатомического атласа в натуральную величину (распечатывали на нескольких листах формата А4, а потом собрали), вырезали и получившийся трафарет наложили на одежду (водолазка и колготки), предварительно вложив туда картон и покрыли автомобильной краской из баллончика. Там еще юбка черно-белая была, но она слишком легкомысленная для меня)

Так как я делаю урок специально для Страны  Мастеров, то придется использовать собственное фото, а не фото какой-нибудь знаменитости, как это обычно делают. Будем делать из вот такой меня (это я на Хеллоуинской вечеринке, в дочкином костюме, который, кстати, они с папой делали собственноручно – распечатали скелет из анатомического атласа в натуральную величину (распечатывали на нескольких листах формата А4, а потом собрали), вырезали и получившийся трафарет наложили на одежду (водолазка и колготки), предварительно вложив туда картон и покрыли автомобильной краской из баллончика. Там еще юбка черно-белая была, но она слишком легкомысленная для меня) (фото 2)

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

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

И так, вы установили Фотошоп. Откройте его.

ЧАСТЬ I

Начало

Окно программы выглядит так:

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

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

 

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

Скопируйте выделенный фрагмент: Редактирование/Edit => копировать/copy и вставьте на открытый в Фотошопе Исходник -Редактирование/Edit =>вставить/paste  В фотографии на исходной картинке(Исходник), ракурс лица должен быть похожим на ракурс лица вашего фото.

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

Сразу же сохраните файл в родном фотошоповском формате "psd". Файл=> Сохранить.

Формат "jpg" неудобен тем, что если работать прямо в нем, то неизменно ухудшится качество. Можете поверить, можете проверить, я знаю это точно.

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

Лицо с фотографии встанет на Исходнике отдельным слоем на Панели Слоев:

Бывает так, что слоев много, и вы начинаете в них путаться, для того чтобы на панели активизировать слой который вам нужен, надо на изображении, инструментом Перемещение/Move    

при нажатой клавише Ctrl, щелкнуть по тому месту которое вас интересует. Этим же инструментом перемещаем фото в нужное место.

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

Совместите лица. Если лицо фото слишком большое или слишком маленькое по отношению к лицу Исходника масштабируете его. Масштабируется изображение такой командой: Редактирование/Edit => Трансформация/Transform => Масштаб/Scale. Так же нам понадобится отсюда Поворот/Rotate. Остальные виды трансформации на первых порах лучше не трогать. Для того что бы не нарушать пропорции при масштабировании, нажмите клавишу Shift и удерживая её, таскайте рамку масштаба за уголок, мышкой туда-сюда, пока не добьетесь нужного размера. Нажмите клавишу Enter, для того чтобы снять выделение.

Кстати, про пропорции. По классическим канонам голова должна занимать приблизительно 1/8 от тела. Но в коллажах, это часто не так. Особенно если это какие-нибудь сказочные персонажи, аниме и пр. Руководствуйтесь своим чувством вкуса и глазомером.

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

Теперь нам надо "одеть" шляпу.

На палитре слоев щелкните по значку "глаз" рядом с лицом (на картинке показано стрелкой), оно скроется. Активизируйте слой с Исходником, щелкнув по нем мышкой, и так же знакомым нам уже инструментом Лассо/Lasso выделите шляпу.

Далее, так же как мы поступали и раньше Редактирование/Edit => копировать/copy, и Редактирование/Edit =>вставить/paste. Слой со шляпой должен стать поверх слоя с лицом, для этого перед тем как вставлять, активируйте щелчком мыши слой с лицом. Либо потом в палитре слоев просто перетащите его мышью наверх. Работа с любым слоем происходит только в том случае, когда он активизирован (выделен синим цветом на палитре слоев)

Включите слой с лицом, щелчком по глазу, в палитре слоев. Удалите все лишнее, если надо. Для того, что бы края не были рваными, обработайте самый край обоих слоев инструментом Размытие/Blur  или Ластик/Eraser  

с разными процентами силы. Этот параметр выставляется на Панели Свойств:

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

Теперь настало время придать лицу такой же цвет как на Исходнике.

Практически вся цветовая коррекция в Фотошоп производится в следующем меню: Изображение/Image => Регулировки/Adjust. Там же прячутся множество подменю. Я подчеркнула те из них, о которых расскажу.

 

Как сделать лицо темнее/светлее

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

Либо в подменю Яркость/Контрастность (Brightness/Contrast)

Либо в подменю Тон/Насыщенность (Hue/Saturation)

Потаскайте ползунки в этих подменю и посмотрите как меняется лицо. Экспериментируйте.

 

Как отрегулировать цвет.

Для того чтобы отрегулировать цвет, надо воспользоваться либо подменю Цветовой баланс (Color Balance):

Либо в подменю Тон/Насыщенность (Hue/Saturation) потаскать ползунок "Тон".

В данном конкретном случае я уменьшила Насыщенность лица Тон/Насыщенность(Hue/Saturation) и добавила желтого и красного в подменю Цветовой баланс (Color Balance).

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

 

Реалистичность

Теперь осталось только сделать наш коллаж более реалистичным, добавив тени. Это Эффекты на Палитре Слоев. Лицу я добавила эффект  Внутренняя тень (Inner Shadow)

Поэкспериментируйте в диалоговом окне эффекта "Внутренняя тень(Inner Shadow)". Изначально цвет тени там дан черный, щелкните по этому черному прямоугольнику и инструментом Пипетка/Eyedropper  возьмите наиболее подходящий цвет с исходного изображения, на тени, естественно. Мышкой потягайте палочку Угла падения тени и ползунки Расстояние и Размер. Добейтесь устраивающего вас результата:

На слое со шляпой я использовала эффект просто "Тень/Shadow ", порядок действия такой же.

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

Сохраните свой коллаж в формате "jpg". Файл => Сохранить Как

В выпадающем списке выберите формат  "jpg" .

Если же вы собираетесь выкладывать ваш коллаж в сеть, то сохраните для Web. Файл => Сохранить для Web. Экономьте чужой трафик ;)

Вот и все.

ЧАСТЬ II

Как состарить изображение

Бывает так, что вы сделали коллаж на Исходнике современного качества, а вам непременно хочется чтобы это была "старая фотография". Это тоже можно.

Вот я сотворила из себя Лару Крофт (господи, чего ни сделаешь для любимой Страны смеюсь )

Сделаем это изображение нецветным

Для этого в подменю Тон/Насыщенность (Hue/Saturation) поставим "галочку" около надписи "Тонирование" и перетаскивая ползунок "Тон" добьемся желаемого результата:

Любое старое изображение содержит шум, образующийся от въевшейся пыли. Сымитируем шум фильтром Шум.

Фильтр =>Шум =>Добавить Шум (Filter =>Add Noise =>Noise)

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

Продублируйте изображение на новый слой: Слой =>Дублировать слой (Layer => Duplicate), либо просто щелкните по слою правой кнопкой мыши и выберите Дубликат слоя.

В Палитре Слои (Layers) нужно снизить непрозрачность до уровня 45 %, а также выбрать Режим смешения (Blending Mode) Экран (Screen):

 

После этого примените фильтр Размытие по Гауссу:  Фильтр=>Размытие=>Размытие по Гауссу (Filter =>Blur=>Gaussian Blur), примерно с такими параметрами:

Остался последний шаг. Сведите слои (Ctrl+E) и добавьте потертости фотографии фильтром Film Grain. Это в Художественных фильтрах - Filter =>Artistic=> Film Grain (Фильтр=>Художественные=>Зернистость пленки):

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

Должно получится как-то так:

Так же из Художественных фильтров я довольно часто использую фильтр Paint Daubs (Масло), если это, к примеру картинка, и фильтр Poster Edgess (Плакат), если это плакат.

Пробуйте, экспериментируйте! Удачи!

 

 

Наталья Бойкова

Шикарно! Очень интересно! Спасибо за МК!

Татьяна Передерий

Света! Молодец! Но, думаю, что это точно не для меня!

любознаюшка Елена

Здорово! А я не могу скачать себе,а так хочется!

b_l_e_f

Почему не можете?

любознаюшка Елена

Света,то антивирусник не пропускает,то деньги требует

b_l_e_f

Попробуйте на Демиарт, это один из старейших сайтов по Фотошопу. Сейчас кину ссылочку

любознаюшка Елена

Спасибо! Огромное! Огромное!

СветаВетаЛана

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

b_l_e_f

Да, да, Свет, разберись на каникулах, может же еще и в Карнавал поиграем, тебе как инициатору и карты в руки :) 

СветаВетаЛана

подмигиваю....... вот ведь - хитрая.............

b_l_e_f

смеюсь

Анатольевна.

Супер!!!!!!

семья Гуденко

Всегда было интересно, как работают другие. Я тоже не профи, рисовать не умею и фотошоп учила сама методом тыка. Работаю примерно так же, только цвет регулирую чаще уровнями и Variations ( это первый и последний пункты в ниспадающем окне Изображения-Регулировки) и ещё при масштабировании никогда не использую Редактирование-Трансформация, а просто при нажатой клавише Shift, как Вы дальше написали, регулирую размер и поворот, перетаскивая картинку за уголок - немного экономит время, и копирую тоже без использования меню - просто Ctrl + С (копировать), а Ctrl + V (вставить). Очень понятный урок, думаю , новички легко разберутся, всё подробненько, браво!!!жму руку

b_l_e_f

Вот это Ctrl + С (копировать), а Ctrl + V (вставить), оно же вообще компьютерное, и очень полезная штука. Бывают такие случаи, даже не связанные с Фотошопом, когда без этого просто не обойтись. Но я все время забываю этим пользоваться, наверное, дело привычки. :)) Я эту комбинацию добавлю в урок, если вы не против.

А про трансформацию не поняла... Можно поподробней? Я тоже не прочь время экономить :)))

b_l_e_f

Ой, а про Variations я вообще не знала... Выглядит занятно, буду изучать. Спасибо :)

семья Гуденко

Ctrl + C и Ctrl + V - это, действительно, дело привычки ( у меня уже на автомате руки нажимают эти клавиши), в урок, конечно добавляйте это дополнение, может кому-то так будет проще, я совсем не против. Насчет трансформации , всё, как Вы описали, только пропускаю  этап со строкой редактировать, т. е. после выделения инструментом Лассо, нажимаю V (становится активным инструмент Перемещение) и вокруг выделенного участка добавляется рамочка с уголками. Мышкой тяну за уголок при нажатой клавише Shift - больше или меньше, а если просто подвести мышку к уголку, но чуть-чуть не доходя до него, появляется полукруглая стрелочка поворота, нажимаю левую кнопку мышки и поворачиваю выделенный участок. Вот вэтом уроке описаны эти действия (22-25 поворот) (29-30 масштабирование).  Мне кажется, что так немного быстрее. А цветокоррекцию мне больше нравится через вариации настраивать, там наглядно разные оттенки на примере фото видны, посмотрите, если ещё не использовали, может понравится, удобно.

b_l_e_f

Чего-то у меня не появляется... Появляется стрелочка с ножницами, а по ссылке надпись "По данному адресу ничего нет — попробуйте уточнить адрес ссылки."

семья Гуденко

Я уже и сама заметала, исправила, попробуйте ещё раз пройти по ссылке

b_l_e_f

Юля, тут вот Светлана предлагала игру https://stranamasterov.ru/node/478965#comment-6037844  если она состоится, когда девочки обучатся, будете участвовать?

семья Гуденко

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

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

Стрелочка с ножницами появляется, если мышка внутри выделенного участка, а надо её вывести за пределы не только выделенного инструментом Лассо, а дальше, за пределы уголков. Вообще, поэксперементируй, после того, как ты инструментом Лассо обозначила участок, нажми V (перемещение), а дальше не спеша,  ничего не нажимая, аккуратно проведи мышкой ОЧЕНЬ медленно по экрану и понаблюдай за изменением формы мышки - в разных частях она приобретает разные  функции - необходимость в меню отпадает. Не знаю, как это объяснить, просто попробуй - внутри выделенной области  - это будут ножницы, а если чуть сместить мышь, то уже ножницы сменяются значком выбора для перемещения, а если к уголкам подвести, то появится значок масштабирования или поворота (  просто медленно поводи мышкой для первого раза, когда разберёшься,  сразу будет получаться нужный значок найти.

b_l_e_f

Ничего себе, как идеально вписалась... Даже с румянцем... Это ты подрисовала?

семья Гуденко

Не совсем подрисовала, смешала несколько одинаковых копий слоя с лицом (с разными настройками прозрачности) с оригиналом, затем в каждом слое поработала ластиком, поэтому румянец просвечивает с оригинала сильнее, чем глаза, нос и рот. Мне не очень результат понравился. Просто заинтриговала ты меня, решила попробовать с твоей фоткой, а по времени я ограничена,поэтому  нашла первую более менее подходящую картинку с дамой, смешала с твоим лицом, но сходства не получила, попробовала на своём лице - тоже не очень похоже. Я поняла, что нужно не только поворот головы похожий искать, но ещё и на форму лица обращать внимание, чтоб похоже было. Лицо Натальи Гончаровой для нас слишком узкое,но урок интересный, спасибо!!!

b_l_e_f

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

Ариshа

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

b_l_e_f

Осилишь, Ариша, непременно осилишь. Если что-то непонятно будет- спрашивай, не стесняйся :)

Ариshа

даХорошо!!! благодарю

Крысёна лапчатая

Света, спасибо за полезную полезность!смеюсь При случае обязательно воспользуюсь! А про игру это вы здорово придумали, уверена, желающие найдутся! Если что, я с вами!подмигиваю

Инеска03

Спасибо Светик!Будем разбираться.Пока почитала и ни черта не понялаудивляюсьсмеюсьНадо сразу открывать фото шоп и учиться вместе с твоими уроками.а может посажу дочу она все разучит а потом мне особо одарееной на пальцах объяснитзаписываюспасибо еще раз

b_l_e_f

Читать просто так, без программы бесполезно. Надо открывать фотошоп))))

Мария7

Света! Спасибо большое! С первого взгляда все понятно! Обязательно установлю себе фотошоп и попробую сама.

tanjuscha

Большое спасибо за МК

Юлия и Михаэль Деспоташвили

Очень нужный урок!

Зоя Ращектаева

большое спасибо за М К))))

Захария

Офигеть!!!!! Эх, давно я фотошоп не открывала....

Маришка - Зайчик - Носаченко

Светуля! Спасибо тебе!!!!!!!!! Теперь буду осваивать!!!!!!!! Очень интересно научиться!!!!!!!!!!!!

Ol'ka

Света, спасибо за МК. Возьму на заметку.

Хотгизмо_Марина

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

Юляшка-МоНсТрЯшКа

Здравствуйте! у меня к вам вопрос а какой вы используете фотошоп?

b_l_e_f

 У меня Фотошоп CS

Виктория Зенина

 Света, потеряли тебя, где творения?

b_l_e_f

Так некогда же совсем. Сезон посадок начался)))