Картинка с прозрачным фоном как называется: Как называются картинки с прозрачным фоном для Фотошопа?

CorelDRAW Graphics Suite — Учебные пособия

(автор: Эриел Гараза Диаз)

В этом уроке мы рассмотрим некоторое наиболее распространенные задачи, с которыми сталкиваются пользователи Adobe Photoshop при переходе к Corel PHOTO-PAINT®. У CorelDRAW, Corel PHOTO-PAINT и Adobe Illustrator много общего, они имеют сходные базовые возможности для рисования и дизайна, что облегчает переход от одного приложения к другому.

Вы давно работаете в Photoshop? Если так, тогда вы, скорее всего, захотите продолжать работать в удобной и привычной для вас среде. Некоторые пользователи считают, что переход к CorelDRAW означает необходимость осваивать новую программу с нуля или же вносить существенные изменения в рабочий уклад. Однако, в этом нет необходимости — вы можете не только продолжать работать, как и прежде, но и улучшить ваш рабочий процесс.

Более того, у вас есть возможность пользоваться обеими программами одновременно, поскольку CorelDRAW и Photoshop прекрасно работают вместе. Начнем с самой базовой и распространенной задачи — удаления фона изображения. Для примера воспользуемся изображением яблока.

Как убрать фон изображения в Photoshop при подготовке к импорту в CorelDRAW? Существует несколько способов. К примеру, можно выделить яблоко и сохранить выделенную область в новый канал (Выделение > Сохранить выделенную область > выберите Новый канал). Вот и все!

Сохраните изображение в формате TIF (помните, что некоторые форматы файлов, такие как JPG, не поддерживают прозрачный фон), затем импортируйте изображение в CorelDRAW с помощью команды Файл > Импортировать (Ctrl+I).

Изображение яблока будет иметь прозрачный фон. Быстро и удобно!

Можно также использовать альтернативный метод: вместо того, чтобы сохранять выделенную область, в Adobe Photoshop можно создать новый слой с прозрачным фоном и сохранить изображение в формате PSD. Вот и все! В CorelDRAW щелкните Файл > Импорт (Ctrl+I) и выберите файл PSD. CorelDRAW распознает прозрачный фон.

Некоторые пользователи Photoshop для этой цели предпочитают использовать контур (векторную маску). Это не проблема, если у вас уже есть изображение с сохраненным контуром, или же если вы хотите создать новый контур (путем преобразования выделенной области в рабочий контур). Для этого нужно выбрать Файл > Экспортировать > Контуры в Illustrator.

Теперь вернитесь в CorelDRAW и импортируйте сохраненный контур (Файл > Импорт). В результате получится объект без заливки и абриса и, следовательно, невидимый. Пока импортированный объект все еще выделен, правой кнопкой мыши щелкните любой из цветов на цветовой палитре, чтобы добавить новый абрис.

Если вы уже сняли выделение с объекта, его можно легко восстановить, нажав клавишу Tab. Иногда новый объект является частью группы, в этом случае сначала нужно отменить группировку (Ctrl+U).

Теперь, после коррекции изображения в Photoshop, импортируйте изображение яблока — исходный JPG или новый файл. В меню Эффекты выберите PowerСlip > Поместить во фрейм. Появится курсор в виде стрелки. Щелкните по границе контура, импортированного ранее, и яблоко будет автоматически помещено в PowerClip.

Рамка PowerСlip не является прямым эквивалентом маски в Illustrator, но может быть использована аналогичным образом.

По умолчанию изображение центрируется внутри PowerClip. Если объект расположен неправильно, его можно переместить (Alt+щелчок). Также можно отредактировать содержимое PowerClip: для этого щелкните PowerClip, удерживая Ctrl, или щелкните PowerClip правой кнопкой мыши и выберите Редактировать PowerClip. Затем сдвиньте яблоко и/или измените его размер для размещения внутри границы.

Чтобы вернуться на страницу рисования, щелкните Завершить редактирование.

Разница между последним методом и двумя предыдущими в том, что в последнем случае край является векторным объектом. С помощью инструмента Фигура (F10) можно скорректировать или изменить объект, добавить абрис или какой-либо эффект.

Все три метода позволяют применять эффекты тени, прозрачности (если вы используете PowerClip, применяйте эффект прозрачности к изображению, а не к объекту, помещенному в контейнер) и множество других эффектов.

Нужно ли вообще использовать Photoshop, если можно создать прозрачный фон в CorelDRAW? Не обязательно. CorelDRAW предлагает несколько методов достижения того же самого результата.

Давайте рассмотрим три из них. Импортируйте изображение яблока в CorelDRAW: Файл > Импорт, затем правой кнопкой мыши нажмите Изменить растровое изображение. Выбранное изображение появится в окне Corel PHOTO-PAINT.

Corel PHOTO-PAINT — это фоторедактор, сходный с Photoshop во многих аспектах, но, само собой, здесь присутствуют и отличия. Второй по счету в наборе инструментов идет группа инструментов выделения (наведите курсор на маленький черный треугольник рядом со значком Прямоугольной маски — откроется список инструментов маски). Инструменты выделения называются масками. Маски выполняют схожую функцию с инструментами группы Область в Adobe Photoshop. В Corel PHOTO-PAINT вы найдете Прямоугольную маску, Эллиптическую маску, Маску свободной формы, Маску волшебной палочкой, Маску кисти и т. д. В настройках на панели свойств можно добавлять маски в список или же удалять их.

Слои здесь называются объектами. Несмотря на различия в названиях, скоро вы освоитесь. Вам не хочется запоминать названия команд в меню Corel PHOTO-PAINT? У нас есть решение и для этой проблемы. В меню Инструменты > Параметры > Рабочее пространство выберите Adobe Photoshop.

Программа мгновенно будет реорганизована близко к интерфейсу Photoshop, что облегчит ее использование и освоение.

Для создания прозрачного фона мы можем использовать метод, сходный с тем, который применяется в Photoshop.

Выделите изображение с помощью инструмента маски, например, Маски волшебной палочкой, чтобы выделить фон. Поскольку нам нужно выделить яблоко, в меню Маска выберите Инвертировать (Ctrl+Shift+I).

Вот и все. Закройте PHOTO-PAINT, а при получении запроса на сохранение файла выберите «Да». Изображение вернется в CorelDRAW с прозрачным фоном.

В PHOTO-PAINT можно также сохранить выделенную область в альфа-канал. Для этого в меню Маска выберите Сохранить > Сохранение альфа-каналов, а затем сохраните изображение в формате CPT (собственный формат Corel PHOTO-PAINT), TIF, PSD и т. д. для дальнейшего использования.

В CorelDRAW существуют и другие методы создания прозрачного фона. Выберите для себя тот способ, который отвечает требованиям вашего рабочего процесса и лучше всего соответствует особенностям изображения. В том случае, если изображение имеет однородный фон (к примеру, белый), при выделении изображения в меню Маска выберите Цветовая маска. Затем с помощью Пипетки в диалоговом окне Цветовая маска вы можете выбрать цвет фона, увеличить значение в поле допуска и удалить цвет фона.

Вот еще способ удаления фона изображения в CorelDRAW. С помощью инструмента Форма на панели инструментов (F10) выберите растровое изображение и переместите узлы. Можно добавлять и удалять узлы, преобразовывать их в кривые, сегменты и прямые сегменты… граница изображения может быть сформирована всего в несколько действий.

Вот последний из методов, который я хотел бы продемонстрировать. Абрис вокруг изображения можно создать с помощью инструмента Перо (F5), хотя для рисования можно использовать и другие инструменты. Не хотите создавать абрис вручную? Тогда выделите изображение и выберите Трассировать растровое изображение на панели свойств (или щелкните объект правой кнопкой мыши и выберите метод трассировки). Установите флажок Удалить фон. Чтобы полностью удалить фон, установите флажок Удалить цвет из всего изображения. Если фон состоит из нескольких цветов, выберите параметр Задать цвет и, удерживая Shift, воспользуйтесь Пипеткой для удаления всех областей фона.

Теперь, выделяя трассированные объекты, выберите Объект > Формирование > Граница.

Эта команда создаст границу изображения, которую можно будет использовать в качестве контейнера для размещения изображений в PowerСlip (Эффекты > PowerClip > Поместить во фрейм).

Как видите, пользователи Adobe Photoshop могут продолжать работать, как и прежде, постепенно осваивая новые инструменты CorelDRAW. Здесь вы найдете множество инструментов, аналогичных тем, с которыми вы привыкли работать, и многое другое. Для получения точного результата вы можете использовать одинаковые цветовые настройки в обеих программах (в CorelDRAW см. Инструменты > Управление цветом). Но самое главное, вы можете быть уверены в том, что CorelDRAW является прекрасным выбором для достижения ваших творческих и профессиональных целей.

Как сделать прозрачный фон у картинки за 3 простых шага

Как сделать прозрачный фон у картинки

Если вам кажется, что полностью удалить фон с изображения под силу только мастеру фотошопа, эта статья убедит вас в обратном. Узнайте, как сделать прозрачный фон у картинки, не имея профессиональных навыков в фотомонтаже. Всё, что вам потребуется, – это удобный графический редактор «Домашняя Фотостудия». Софт позволит вам заменить фон любого изображения на прозрачный всего за несколько шагов.

Шаг 1. Работаем с оригиналом

В стартовом окне кликните кнопку «Открыть изображение», в дереве файлов найдите папку, где хранится нужное изображение. Загрузите картинку в пограмму для работы.

Открыть фото для работы

Прежде, чем выполнить замену фона, убедитесь, что на снимке вас всё устраивает. В меню «Изображение» вы найдёте множество удобных инструментов для улучшения фото. Исправьте несовершенства, выбрав вкладку «Устранение дефектов». Вы легко сможете удалить с фото шумы, эффект красных глаз или исправить нарушение цветового баланса. Используйте «Коррекцию освещения» для настройки экспозиции и детализации вручную.

Улучшите качество фото

Довольны результатом? Замечательно, теперь вам предстоит изменить фон на фото.

Шаг 2. Делаем фон прозрачным

В меню «Эффекты» кликнете по вкладке «Замена фона». Первое, что потребуется сделать, – отделить объект от фона. Для этого аккуратно обведите фигуру по краю с помощью курсора. Ошиблись? Не страшно! Просто воспользуйтесь функцией «Выделить другую область» и начните работу заново. Для удобства вы можете увеличить масштаб изображения, нажав кнопку «100%». Замкните начало и конец выделения двойным щелчком мыши. Получилось неровно? Скройте небрежные края, увеличив степень размытия границ.

Обведите контур объекта

Отлично! Теперь в списке вариантов для оформления отметьте самый первый пункт – «Без фона». Один клик – и всё, что находится за границей выделения, удалено. На изображении это будет обозначено шахматным узором. На примере – фото с цветным задним планом, но вы также можете сделать белый фон картинки прозрачным. Алгоритм действий не изменится.

Обратите внимание на возможности опции «Замена фона». В дальнейшем вы сможете оформлять подложку снимков однотонной или градиентной заливкой, а также с помощью текстур и фоновых изображений. Не подошли варианты коллекции программы? Загрузите файл с вашего компьютера. Всё – очень просто!

Делаем фон прозрачным

Шаг 3. Сохраняем результат

Не спешите закрывать окно замены фона, прежде – сохраните результат. Нажмите кнопку «Сохранить в файл». В появившемся окне введите название изображения и в строке «Тип файла» установите в качестве формата PNG или GIF. Это важно, поскольку только указанные форматы поддерживают отображение прозрачных участков. Если вы пропустите этот нюанс, программа автоматически сохранит изображение с белым фоном. Проверьте настройки и повторно кликните «Сохранить». Готово!

Сохраняем готовую картинку

Быстро и легко, правда? Всего три шага – и вы получили фото с прозрачным фоном!

При желании вы можете дополнительно обработать изображение уже после замены фона. Обратите внимание на панель инструментов. С помощью кистей осветления и затемнения, размытия и резкости вы сможете редактировать отдельные участки снимка. Инструмент «Штамп» пригодится для ретуши. Просто зажмите кнопку ALT, выберите на фото область, которая будет источником штампа, и закрасьте нежелательный объект.

Корректируем фото штампом

В дальнейшем вы сможете наложить картинку с прозрачным фоном на другой снимок, использовать в качестве клипарта или создать оригинальный коллаж. Всё это возможно с удобной опцией «Фотомонтаж», вы найдёте её в меню «Оформление».

Наложите слой с png-или gif-картинкой на другое изображение. Меняйте размер и положение объекта. Настройте режим смешивания и прозрачность, при желании используйте маску. Подробную инструкцию о том, как выполнить фотомонтаж в «Домашней Фотостудии», вы найдёте в других статьях онлайн-учебника.

Теперь вы знаете, как сделать задний фон картинки прозрачным и как можно применить этот полезный навык. Если вы решите скачать «Домашнюю Фотостудию», вам не нужно будет осваивать сложные графические редакторы. Качественная ретушь, быстрое устранение дефектов, доступный новичку фотомонтаж – в программе есть всё необходимое для работы с фотографиями. Преображайте любые изображения быстро, просто и с удовольствием!

— Какой термин для изображения, которое было отслежено и сделано прозрачным?

Как уже указывалось, TIFF остается TIFF независимо от содержимого. TIFF — это формат файла ( T с возрастом I mage F ile F ormat) в отличие от JPEG, PNG, PSD и т. Д.

Многослойный будет относиться к файлу, который имеет более одного слоя, в отличие от «плоского» файла со всеми объединенными элементами. Обычно это используется для отделения различных элементов от фона и / или друг от друга, чтобы облегчить перемещение и редактирование этих элементов.TIFF может быть многослойным.

Трассировка обычно означает, что растровое изображение (например, фотография или рисунок) было преобразовано в векторные пути. Это может быть автоматизировано (например, в Adobe Illustrator есть эта функция) или может быть выполнено кем-то, нарисовав от руки пути для воспроизведения изображения. Трассированное изображение обычно сохраняется в формате, отличном от TIFF (например, PDF или SVG), поскольку файлы TIFF больше подходят для растровых изображений.

Сейчас. Я думаю, что , о котором вы говорите, , — это процесс, с помощью которого объект в изображении изолирован от его фона, а затем сохраняется с прозрачным фоном, чтобы он аккуратно сидел над другими элементами в композиции.Файлы TIFF поддерживают прозрачность, поэтому они подходят для этой цели. Есть разные способы добиться этого, один из которых — просто удалить ненужные области с помощью ластика или с помощью «волшебной палочки» (или подобного), чтобы выбрать фон и удалить его. Другой (и несколько более профессиональный) способ — нарисовать Clipping Path вокруг той части изображения, которая вам нужна, которая затем используется как маска Mask при сохранении файла. Опять же, TIFF поддерживают эту функцию.

Наконец, наиболее распространенный отраслевой термин (по крайней мере, в Великобритании и по моему опыту работы с другими территориями) для изображения, подвергшегося такой обработке, — это Cut Out . Я уверен, что есть и другие термины, которые люди, надеюсь, добавят в комментарии …

Adobe Photoshop — JPEG с прозрачным фоном

Хотя формат JPEG не может обрабатывать прозрачность сам по себе, вполне возможно получить прозрачность с использованием JPEG в современных браузерах. Однако это сложно.Он включает использование SVG для создания обтравочной маски, которая обрабатывает прозрачность. В Photoshop вы можете сделать это с помощью инструмента «Перо», а затем экспортировать в Illustrator, где вы можете преобразовать траекторию инструмента «Перо» в SVG.

Вот более подробное руководство, как это сделать.

Уловка состоит в том, чтобы сделать две вещи:

JPG достаточно простой. Выведите это прямо из Photoshop. Оптимизировать.

Теперь мы можем настроить SVG.SVG с радостью возьмет растровую графику. SVG известен векторной графикой, но это очень гибкий формат изображения.

Чтобы получить контур, мы экспортируем контур, созданный с помощью инструмента «Перо», в Illustrator. Теперь у нас есть путь туда, и его легко экспортировать как SVG [.]

Теперь у нас есть необходимые данные о пути [.] Давайте используем их в SVG, который мы начали.Затем также примените этот путь клипа к:

В качестве альтернативы, вот инструмент, который просто конвертирует PNG в SVG со встроенными JPEG. Преимущество перед WebP в том, что он будет работать в Internet Explorer (начиная с версии 9) и Safari (начиная с версии 3), в том числе на iOS.

Тем не менее, обычным стандартом действительно является просто цвет фона JPEG в соответствии с цветом веб-сайта или использование оптимизированного 8-битного PNG (с использованием такого инструмента, как PNGQuant, для преобразования обычных 32-битных PNG).

Что такое прозрачный логотип и зачем он вам нужен?

Вы создали логотип и готовы использовать его ВЕЗДЕ. Но когда приходит время загрузить его на свой сайт или распечатать на футболке, он выглядит не совсем правильно с цветным фоном.

Вот где появляется универсальный прозрачный логотип.

Если вы хотите использовать свой логотип поверх изображения или цветного фона, использование прозрачной версии означает, что вам не нужно беспокоиться о столкновении фона вашего логотипа или конкурируя со своим окружением.

Это делает прозрачный логотип чертовски полезным для создания идентичности бренда в онлайн- и офлайн-активах!

Что такое прозрачный логотип?

Быстрое время определения: когда вы слышите термин «прозрачный логотип», это означает логотип с прозрачным фоном (a.к.а. вообще без фона).

Найдите любой логотип компании, за которым следует «прозрачный PNG», и вы увидите изображения с бело-серым клетчатым узором вокруг них — это индикатор того, что фон был удален (и нет, эти бело-серые полосы). серые галочки не будут отображаться при использовании дизайна).

Когда фон логотипа прозрачный, основные элементы вашего дизайна — словесный знак, символ и форма или контейнер, если он у вас есть — могут выделяться, где бы вы их ни поместили, не будучи «замкнутыми».”

Обычно прозрачный логотип используется на веб-сайтах, футболках, подписях электронной почты, фирменных бланках, изображениях и видео — подробнее об этом в следующем разделе. Они могут быть трех форматов:

PNG — PNG являются наиболее распространенным типом файлов для логотипов с прозрачным фоном. Они могут отображать миллионы цветов при относительно небольшом размере файла. Используйте эти файлы всякий раз, когда вы размещаете свой логотип в цифровых приложениях, таких как веб-сайты, платформы социальных сетей, презентации Powerpoint и т. Д.

GIF — GIF-файлы также могут поддерживать прозрачный фон. Тем не менее, большинство файлов логотипов не имеют этого формата, так как PNG являются более общепринятыми.

SVG — SVG — это векторные файлы с прозрачным фоном. Но большинство платформ, которые требуют загрузки логотипов (например, конструкторы веб-сайтов и социальные платформы), не принимают файлы SVG. Хорошие новости? Вы можете отправить их типографиям или дизайнерам, которые работают с вашим логотипом для получения четких результатов!

Где использовать прозрачный логотип

Обычно вы получаете разные версии прозрачного логотипа в зависимости от цвета фона вашего логотипа.

Например, вот файлы, которые мы предоставляем здесь, на Looka:

• Цветной логотип с прозрачным фоном
• Белый логотип с прозрачным фоном (полезно, если вам нужно разместить свой логотип поверх темного цвета)
• Черный логотип с прозрачным фоном (полезно, если вам нужно разместить свой логотип поверх светлого цвета)

Примечание: Файлы с меткой «white_logo_transparent_background» будут казаться белыми или пустыми, когда вы их открываете, как это часто бывает на компьютерах. прозрачность белого цвета.

Как уже упоминалось, логотипы с прозрачным фоном необходимы, когда вы размещаете свой дизайн поверх изображения или на цветном / узорчатом фоне (или на белом фоне, если у вашего логотипа его нет).

Цифровые приложения могут включать:

• Заголовки веб-сайтов
• Подписи электронной почты
• Презентации / колоды
• Изображения (для добавления водяного знака или небольшого элемента брендинга в нижнем углу)
• Видео

Совет : Размещение вашего логотипа поверх изображения? Убедитесь, что контраст достаточно, чтобы логотип был хорошо виден.Протестируйте черные, белые и цветные версии прозрачного логотипа или попробуйте добавить черный слой поверх изображения с прозрачностью 60%, чтобы повысить контраст. Вы можете сделать это в таких программах, как Photoshop, Illustrator или InDesign.

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

Приложения для печати могут включать:

• Одежда (футболки, шляпы, толстовки, сумки и т. Д.)
• Swag (кружки, ручки, блокноты и т. Д.)
• Бланки / документы
• Упаковка (например, белая или картонная коробка — картон лучше всего смотрится с черным или другим темным цветом)
• Наклейки / декали
• Брошюры, открытки и другие маркетинговые материалы

Как создать логотип без фона

Если вы наняли дизайнера или агентство для разработки вашего логотипа, они предоставят версию с прозрачным фоном (а если они этого не сделали) Не надо!).

Если вы сами создали логотип в программе для дизайна и вам нужно удалить фон, вам понадобится программа для редактирования, например Photoshop, и файл логотипа в формате PSD (вот видеоурок, который покажет вам, как это сделать). Вы также можете нанять внештатного графического дизайнера, который сделает это за вас.

Создаете логотип с помощью разработчика логотипов Looka? Мы предоставляем файлы логотипов с прозрачным фоном в пакетах Premium и Enterprise, или есть надстройка, где вы можете получить их в формате PNG с высоким разрешением или приобрести векторные файлы.Большинство других онлайн-производителей логотипов также должны предоставлять файлы этих типов.

Обеспечение прозрачности

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

И последнее: не бойтесь серо-белого фона в клетку, который вы видите при просмотре прозрачного логотипа.Эти проверки не появятся, когда вы воспользуетесь дизайном!

Форматы веб-графики

Вернуться на страницу пятого класса »

Назначение

• Визуальная / эстетическая привлекательность — поддерживает интерес и внимание посетителей
• Создать визуальную структуру — прояснить иерархию информации (подумайте о типографике и иерархии здесь)
• Обменивайтесь идеями визуально

Наши сайты обычно довольно скучные без использования графики.

Руководство по веб-графике

• Веб-графика должна соответствовать назначению, организации и стилю сайта
• Большая (размер файла) графика увеличивает время загрузки страницы — избегайте.
• Графика должна помочь сосредоточить внимание посетителя на том, что важно на странице
• Избегайте надоедливых изображений, анимации, ненужных эффектов — они быстро стареют без цели.
• Графика никогда не должна использоваться для текстового содержимого, за исключением случаев, когда заголовок требует включения логотипа. . Это снижает индексирование поисковыми системами, доступность и т. Д.
• Сделайте графику доступной с альтернативным текстом.
• Убедитесь, что при использовании текста в графике имеется достаточный контраст, чтобы он был разборчивым.Это особенно важно при использовании фоновых изображений.

Форматы веб-графики

Существует три формата файлов графики, используемых в Интернете: JPG, GIF и PNG. Каждый из этих форматов файлов разработан с определенной целью, поэтому важно понимать различия, когда мы используем их на наших веб-сайтах.

JPG

Формат изображения JPG был разработан для эффективного хранения и сжатия реалистичных изображений и иллюстраций (как в цвете, так и в оттенках серого).Формат JPG очень хорошо сжимает изображения с большим количеством цветов и градациями цветов. Думайте о JPG как о сильно сжатой фотографии.

Формат JPG не позволяет сохранять прозрачные пленки. Если требуется прозрачность фона вашего изображения, вы должны выбрать другой формат.

При сохранении изображений в формате JPG вы можете выбрать уровень сжатия, чтобы сбалансировать размер файла и качество изображения. Размер файла напрямую зависит от фактического размера (в пикселях) изображения.Чем больше размер пикселя, тем больше размер файла.

Примеры изображений, которые следует сохранить в формате JPG:

GIF и PNG

Форматы изображений GIF и PNG используют так называемый «индексный цвет». Они хранят минимизированную цветовую палитру в файле изображения и ключи к тому, где эти цвета должны быть расположены на изображении. Размер файла изображений в формате GIF и PNG обычно зависит от количества используемых цветов. Стандартные номера цветов: 2, 4, 8, 16, 32, 64, 128, 256.

Форматы изображений GIF и PNG идеально подходят для изображений с ровными цветами (без градиентов) и резкими краями. Распространенными примерами этих типов изображений являются логотипы, логотипы и иллюстрации без градиентов.

Прозрачность

Форматы GIF и PNG также поддерживают прозрачность. Если вам нужен какой-либо уровень прозрачности в вашем изображении, вы должны использовать либо GIF, либо PNG.

изображений GIF (а также PNG) поддерживают одноцветную прозрачность. Это в основном означает, что вы можете сохранить изображение с прозрачным фоном.

В качестве примера возьмем логотип Good Food. Это должен быть файл изображения, потому что мы используем необычный шрифт, а также изображение яблока вместо a. Мы хотим, чтобы наш логотип располагался на светло-зеленом фоне. Вот цвет фона, на котором мы сохраняем логотип.

Если бы мы сохранили логотип в формате JPG, мы бы застряли на каком-то цвете фона.

JPG не даст нам прозрачности

Очевидно, что цвет фона в этой ситуации не идеален.Если мы сохраняем изображение в формате GIF, мы можем использовать прозрачный цвет фона.

GIF дает нам прозрачный фон. Обратите внимание на кольцо вокруг текста.

Использование изображения в формате GIF с прозрачным фоном позволило нам поместить наше изображение на фон другого цвета. Обратите внимание на белое кольцо вокруг изображения. Это связано с тем, что изображения в формате GIF могут использовать только одноцветную прозрачность. Мы не можем постепенно превращаться в прозрачность. Вокруг изображения всегда будет цветное кольцо. Мы можем изменить цвет кольца, но это означает, что мы должны заранее знать, какой цвет фона мы собираемся использовать.

Переменная прозрачность

Формат файла PNG может сохранять различные уровни прозрачности. Это известно как альфа-канал. Используя переменную прозрачность, мы можем использовать прозрачность как градиент.

Самый простой способ продемонстрировать прозрачность переменной — это пример. Ниже одно и то же изображение дважды на двух разных цветах фона.

Обратите внимание, как цвет фона просто исчезает в изображении. Это будет работать хуже, если вы сохраните как png8.Обязательно сохраните как png24.

Возвращаясь к нашему логотипу Good Food, мы можем использовать ту же технику, чтобы убедиться, что наш логотип сочетается с любым цветом фона.

GIF против PNG

На этом этапе вы можете задаться вопросом, как узнать, когда использовать GIF или PNG. GIF — это более старый формат файлов, восходящий к началу 1990-х годов. Мы использовали его для действительно неприятной анимации изображений (на самом деле, мы все еще делаем). GIF — единственный формат файла, который может это сделать. Но если вы не планируете делать что-то для Facebook или MySpace, вы, вероятно, не захотите использовать анимированный GIF.

Формат PNG — более новый и лучший формат. Раньше мы использовали GIF из соображений совместимости, но к настоящему времени любой браузер, не поддерживающий PNG, на самом деле является устаревшим браузером . Формат PNG использует лучшую схему сжатия, чем GIF, поэтому размеры файлов, как правило, меньше. Кроме того, изображения PNG можно дополнительно сжать с помощью инструмента сжатия, такого как Smush.it.

Сводка по формату изображения

JPG

Используется для фотографий или любых изображений с плавными переходами между цветами.Не поддерживает прозрачность.

PNG

Используется для изображений с ровными цветами и резкими краями, таких как логотипы, логотипы и иллюстрации без градиентов. Может иметь один или несколько уровней прозрачности.

GIF

Более старый формат. Обычно не нужно его использовать, но знайте, что он существует.

Вернуться на страницу пятого класса »

Логотип с прозрачным фоном: что это такое и как его создать

Большинство из нас видели как минимум десять-двадцать логотипов разных компаний.Логотипы — это изображения, состоящие из графической и текстовой частей. Логотип любой компании должен отлично выглядеть как в печатном виде, так и в Интернете, поэтому чаще всего рекомендуется использовать прозрачный фон вместо цветного. В этой статье мы расскажем, почему.

Создатель логотипов Turbologo