23 дек 2023 · 11:32    
{"document": [{"text": [{"type": "string", "attributes": {}, "string": "Частенько приходится делать уникальные изображения на основе картинок из интернета или используя свои фото с наложениями друг на друга. При этом я могу менять прозрачность, взаимное расположение и при желании поворачивать налагаемое изображения на разные углы."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Такие картинки могут использоваться в качестве обложек или вставок для любых публикаций (включая и видео), а также для иллюстраций в статьях."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Есть бесплатный интернет сервис под названием \""}, {"type": "string", "attributes": {"bold": true, "href": "https://anytools.pro/ru/img/editor/cover"}, "string": "Наложить одну картинку на другую онлайн"}, {"type": "string", "attributes": {}, "string": "\" (для перехода на сайт с бесплатным сервисом кликните по названию). Начальный экран показан на Рис. 1."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Рис.1. Начальный экран сервиса", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "Screenshot_1.jpg", "filesize": 97747, "height": 721, "pic_id": 784378, "url": "/files/article_image/2023/12/23/Screenshot_1.jpeg", "width": 1067}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Общий принцип работы "}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "По кнопке «Выбрать файлы» (п. 1 на Рис. 1) выбираем файл картинки, на которую будем накладывать другую картинку."}], "attributes": ["numberList", "number"]}, {"text": [{"type": "string", "attributes": {}, "string": "По кнопке «Выбрать изображение» (п. 2 на Рис. 1) выбираем файл картинки, которая будет накладываться на картинку по п. 1."}], "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": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "Основные шаги и инструменты рассмотрим на примере. Например, сделаем обложку для публикации на тему испанского танца Севильяна, которому дала название столица Андалусии Севилья. Поехали:"}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Шаг 1."}, {"type": "string", "attributes": {}, "string": " Выбираем файл с видом Севильи (Рис. 2)."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Рис.2. Выбор исходного файла по кнопке \"Выбрать файлы\"", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "Screenshot_2.jpg", "filesize": 184014, "height": 652, "pic_id": 784388, "url": "/files/article_image/2023/12/23/Screenshot_2.jpeg", "width": 908}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Верхняя картинка - исходная, а нижняя будет далее корректироваться с учетом файла наложения."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": ""}, {"type": "string", "attributes": {"bold": true}, "string": "Шаг 2."}, {"type": "string", "attributes": {}, "string": " Выбираем накладываемую картинку по кнопке «Выбрать изображение» в правой части экрана. При этом кнопка загрузки меняет название на «Файл загружен», а выбранная картинка появляется поверх нижней картинки, загруженной на шаге 1 (Рис. 3)."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Рис.3. Нижняя картинка после загрузки накладываемого изображения", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "Screenshot_3.jpg", "filesize": 157314, "height": 600, "pic_id": 784410, "url": "/files/article_image/2023/12/23/Screenshot_3_gwF9W6y.jpeg", "width": 826}}], "attributes": []}, {"text": [{"type": "string", "attributes": {"italic": true}, "string": "ПРИМЕЧАНИЯ:"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Накладываемая картинка по умолчанию соответствует позициям инструментов по умолчанию, которые далее мы будем изменять."}], "attributes": ["numberList", "number"]}, {"text": [{"type": "string", "attributes": {}, "string": "При наложении, как вариант, можно и интересно использовать картинки без фона, как на нашем примере. Но не обязательно."}], "attributes": ["numberList", "number"]}, {"text": [{"type": "string", "attributes": {}, "string": "Как автоматически и бесплатно убрать фон на изображении можно узнать из моей "}, {"type": "string", "attributes": {"bold": true, "href": "https://pabliko.ru/@yura-s/kak_prosto_bystro_i_besplatno_udalit_fony_obektov_izobrazhenij-143957/"}, "string": "статьи по этой ссылке"}, {"type": "string", "attributes": {}, "string": "."}], "attributes": ["numberList", "number"]}, {"text": [{"type": "string", "attributes": {}, "string": ""}, {"type": "string", "attributes": {"bold": true}, "string": "Шаг 3."}, {"type": "string", "attributes": {}, "string": " Делаем обработка (настройку параметров) накладываемого изображения с помощью инструментов в правой части экрана. Выполняем следующие настройки:"}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Позиция"}, {"type": "string", "attributes": {}, "string": " (по умолчанию стоит «По центру»). Выбираем из списка, например, «Снизу справа» и оставляем «Спереди» (Рис. 4)."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Рис.4. Выбор позиции наложенной картинки", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "image.png", "filesize": 13066, "height": 137, "pic_id": 784395, "url": "/files/article_image/2023/12/23/image.jpeg", "width": 603}}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Размер, прозрачность и угол "}, {"type": "string", "attributes": {}, "string": "изменяем, как нам нужно (Рис. 5). Увеличиваем размер, делаем фигура танцовщицы непрозрачной и немного ее наклоняем."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Рис.5. Изменение размера, прозрачности и угла наклона картинки", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "image.png", "filesize": 11956, "height": 225, "pic_id": 784415, "url": "/files/article_image/2023/12/23/image_JIcE6nh.jpeg", "width": 606}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Пока получилось такое промежуточное состояние (Рис. 5): "}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Рис.5. После изменения размера, прозрачности и угла наклона", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "image.png", "filesize": 416062, "height": 364, "pic_id": 784419, "url": "/files/article_image/2023/12/23/image_NnUi84T.jpeg", "width": 602}}], "attributes": []}, {"text": [{"type": "string", "attributes": {"bold": true}, "string": "Смещение картинки по осям X и Y "}, {"type": "string", "attributes": {}, "string": "выполняем дополнительно, если нужно, используя кнопки движков (Рис. 6)."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Рис.6. Смещение по осям X и Y", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "image.png", "filesize": 4532, "height": 94, "pic_id": 784421, "url": "/files/article_image/2023/12/23/image_oLaGQHb.jpeg", "width": 592}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": ""}, {"type": "string", "attributes": {"italic": true}, "string": "ПРИМЕЧАНИЕ: Смещение отображается в пикселях. Если при движке «до упора» смещения не хватает, как на примере, то просто вручную вводим (увеличиваем) и подбираем нужное число пикселей смещения."}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": ""}, {"type": "string", "attributes": {"bold": true}, "string": "Шаг 4. "}, {"type": "string", "attributes": {}, "string": "Загружаем с сайта на компьютер созданное нами изображение по кнопке «Скачать» (Рис. 7)."}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Рис.7. Скачать изобретения с наложением", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "image.png", "filesize": 337462, "height": 345, "pic_id": 784429, "url": "/files/article_image/2023/12/23/image_dtcZNRn.jpeg", "width": 612}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "В итоге мы получили такую картинку (Рис. 8): "}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Рис.8. Итоговая картинка нашего примера", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "sevilla обложка.jpg", "filesize": 262053, "height": 683, "pic_id": 784439, "url": "/files/article_image/2023/12/23/sevilla_%D0%BE%D0%B1%D0%BB%D0%BE%D0%B6%D0%BA%D0%B0.jpeg", "width": 1024}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Кстати, таким образом можно сделать уникальные открытки, например для поздравлений с Новым годом. "}], "attributes": []}, {"text": [{"type": "string", "attributes": {"italic": true}, "string": "С наступающим Новым годом и Вас, дорогие читатели! Еще увидимся!"}, {"type": "string", "attributes": {}, "string": " "}], "attributes": []}, {"text": [{"type": "string", "attributes": {"italic": true}, "string": "Если будут вопросы - пишите! Пишите о полезности этой статьи, и просто так пишите - буду рад пообщаться!"}], "attributes": []}], "selectedRange": [3129, 3129]}
Комментарии 9