УРОК 2

В данный момент я работаю с Adobe Photoshop CS3. Уже есть и новая версия этой программы, так же есть более старые версии, но уроки я буду проводить именно по CS3.
И так у нас есть изображение, которое мы сделали в предыдущем уроке. Теперь запускаем программу ФШ и открываем свое изображение, нажав на панели меню в самом верху Файл и выбираем Открыть:
(у меня ФШ на английском языке, поэтому я буду в описании писать на русском, а на скринах соответственно все будет на английском, но думаю вы разберетесь)

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

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

Теперь наше изображение открывается как бы в отдельном окне.

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

При помощи этого инструмента мы можем изменять форму предметов изображения, т.е. наше изображение под действием этого инструмента становится как бы пластилиновым, и мы можем растягивать его в разные стороны.
Этот инструмент нужен нам, чтобы исправить изгиб линии плеча и округлить пальцы.
При помощи клавиш [ и ] (соответственно х, ъ в русской раскладке клавиатуры) увеличиваем или уменьшаем размер кисти самого инструмента или делаем это при помощи панели с правой стороны

Размер кисти
Плотность кисти
Нажим кисти и т.д.

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

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

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

Но на этом мы не останавливаемся. У нас еще есть неровности скинтона, которые мы сейчас исправим.
Сделаем мы это при помощи инструмента который называется Палец (выглядит соответственно), который находится на панели инструментов слева

На верхней панели выбираем тип кисти с размытыми краями

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

Вот, что в итоге у нас должно получиться

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

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

Далее мы видим такое появившееся окошко

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

Теперь мы уже сможем посмотреть, как преобразился наш снимок в сравнении

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

Теперь мы видим вот такое появившееся окошко, в котором будем менять параметры.

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

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

И видим вот такое окошко

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

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

Сохраняем изображение в формате JPEG

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

УРОК 4

Сегодня мы поговорим о том, как можно вырезать сима или любой другой объект с одного изображения и переместить на другое.
Для этого я подготовила фон, на который мы будем переносить сима и соответственно того, кого будем переносить. Это мой сим Грег.

Итак, открываем оба эти изображения в ФШ.
Теперь нам нужно выделить сима, обведя его контуром выделения. Это можно сделать при помощи нескольких инструментов, но я расскажу вам о двух наиболее удобных (по крайней мере на мой взгляд) инструментах.
Первый инструмент это Магнитное Лассо, которое находится на панели инструментов слева. Одну ячейку этот инструмент делит с инструментом Лассо и Прямолинейное лассо.

Выбираем Магнитное Лассо и переходим к нашему изображению. Кликаем один раз левой клавишей мыши (не зажимая) на границе выделяемого объекта и ведем по ней появившейся линией лассо, которая как бы прилипает по контуру выделяемого изображения. Этот инструмент Магнитное Лассо работает по принципу контраста, он автоматически определяет грани объекта.
Приблизительно так как показано на изображении, обводите весь объект целиком при помощи этого инструмента:

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

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

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

1 – выделение добавляется
2 – выделение убирается
3 – размер кисти палочки быстрого выделения.

Сейчас мы рассмотрим все это на примере.
Выбираем палочку со знаком + (1) и выбираем размер кисти (3), также напомню, что размер (диаметр) можно менять клавишами ] и [ Теперь просто кликаем по любой части выделяемого объекта и видим, что эта область выделилась (ее размер зависит от размера кисти, чем больше диаметр кисти, тем больше пикселей захватит выделение). Ну вот что у меня получилось, когда я кликнула на нашем симе:

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

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

Для этого мы выбираем палочку со знаком – (2) и кликаем по области, которая нам не нужна и выделение в этой области будет убираться. Чередуя + и - , вы выделите конкретный объект с изображения.
Поработав инструментом Быстрое Выделение, вы сами убедитесь, что это очень простой и эффективный в обращении инструмент, который значительно сокращает время работы.

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

Способ 1
Мы берем инструмент Перемещение, который находится на панели инструментов слева

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

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

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

Обратите внимание, что выделение так и осталось на первом изображении. Убрать его можно нажав на комбинацию клавиш Ctrl+D
Но пока нам это не нужно потому как мы рассмотрим еще один способ.

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

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

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

Мы переходим к инструменту Свободное Трансформирование, который находим на панели меню выбрав Редактирование\Свободное трансформирование:

И видим, что наше изображение (сим Грег) выделился такой рамочкой:

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

Если при активной рамке инструмента Свободное трансформирование нажать на правую клавишу мыши, то мы увидим дополнительные функции:

1 – наклон
2 – искажение
3 – перспектива
4 – деформация

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

Тянула я за верхний левый узелок.

2 – Искажение, соответственно искажает изображение, к примеру до такого состояния (опять же зависит от того насколько вы сами, передвигая мышку, исказите изображение):

3 – Потянув за какой-то из узелков по углам, вы как бы повернете изображение и оно уйдет в перспективу:

4 – Когда вы выберете деформацию, то ваше изображение приобретет вот такой вид, как будто бы расчерчено по секторам:

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

Теперь давайте обратим внимание на верхнюю панель настроек справа:

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

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

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

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

ДОБАВЛЕНО:
Решила также показать как можно пользуясь инструментом Волшебная Палочка вырезать фрагмент одного изображения и вставлять на другое.
Открываем изображение в ФШ. Желательно, чтобы выделяемый объект был на однотонном фоне или по крайней мере контрастировал с ним для удобства выделения.

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

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

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

Но мы видим, что выделился не весь фон потому что я поставила маленький допуск, чтобы не выделить лишних деталей на самой симке

Выделяем еще не выделенные места опять же Волшебной Палочкой, чтобы у нас весь фон стал выделенным. Вот так:

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

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

Нажимаем на эту кнопочку и видим вот такое окошко настроек:

Здесь вы можете выставить контрастность, размытие выделения и т.д. Это нужно вам потренироваться и выставлять или не выставлять данные параметры выделения по мере надобности, просто желательно знать о данных возможностях. Подробно я не буду вам всего этого рассказывать, потренируетесь сами.

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

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

УРОК 6

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

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

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

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

Этот инструмент также можно вызвать при помощи клавиши С
Теперь выделяем область изображения, которое мы хотим вырезать. Вот так:

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

И так мы обрезали ненужные участки изображения

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

Или же перетянув иконку изображения на квадратик внизу палитры слоев Create a new layer (создать новый слой)

Чтобы получилось вот так. Два слоя одного и того же изображения

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

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

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

Убираем выделение при помощи комбинации клавиш Ctrl + D, и удаляем нижний слой, нажав на нем

Или перетащив слой на мусорную корзину внизу палитры слоев

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

Теперь при сохранении изображение будет на прозрачном фоне, вот так:

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

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

1 Фоновый ластик
2 Волшебный ластик

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

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

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

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

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

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

Итак, с фоном разобрались. Теперь поговорим о Тенях и Бликах.
Чтобы сделать тени на изображении, какие-то затемнения на коже, нам понадобится инструмент под названием Затемнитель. Он находится на палитре инструментов слева.

У этого инструмента есть настройки Диапазона и Экспозиции. Находятся вверху.

Экспозиция отвечает за интенсивность затемнения.
Диапазон:
1 – тени (затемняет темные участки)
2 – средние тона (затемняет и темные и светлые участки)
3 – света (затемняет светлые участки)

Сейчас у меня стоят настройки по умолчанию. Средние тона и Экспозиция на 50.
Берем мягкую кисть с размытыми краями для этого инструмента, чтобы затемнение было мягким и равномерным. И начинаем затемнять те участки, где должна быть тень на нашем изображении. В данном случае на симке Лере.
Только для начала нужно определить где у вас источник света и как этот свет падает на объект. В данном случае свет падает слева направо. Соответственно, тени будут с правой стороны.
На изображении я указала те места, который обрабатывала инструментом Затемнитель.

Мы видим, что цвет в этих местах стал ярким и насыщенным. Но нам не нужна такая насыщенность цвета, поэтому мы возьмем инструмент Губка и обработаем насыщенные затемненные места, чтобы немного их обесцветить.

И проходим этим инструментом по слишком насыщенным цветом местам изображения
Можно чередовать использование Затемнителя и Губки, что я собственно и сделала, чтобы сделать справа более плотную тень. Вот приблизительно, что у меня получилось.

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

Теперь давайте добавим блики. Делается это при помощи инструмента Осветлитель

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

Теперь для полноты картины, я добавлю фон. Чтобы тени приобрели смысл, а изображение стало более целостным.
Вот, получилось что-то вот такое:

И в завершении урока, покажу как уменьшить картинку в ФШ
Для этого нам необходимо зайти в меню Изображение\Размер изображения…

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

Убедитесь, что у вас выставлены пиксели (3), и меняем параметр высоты или ширины (1, 2). Меняя один параметр меняется другой в соответствии. Когда мы выставили нужные параметры (я поставила 600 пикс по ширине) нажимаем ок и таким образом мы уменьшили наше изображение до нужного нам размера.

Напоследок сравним наши изображения До и После обработки:

Всем желаю удачи!