1. Набор в модераторы и разработчики

    Мы ищем энтузиастов, готовых помочь сделать DaraSims лучше!
    Если у тебя есть желание стать частью персонала, взяться за развитие разделов форума или делиться с читателями интересными статьями, присоединяйся!
    Скрыть объявление
  2. Частичная перезаливка изображений на DaraSims

    В ближайшее время будет производиться частичная перезаливка изображений на наш сервер.
    Подробную информацию можно найти ЗДЕСЬ »

    Если у вас возникли вопросы, пожалуйста, обратитесь в тему Вопросы по работе форума и сайта
    Скрыть объявление

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

Тема в разделе "Уроки и инструкции", создана пользователем шариковая ручка, 14 дек 2017.

  1. шариковая ручка

    Never look back
    шариковая ручка
    Сообщения:
    34
    Симпатии:
    0
    Баллы:
    0
    Репутация:
    216
    Награды:
    0
    В этом уроке вы узнаете, как разрезать картинку на несколько кусочков.

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

    [​IMG]

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

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

    [​IMG]

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

    [​IMG]

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

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

    [​IMG]

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

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

    [​IMG]

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

    [​IMG]

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

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

    [​IMG]

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

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

    [​IMG]

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

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

    [​IMG]

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

    [​IMG]

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

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

    [​IMG]

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

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

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

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

    [​IMG]

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

    [​IMG]

    Способ 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.

    [​IMG]

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

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

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

    [​IMG]

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

    [​IMG]

    Готово!

    Результат:

    [​IMG]

    Оригинал:

    [​IMG]


    Автор: © шариковая ручка
    Редактор: Dara_Savelly​
     
    Последнее редактирование модератором: 17 окт 2018
     

Поделиться этой страницей