1. Открываем исходное изображение: Файл-Открыть

2. В окне слои снимаем замочек, как это сделать см. здесь
3. Если нужно, придаем изображению необходимый размер: Изображение-Размер изображения (ширину - меняем, высота - меняется автоматически или наоборот и жмём OK)
Слой называем - «Фото»

4. В панели инструментов выбираем Инструмент «Область (вертикальная строка)» Это инструмент, который делает единственную вещь – выделяет колонку величиной в 1 пиксель
Кликните в любом месте на фото, и автоматически выделятся все пиксели, находящиеся над и под выбранной точкой.
Помните, что ваше выделение шириной только в 1 пиксель, и если вы желаете, чтобы ваш фон содержал как можно больше цветов, то выделяйте область, которая будет самой разнообразной в цветовом плане.



5. Выделенную колонку копируем на «Новый слой» - Ctrl+J и называем слой «Горизонтальный фон»

6. Теперь колонку нужно растянуть на всё изображение: для этого воспользуемся Свободным трансформированием - Ctrl+T
Появилась рамка для трансформации, которую растягиваем за середину в обе стороны
Enter - применить трансформацию



Получаем горизонтальный фон



7. Вернёмся на слой «Фото», глазик на слое «Горизонтальный фон» пока выкл.

В панели инструментов выбираем Инструмент «Область (горизонтальная строка)» » и выделяем горизонтальную колонку для нашего фона



8. Выделенную колонку копируем на «Новый слой» - Ctrl+J и называем слой «Вертикальный фон»

9. Теперь и эту колонку нужно растянуть на всё изображение: для этого воспользуемся Свободным трансформированием - Ctrl+T
Появилась рамка для трансформации, которую растягиваем за середину в обе стороны
Enter - применить трансформацию



Получаем вертикальный фон



10. Встаём на верхний слой «Горизонтальный фон», глазки на всех слоях вкл.
«Режим наложения для слоя» - я поставлю «Яркость» (вы экспериментируйте с другими режимами и подберите для своего фона оптимальный вариант)
«Непрозрачность» для этого слоя - примерно 40-50%



11. Кликаем правой кнопкой мыши по слою «Горизонтальный фон» и выбираем строку «Объединить с предыдущим» или жмём сочетание двух клавиш - Ctrl+E
В итоге имеем два слоя: «Фон» и «Фото»

12. В окне слои слой «Фон» перетаскиваем под слой «Фото»

13. Встаём на слой «Фото» и с помощью «Свободного трансформирования» - Ctrl+T придаём фото нужный размер и если необходимо поворачиваем

Совет: Что бы не сбить пропорции, зажимаем Shift и тянем за уголок/маркер по диагонали, отпускаем сначала мышку, потом клавишу Shift, Enter - применить



14. Основные цвета в левой панели инструментов
Идём Редактирование - Выполнить обводку



15. Добавим «Стиль слоя» - «Тень», нажатием в окне Слои на иконку , выставляем примерно такие параметры:
Угол - 70°, Смещение - 5 пикс., Размах - 0%, Размер - 16 пикс.



16. Встаём на слой «Фон» и идём Редактирование - Выполнить обводку



17. Инструментом «Перемещение» располагаем фото в нужном месте и объединяем все слои сочетанием клавиш Shift+Ctrl+E

18. Сохраняем полученный результат: Файл - Сохранить для Web...

Добавляем ещё один слой и на него накладываем нашу текстуру и жмем Enter :



Теперь нам нужно Расстрировать слой с текстурой, кликаем по слою с текстурой правым кликом и выбираем пункт "Растрировать слой". Готово теперь давайте увелисим прозрачность нашей текстуры до 50 %:



У нас должно в итоге получиться приблизительно вот так:



Теперь нажимаем кобинацию клавиш Ctrl + T, появляется рамочка вокруг нашей текстуры, теперь жмем правым кликом внутри рамки и выбираем пункт "Деформация" :



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



Подтянули - жмем Enter, теперь переходим к параметрм слоя, Режим наложения меняем на Умножение, а прозрачность повышаем до 70% :

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

- выбираем инструмент выделение и нажав на Shift, создаем круг чем больше, тем лучше (не убираем выделение)



- заливаем выделение черным цветом

- применяем фильтр облака, идём Фильтр – Рендеринг – Облака с наложением (Filter > Render > Difference Clouds)

- жмите CTRL+F для повторного применения фильтра, пока вас не устроит результат Мне пришлось повысить контрастность облаков, чтоб получить нужное изображение, идём Изображение – Коррекция – Яркость/ Контраст (Image > Adjustments > Brightness/Contrast)



- идем в Изображение – Коррекция – Уровни (Image > Adjustments > Levels)
- передвигаем центральный и правый ползунки влево так, чтобы получилось как на рисунке ниже:



- применяем Фильтр – Резкость – Контурная резкость (Filter > Sharpen > Unsharp Mask):
Amount: 500%
Radius: 3.0
Threshold: 15



- фильтр Фильтр – Искажение – Сферизация (Filter > Distort > Spherize):
Amount: 100%
еще раз Filter > Distort > Spherize, но на этот раз
Amount: 50%



идем в Изображение – Коррекция – Цветовой баланс (Image > Adjustments > Color Balance)
Shadows: +100 | 0 | -100
Midtones: +100 | 0 | -100
Highlights: +70 | 0 | -15
как альтернатива, можно использовать Изображение – Коррекция - Цветовой тон / Насыщенность (Image > Adjustments >Hue & Saturation) для того, чтоб раскрасить ваше солнышко.



- Фильтр – Резкость – Контурная резкость (Filter > Sharpen > Unsharp Mask)
Amount: 300%
Radius: 3
Threshold: 15
снимаем выделение CTRL+D

Идем в "Редактирование > Заливка ", так:



В открывшемся окне оставляем все по умолчанию (проверьте по скрину), и нажимаем на галочку по стрелке:



В выпавшем списке выбираем паттерн, так:



Нажимаем на черный треугольничек (по стрелке), чтобы открыть библиотеку паттернов:



Выбираем приглянувшийся паттерн из открывшихся (просто клик левой клавишей) и жмем "ОК":



Наш файл залился паттерном:



Собственно все. В конце поста расскажу о том, как открывать библиотеки паттернов и как настраивать внешний вид окна этих библиотек.

Способ 2:

Выбираем инстпумент "Заливка":



Вверху фотошопа, в настройках инструмента нажимаем на галочку (красная стрелка) и в выпавшем списке выбираем "Паттерн" (желтая стрелка):



Нажатием на этот треугольник (стрелка) открываем библиотеку образцов (паттернов):



Выбираем паттерн и щелкаем по нему левой клавишей:



Щелкаем по любой точке нашего файла (курсор приобретает вид инструмента, если у вас не так, нужно отжать Caps):



Наш файл залит паттерном. Обратите внимание, залит равномерно, мы не видим никаких стыков, хотя изначальный размер паттерна - 200-200 пкс. Поэтому паттены - бесшовные (неть швов :-) )



Способ 3.

Нажимаем сочетание клавиш Shift + F5. Откроется окошко, как в Способе 1, и дальше все делаем по первому способу:



Способ 4.

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





Я выбрала белый цвет, файл им и залился:



Теперь открываем палитру слоев - F7 или так:



Двойной клик в палитре слоев по стрелке:



В открывшемся окне выбираем "Перекрытие паттерном", тут:



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



И в открывшейся библиотеке образцов кликом левой клавиши выбираем. Наш файл будет последовательно заливаться выбранным паттерном, каждым, по которому мы кликнули. Когда паттерн подобран, жмем "ОК":



Как перекрыть паттерном часть файла.

Все очень просто. :-) Берем инструмент выделение (любое, которое нам нужно), например - лассо и выделяем часть файла (Замыкаем выделение! Оно должно приобрести вид такой переливающейся пунктирной линии:



И дальше используем любой из способов перекрытия паттерном.

Результат:



Соответственно, если мы хотим, например, сделать рамку перекрытую паттерном, то делаем соответствующее выделение. Можно так (смотрим по скринам).

Выбираем инструмент прямоугольное выделение:



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



Дальше пользуемся любым из способов перекрытия паттерном. Результат:



А сейчас - небольшая практическая часть.

Давайте сделаем рамку, используя стандартные паттерны. Снова сделаем и инвертируем прямоугольное выделение на файле и зальем его любым цветом (по Способу 4). Затем "Выделение > Cнять выделение", так, например:



Затем, опять-таки по способу 4, перекроем нашу рамку паттерном и добавим , например, "контур и рельеф" и "тени":





Поэкспериментируйте, повозитесь с настройками, повыбирайте стили слоя. : -)

Когда все устроит - жмете кнопку "ОК" и сохраняете рамку в png (как сохранять).



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

Если из открывшихся изначально паттернов нам никакой не приглянулся, жмем на этот черный треугольничек:



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



Например, я изменила на Large Thumbnail:



Потыкайте, выберите подходящий для Вас вид окна :-)
Чтобы окно паттернов стало больше, достаточно потянуть за уголок, тут:
Было:



Потянули, - стало:



С окном паттернов разобрались :-) Теперь - библиотеки паттернов.

Выбираем любую из списка, щелкаем по ней левой клавишей мыши:



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



Вот открылась другая библиотека:



Ну а если мы сами не очень-то уверены, и еще не понимаем, что ищем, то в открывшемся окне мы можем нажать кнопку "Добавить" вместо "ОК":

Откроем исходное изображение. Я хочу создать коллаж - уходящую луну на фоне городского пейзажа.

Откроем второе изображение, которое нам потребуется для создания коллажа. Это луна на чёрном небе.



Выберем инструмент "Перемещение" (V), щёлкнем по фото с луной и, удерживая левую клавишу мыши, перетащим луну на городской пейзаж.



Два раза левой кнопкой мыши щёлкаем по верхнему слою в палитре "Слои".



Появляется окно "Стиль слоя". Вкладка "Параметры наложения: Заказные" становится активной по умолчанию. Нас интересуют две самые нижние полоски, расположенные на вкладке "Наложить, если:". Наша первая задача убрать чёрный фон вокруг луны. Это можно сделать разными и довольно трудоёмкими способами. Но есть самый оптимальный способ, который мы сейчас и рассмотрим.
Щёлкаем по левому верхнему ползунку чёрного цвета и потихоньку передвигаем его вправо. Как только чернота вокруг луны практически исчезнет, отпускаем ползунок. Теперь нам необходимо смягчить переход между краями луны и городским пейзажем. Для этого нажимаем и удерживаем клавишу Alt, щёлкаем по этому же ползунку, он раздваивается. Правую часть ползунка передвигаем вправо до тех пор, пока результат нас не устроит.



Вот что получилось на данном этапе.



Теперь я хочу, чтобы луна располагалась за ветками дерева. Можно конечно создать маску и долго кисточкой прорисовывать на маске ветки дерева. Это было бы неимоверно тяжело. Но, оказывается, есть очень простой способ, который сильно облегчает жизнь. Как Вы догадались, мы будем использовать нижнюю полоску. Работаем так же, как и с первой полосой. Левый чёрный ползунок тянем вправо, потом раздваиваем его с помощью клавиши Alt для смягчения перехода.



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

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

Картинку перевели в слои. Активируем инструмент прямоугольник со скругленными углами и отступив от края картинки выделяем нашу картинку



Правой кнопкой мышки кликаем внутри выделенного и нажимаем образовать выделенную область



В открывшемся окне проставляем - радиус растушевки - 1, сглаживание - снять галочку и ОК



У нас получилось такое выделение



Идем - выделение - инверсия - нажимаем delete на клавиатуре. Снова идем - выделение - отменить выделение. Все лишнее у нас удалилось и осталась картинка с круглыми уголками. Собственно то, что и хотели сделать. Но у нас вокруг картинки теперь лишний прозрачный фон. Чтобы убрать его - изображение - тримминг, в открывшемся окне нажимаем ОК. Вот и все. Сохраняем картинку в формате PNG.

В фотошопе я открыл вот такую фотографию девушки.



Потом открыл вот такую причёску. Я хочу разместить волосы на голове девушки.



С помощью инструмента "Перемещение" (V) причёску я перетащил на изображение девушки. В палитре Слои" образовалось два слоя.



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



Мы будем преобразовывать волосы. Чтобы не потерять их качество, щёлкаем правой кнопкой мыши по слою с волосами и в раскрывшемся списке выбираем пункт "Преобразовать в смарт-объект".



На верхнем слое появится миниатюра смарт-объекта.



Переходим в "Редактирование - Марионеточная деформация".



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



Теперь щёлкаем левой кнопкой мыши на любой жёлтой точке, удерживаем кнопку мыши и перемещаем точку (т.е. волосы) в необходимое нам место. Чтобы сделать волосы более пышными, я добавил ещё точки слева и справа по краям волос и так же изменил их местоположение. Применяем марионеточную деформацию - Enter.



Чтобы сетка Вам не мешала её можно отключить, сняв галочку "Сетка" на панели параметров инструмента "Марионеточная деформация". Чтобы жёлтые точки не мешали Вам анализировать результат, нажмите и удерживайте клавишу "Н" (англ.).



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



Вот такой результат у меня получился.