Обработка растровых изображений в 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. Выполните команду Изображение – Повернуть на 1800. Изображение перевернулось.

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

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

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. Сохраните файл на своем компьютере.