{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы учимся менять у предмета фон и настраивать освещение. Начинали работать здесь:","type":"unstyled","key":"6ahvh"},{"data":{"embedData":{"type":"yandex-zen-publication","publicationId":"60c263d764ebaf6baee035d5","originalUrl":"https://dzen.ru/media/divnyj/rabota-s-instrumentami-vydeleniia-v-gimp--udlaiaem-fon-60c263d764ebaf6baee035d5","publisherId":"5f2d1570140573681b98e7ba","publisherName":"Дивный мир!","title":"Работа с инструментами выделения в Gimp – удлаяем фон","publishTime":1623358618325,"isPublisherVerified":false,"image":{"id":"637c6de47d50622c7eb7de01","groupId":3502204,"imageName":"pub_60c263d764ebaf6baee035d5_637c6de47d50622c7eb7de01","namespace":"zen_doc","meta":{"mainColor":"#404040","origFormat":"PNG"},"sizes":{"orig":{"width":1258,"height":807},"scale_360":{"width":360,"height":231},"scale_540":{"width":540,"height":346},"scale_600":{"width":600,"height":385},"scale_720":{"width":720,"height":462},"scale_1200":{"width":1200,"height":770},"scale_2400":{"width":1258,"height":807}}}}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"9qt54"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы избавили мой мультиметр от заднего плана, научились пользоваться некоторыми инструментами выделения:","type":"unstyled","key":"12dl8"},{"data":{"image":{"id":"637c765b9d86c37107b2104f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"68k0h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нам осталось:","type":"unstyled","key":"2i58f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Настроить задний фон;","type":"ordered-list-item","key":"7j000"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавить тень мультиметру;","type":"ordered-list-item","key":"aacvr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Настроить освещение.","type":"ordered-list-item","key":"fjr6i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поехали!","type":"unstyled","key":"dle0v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавим изображению фон","type":"header-two","key":"bu098"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":4,"offset":115}],"inlineStyleRanges":[{"length":26,"offset":76,"style":"ITALIC"}],"text":"Идём в Google и ищем красивый фон. Можно написать, например, такой запрос: \"бесплатные текстуры дерева\". Вот такой фон я скачал, им и воспользуюсь","type":"unstyled","key":"9lh2l"},{"data":{"image":{"id":"60c28276596b103555362772"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для Дзен загрузил фото в разрешении 1920x1080, а сам пользуюсь разрешением 6000х4000. Фото с сайта pixabay","type":"atomic:image","key":"58f9o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Итак, добавим фон в Gimp. Находим файл в файловом менеджере, \"хватаем\" его левой кнопкой мышки и тянем прямо в Gimp, в окно работы со слоями (в Google Chrome можно перетянуть файл прямо из нижней полосы загрузок)","type":"unstyled","key":"f5h0p"},{"data":{"image":{"id":"637c77a08fecfc4dc1dad7f6"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перетягиваем изображение из файлового менеджера в эту область, чтобы фон расположился ниже мультиметра с переднего плана","type":"atomic:image","key":"dui5r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":82,"style":"ITALIC"}],"text":"При необходимости изменяем масштаб заднего фона. Для этого существует инструмент \"Трансформации\", с ним мы уже познакомились здесь:","type":"unstyled","key":"7o16k"},{"data":{"embedData":{"type":"yandex-zen-publication","publicationId":"60b8d5ca0716567b35da2af7","originalUrl":"https://zen.yandex.ru/media/mbnw/ispravliaem-perspektivu-na-fotografii-v-gimp-60b8d5ca0716567b35da2af7","publisherId":"5f2d1570140573681b98e7ba","publisherName":"Дивный мир!","title":"Исправляем перспективу на фотографии в Gimp!","publishTime":1622753777975,"isPublisherVerified":false,"image":{"id":"60b93e70bbd5974178d7fae1","groupId":4079337,"imageName":"pub_60b8d5ca0716567b35da2af7_60b93e70bbd5974178d7fae1","namespace":"zen_doc","meta":{"mainColor":"#404040","origFormat":"PNG"},"sizes":{"orig":{"width":1031,"height":628},"scale_360":{"width":360,"height":219},"scale_540":{"width":540,"height":329},"scale_600":{"width":600,"height":365},"scale_720":{"width":720,"height":439},"scale_1200":{"width":1031,"height":628},"scale_2400":{"width":1031,"height":628}}}}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"envsn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":75,"style":"ITALIC"},{"length":5,"offset":136,"style":"ITALIC"},{"length":4,"offset":146,"style":"ITALIC"}],"text":"Чтобы изменить масштаб изображения на активном слое, активируем инструмент \"Трансформации\", находим маркеры трансформации и с зажатыми и , не отпуская левой кнопки мыши, тянем за угловой прямоугольный маркер, изменяя масштаб изображения:","type":"unstyled","key":"velq"},{"data":{"image":{"id":"637c78b429ec521fd5c8ffc9"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используем квадратный маркер для изменения масштаба","type":"atomic:image","key":"414g3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":43,"style":"ITALIC"},{"length":5,"offset":121,"style":"ITALIC"}],"text":"В процессе изменения масштаба мы зажимали для того, чтобы изображение заднего плана масштабировалось из центра и для того, чтобы при масштабировании изображение сохраняло пропорции.","type":"unstyled","key":"6qfev"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":40,"style":"ITALIC"},{"length":13,"offset":72,"style":"ITALIC"},{"length":13,"offset":107,"style":"ITALIC"}],"text":"Подтверждаем изменение масштаба кнокой либо нажимаем на кнопку \"Преобразовать\" в всплывающем окне \"Трансформации\".","type":"unstyled","key":"3j3ef"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для полного правдоподобия, следовало бы исказить размеры досок, чтобы расположенные к нам ближе доски были бы шире чем те, что расположены дальше. Не будем этого делать, чтобы не перегружать урок","type":"blockquote","key":"9q2p5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создадим тень","type":"header-two","key":"3acpm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Воссоздадим тень, отбрасываемую мультиметром на деревянную поверхность.","type":"unstyled","key":"3bkos"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В Gimp есть встроенные эффекты для создания теней. Однако из-за того, что объект переднего плана – мультиметр стоит на подставке, он отбрасывает тень неправильной формы. Поэтому повтроить такую тень стандартными эффектами Gimp не получится. Нарисуем собственную тень, выполнив следующие действия:","type":"unstyled","key":"54mh3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Скопируем мультиметр на новый слой и закрасим его каким-нибудь серым цветом, напоминающим тень.","type":"ordered-list-item","key":"96f70"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":14,"style":"ITALIC"}],"text":"Инструментом \"Трансформиромации\" деформируем закрашенный серым контур.","type":"ordered-list-item","key":"63nrl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменим режим наложения слоя, чтобы тот походил на тень.","type":"ordered-list-item","key":"10fpf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выполним размытие слоя, чтобы у него стали мягкими края.","type":"ordered-list-item","key":"uq23"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Итак, приступим.","type":"unstyled","key":"e72cm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":87,"style":"ITALIC"},{"length":5,"offset":96,"style":"ITALIC"},{"length":1,"offset":106,"style":"ITALIC"},{"length":25,"offset":130,"style":"ITALIC"}],"text":"Щёлкаем левой кнопкой мыши по слою, содержащему передний план (мультиметр) и нажимаем + + (либо в главном меню Слой → Создать копию слоя). У нас появился ещё один слой. Итак, теперь в Gimp 4 слоя – задний фон, два слоя с передним планом и слой с оригинальной (неизменённой фотографией), содержащий подсказку о форме тени:","type":"unstyled","key":"ef4np"},{"data":{"image":{"id":"637c805f9d86c37107c0e3e8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"684tb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":86,"style":"ITALIC"},{"length":5,"offset":128,"style":"ITALIC"}],"text":"Чтобы не путать читателя, я переименую слои. Я поочерёдно выделил каждый слой, нажал , ввёл новое имя и подтвердил кнопкой :","type":"unstyled","key":"9ufr3"},{"data":{"image":{"id":"637c80ff332a06779dbbb112"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1h5b0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":185,"style":"ITALIC"}],"text":"Будем работать с третьим слоем \"Тень\". Выделяем слой, щёлкнув по нему левой кнопкой мыши. Далее выделяем содержимое слоя, нажав на этом же слое правой кнопкой мыши и выбрав пункт меню \"Альфа-канал в выделение\":","type":"unstyled","key":"6om0k"},{"data":{"image":{"id":"637c81ad8fecfc4dc1eb48ad"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"el75f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":44,"style":"ITALIC"}],"text":"Кажется, что ничего не произошло, но в окне История появилась маска слоя, подтверждающая, что нужная часть изображения слоя выделена:","type":"unstyled","key":"89uv5"},{"data":{"image":{"id":"637c82333f90770f9ed39676"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ap1lp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":20,"style":"ITALIC"},{"length":6,"offset":30,"style":"ITALIC"}],"text":"Выберем инструмент \"Плосткая заливка\" и зададим цвету заливки какой-нибудь оттенок серого:","type":"unstyled","key":"ac6jn"},{"data":{"image":{"id":"637c849731d5d43660c4fc06"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cddmc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":37,"style":"ITALIC"},{"length":6,"offset":47,"style":"ITALIC"}],"text":"Щёлкнем по мультиметру инструментом \"Плосткая заливка\", и слой \"Тень\" заполнится одним цветом:","type":"unstyled","key":"48or0"},{"data":{"image":{"id":"637c8524d7971e0d379a0e77"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Слой \"Тень\" стал серым","type":"atomic:image","key":"8ne4d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменим форму тени. Сначала активируем слой \"Оригинал\", нажав на него левой кнопкой мыши, а затем нажмём левой кнопкой мыши там, где у слоя нету символа глаза. Слой \"Оригинал\" перекроет остальные (нижележащие) слои, поэтому снизим у слоя параметр непрозрачности так, чтобы видеть остальные слои:","type":"unstyled","key":"7r0qr"},{"data":{"image":{"id":"637c8645d7971e0d379c744c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1 – выделили слой; 2 – включили его видимость; 3 – снизили непрозрачность, чтобы видеть нижележащие слои","type":"atomic:image","key":"ckk1e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":77,"style":"ITALIC"}],"text":"Теперь левой кнопкой мыши щёлкаем по слою \"Тень\", затем выбираем инструмент \"Трансформирмации\" и за маркеры-ромбики перетаскиваем, деформируя, слой с тенью так, чтобы он повторял оригинальную тень:","type":"unstyled","key":"d2flr"},{"data":{"image":{"id":"637c88a2d7971e0d37a0d7ae"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1 – выделили слой; 2 – выбрали инструмент \"Трансформации\"; 3 – перетянули маркеры, исказив слой с тенью","type":"atomic:image","key":"bnkg8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":63,"style":"ITALIC"},{"length":13,"offset":82,"style":"ITALIC"}],"text":"Подобрав идеальную форму тени, подтверждаем деформации, нажав или кнопку \"Преобразовать\" в всплывшем окне. После этого, внизу окна Gimp нужно нажать выделенный зелёным значок с якорем, чтобы деформированное выделение стало единым со слоем:","type":"unstyled","key":"2a6cp"},{"data":{"image":{"id":"637c89960cc7e0487ca445ef"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"29l67"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Слой \"Оригинал\" с оригинальным изображением нам больше не нужен. Можно отключить его видимость, или вообще удалить, выделив его левой кнопкой мыши и нажав кнопку с крестиком в правом нижнем углу окна программы. Я его попросту удалил.","type":"unstyled","key":"lrue"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Созданная нами тень смотрится плохо, потому что она не прозрачная и у неё резкие края.","type":"unstyled","key":"92v4l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":116,"style":"STRIKE"},{"length":17,"offset":293,"style":"ITALIC"}],"text":"Чтобы сделать тень прозрачной, можно выделить слой \"Тень\" и перетянуть ползунок непрозрачности в район 64%, а можно сделать посложнее выбрать один из режимов наложения слоёв. Выделяем слой \"Тень\" и над непрозрачностью видим слово \"Режим\", нажимаем по нему левой кнопкой мыши и выбираем пункт \"Направленный свет\":","type":"unstyled","key":"bns76"},{"data":{"image":{"id":"637c8c63332a06779dce1a8a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"98l62"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После этого тень становится более менее прозрачной, однако её края до сих пор выглядят очень резкими:","type":"unstyled","key":"fpn8v"},{"data":{"image":{"id":"637c8c9badb7a754d4ed51b4"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"e5a11"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нам нужно применить эффект размытия, чтобы сделать тень мягкой. В главном меню выбираем Фильтры → Размытие → Гауссово размытие и в появившимся диалоговом окне устанавливаем побольше значение параметров Size X и Size Y:","type":"unstyled","key":"edpp6"},{"data":{"image":{"id":"637c8d1fba76c1668105f302"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"d3e6j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"По мере увеличения значений тень будет становиться более мягкой. Значения, указанные на скриншоте выше, меня вполне удовлетворили.","type":"unstyled","key":"enom5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"edhjp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Дайте мне Свету!","type":"header-two","key":"5rcvk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изображение выглядит неплохо, но можно добавить источник света, чтобы выглядело реалистичнее.","type":"unstyled","key":"frslf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для начала объединим изображения со слоёв в один слой. Для этого в окне \"Слои\" нажимаем правой кнопкой мыши и выбраем в контекстном меню пункт \"Свести изображение\":","type":"unstyled","key":"bdes9"},{"data":{"image":{"id":"637c8e6b56c0f6717d2c98d3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"5vu4n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":79,"style":"ITALIC"},{"length":11,"offset":89,"style":"ITALIC"},{"length":9,"offset":103,"style":"ITALIC"}],"text":"Теперь у нас единственный слой, на который и применим эффект освещения. Идём в Фильтры → Свет и тень → Освещение...\":","type":"unstyled","key":"b7gi5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В окне параметров освещения настраиваем на свой вкус, например так:","type":"unstyled","key":"6igee"},{"data":{"image":{"id":"637c8fdbadb7a754d4f3269f"},"images":[{"id":"637c8fdbadb7a754d4f3269f"},{"id":"637c8fe456c0f6717d2f29c6"}],"contents":{"637c8fe456c0f6717d2f29c6":"А здесь можно задать точку, откуда светит свет и его интенсивность","637c8fdbadb7a754d4f3269f":"Здесь настраивается удалённость источника света","imageId":"А здесь можно задать точку, откуда светит свет и его интенсивность"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь настраивается удалённость источника света","type":"atomic:image","key":"dd2c6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Окно с настройками параметров освещения содержит 5 вкладок, и разбор этих параметров – объём отдельной статьи, поэтому ограничимся указанными выше. Единственное, если во вкладке \"Свет\" изменить тип света с Точечного на направленный, в области предпросмотра слева появится синяя точка со стрелкой: точка показывает расположение источника света, стрелка – его направление.","type":"unstyled","key":"bvqje"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат трудов:","type":"unstyled","key":"1g2v5"},{"data":{"image":{"id":"637c90ce65cbbd650a9cdc2c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"5vkqr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На этом, урок заканчиваем. Кто пропустил первую часть, кликаем сюда:","type":"unstyled","key":"c9s7v"},{"data":{"embedData":{"type":"yandex-zen-publication","publicationId":"60c263d764ebaf6baee035d5","originalUrl":"https://dzen.ru/media/divnyj/rabota-s-instrumentami-vydeleniia-v-gimp--udlaiaem-fon-60c263d764ebaf6baee035d5","publisherId":"5f2d1570140573681b98e7ba","publisherName":"Дивный мир!","title":"Работа с инструментами выделения в Gimp – удлаяем фон","publishTime":1623358618325,"isPublisherVerified":false,"image":{"id":"637c6de47d50622c7eb7de01","groupId":3502204,"imageName":"pub_60c263d764ebaf6baee035d5_637c6de47d50622c7eb7de01","namespace":"zen_doc","meta":{"mainColor":"#404040","origFormat":"PNG"},"sizes":{"orig":{"width":1258,"height":807},"scale_360":{"width":360,"height":231},"scale_540":{"width":540,"height":346},"scale_600":{"width":600,"height":385},"scale_720":{"width":720,"height":462},"scale_1200":{"width":1200,"height":770},"scale_2400":{"width":1258,"height":807}}}}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"7htkh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7kj0a"},{"data":{"image":{"id":"637c912656c0f6717d31797f"},"images":[{"id":"637c912656c0f6717d31797f"}],"contents":{}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"a82qi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"d9552"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"uKzmxSYMCIYAJ1PHewWa"}],"entityMap":{"0":{"data":{"url":"https://pixabay.com/ru/photos/%D0%B4%D0%B5%D1%80%D0%B5%D0%B2%D1%8F%D0%BD%D0%BD%D1%8B%D0%B5-%D0%BE%D0%BA-%D1%82%D0%B5%D0%BA%D1%81%D1%82%D1%83%D1%80%D0%B0-%D0%B4%D0%BE%D1%81%D0%BA%D0%B0-%D0%B2%D1%83%D0%B4-3217987/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}