Редактор картинки
Редактор картинок позволяет создавать и изменять как обычные картинки, так и коллекции картинок, которые используются в конфигурации. Коллекция картинок представляет собой специальную картинку, состоящую из картинок-элементов, имеющих одинаковый размер:
Коллекция картинок позволяет хранить и редактировать картинки, чье использование однотипно, например, пиктограммы, картинки кнопок, иконки и т.д.
Редактирование картинок
В режиме редактирования картинки окно редактора состоит из панели инструментов, двух полей для редактирования картинки и палитры цветов для выбора цвета:
- карандаш;
- кисть;
- аэрограф;
- инструмент для замены цветов;
- ластик.
- рисовать линии, кривые, эллипсы и прямоугольники с острыми или закругленными углами;
- вводить текст;
- выделять прямоугольную или произвольную область;
- выбирать цвет;
- выполнять заливку.
Кроме этого редактор позволяет настраивать параметры картинки — ширину, высоту и разрешение:
Редактирование коллекций картинок
В режиме редактирования коллекции картинок в левом поле (поле просмотра) картинка разбивается на ячейки, соответствующие элементам коллекции.
Редактор позволяет задавать параметры самой коллекции картинок и размеры отдельных ее элементов:
В процессе редактирования коллекции разработчик может добавлять в коллекцию строку или колонку.
Щелчком мыши на элементе коллекции можно выбирать его для редактирования в правом окне (окне редактирования) и работать с элементом коллекции как с обычной картинкой.
Кроме этого, всю коллекцию можно редактировать как одну большую картинку:
Поддержка альфа-канала
Для картинок в формате .png, имеющих разрешение более 8 бит на пиксель, редактор поддерживает использование альфа-канала.
Для любого цвета может быть задана его прозрачность — от 0 (полностью прозрачный) до 255 (непрозрачный).
Частичная прозрачность имеет важное значение при создании маленьких картинок, таких, например, как иконки или значки разделов. Она позволяет добиться качественного и эффектного изображения.
Как добавить печать и подпись в 1С с прозрачным фоном
В новых версиях программ 1С 8.3 появилась возможность добавить печати и подпись в такие печатные формы как: Счет на оплату, ТОРГ-12, Акт сверки, УПД и т.д. (по настройке у нас есть подробный видеоурок). Но из-за того, что при сканировании остается белый фон – подпись и печать выглядят не естественно и смотрятся как-будто их просто добавили туда через Photoshop. Но проблему можно решить, если заменить белый фон на прозрачный.
Кстати, если у Вас старая версия 1С, то в ней тоже можно сделать счет на оплату с подписью и печатью, подключив внешнюю печатную форму – смотрите наш продукт “Счет на оплату с факсимиле“.
Как сделать прозрачный фон у подписи и печати?
Перед написанием этой инструкции мы изучили десятки программ и сервисов, чтобы результат был максимально простым и качественным. Поэтому мы сразу отмели программы, которые нужно скачивать и устанавливать на компьютер. И сосредоточились на сервисах, которые позволяют убрать фон у подписи и печати и сделать его прозрачным в режиме онлайн.
Согласно инструкции в 1С, мы поставили подпись в нужных полях и отсканировали лист – согласитесь, качество сканирование получилось не очень, но тем интереснее будет посмотреть на конечный результат:
Теперь вырезаем изображение по пунктирным линиям и сохраняем в отдельный файл печать, подпись руководителя и бухгалтера. И если их в таком виде вставить в 1С, то счет с факсимиле у нас получится некрасивым:
Заменять белый фон на прозрачный будем с помощью бесплатного сервиса remove.bg просто переходим на их сайт и загружаем туда сначала файл с подписью, а затем тоже самое делаем с файлом печати. Делается это буквально за 15 секунд:
Теперь подключаем новые факсимиле в программу 1С 8.3 и проверяем результат. Согласитесь, теперь получилось красивее – пропал синеватый фон. Но подпись в счете на оплату маленькая и печать находится где-то внизу. Согласитесь, обычно так её никто не ставит:
Как увеличить подпись в счете на оплату в 1С?
На самом деле, есть один способ, чтобы и печать подвинуть и подписи сделать красивыми. Чтобы все было приближено к реальности, мы заменили нашу ручную печать со звездочкой на реальную. Мы ее также отсканировали, сделали прозрачный фон и загрузили в 1С Бухгалтерию 3.0. Далее воспользовались советами из видеоурока “Как подвинуть печать и увеличить подпись в счетах на оплату в 1С 8.3” и получили счет на оплату с факсимиле высокого качества. Подпись и печать свободно накладываются друг на друга, без белых наложений и очень похожа на реальную. Такую не стыдно и клиентам отправить:
Общие картинки
Конфигуратор позволяет включать в конфигурацию графические изображения – картинки. Картинки можно размещать в некоторых элементах управления, в формах, в макетах, а также обращаться к ним при помощи встроенного языка системы «1С:Предприятие».
Если картинку планируется использовать в качестве пиктограммы в меню, панели инструментов, табличном документе и т. п., важно задать ей правильный размер, чтобы она отображалась без искажений.
Рекомендуемый размер картинок:
● для пиктограмм – не более 16×16 точек;
● для использования в табличном поле – не более 14×14 точек;
● в качестве картинки кнопки выбора поля редактирования – не более 9×9 точек;
● для картинки, которая будет использована в качестве представления подсистемы – не более 48×48 точек.
СОВЕТ. Если картинку предполагается использовать в нескольких местах, ее размер разумно ограничить меньшим значением.
Для работы с картинками предназначено окно Библиотека картинок. Для его вызова в окне Конфигурация нужно указать ветвь Общие картинки и в контекстном меню выбрать пункт Все картинки . На экран выводится окно ведения списка картинок
Для добавления новой картинки следует нажать кнопку Добавить. На экран выводится окно, в котором можно выбрать картинку из файла или открыть редактор картинок и создать новую картинку, а также выбрать или изменить для картинки прозрачный фон. Для выбора готовой картинки нужно нажать кнопку Выбрать из файла и выбрать файл, в котором расположена подготовленная заранее картинка или их набор .
Система «1С:Предприятие» позволяет использовать картинки форматов BMP, GIF, JPG, PNG, TIFF, ICO, SVG, метафайлы (WMF, EMF) или наборы картинок в zip- архиве .
Для картинок формата gif поддерживаются расширения NETSCAPE2.0 и ANIMEXTS1.0. Другие расширения не поддерживаются и поведение системы в этом случае не определено.
Для картинок формата SVG игнорируются следующие элементы:
● Анимация, java-script и любая интерактивность, в том числе css-свойства связанные с интерактивностью, например псевдокласс :hover.
● Свойства стилей:
● color-interpolation;
● color-rendering.
● Маркеры для пути с нулевой длиной.
● Фильтр-примитив feTile.
● Элементы встроенных шрифтов:
● font,
● altGlyph,
● altGlyphDef,
● altGlyphItem,
● glyphRef.
● Свойство enable-background.
● Ссылки на внешние ресурсы.
● Для элемента image не поддерживается относительный путь к файлу изображения.
СОВЕТ. Для картинок, которые будут использоваться в качестве пиктограмм в интерфейсе , рекомендуется использовать форматы, поддерживающие сжатие без потерь ( PNG и GIF) , для того чтобы избежать искажения и минимизировать трафик между клиентом и сервером.
Нужно задать имя, по которому данная картинка будет выбираться средствами встроенного языка.
Чтобы картинка при вставке хорошо вписывалась в элемент управления или форму, желательно установить ей прозрачный фон. Для этого в качестве цвета фона при редактировании картинки достаточно выбрать любой не используемый в картинке цвет, сформировать изображение и сохранить картинку. Для существующей картинки можно указать любой цвет. Благодаря установленной прозрачности данного цвета сквозь него становятся видны детали той части формы, которую закрывает область картинки.
Для установки прозрачного фона нужно нажать кнопку Установить прозрачный фон. Указатель мыши изменит вид. Подвести курсор к той части картинки, цвет которой нужно сделать прозрачным, и щелкнуть левой кнопкой мыши. Выбранный цвет становится прозрачным.
Для снятия прозрачности следует нажать кнопку Убрать прозрачность.
Кнопки Установить прозрачный фон и Убрать прозрачность доступны только для картинок форматов BMP, JPG и TIFF. Для картинок в остальных форматах данные кнопки недоступны.
Подобные действия можно выполнить с помощью ссылки Открыть в свойстве Картинка. На экран выводится окно выбора картинки. Для редактирования картинки нужно нажать кнопку Редактировать . Запускается редактор картинок.
Кнопки Включить набор вариантов и Выключить набор вариантов позволяют работать с картинками, предназначенными (в основном) для мобильных конфигураций и состоящие из набора картинок. Подробнее про такие картинки см. здесь. Нажатие кнопки Выключить набор вариантов приводит к тому, что из набора картинок удаляются все картинки, кроме базовой картинки (картинки для разрешения ldpi ). Если в наборе нет картинки для разрешения ldpi , то набор становится пустым. Если в наборе есть картинка для разрешения ldpi, и она установлена как контурная, то признак шаблонности
сбрасывается. Нажатие кнопки Включить набор вариантов приводит к тому, что текущая картинка становится базовой картинкой (для разрешения ldpi ).
При необходимости отредактировать одну из картинок в наборе, следует нажать кнопку Редактировать. В этом случае будет открыт диалог, в котором надо выбрать одну из картинок набора, которую необходимо редактировать.
Если картинка для какого-либо разрешения не задана, поле ввода, соответствующее картинке, будет отображать пустым . Нажатие кнопки …, в соответствующем поле диалога редактирования набора картинок, приведет к открытию диалога выбора картинки . Нажатие кнопки X приведет к очистке соответствующей картинки диалога. Редактирование отдельной картинки набора не отличается от редактирования отдельной картинки.
Как сделать прозрачный фон в Photoshop
Как сделать прозрачный фон в Photoshop с помощью функции «Удалить фон»
Самый простой метод, который подойдёт для картинок на однотонном или относительно однородном фоне. Можно использовать и для более сложных изображений, но результат в этом случае будет не таким идеальным.
Откройте изображение и разблокируйте фоновый слой, щёлкнув по замку напротив его названия.
Раскройте меню «Быстрые действия» и нажмите «Удалить фон».
Через секунду фон исчезнет, и останется только сохранить фото. Для этого перейдите в меню «Файл» → «Экспорт» → «Быстрый экспорт в PNG» и выберите нужную папку.
Как в Photoshop сделать прозрачный фон «Волшебной палочкой»
Как и предыдущий, этот способ хорош для изображений со сплошным фоном. Близкие по тону цвета довольно точно выделяются инструментом «Волшебная палочка», после чего нужно лишь удалить выбранную область.
Импортируйте фото и кликните по иконке замка на фоновом слое, чтобы разблокировать его.
Выберите «Волшебную палочку» на панели инструментов и нажмите на фон. Если выделяется не вся нужная область — зажмите Shift и кликните по оставшимся участкам, чтобы захватить всё вокруг объекта в кадре.
Нажмите клавишу Delete для очистки фона, а затем Ctrl + D (Cmd + D), чтобы снять выделение.
Для сохранения зайдите в меню «Файл» → «Экспорт» → «Быстрый экспорт в PNG» и укажите расположение для новой картинки.
Как в Photoshop сделать прозрачный фон «Магнитным лассо»
Таким способом можно вырезать фон на снимках с объектами сложной формы. Благодаря способности этого инструмента определять края силуэтов довольно точно придётся приложить минимум усилий.
Загрузите картинку в Photoshop и снимите блокировку со слоя, кликнув по замку.
Переключитесь на «Магнитное лассо» в панели инструментов, кликните по произвольной точке на границе объекта и фона, а затем ведите по контуру, отпустив кнопку мыши.
Если ключевая точка добавилась не очень точно — отмените её создание, нажав клавишу Delete. Для корректировки можете самостоятельно добавлять точки в нужных местах, просто кликая по ним мышью.
Продолжайте, пока не обведёте весь объект. Затем кликните по первой ключевой точке, чтобы образовать выделение.
Нажмите Shift + Ctrl + I (Shift + Cmd + I) для инвертирования выделения, а затем Delete, чтобы удалить фон.
Снимите выделение, нажав Ctrl + D (Cmd + D), и сохраните результат через меню «Файл» → «Экспорт» → «Быстрый экспорт в PNG».
Как сделать прозрачный фон в Photoshop с помощью «Быстрой маски»
Ещё один способ для ситуаций, когда фон сложный и плохо определяется автоматически, — «Быстрая маска». Эта функция позволяет закрасить обычной кистью нужную область, после чего она будет выделена. Придётся немного повозиться, но оно того стоит.
Откройте изображение, разблокируйте слой, щёлкнув по значку замка, и нажмите клавишу Q, чтобы переключиться в режим «Быстрая маска».
Выберите обычную кисть, установите чёрный цвет и аккуратно закрасьте объект в кадре (он будет малиновым). Если где‑то ошибётесь, отмените действие с помощью Ctrl + Z (Cmd + Z).
Когда закончите, снова нажмите Q, и закрашенная область превратится в выделение. С помощью клавиши Delete удалите фон.
Для сохранения результата откройте меню «Файл» → «Экспорт» → «Быстрый экспорт в PNG» и укажите нужную папку.
Как сделать прозрачный фон в Photoshop с помощью «Пера»
Этот способ похож на предыдущий и тоже удобен для снимков, где есть объекты сложной формы. Отличие лишь в том, что для выделения используется инструмент «Перо», позволяющий очень точно формировать кривые для обводки контуров. Такой вариант отнимает больше всего времени, но и результат получается соответствующий.
Откройте фото, выберите «Перо» на панели инструментов и начните создавать контур объекта, кликая по его границе.
Не старайтесь поставить как можно больше ключевых точек — наоборот, делайте их только в тех местах, где начинаются и заканчиваются изгибы линий. Затем замкните контур, кликнув по первой точке.
Теперь выберите инструмент «Перо+» и добавьте вспомогательные точки посередине линий в местах, где контур получился угловатым.
Тяните за дополнительные отметки, чтобы сделать из прямых линий кривые, и добейтесь того, чтобы они максимально точно повторяли контур.
Кликните правой кнопкой мыши и выберите «Выделить область». Если на выделении есть неточности, попробуйте изменить радиус растушёвки с 0 на 1–3 пикселя и поэкспериментируйте с этим параметром.
Сочетанием Shift + Ctrl + I (Shift + Cmd + I) инвертируйте выделение и нажмите Delete для удаления фона.
Сохраните изображение, выбрав в меню «Файл» → «Экспорт» → «Быстрый экспорт в PNG» и указав нужную папку на диске.