PNG формат: особенности, плюсы и минусы. Создать прозрачный логотип онлайн при помощи сервиса логастер Создать прозрачный логотип онлайн при помощи сервиса Логастер
/ / В числе недостатков можно выделить:
Из списка преимуществ становится ясно, чем PNG в первую очередь привлекает интернет-дизайнеров. Его «изюминка» – возможность сохранить картинку на вырезанном () фоне. Такая функция очень важна при работе с сайтами, дизайном продукции. В частности, большинство логотипов создаются именно в формате PNG, поскольку являют собой фигурное изображение без фона. (Подробнее про виды логотипов читайте в нашей ) – лишь частный пример того, как может использоваться формат. Элементы с прозрачным фоном необходимы для оформления веб-страниц, создания эффектного текста, объемных и рельефных изображений, при различных техниках печати и гравировки. Фактически этот формат применяется во всех сферах дизайна, где необходимо наличие прозрачного фона и возможность трансформировать рисунок без потери качества.Сфера применения
LogoEase - бесплатный сервис, который позволяет с лёгкостью создавать различные логотипы. Чтобы начать им пользоваться, нажмите кнопку Start your logo в панели инструментов сайта и откройте редактор. Затем выбирайте шаблон, который можно изменять: добавить свой текст, выбрать шрифт, изменить масштаб, заполнить разными цветами и многое другое. После этого останется скачать файл с логотипом в формате ZIP и использовать его на своём сайте или в блоге.
Этот сервис очень похож на предыдущий. Сначала необходимо выбрать подходящую категорию, затем определиться с одним из множества образцов, а потом отредактировать его по своему усмотрению. Сайт позволяет загружать до шести логотипов бесплатно. В дополнение к этому пользователи могут приобрести файлы в высоком разрешении, созданные с помощью LogoMaker, которые могут быть использованы для полиграфии, печати визиток и плакатов.
CoolText - действительно крутая штука, которая позволяет создавать эффектные лого довольно простыми средствами. Этот сервис работает только с текстовыми логотипами, но количество возможных вариантов их оформления настолько велико, что вы точно найдёте себе что-то по вкусу. Здесь вы можете в пару кликов получить результат, для достижения которого вам понадобились бы часы обучения и специальные программы. Скачать логотип можно в различных графических форматах, включая PNG, JPG и GIF. Вы можете также создать кнопки для ваших сайтов и скачать разнообразные шрифты из огромного списка.
Ещё один генератор текстовых логотипов. Пусть вас не смущает название: одними только эффектами пламени дело не ограничивается. Всего здесь более 200 различных эффектов, и некоторые из них весьма забавные. Алгоритм работы прежний: выбираем эффект, вводим нужный текст, редактируем свойства, сохраняем. Кстати, кроме уже привычных PNG, JPG и GIF, здесь есть и PSD.
Logaster - онлайн-сервис для создания логотипов и элементов фирменного стиля. Шесть миллионов пользователей уже оценили плюсы работы с этим сервисом. Логотипы, разработанные с его помощью, появились в 167 странах мира на всём - от визиток и фирменных бланков до сайтов и билбордов.
Этот редактор производит впечатление благодаря своему дизайну и числу доступных функций. Создание логотипа включает в себя выбор из обширной библиотеки сервиса необходимых элементов, добавление надписей, а затем их редактирование и настройку. Сохранить логотип можно в формате PNG. Разумеется, платный тариф предусматривает гораздо более обширную библиотеку элементов и дополнительные функции.
А вам приходилось пользоваться автоматическими генераторами логотипов?
Современные логотипы обладают целым рядом особенностей, отличающих их от других видов графических изображений. Прежде всего, к ним относят широкую сферу применения – как в печатном, так и в веб-формате. Во многих случаях лого является зависимым элементом, который должен оптимально разместиться на фоне страницы сайта или каких-либо полиграфических материалов. Чтобы добиться такого результата, предварительно нужно избавиться от цветного фона, сделав логотип полностью прозрачным.
Где используют логотип на прозрачном фоне?
Особенно часто логотипы с прозрачным фоном используются на сайтах или в социальных сетях (на страницах или в группах компании, бренда, продукта).
Главное их преимущество – это универсальность, позволяющая оптимально вписаться в дизайн с любым расположением элементов и цветов. Такую графику можно легко и быстро загружать на различные сайты, не беспокоясь о том, как встроить ее в фон каждого из них.
Кроме того, прозрачные логотипы нередко применяют в качестве водяного знака для картинок – товаров в каталогах интернет магазинов и т.д.
С их помощью вы сможете эффективно защитить любой графический контент от воровства и при этом не навредить его внешнему виду. Еще такие лого оптимально подходят для полиграфической продукции, особенно при печати материалов небольших размеров. Например, если вы разрабатываете дизайн сувениров, визиток, календарей, то на них может не найтись отдельного места для лого с собственным фоном. А прозрачный объект быстро размещается где-угодно без особых сложностей.
Форматы логотипов с прозрачным фоном
Для создания данного типа графики подходят далеко не все существующие форматы, а только некоторые из них. В частности, к ним относятся:
Логотип в PNG формате. Наиболее популярное расширение для прозрачных логотипов – свободный растровый формат, позволяющий эффективно сжимать изображение без потери его качества. PNG был разработан в 1996 году, как некоммерческий аналог GIF, однако активно используется по сей день, благодаря своему удобству и широким возможностям для редактирования файлов. Формат поддерживает полноцветную графику, открывается и обрабатывается во всех популярных графических редакторах (например, Photoshop). Именно логотипы в PNG c прозрачным фоном чаще всего (до 90% случаев) используются на сайтах, фотографиях или же в печати;
Логотип в GIF формате. Старейший растровый формат (изобретенный в 1987 году) частично поддерживает прозрачность фона, поэтому в нем также можно создавать соответствующие логотипы. Для этого достаточно назначить прозрачным один из его 256 цветов, после чего сквозь картинку будет проступать фон веб-страницы. Важным недостатком GIF считается невозможность регулировать степень прозрачности, что делает это расширение не самым популярным в наши дни;
Логотип в SVG формате. Для создания подобной графики еще применяют векторный формат SVG, доступный в открытом стандарте. Сделать это в нем можно, благодаря свойству fill-opacity, позволяющему плавно изменять прозрачность фона картинки при помощи числовых значений. SVG имеет большое количество преимуществ, включая удобство обработки (даже в текстовых редакторах) и отличную масштабируемость. Данные файлы очень легко встраиваются в разметку веб-страниц, так как формат был создан на основе популярного языка разметки XML. При этом логотипы в SVG наиболее часто применяются профессиональными дизайнерами в сложных и объемных проектах, поэтому данный формат редко используется большинством обладателей лого.
Как сделать логотип прозрачным?
Большинство профессиональных дизайнеров по умолчанию оформляют свои логотипы на прозрачном фоне, если у клиента не было особых пожеланий по этому поводу. Однако что делать, если вы получили лого с цветной подложкой и теперь хотите от нее избавиться? Сделать это довольно легко и быстро вам помогут современные графические редакторы – например, Adobe Photoshop. Смотрите видео ниже как убрать фон логотипа в Photoshop.
Если у вас есть исходники логотипа в формате PSD, то откройте изображение в Photoshop и первым делом выделите все слои его объектов, за исключением фонового. Затем вам нужно создать новую группу (папку) и перенести туда их все – такая операция поможет впоследствии легко регулировать прозрачность самого логотипа, например, если понадобится сделать его частично прозрачным.
Для получения новой пустой папки нажмите на пиктограмму, расположенную в нижней правой половине панели слоев. После этого перейдите на строку инструментов, относящихся к фоновому слою – вам понадобится пиктограмма с глазом, находящаяся на ее левом краю. Щелкнув по ней, вы сможете полностью отключить видимость фона, без особого труда сделав свой логотип на 100% прозрачным.
Создать прозрачный логотип онлайн при помощи сервиса Логастер
Существует еще один, более простой и оперативный способ добиться такого результата, не тратя свое время на работу в графических редакторах. В частности, получить прозрачный логотип за считанные секунды вам поможет – здесь вы можете с легкостью создать оригинальную эмблему для своего бренда, товара или услуги, а затем скачать ее в таком виде прямо на свой компьютер.
После того, как ваш лого будет готов, перейдите в раздел скачивания и выберите для этого формат PNG, PDF или SVG.
Затем на ваш жесткий диск мгновенно загрузится архив с логотипом в различных версиях, две из которых (полноцветная и черно-белая) будут иметь прозрачный фон. Определить их можно по слову transparent, присутствующему в названии файла.
Таким образом, сервис Логастер быстро поможет вам создать прозрачный логотип, чтобы затем без каких-либо ограничений использовать его для оформления интернет-сайтов или полиграфических материалов. Вот более детальная статья , который созданный на сайте Логастер.
Инструкция
Если логотип еще только предстоит нарисовать, начните работу с создания прозрачного фонового слоя. Для этого, запустив Photoshop, создайте новый документ - нажмите сочетание клавиш Ctrl + N или выберите в разделе меню с названием «Файл» пункт «Создать». В окне свойств нового документа задайте ширину и высоту, соответствующие размерам логотипа. В выпадающем списке «Содержимое фона» выберите значение «Прозрачный» и нажмите кнопку OK.
Оставьте пустым прозрачный фоновый слой, а для начала работы над элементами логотипа создайте новый слой. Проще всего это сделать копированием единственного пока лэйера - нажмите сочетание клавиш Ctrl + J. Можно, конечно, сделать это по всем правилам - вызвать на экран диалог создания нового слоя, задать ему персональное имя, цветовую маркировку в общем списке, установить параметры прозрачности. Такой диалог вызывается нажатием комбинации «горячих клавиш» Shift + Ctrl + N или выбором пункта «Слой» в подразделе «Новый» раздела «Слои» меню редактора.
Сам процесс создания логотипа не рассматривается в этой статье, а когда он будет завершен, сохраните результат в файл одного из графических форматов, который поддерживает прозрачность. Для этого можно использовать два варианта диалогов сохранения. Один из них вызывается сочетанием клавиш Shift + Ctrl + S или выбором пункта «Сохранить как» в разделе «Файл» меню Photoshop. В этом диалоге вам нужно выбрать формат CompuServe Gif или Png в выпадающем списке «Тип файлов». Кроме расширения задайте название и место сохранения файла логотипа, а потом нажмите кнопку «Сохранить».
Другой вариант диалога сохранения позволяет подобрать оптимальное отношение качества к размеру файла. Откройте его с использованием комбинации клавиш Shift + Ctrl + Alt + S или выбором строки «Сохранить для Web и устройств» в разделе «Файл» меню редактора. Здесь установить формат Gif, Png-8 или Png-16 следует в выпадающем списке, помещенном в верхний правый угол формы. После этого подберите нужные параметры качества и нажмите кнопку «Сохранить».
Если сделать прозрачным нужно фон уже существующего логотипа, то после второго шага загрузите во второй слой его изображение. Для этого раскройте в меню раздел «Файл» и выберите команду «Поместить». В открывшемся диалоге найдите и выделите файл логотипа, а затем нажмите кнопку «Поместить».
Включите инструмент «Волшебная палочка», кликнув соответствующую пиктограмму на панели инструментов или нажав клавишу W. Наводите указатель на каждый фрагмент фона логотипа, кликайте его правой кнопкой мыши и удаляйте нажатием клавиши Delete. Когда с этой процедурой будет покончено, сохраните результат одним из способов, описанных в третьем и четвертом шагах.
Изображение с прозрачным цветом легко создать с помощью программы Adobe Photoshop. Это может потребоваться, например, для логотипа, который впоследствии будет накладываться на различные фотографии. Чтобы не вырезать фон из логотипа для каждой иллюстрации, можно один раз сделать его изображение в формате gif с прозрачным фоном.
Вам понадобится
- Инструменты: Adobe Photoshop
Инструкция
Создайте изображение или откройте готовое в программе Adobe Photoshop (Ctrl+O).
Затем создайте пустой слой. Для этого зайдите в меню «Слои», откройте подменю «Новый» и выберите «Слой». Появится окно, в котором можно задать первоначальные параметры слоя, такие как тип перекрытия, цвет, непрозрачность и некоторые другие. Оставьте все как есть, и нажмите «ОК».
Или нажмите кнопку рядом с корзиной на панели слоев.
Раскройте палитру слоев. Для этого в меню «Окно» выберите «Слои» (F7).
Слой, который вы создали, будет располагаться вверху под названием «Слой 1». Перетяните его мышкой под нижний слой. Если у вас это не получится, нижний слой заблокирован. Разблокируйте его и попробуйте снова.
Чтобы слой, дважды щелкните по нему мышью и в открывшемся окне нажмите «ОК».
Убедитесь, что новый слой имеет фон. Узнать это можно по его иконке в палитре слоев: прозрачное изображение в Adobe Photoshop символизирует , напоминающий шахматную доску. Если это не так, выделите слой мышью, затем выделите все изображение («Выделение» – «Все»), и нажмите «Del» на .
В меню «Файл» перейдите к пункту «Сохранить для веб и устройств». Откроется окно с множеством настроек. Из раскрывающегося списка выберите формат gif, и поставьте галочку рядом с пунктом «Прозрачность». Это даст вам доступ к опциям, позволяющим сделать тот или иной цвет прозрачным.
Выберите цвет, который нужно сделать прозрачным, с помощью инструмента «Пипетка». Помимо этого, цвет можно выбрать из панели «Таблица цветов». На этой панели отображаются все цвета, которые присутствуют в документе.
После того как вы выделите цвет, найдите кнопку отмеченную красным кругом и нажмите ее. Эта кнопка преобразует выделенный цвет в прозрачность.
Если вы хотите сделать не один, а несколько цветов или оттенков прозрачными, продолжайте выделять образцы пипеткой (или в таблице цветов) и преобразовывать в прозрачность с помощью вышеуказанной кнопки.
Все изменения, которые затрагивают изображение, отображаются в реальном времени в специальном окне, которое занимает львиную долю рабочего пространства. Так что вы можете контролировать каждый шаг этого процесса.
Когда результат будет вас устраивать, нажмите «Сохранить», после чего откроется окно, позволяющее указать, куда следует записать готовое изображение. Выберите директорию и нажмите «Сохранить».
Совет 3: Как сделать рамку, орнамент, узор с прозрачным фоном (без фона) в Gimp для обложки в ИнДизайн
Наверняка у каждого, кто создавал обложку (для книги в InDesign), возникал вопрос при оформлении обложки: Как вставить рамку, орнамент, буквицу, чтобы не было видно заднего фона, а был виден только один узор?
На самом деле это не сложно, и я хочу показать, как сделать рамку с настройкой прозрачности при помощи программы Gimp (аналог Photoshop - свободно распространяемая программа) на примере простого узора.
Вам понадобится
Инструкция
Сначала загрузим в программу Gimp файл узора с помощью команды Файл -> Открыть. Выделим изображение с помощью инструмента Кадрирование (в виде ножа), чтобы остался только один орнамент и дважды щелкнем по экрану, чтобы кадрировать.
Чтобы к нашему узору можно было применить параметры прозрачности, надо выполнить команду Правка -> Вырезать -> Вставить -> Вставить как новый слой.
Чтобы точнее можно было выделить задний фон по цвету, можно применить команду Цвет -> Уровни и далее следует перетянуть треугольники, изменяя освещенность и насыщенность, при этом гораздо естественнее получаются цвета, чем с помощью команды Тон-Насыщенность.
«Махагон-дизайн».
В начале кратко том, зачем для логотипа нужен прозрачный фон. Этот фирменный знак обязан красиво выглядеть и в веб версии, и в печатно-бумажной. Поэтому специалисты не рекомендуют использовать для лого цветной фон.
Фирменный знак с прозрачным фоном считается универсальным. Такой логотип может:
- Прекрасно вписаться в дизайн сайта;
- Отлично комбинировать, с имеющимся на веб странице, набором цветов;
- С успехом гармонировать с прочим соседними элементами.
Что нужно для обработки фона
Итак, у нас есть логотип на каком-то фоне, и мы хотим получить для фирменного знака прозрачный фон. Кроме рисунка нам понадобится редактор Фотошоп. Именно с помощью этой программы нужно будет выполнить этот процесс.
Есть два варианта. В первом случае этот редактор надо будет скачать на компьютер и установить. Тогда интернет не понадобится. Второй вариант – использовать программу в онлайн режиме, к примеру, на сайте editor.0lik.ru.
Посмотрим, как получить логотип с прозрачным фоном.
Открываем программу и загружаем изображение с компьютера. Затем:
- Заходим в раздел «Слои»;
- Дважды щелкаем на замочек, расположенный справа от надписи «Задний фон». Вместо него должна появиться галочка, а название меняется на «Слой 0». Этой операцией происходит разблокировка слоя;
- Слева, на панели инструментов выбираем «Волшебную палочку» (можно также нажать на клавиатуре букву W);
- Кликаем по фону, который следует убрать;
- В меню «Редактировать» выбираем команду «Очистить». Но проще будет нажать на клавиатуре кнопку «Delete». Если какие-то участки фона не стали прозрачными, наводим на них мышку, кликаем палочкой и очищаем, пока фон полностью не станет прозрачным.
Если есть сомнения, что фон прозрачный (не вырезался), можно провести проверку. Надо логотип поместить на другое изображение. На клавиатуре нажимаем комбинацию ctrl+C, чтобы скопировать логотип в буфер обмена. Открываем любой другой файл с изображением и, нажав комбинацию ctrl+V, размещаем логотип на фото. Если он поместился на второе изображение без фона, значит операция проведена верно.
Получив логотип на прозрачном фоне, следует нажать на меню «Файл» и сохранить картинку. Отметим, что сохранять изображение надо в форматах, поддерживающих прозрачность.
Самый популярный вариант – формат PNG , сохраняющий изображения с минимальной потерей качества. Он поддерживается всеми известными редакторами изображений:
- Photoshop;
- LightRoom;
- Illustrator.
Поэтому он удобен и активно используется. Почти 80% логотипов сохраняются в этом формате и применяются для оформления сайтов многих компаний.
Третий тип формата, SVG – удел настоящих профессионалов. Им часто пользуются дизайнеры с программистами, потому что он создан на основе языка разметки XML, что упрощает размещение на сайте фирменного знака. Но для обычного юзера такой тип формата не подойдет.
Теперь вы знаете, как сделать прозрачным фон логотипа.
