Уроки Фотошоп Онлайн (Photoshop Online)

---

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

В этой работе из нескольких изображений создадим коллаж, как показано на рисунке 1.

Скачать изображения для коллажа (4,2 Mb).

Рисунок 1. Фотографии взяты с сайта quist.pro из книги
«АВСТРАЛИЯ. Путешествие в страну OZ» 

1. Откройте онлайн редактор «Фотошоп онлайн на русском» по адресу https://photoshop-online.biz/.

2. Щелкните по ссылке Photoshop Online (рис. 2).

Рисунок 2

3. Если появилось окно, как на рисунке 3, закройте его.

Рисунок 3

4. Создайте новый файл командой Файл – Новый рисунок… В окне сделайте настройки, как на рисунке ниже. Потом нажмите Да.

Рисунок 4

5. В результате должен появиться чистый холст.

Рисунок 5

6. Командой Файл – Открыть изображение… откройте изображение Оперный театр.jpg. Расположите два окна рядом. Ссылка для скачивания изображений для коллажа расположена в начале урока.

Рисунок 6

7. Убедитесь, что изображение с оперным театром активно (щелкните по «шапке» этого окна). Выполните команду Редактировать – Выделить все, вокруг изображения появилась пунктирная линия выделения. Затем выполните команду Редактировать – Копировать.

8. Переключитесь на чистый лист (щелкните по «шапке» документа) и выполните команду Редактировать – Вставить.

Рисунок 7

9. Закройте файл Оперный театр.jpg без сохранения.

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

Рисунок 8

11. Если у Вас в окне программы нет этой палитры, выполните команду Просмотр – Слои.

Рисунок 9

12. В палитре Слои дважды щелкните по слову Слой 1 и напишите Оперный театр. Таким образом, Вы задали слою новое имя.

Рисунок 10

13. Выберите инструмент Лупа , он находится в нижней части левой панели инструментов.

Лупа имеет два режима: увеличение и уменьшение . По умолчанию включен режим увеличения, чтобы перейти в режим уменьшения надо деражть нажатой клавишу Shift.

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

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

16. Найдите в окне программы палитру Журнал. Если ее нет, выполните команду Просмотр – Журнал.

Рисунок 11

17. В этой палитре можно увидеть все Ваши действия с файлом. Она может выглядеть по-разному, в зависимости от того, какие действия Вы выполняли. В этой панели можно отменять действия и возвращать их. Последнее действие выделено голубым цветом. Щелкните на одну строку выше. Таким образом, Вы отменили последнее действие. Если щелкнуть на несколько строк выше, то Вы отмените несколько последних действий.

Рисунок 12

18. Снова щелкните по последней строке, таким образом, Вы вернули отмененное действие. Используйте эту панель для отмены и возврата действий.

19. Откройте файл Сидней.jpg.

20. Уменьшим размер изображения, сделаем его таким же по ширине, как и коллаж. Выполните команду Изображение – Размер изображения… и в открывшемся окне сделайте настройки, как показано на рисунке. Затем нажмите Да.

Рисунок 13

21. Теперь нам необходимо скопировать изображение Сиднея в наш коллаж. Для этого выполните команды Редактировать – Выделить все, а затем Редактировать – Копировать.

22. Переключитесь на наш коллаж и выполните команду Редактировать – Вставить. Результат на рисунке ниже.

Рисунок 14

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

Рисунок 15

24. В палитре слоев переименуйте вновь образовавшийся слой в Сидней.

Рисунок 16

25. Видимость слоев можно включать и отключать. Для отключения видимости слоя надо сбросить флажок в правой части строки с названием слоя . Отключите слой Сидней, щелкнув левой кнопкой мыши по флажку. Изображение города исчезло, но в файле осталось. Этот слой просто теперь не видим.

Рисунок 17

26. Включите обратно слой Сидней, чтобы он был видим.

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

Рисунок 18

28. Нажмите клавишу Delete.Результат ниже.

Рисунок 19

29. Закройте файл Сидней.jpg без сохранения.

30. Теперь поработаем с нижней частью коллажа (см. рис. 1). Откройте изображения Рельеф.jpg, Кинг-каньон.jpg и Дюны.jpg.

31. Установите высоту каждому из этих изображений равной 220 px. Как Вы помните из предыдущих действий, сделать этом можно командой Изображение – Размер изображения… В появившемся окне в поле Высота установить цифру 220. Ширина пересчитается автоматически и для каждого из изображений будет разной. После этого нажать Да.

Рисунок 20

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

33. После вставки инструментом перемещения разместите изображение рельефа в левом нижнем углу коллажа.

Рисунок 21

34. Новый слой переименуйте в Рельеф.

Рисунок 22

35. Закройте файл Рельеф.jpg без сохранения.

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

а

б

Рисунок 23

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

Рисунок 24

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

Рисунок 25

39. В левой панели инструментов выберите инструмент Градиент . Установите настройки, как показано на рисунке ниже.

Рисунок 26

40. Проведите инструментом градиента слева направо в зоне перекрытия слоев Рельеф и Каньон (см. рисунок ниже).

Рисунок 27

41. В результате получился плавный переход одного слоя в другой.

Рисунок 28

42. Щелкните правой кнопкой мыши по слою Каньон и выберите команду Применить маску слоя.

Рисунок 29

43. Разместите в правом нижнем углу коллажа изображение из файла Дюны.jpg с перекрытием слоя Каньон. Новый слой назовите Дюны.

Рисунок 30

44. Аналогично, как Вы делали плавный переход слоя Каньон в слой Рельеф, сделайте плавный переход слоя Дюны в слой Каньон. У нас получилось вот так.

Рисунок 31

45. Выполните команду Применить маску слоя для слоя Дюны.

46. Откройте файл Великая Океанская дорога.jpg. Измените высоту изображения до 300px. Разместите это изображение в коллаже. Слой назовите Дорога. Результат на рисунке ниже.

Рисунок 32

47. Изображение Великой Океанской дороги получилось немного большим и перекрывает оперный театр. Уменьшим размеры слоя Дорога. Для этого выполните команду Редактировать – Free transform… Появится рамка трансформации (контуры рамки могут не совпадать с границами изображения и находиться немного в стороне). Перемещая угловые маркеры, уменьшите размеры изображения дороги, держите при этом нажатой клавишу Shift, чтобы не исказить пропорции. После того, как уменьшили размеры, нажмите Enter.

Рисунок 33

48. Разместите слой Дорога примерно так, как показано на рисунке ниже.

Рисунок 34

49. Смягчим края слоя Дорога. Для этого выберите инструмент Ластик . На верхней панели параметров выберите режим ластика Кисть с диаметром 100.

Рисунок 35

50. Аккуратно сотрите резкий край изображения.

Рисунок 36

51. Результат на рисунке ниже.

Рисунок 37

52. Откройте файл Город.jpg. Уменьшите высоту изображения до 180 px. Выберите инструмент выделения . На верхней панели настроек этого инструмента выберите инструмент овального выделения .

Рисунок 38

53. Сделайте круглое выделение на изображении Город.jpg. Затем выполните команду Редактировать – Копировать.

Рисунок 39

54. Скопированный фрагмент разместите в коллаже командой Редактировать – Вставить, слой назовите Город.

Рисунок 40

55. Сделаем белую рамку вокруг нового круглого изображения. Для этого создайте новый слой командой Слой – Новый слой. В палитре Слои он разместился выше всех слоев. Назовите его Белый круг.

Рисунок 41

56. Сделайте на новом слое круглое выделение чуть больших размеров, чем на слое Город.

Рисунок 42

57. На палитре инструментов внизу установите белый цвет.

Рисунок 43

58. Выберите инструмент Заливка и залейте круглую зону выделения белым цветом, щелкнув по зоне выделения.

Рисунок 44

59. Переместите слой Белый круг ниже слоя Город. Для этого нажмите на слое Белый круг левой кнопкой мыши и, не отпуская кнопку, переместите слой ниже слоя Город.

Рисунок 45

60. Чтобы круглую обводку вокруг изображения на слое Город сделать потоньше, можно применить инструмент Редактировать – Free Transform… Примерный результат на рисунке ниже.

Рисунок 46

61. У нас остался тонкий белый контур от выделения. Его можно стереть ластиком.

Рисунок 47

62. Сейчас добавим в наш коллаж немного текста и графики.

63. Создайте новый слой командой Слой – Новый слой. Назовите его Графика.

64. Выберите инструмент Кисть . На верхней панели настроек откройте параметры кисти.

Рисунок 48

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

Рисунок 49

66. Осталось сделать надписи. Выберите инструмент Текст . Щелкните курсором по изображению, появятся настройки инструмента текста. Введите текст в соответствующее окно, установите гарнитуру шрифта, высоту, измените цвет шрифта по своему усмотрению. После этого нажмите Да.

Рисунок 50

67. После подписи изображений наш коллаж выглядит вот так.

Рисунок 51

68. Сохраните файл. Для этого выберите команду Файл – Сохранить… Появится окно настроек сохранения. Для того, чтобы сохранить слои для последующего редактирования, необходимо выбрать формат PXD. Тогда Вы снова сможете открыть свой файл в Photoshop Online и продолжить работу с ним.

Рисунок 52

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

Рисунок 53