Добавляем фон в Gimp, добавляем свет и тень

{"document": [{"text": [{"type": "string", "attributes": {}, "string": "Мы учимся менять у предмета фон и настраивать освещение. Начинали работать "}, {"type": "string", "attributes": {"href": "https://pabliko.ru/@uropb/rabota_s_instrumentami_vydelenija_v_gimp__udlajaem_fon-78392/"}, "string": "здесь"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Мы избавили мой мультиметр от заднего плана, научились пользоваться некоторыми инструментами выделения:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "11.PNG", "filesize": 296676, "height": 807, "pic_id": 259455, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/11_77xmtUQ.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Нам осталось:"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Настроить задний фон;"}], "attributes": ["numberList", "number"]}, {"text": [{"type": "string", "attributes": {}, "string": "Добавить тень мультиметру;"}], "attributes": ["numberList", "number"]}, {"text": [{"type": "string", "attributes": {}, "string": "Настроить освещение."}], "attributes": ["numberList", "number"]}, {"text": [{"type": "string", "attributes": {}, "string": "Поехали!"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Добавим изображению фон"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "Идём в Google и ищем красивый фон. Можно написать, например, такой запрос: \""}, {"type": "string", "attributes": {"italic": true}, "string": "бесплатные текстуры дерева"}, {"type": "string", "attributes": {}, "string": "\". Вот такой "}, {"type": "string", "attributes": {"href": "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/"}, "string": "фон "}, {"type": "string", "attributes": {}, "string": "я скачал, им и воспользуюсь"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Для Дзен загрузил фото в разрешении 1920x1080, а сам пользуюсь разрешением 6000х4000. Фото с сайта pixabay", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "фон.png", "filesize": 5870352, "height": 1280, "pic_id": 259456, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/%D1%84%D0%BE%D0%BD.jpeg", "width": 1920}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Итак, добавим фон в Gimp. Находим файл в файловом менеджере, «хватаем» его левой кнопкой мышки и тянем прямо в Gimp, в окно работы со слоями (в Google Chrome можно перетянуть файл прямо из нижней полосы загрузок)"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Перетягиваем изображение из файлового менеджера в эту область, чтобы фон расположился ниже мультиметра с переднего плана", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "12.PNG", "filesize": 473661, "height": 807, "pic_id": 259457, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/12_r3PbtcP.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "При необходимости изменяем масштаб заднего фона. Для этого существует инструмент \""}, {"type": "string", "attributes": {"italic": true}, "string": "Трансформации"}, {"type": "string", "attributes": {}, "string": "\", с ним мы уже познакомились "}, {"type": "string", "attributes": {"href": "https://pabliko.ru/@uropb/ispravljaem_perspektivu_na_fotografii_v_gimp-44930/"}, "string": "здесь"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Чтобы изменить масштаб изображения на активном слое, активируем инструмент "}, {"type": "string", "attributes": {"italic": true}, "string": "«Трансформации» "}, {"type": "string", "attributes": {}, "string": ", находим маркеры трансформации и с зажатыми <"}, {"type": "string", "attributes": {"italic": true}, "string": "Shift"}, {"type": "string", "attributes": {}, "string": "> и <"}, {"type": "string", "attributes": {"italic": true}, "string": "Ctrl"}, {"type": "string", "attributes": {}, "string": ">, не отпуская левой кнопки мыши, тянем за угловой прямоугольный маркер, изменяя масштаб изображения:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Используем квадратные маркеры для изменения масштаба", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "13.PNG", "filesize": 189847, "height": 807, "pic_id": 259458, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/13_Rz8l663.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "В процессе изменения масштаба мы зажимали <"}, {"type": "string", "attributes": {"italic": true}, "string": "Ctrl"}, {"type": "string", "attributes": {}, "string": "> для того, чтобы изображение заднего плана масштабировалось из центра и <"}, {"type": "string", "attributes": {"italic": true}, "string": "Shift"}, {"type": "string", "attributes": {}, "string": "> для того, чтобы при масштабировании изображение сохраняло пропорции."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Подтверждаем изменение масштаба кнокой <"}, {"type": "string", "attributes": {"italic": true}, "string": "Enter"}, {"type": "string", "attributes": {}, "string": "> либо нажимаем на кнопку \""}, {"type": "string", "attributes": {"italic": true}, "string": "Преобразовать"}, {"type": "string", "attributes": {}, "string": "«в всплывающем окне» "}, {"type": "string", "attributes": {"italic": true}, "string": "Трансформации"}, {"type": "string", "attributes": {}, "string": "\"."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Для полного правдоподобия, следовало бы исказить размеры досок, чтобы расположенные к нам ближе доски были бы шире чем те, что расположены дальше. Не будем этого делать, чтобы не перегружать урок"}], "attributes": ["quote"]}, {"text": [{"type": "string", "attributes": {}, "string": "Создадим тень"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "Воссоздадим тень, отбрасываемую мультиметром на деревянную поверхность."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "В Gimp есть встроенные эффекты для создания теней. Однако из-за того, что объект переднего плана – мультиметр стоит на подставке, он отбрасывает тень неправильной формы. Поэтому повтроить такую тень стандартными эффектами Gimp не получится. Нарисуем собственную тень, выполнив следующие действия:"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Скопируем мультиметр на новый слой и закрасим его каким-нибудь серым цветом, напоминающим тень."}], "attributes": ["numberList", "number"]}, {"text": [{"type": "string", "attributes": {}, "string": "Инструментом \""}, {"type": "string", "attributes": {"italic": true}, "string": "Трансформиромации"}, {"type": "string", "attributes": {}, "string": "\" деформируем закрашенный серым контур."}], "attributes": ["numberList", "number"]}, {"text": [{"type": "string", "attributes": {}, "string": "Изменим режим наложения слоя, чтобы тот походил на тень."}], "attributes": ["numberList", "number"]}, {"text": [{"type": "string", "attributes": {}, "string": "Выполним размытие слоя, чтобы у него стали мягкими края."}], "attributes": ["numberList", "number"]}, {"text": [{"type": "string", "attributes": {}, "string": "Итак, приступим."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Щёлкаем левой кнопкой мыши по слою, содержащему передний план (мультиметр) и нажимаем <"}, {"type": "string", "attributes": {"italic": true}, "string": "Ctrl"}, {"type": "string", "attributes": {}, "string": "> + <"}, {"type": "string", "attributes": {"italic": true}, "string": "Shift"}, {"type": "string", "attributes": {}, "string": "> + <"}, {"type": "string", "attributes": {"italic": true}, "string": "D"}, {"type": "string", "attributes": {}, "string": "> (либо в главном меню "}, {"type": "string", "attributes": {"italic": true}, "string": "Слой → Создать копию слоя"}, {"type": "string", "attributes": {}, "string": "). У нас появился ещё один слой. Итак, теперь в Gimp 4 слоя – задний фон, два слоя с передним планом и слой с оригинальной (неизменённой фотографией), содержащий подсказку о форме тени:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "14.PNG", "filesize": 852213, "height": 807, "pic_id": 259459, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/14.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Чтобы не путать читателя, я переименую слои. Я поочерёдно выделил каждый слой, нажал <"}, {"type": "string", "attributes": {"italic": true}, "string": "F2"}, {"type": "string", "attributes": {}, "string": ">, ввёл новое имя и подтвердил кнопкой <"}, {"type": "string", "attributes": {"italic": true}, "string": "Enter"}, {"type": "string", "attributes": {}, "string": ">:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "15.PNG", "filesize": 851426, "height": 807, "pic_id": 259460, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/15.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Будем работать с третьим слоем «Тень». Выделяем слой, щёлкнув по нему левой кнопкой мыши. Далее выделяем содержимое слоя, нажав на этом же слое правой кнопкой мыши и выбрав пункт меню \""}, {"type": "string", "attributes": {"italic": true}, "string": "Альфа-канал в выделение\":"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "16.PNG", "filesize": 740349, "height": 807, "pic_id": 259461, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/16.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Кажется, что ничего не произошло, но в окне "}, {"type": "string", "attributes": {"italic": true}, "string": "История"}, {"type": "string", "attributes": {}, "string": " появилась маска слоя, подтверждающая, что нужная часть изображения слоя выделена:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "17.PNG", "filesize": 735682, "height": 807, "pic_id": 259462, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/17.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Выберем инструмент \""}, {"type": "string", "attributes": {"italic": true}, "string": "Плосткая "}, {"type": "string", "attributes": {}, "string": "з"}, {"type": "string", "attributes": {"italic": true}, "string": "аливка"}, {"type": "string", "attributes": {}, "string": "\" и зададим цвету заливки какой-нибудь оттенок серого:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "18.PNG", "filesize": 520015, "height": 807, "pic_id": 259464, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/18.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Щёлкнем по мультиметру инструментом \""}, {"type": "string", "attributes": {"italic": true}, "string": "Плосткая "}, {"type": "string", "attributes": {}, "string": "з"}, {"type": "string", "attributes": {"italic": true}, "string": "аливка"}, {"type": "string", "attributes": {}, "string": "«, и слой» Тень\" заполнится одним цветом:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Слой \"Тень\" стал серым", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "19.PNG", "filesize": 745843, "height": 807, "pic_id": 259465, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/19_7tNp9cW.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Изменим форму тени. Сначала активируем слой «Оригинал», нажав на него левой кнопкой мыши, а затем нажмём левой кнопкой мыши там, где у слоя нету символа глаза. Слой «Оригинал» перекроет остальные (нижележащие) слои, поэтому снизим у слоя параметр непрозрачности так, чтобы видеть остальные слои:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "1 – выделили слой; 2 – включили его видимость; 3 – снизили непрозрачность, чтобы видеть нижележащие слои", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "20.PNG", "filesize": 684536, "height": 807, "pic_id": 259467, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/20.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Теперь левой кнопкой мыши щёлкаем по слою «Тень», затем выбираем инструмент \""}, {"type": "string", "attributes": {"italic": true}, "string": "Трансформирмации"}, {"type": "string", "attributes": {}, "string": "\" и за маркеры-ромбики перетаскиваем, деформируя, слой с тенью так, чтобы он повторял оригинальную тень:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "1 – выделили слой; 2 – выбрали инструмент \"Трансформации\"; 3 – перетянули маркеры, исказив слой с тенью", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "21.PNG", "filesize": 468600, "height": 807, "pic_id": 259468, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/21.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Подобрав идеальную форму тени, подтверждаем деформации, нажав <"}, {"type": "string", "attributes": {"italic": true}, "string": "Enter"}, {"type": "string", "attributes": {}, "string": "> или кнопку \""}, {"type": "string", "attributes": {"italic": true}, "string": "Преобразовать"}, {"type": "string", "attributes": {}, "string": "\" в всплывшем окне. После этого, внизу окна Gimp нужно нажать выделенный зелёным значок с якорем, чтобы деформированное выделение стало единым со слоем:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "22.PNG", "filesize": 453488, "height": 807, "pic_id": 259471, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/22.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Слой «Оригинал» с оригинальным изображением нам больше не нужен. Можно отключить его видимость, или вообще удалить, выделив его левой кнопкой мыши и нажав кнопку с крестиком в правом нижнем углу окна программы. Я его попросту удалил."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Созданная нами тень смотрится плохо, потому что она не прозрачная и у неё резкие края."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Чтобы сделать тень прозрачной, можно выделить слой «Тень» и перетянуть ползунок непрозрачности в район 64%, а можно сделать посложнее выбрать один из режимов наложения слоёв. Выделяем слой «Тень» и над непрозрачностью видим слово «Режим», нажимаем по нему левой кнопкой мыши и выбираем пункт \""}, {"type": "string", "attributes": {"italic": true}, "string": "Направленный свет"}, {"type": "string", "attributes": {}, "string": "\":"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "24.PNG", "filesize": 442036, "height": 807, "pic_id": 259479, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/24_YMMFbxA.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "После этого тень становится более менее прозрачной, однако её края до сих пор выглядят очень резкими:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "25.PNG", "filesize": 543695, "height": 807, "pic_id": 259480, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/25.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Нам нужно применить эффект размытия, чтобы сделать тень мягкой. В главном меню выбираем Фильтры → Размытие → Гауссово размытие и в появившимся диалоговом окне устанавливаем побольше значение параметров Size X и Size Y:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "26.PNG", "filesize": 424681, "height": 807, "pic_id": 259481, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/26.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "По мере увеличения значений тень будет становиться более мягкой. Значения, указанные на скриншоте выше, меня вполне удовлетворили."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Дайте мне Свету!"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "Изображение выглядит неплохо, но можно добавить источник света, чтобы выглядело реалистичнее."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Для начала объединим изображения со слоёв в один слой. Для этого в окне «Слои» нажимаем правой кнопкой мыши и выбраем в контекстном меню пункт «Свести изображение»:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "27.PNG", "filesize": 455545, "height": 807, "pic_id": 259482, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/27.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Теперь у нас единственный слой, на который и применим эффект освещения. Идём в "}, {"type": "string", "attributes": {"italic": true}, "string": "Фильтры "}, {"type": "string", "attributes": {}, "string": "→ "}, {"type": "string", "attributes": {"italic": true}, "string": "Свет и тень"}, {"type": "string", "attributes": {}, "string": " → "}, {"type": "string", "attributes": {"italic": true}, "string": "Освещение"}, {"type": "string", "attributes": {}, "string": "... \":"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "В окне параметров освещения настраиваем на свой вкус, например так:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Вкладка \"Параметры\" - здесь настраивается удалённость источника света", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "28-1.PNG", "filesize": 296888, "height": 807, "pic_id": 259484, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/28-1.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "и так:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Вкладка \"Свет\" – здесь можно задать точку, откуда светит свет и его интенсивность", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "28-2.PNG", "filesize": 302146, "height": 807, "pic_id": 259485, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/28-2.jpeg", "width": 1258}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Окно с настройками параметров освещения содержит 5 вкладок, и разбор этих параметров – объём отдельной статьи, поэтому ограничимся указанными выше. Единственное, если во вкладке «Свет» изменить тип света с Точечного на направленный, в области предпросмотра слева появится синяя точка со стрелкой: точка показывает расположение источника света, стрелка – его направление."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Результат трудов:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "Итог.jpg", "filesize": 1042900, "height": 1800, "pic_id": 259487, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2022/11/22/%D0%98%D1%82%D0%BE%D0%B3.jpeg", "width": 2400}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "На этом, урок заканчиваем. Кто пропустил первую часть, не забываем прочитать её "}, {"type": "string", "attributes": {"href": "https://pabliko.ru/@uropb/rabota_s_instrumentami_vydelenija_v_gimp__udlajaem_fon-78392/"}, "string": "здесь"}], "attributes": []}], "selectedRange": [6063, 6063]}