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

---

Обработка растровых изображений в Photoshop онлайн

Скачать изображения к уроку

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

Онлайн редакторы растровых изображений имеют общий алгоритм работы: загрузить/создать изображение, отредактировать в редакторе, скачать обработанный файл.

Рассмотрим несколько примеров обработки растровых изображений в онлайн редакторе.

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

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

Рисунок 1

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

Рисунок 2

 

Основы редактирования фотографий

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

Перечислим эти функции:

• изменение размеров изображения;
• поворот изображения;
• кадрирование изображения;
• цветокоррекция изображения;
• сохранение изображения.

 

Изменение размеров изображения

3. Командой Файл – Открыть изображение… откройте в Photoshop Online файл butterfly.jpg из папки photo_dop_1.

Рисунок 3

4. Выполните команду Изображение – Размер изображения…

Рисунок 4

Появится окно настроек.

Рисунок 5

5. Щелкните по треугольнику в поле Ширина. Откроется бегунок. Перемещая бегунок выберите другой размер ширины в пикселях и нажмите кнопку Да.

Рисунок 6

Размер изображения уменьшился.

6. Чтобы отменить это действие, найдите палитру Журнал в правой части экрана.

Рисунок 7

7. Щелкните по строке Открыть изображение. Таким образом Вы отменили последнее действие. Изображение опять приняло первоначальные размеры.

Рисунок 8

8. Вновь щелкните по строке Размер изображения. Таким образом Вы вернули отмененное действие. Используйте палитру Журнал для отмены и возврата действий.

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

 

Поворот изображения

10. Выполните команду Изображение – Повернуть на 180⁰. Изображение перевернулось.

11. Выполните команду Изображение – Повернуть на 90⁰ по часовой стрелке. Выполните команду Изображение – Отразить по вертикали.

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

12. Поверните изображение с бабочкой так, чтобы оно приняло исходный вид.

 

Кадрирование изображения

13. В левой панели инструментов выберите инструмент Обрезка.

Рисунок 9

14. Обведите этим инструментом на фотографии зону, которая останется после обрезки изображения.

Рисунок 10

После того, как Вы отпустите кнопку мыши, на выделенной зоне появится сетка.

Рисунок 11

Перемещая угловые маркеры, можно отредактировать зону выделения.

Рисунок 12

15. После этого нажмите Enter. Изображение обрезалось.

Рисунок 13

16. Отмените все действия и верните изображение в исходное состояние.

<

Цветокоррекция изображения

Для цветокоррекции изображения есть группа инструментов в верхнем пункте меню Коррекция.

Рисунок 14

17. Попробуйте самостоятельно все эти пункты меню. Мы применили опцию Старая фотография дважды.

Рисунок 15

 

Сохранение изображения

18. Чтобы сохранить отредактированное изображение у себя на компьютере, выполните команду Файл – Сохранить.

Рисунок 16

Откроется окно с настройками сохранения.

Рисунок 17

В этом окне можно задать имя файла, выбрать формат, и качество сохранения.

Если бегунок Качество установить в крайнее правой положение, то будет 100%-е качество и максимальный размер файла в Кб (или Мб). Если выбрать качество пониже, то размер файла в Кб уменьшится, но качество изображения понизится. В правом нижнем углу этого окна можно видеть размер изображения в зависимости от положения бегунка Качество.

19. Нажмите кнопку Да. Откроется окно с файловой системой Вашего компьютера. Выберите нужную папку и нажмите кнопку Сохранить.

 

Совмещение фотографий

1. Откройте файлы moln.jpg и flower.jpg. Для этого выберите команду Файл – Открыть изображение.

Рисунок 18

2. Найдите эти файлы на своем компьютере. Выделите первый файл и нажмите Открыть. Аналогично откройте второй файл. Расположите их рядом.

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

Рисунок 19

3. Сделайте активным файл moln.jpg (щелкните по верхней черной полосе, где написано «moln»).

4. Выполните команду Редактировать – Выделить все. Вокруг изображения появилась серая пунктирная линия.

Рисунок 20

5. Выполните команду Редактировать – Копировать.

6. Переключитесь на файл flower.jpg и выполните команду Редактировать – Вставить.

7. В палитре Слои переименуйте слои, как показано на рисунке. Для этого щелкните дважды по названию слоя и в режиме редактирования имени слоя введите новое название.

Рисунок 21

8. Сделайте активным слой Молния, он подсветится голубым цветом.

9. В палитре слоев внизу нажмите кнопку Маска слоя .

Рисунок 22

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

Рисунок 23

10. В левой панели инструментов найдите инструмент градиента , щелкните по нему левой кнопкой мыши.

11. Убедитесь, что настройки градиента вверху экрана совпадают с рисунком.

Рисунок 24

12. Проведите градиентом в центральной части изображения сверху вниз.

Рисунок 25

 

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

Рисунок 26

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

Рисунок 27

 

14. Выполните команду Слой – Объединить слои.

Рисунок 28

15. Выберите команду Файл – Сохранить.

В окне сохранения выполните настройки, как показано на рисунке и нажмите кнопку Да.

Рисунок 29

16. Выберите папку, в которую сохраняете свои работы. Нажмите кнопку Сохранить.

17. Файлы moln.jpg и flower.jpg закройте без сохранения.

18. Просмотрите вновь созданный файл Гроза на озере.jpg.

Фильтры и цветокоррекция

19. Откройте в Photoshop Онлайн файл Park.jpg.

Рисунок 30

20. Выполните команду Фильтр – Волшебное сияние. Результат на рисунке ниже.

Рисунок 31

21. Сделаем цветокоррекцию фотографии. Для этого выполните команду Коррекция – Цветовой тон/Насыщенность.

Рисунок 32

 

22. В появившемся окне Цветовой тон/Насыщенность установите флажок Колоризация.

Рисунок 33

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

Рисунок 34

24. Выполните команду Коррекция – Color balance.. Перемещая бегунки просмотрите действие этого фильтра.

Рисунок 35

25. Выберите понравившийся Вам вариант. Нажмите Да.

 

Рисунок 36

26. Результат ниже

Рисунок 37

27. Сохраните файл на своем компьютере.