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

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

Делаем паззл из картинки

Тема в разделе "Уроки и инструкции", создана пользователем SantaFulmine, 28 июл 2012.

  1. SantaFulmine

    заблудилась в Скайриме :)
    SantaFulmine
    Сообщения:
    1.934
    Симпатии:
    26
    Баллы:
    115
    Пол:
    Женский
    Репутация:
    3.187
    Награды:
    5
    Хотите сделать из картинки или вашего фото паззл? Сейчас я расскажу вам, как это сделать.
    Для начала вам нужно скачать и установить плагин для фотошопа AV Bros. Puzzle Pro 3.0 rus, найти его вы можете в этой теме.
    Скачали и установили? Отлично! Теперь за дело!

    1. Откройте в фотошопе картинку из которой хотите сделать паззл.
    2. Новый плагин появится в меню Filter>AV Bros.> AV Bros. Puzzle Pro 3.0.
    [​IMG]
    3. Запустите плагин. У вас появится вот такое окно.
    [​IMG]
    4. Теперь давайте подробнее изучим интерфейс плагина.
    На сетке располагается редактируемая форма частички паззла. Вы можете двигать точки, удерживая левой клавишей мышки, а также добавлять новые, просто кликнув мышкой на линию.
    [​IMG]
    Для каждой точки можно создать свою форму изгиба. Передвигайте бегунок параметра Smoothness, и линия станет либо более угловатой, либо более округлой.
    [​IMG]
    Вы всегда можете обратить изменения, нажав на кнопочку Undo.
    [​IMG]
    Также вы можете сохранить созданные вами формы, кликнув на кнопочку Save.
    [​IMG]
    Рассмотрим параметр Knobs size. Это размер кнопочек паззла.
    [​IMG]
    При нулевом параметре они отсутствуют, и картинка выглядит разрезанной на квадраты.
    [​IMG]
    Под ним мы видим параметр Knives thickness, но по умолчанию он неактивен. Он делает промежутки между частичками паззла больше. Если вы хотите его использовать, снимете галочку с Razor cut и теперь вы можете регулировать толщину зазоров.
    [​IMG]
    Для сравнения: до и после.
    [​IMG]
    Далее идут параметры Rows и Columns, которые отвечают за количество частичек паззлов в картинке. Если вы нажмете на значок справа от них, то частички будут меняться вместе соответственно масштабу. То есть при выключенном значке, вы можете самостоятельно выбирать, сколько будет частичек по горизонтали, а сколько по вертикали, а при включенном — второй параметр будет меняться, согласуясь с первым.
    В общем, лучше нажимать на значок, так работа будет выглядеть красивее.
    [​IMG]
    Помимо стандартной формы паззла, в плагине имеется небольшая библиотека с другими формами. Вы можете их просмотреть и выбрать, кликнув на кнопочку Preset Manager.
    Выбрав подходящую форму, нажмите кнопочку Choose path.
    [​IMG]
    Чтобы применить форму к картинке, нажмите Cut.
    [​IMG]
    Вот, что у нас получилось.
    [​IMG]
    5. Но это еще не все. Вы также можете поиграть с внешним видом каждой частички паззла. Просто выберете любой паззл, нажав на него левой клавишей мышки. Внизу вы видите небольшую панель с различными эффектами. Рассмотрим каждую подробнее.
    [​IMG]
    • Bevel — создает эффект выдавленной объемной фигуры. Вы можете регулировать его размер, глубину и мягкость, а также угол, уровень света и тени эффекта.
    [​IMG]
    Так выглядит картинка после применения эффекта.
    [​IMG]
    • Hue / Saturation — это оттенок/насыщенность паззла. Имеет три параметра, сходные с аналогичными в фотошопе. То есть, для отдельной частички паззла вы можете выбрать другой оттенок, насыщенность и светлоту.
    [​IMG]
    Смотрим на изменения.
    [​IMG]
    • Brightness / Contrast — меняет яркость/контрастность паззла.
    [​IMG]
    Результат.
    [​IMG]
    • Gaussian Blur — добавляет паззлу эффект размытия.
    [​IMG]
    После его применения паззл выглядит вот так.
    [​IMG]
    • Motion Blur — размытие в движении. Можно установить радиус и угол размытия.
    [​IMG]
    Теперь смотрим, как это будет.
    [​IMG]
    • Opacity — прозрачность. Вы можете задать любую прозрачность для каждой частички файла. Полезно, если под картинкой с паззлом у вас есть фон.
    [​IMG]
    Без фона вы увидите, как под паззлом просвечиваются квадратики холста.
    [​IMG]
    • Color Overlay — перекрытие цветом. Можно выбрать любой цвет, а также задать прозрачность для него. Если вы оставите частичку паззла непрозрачным, то она просто полностью закрасится в выбранный цвет. С прозрачностью она приобретет оттенок выбранного цвета, через который будет просвечивать контуры рисунка.
    [​IMG]
    Выглядит это так.
    [​IMG]
    • Image Overlay — перекрытие другой картинкой. Если у вас есть несколько слоев с разными картинками в документе, то вы можете выбрать картинку, которая заменит оригинальный рисунок паззла. Для данного параметра можно также задать прозрачность.
    [​IMG]
    Вот как будет.
    [​IMG]
    • Stroke — добавит контур выбранной частичке. Можно подобрать цвет контура, его размер и прозрачность.
    [​IMG]
    Получится так.
    [​IMG]
    Кликнув на значок со стрелочками, вы скроете выбранную частичку паззла.
    [​IMG]
    Нажав кнопочку on, вы сделаете ее снова видимой. Нажав off, скроете все частички.
    Любой эффект можно убрать, кликнув на кнопочку off под иконкой эффекта.
    [​IMG]
    Если не выделять отдельную частичку паззла, то эффекты применятся ко всей картинке.
    Чтобы применить изменения к картинке, нажмите кнопочку Apply.
    [​IMG]
    Вы также можете создать копии вашей картинки и, применив к ним снова эффект паззла с тем же количеством частичек, затем скрыть большую часть и оставить, например, один кусочек, а затем переместить его сбоку от основного паззла, тем самым, создав эффект несобранной картинки.
    При хорошей фантазии у вас может получиться вот такой паззл.
    [​IMG]
     
     
  2. ElieneBella

    мат в статусе удален
    ElieneBella
    Сообщения:
    1.401
    Симпатии:
    3
    Баллы:
    75
    Репутация:
    1.789
    Награды:
    3
    Очень интересный урок!
    ТОлько сейчас обнаружила! Оо
    будет полезно для какого-нибудь оформления!:thumb:
     
     
  3. angela

    Продвинутый
    angela
    Сообщения:
    454
    Симпатии:
    1
    Баллы:
    40
    Репутация:
    554
    Награды:
    1
    Большое спасибо за такой прекрасный урок! :thumb: Благодаря ему я сделала себе оформление! :rolleyes: :biggrin:
     
     
  4. DashaL

    Активист
    DashaL
    Сообщения:
    569
    Симпатии:
    3
    Баллы:
    50
    Репутация:
    369
    Награды:
    0
    Скачала я этот плагин, запустила фотошоп, в фильтре он есть, но требует ключ какой-то:frown:
     
     
  5. angela

    Продвинутый
    angela
    Сообщения:
    454
    Симпатии:
    1
    Баллы:
    40
    Репутация:
    554
    Награды:
    1
    DashaL, Там внутри папки найди текстовый документ, в котором написан код. ;)
    А еще проще скопируй: GKNA-7CZP-AEAQ-9LWN-KL2Q
     
     
  6. DashaL

    Активист
    DashaL
    Сообщения:
    569
    Симпатии:
    3
    Баллы:
    50
    Репутация:
    369
    Награды:
    0
    angela, спасибо, получилось:biggrin:
    [​IMG]
    Прекрасный урок! А главное-полезный (можно для династии оформление сделать:rolleyes:) и все описано!
     
     
  7. angela

    Продвинутый
    angela
    Сообщения:
    454
    Симпатии:
    1
    Баллы:
    40
    Репутация:
    554
    Награды:
    1
    Не за что :biggrin:
     
     
  8. manjaf

    Я туть.
    manjaf
    Сообщения:
    8.732
    Симпатии:
    8.486
    Баллы:
    310
    Пол:
    Женский
    Репутация:
    8.230
    Награды:
    13
    К сожалению скачать плпгин по ссылке невозможно говорит что файл удален