Разрезаем картинку

В этом уроке вы узнаете, как разрезать картинку на несколько кусочков.​

1. Открываем изображение. [Файл – Открыть… – Далее выбираем нужное изображение / File – Open… – Далее выбираем нужное изображение]. Открыть изображение можно и с помощью горячих клавиш: Ctrl + O



2. Создаём направляющие. [Просмотр – Новая направляющая / View – New Guide]

2.1 Настраиваем выпавшее окошко так, как показано тут. Появилась вертикальная направляющая.



3. Включим линейки, они помогут нам точно определить середину изображения. [Просмотр – Линейки / View – Rulers]. Включить линейки можно и с помощью горячих клавиш: Ctrl + R



4. Воспользуемся инструментом Перемещение / Move Tool [Горячая клавиша: V]. С помощью инструмента и линеек двигаем направляющую на середину изображения.

4.1 Проделываем аналогичные действия [Пункты номер: 2 и 4] для горизонтальной направляющей. Настройки для горизонтальной направляющей здесь.



5. Вот результат.

5.1 Выбираем инструмент Прямоугольная область / Rectangular Marquee tool [Горячая клавиша: M].



6. Хочу обратить внимание на Стиль Выделения. Его мы ставим на Обычный / Normal.



7. Заходим в [Просмотр – Привязать к – Направляющим / View – Snap to – Guides].

7.1 Выделяем с помощью инструмента Прямоугольная область один из фрагментов.



8. Нажимаем на выделенный фрагмент правой клавишей мыши. В появившемся меню выбираем Скопировать на новый слой / Layer Via Copy или с помощью горячих клавиш: комбинация Ctrl + C, Ctrl + V.

8.1 Зайдя в Слои / Layers [Горячая клавиша: F7], у нас должно быть так.



9. Переходим на слой с фоном [Фон / Background].

9.1 Проделываем аналогичные действия [Пункты: 5.1, 6, 7.1, 8, 9] с оставшимися фрагментами.



10. Удаляем слой с фоном, для этого нажмём правой клавишей мыши [Фон – Удалить слой / Background – Delete Layer]



11. В итоге получаем 4 слоя с фрагментами.

11.1 Выбираем Слой 1 / Layer 1 и изменяем положение слоя, трансформируя его [Слой 1 – Редактирование – Свободное трансформирование / Layer 1 – Edit – Free Transform]. Трансформировать можно и с помощью горячих клавиш: Ctrl + T.



12. Далее нажимаем галочку в верхней части программы или клавишу Enter.

12.1 Проделываем аналогичные действия [Пункты: 11.1 и 12] с оставшимися фрагментами.



13. Результат:



14. Нам больше не нужны направляющие, поэтому давайте их удалим [Просмотр – Удалить направляющие / View – Clear Guide].



15. Выбираем Слой 1 / Layer 1 и нажимаем на него правой клавишей мыши. Выбираем Параметры наложения / Blending Options [Можно открыть, кликнув 2 раза на строку слоя левой клавишей мыши]

15.1 Настраиваем окошко Обводка / Stroke так, как показано тут.

15.2 Настраиваем окошко Тень / Drop Shadow так, как показано тут.



16. Нажимаем правой клавишей мыши на Слой 1 / Layer 1 и нажимаем на Скопировать стиль слоя / Copy Layer Style.



Способ 1:

17. Выбираем Слой 2 / Layer 2 и нажимаем правой клавишей мыши на Вклеить стиль слоя / Paste Layer Style.

17.1 Проделываем аналогичные действия [Пункт 17] с оставшимися фрагментами [Слой 3 / Layer 3, Слой 4 / Layer 4].

Способ 2:

17. Выбираем Слой 2 / Layer 2 и с помощью зажатой клавиши Shift кликаем на Слой 4 / Layer 4. У наш должны выделиться сразу 3 слоя [Слой 2 / Layer 2, Слой 3 / Layer 3, Слой 4 / Layer 4]. Нажимаем правой клавишей мыши на Вклеить стиль слоя / Paste Layer Style.



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

18.1 Заходим в Изображение – Размер холста / Image – Canvas Size [Горячие клавиши: Alt + Ctrl + C] и настраиваем окошко.

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



19. Сохраняем картинку [Файл – Сохранить для Web / File – Save for Web]. Для того, чтобы картинка отображалась с прозрачным фоном, сохраняем картинку именно для Web, настраивая окошко.

Готово!

Результат:



Оригинал:

​

Автор: © шариковая ручка
Редактор: Dara_Savelly​