Как сделать лого без фона
Как сделать фон логотипа прозрачным
Главная / Блог / Как сделать фон логотипа прозрачным
Создание и разработка логотипа в студии Махагон-Дизайн
10 500 руб.
при безналичной оплате
16 400 руб.
при безналичной оплате
21 000 руб.
при безналичной оплате
Зачем нужен прозрачный фон у логотипа
В начале кратко том, зачем для логотипа нужен прозрачный фон. Этот фирменный знак обязан красиво выглядеть и в веб версии, и в печатно-бумажной. Поэтому специалисты не рекомендуют использовать для лого цветной фон.
Фирменный знак с прозрачным фоном считается универсальным. Такой логотип может:
Что нужно для обработки фона
Итак, у нас есть логотип на каком-то фоне, и мы хотим получить для фирменного знака прозрачный фон. Кроме рисунка нам понадобится редактор Фотошоп. Именно с помощью этой программы нужно будет выполнить этот процесс.
Есть два варианта. В первом случае этот редактор надо будет скачать на компьютер и установить. Тогда интернет не понадобится. Второй вариант – использовать программу в онлайн режиме, к примеру, на сайте editor.0lik.ru.
Посмотрим, как получить логотип с прозрачным фоном.
Как получить прозрачный фон у логотипа
Открываем программу и загружаем изображение с компьютера. Затем:
Если есть сомнения, что фон прозрачный (не вырезался), можно провести проверку. Надо логотип поместить на другое изображение. На клавиатуре нажимаем комбинацию ctrl+C, чтобы скопировать логотип в буфер обмена. Открываем любой другой файл с изображением и, нажав комбинацию ctrl+V, размещаем логотип на фото. Если он поместился на второе изображение без фона, значит операция проведена верно.
Типы форматов для сохранения логотипа с прозрачным фоном
Получив логотип на прозрачном фоне, следует нажать на меню «Файл» и сохранить картинку. Отметим, что сохранять изображение надо в форматах, поддерживающих прозрачность.
Самый популярный вариант – формат PNG, сохраняющий изображения с минимальной потерей качества. Он поддерживается всеми известными редакторами изображений:
Поэтому он удобен и активно используется. Почти 80% логотипов сохраняются в этом формате и применяются для оформления сайтов многих компаний.
Можно сохранить логотип и в GIF формате, хотя он уже вытеснен предыдущим типом. Отрегулировать степень прозрачности у этого формата невозможно. Поэтому его сегодня используют для загрузки мемов в соцсетях.
Третий тип формата, SVG – удел настоящих профессионалов. Им часто пользуются дизайнеры с программистами, потому что он создан на основе языка разметки XML, что упрощает размещение на сайте фирменного знака. Но для обычного юзера такой тип формата не подойдет.
Теперь вы знаете, как сделать прозрачным фон логотипа.
Прозрачный логотип – что это такое и как получить?
Обновлено Ноябрь 27, 2019
Современные логотипы обладают целым рядом особенностей, отличающих их от других видов графических изображений. Прежде всего, к ним относят широкую сферу применения – как в печатном, так и в веб-формате. Во многих случаях лого является зависимым элементом, который должен оптимально разместиться на фоне страницы сайта или каких-либо полиграфических материалов. Чтобы добиться такого результата, предварительно нужно избавиться от цветного фона, сделав логотип полностью прозрачным.
Где используют логотип на прозрачном фоне?
Особенно часто логотипы с прозрачным фоном используются на сайтах или в социальных сетях (на страницах или в группах компании, бренда, продукта).
Главное их преимущество – это универсальность, позволяющая оптимально вписаться в дизайн с любым расположением элементов и цветов. Такую графику можно легко и быстро загружать на различные сайты, не беспокоясь о том, как встроить ее в фон каждого из них.
Кроме того, прозрачные логотипы нередко применяют в качестве водяного знака для картинок – товаров в каталогах интернет магазинов и т.д.
С их помощью вы сможете эффективно защитить любой графический контент от воровства и при этом не навредить его внешнему виду. Еще такие лого оптимально подходят для полиграфической продукции, особенно при печати материалов небольших размеров. Например, если вы разрабатываете дизайн сувениров, визиток, календарей, то на них может не найтись отдельного места для лого с собственным фоном. А прозрачный объект быстро размещается где-угодно без особых сложностей.
Форматы логотипов с прозрачным фоном
Для создания данного типа графики подходят далеко не все существующие форматы, а только некоторые из них. В частности, к ним относятся:
Логотип в 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, присутствующему в названии файла.
Таким образом, сервис Логастер быстро поможет вам создать прозрачный логотип, чтобы затем без каких-либо ограничений использовать его для оформления интернет-сайтов или полиграфических материалов. Вот более детальная статья как получить логотип с прозрачным фоном, который созданный на сайте Логастер.
Готовы к созданию своего фирменного знака?
Если да, то переходите в онлайн-сервис Логастер. Там вас уже ожидают удобный интерфейс и огромная база привлекательных макетов.
Обновлено Ноябрь 27, 2019
Email-курс «Как создать фирменный стиль за 7 шагов»
Вы узнаете, как создать свой фирменный стиль. 7 писем, в которых передаем 8 летний опыт команды Логастер.
Создавайте свой дизайн сейчас
Приступите к разработке своего фирменного стиля прямо сейчас. Введите название своей компании — и всего через минуту логотип будет у вас! Попробуйте сами! Нет ничего проще!
Сделать логотип прозрачным онлайн – инструкция в 4 шага
В данной статье я расскажу вам о том, как я научился за 5 минут создавать до 10 прозрачных водяных знаков из разных логотипов.
Вы сможете повторить все действия и получить прозрачный логотип онлайн без помощи дизайнера и абсолютно бесплатно.
Готовые файлы можно использовать для нанесения поверх изображений, в документах, социальных сетях и любых других вариантах где требуется водяной знак.
Перейдем сразу к делу:
Необходим файл с логотипом
Для начала нам необходим готовый файл с вашим логотипом в растровом формате. Такие изображения обычно имеют расширение jpeg или png.
Файл должен небольшого размера и не более 1 мб.
Если у вас еще нет собственного логотипа, вы можете воспользоваться сервисом Логотип онлайн. В течение 5 минут вы сможете самостоятельно создать и скачать профессиональный логотип в нужном формате.
Где будем создавать прозрачный лого
В интернете есть прекрасный сервис Водянойзнак.рф, который поможет нам быстро получить готовый водяной знак с необходимой степенью прозрачности.
Его отличительные особенности:
Итак, переходим на страницу сервиса Водянойзнак.рф.
Загрузка и редактирование фирменного знака
После загрузки страницы, нажимаем загрузить и выбираем изображение, поверх которого мы хотим разместить собственный водяной знак. Как я и говорил ранее, вы можете одновременно выбрать до 10 различных картинок и обработать их все одновременно.
После того, как зеленая строка полностью заполнится, необходимо нажать на вкладку «редактирование».
Если же у вас еще нет изображения и вы хотите просто сделать полупрозрачный лого, просто пропустите предыдущий шаг.
Теперь, когда мы перешли на вкладку с редактированием, мы находим и нажимаем кнопку «Логотип». Кликаем на «Загрузить» и выбираем наш файл с лого на компьютере.
После очередного заполнения зеленой шкалы, подвигайте ползунками настроек и подстройте все параметры под себя.
Помимо этого вы можете выбрать расположение своего фирменного знака, путем перетаскивания прямо поверх изображения справа.
Сохраняем водяной знак на компьютер
Готово. Вы загрузили и отредактировали свой логотип. Теперь нажимаем на вкладку «Сохранить».
Разработчики предусмотрели два варианта скачивания файлов:
Выберите место на компьютере и скачивайте готовые изображения для дальнейшего использования в любых ситуациях.
Теперь вы знаете как буквально в течении 3-4 минут самостоятельно создать водяной знак из своего логотипа онлайн.
Надеюсь данная статья оказалась для вас полезной! Если это так, просто напишите в комментариях «Огонь».
В каком формате сохранять логотип для сайта, без фона
Логотипы сейчас используют все компании, которые стремятся популяризировать свои услуги и продукцию на рынке. Но не все эмблемы можно считать удачными. Грамотно разработать логотип также важно, как и в дальнейшем его эффективно использовать.
Для начала нужно определиться с общим стилем будущего фирменного знака, сделать наброски и только потом приступить к детальной проработке. Также есть вариант обратиться в специалистам в сфере дизайна, которые сделают лого по Вашим требованиям. В таком случае Вам не потребуется самостоятельно продумывать внешний вид знака.
Нажмите кнопку «Создать логотип» и конструктор бесплатно предложит для вас варианты лого. Просто выбирайте и начинайте работать!
Другой способ — сделать логотип самостоятельно в графическом редакторе или с помощью специальной онлайн-программы. Все эти варианты имеют свои плюсы и минусы, поэтому следует отталкиваться от бюджета компании и необходимых сроков получения готового продукта.
Виды графики
Также в процессе разработки встает вопрос, в каком формате сохранять логотип. В настоящее время существует два основных вида графических форматов: векторный и растровый. Об их особенностях, плюсах и минусах расскажем далее.
Векторная графика
Изображения, представленные в такой графике, составлены из различных геометрических фигур, прямых и изогнутых линий, точек и т.д. Это позволяет увеличивать и уменьшать размер картинки, сохраняя при этом качество и четкость элементов. Поэтому данный формат чаще всего используется в печати. Далее о преимуществах и недостатках векторной графики.
Плюсы:
Минусы:
Растровая графика
Картинки данного вида выполнены из отдельных пикселей, поэтому при приближении напоминают мозаику. Если изображение хорошего качества, то данные элементы будут невидны.
Плюсы:
Минусы:
Форматы логотипов
Эмблему, как и любую другую картинку, можно сохранить в различных форматах. Далее подробнее про каждый из них.
Ai (Adobe Illustrator)
Если сохранить изображение в данном формате, то его в дальнейшем Вы сможете продолжить его редактирование. Это позволяет исправлять логотип после сохранения, если возникает такая необходимость.
PDF (Portable Document Format)
Данный формат в исходном варианте отображает шрифты и изображения различного вида. Также файл такого типа легко напечатать.
EPS (Encapsulated PostScript)
Используется для получения максимально высокого качества эмблемы. В таком формате изображение можно масштабировать, сохраняя при этом четкость границ.
PNG (Portable Network Graphics)
Этот растровый формат сжимает логотип, но при этом не портит его качество. Файлы такого вида открываются с помощью любой программы для просмотра изображений.
JPG и JPEG (Joint Photographic Experts Group)
Логотип, сохраненный в таком формате, мало весит и быстро загружается. Кроме того, эмблема имеет качество не хуже, чем у изображения векторной графики.
TIFF (Tagged Image File Format)
Очень похож на JPG и JPEG, однако файлы этого формата весят гораздо больше. Это обусловлено тем, что картинки имеют более высокое качество.
Ответы на частые вопросы
Однозначного ответа на этот вопрос нет. Эмблему можно сохранить в любом удобном формате. Главное, учитывать дальнейшую сферу применения логотипа. Например, если Вы планируете печатать фирменный знак на продукции компании и одежде, то лучше выбирать векторные форматы (EPS, PDF или Ai).
Чтобы у готовой эмблемы отсутствовал фон, можно сохранить ее в форматах PNG или SVG.
При разработке логотипа в программе Adobe Photoshop доступны различные форматы сохранения файла: PNG, TIFF, JPG и PSD.
Эмблема, изначально представленная в векторной графике, легко сохраняется в соответствующем формате. Для этого нужно выбрать один из вариантов: Ai, PDF или EPS.
Если Вы изначально создали эмблему в растровой графике, то ее в дальнейшем можно преобразовать в векторную. Это можно сделать двумя способами. Первый — обрисовать логотип векторными элементами в Фотошопе. И второй вариант — воспользоваться онлайн-программой (например, VectorMagic).
К формату эмблемы, которая будет применяться на сайте, нет строгих требований. Но желательно выбирать PNG формат, потому что такой файл будет занимать меньше места и при его загрузке не будет возникать проблем.
Заключение
Логотип, который выполнен качественно и привлекательно, нужно правильным образом сохранить. Главное, учитывайте при выборе формата, где в дальнейшем будет применяться лого и в каком размере. Это поможет верно определиться с нужным вариантом. После сохранения изображения его можно сразу начать применять в деятельности.
Продуктовый и графический дизайнер с опытом работы более 10 лет. Пишу о брендинге, дизайне логотипов и бизнесе.
Как сделать прозрачный логотип в Paint
Леонид Родинский
Пользователи часто экспериментируют с бесплатными графическими приложениями. Приобретать профессиональный пакет AdobePhotoshopсреди любителей находится мало желающих, и они обращают внимание на общедоступные решения. А что может быть проще, чем воспользоваться имеющейся в сборке любой версии операционной системы WindowsпрограммойPaint. Конечно, в сообществе профессиональных дизайнеров подобные действия могут вызвать только улыбку, но дилетанты упорно ищут любые способы для самореализации.
Решения для привлечения клиентов
Вам будет интересно
Возможности Paint
Среди графических редакторов эта программа по праву считается старожилом. Её дебют состоялся вместе с первым релизом Windowsв 1985 году. К 1998 в арсенале появилась поддержка gif иjpeg, а вместе с легендарным ХР пришли форматы pngи tiff. Вкупе с bmp, который находился в пакете с момента его рождения, эти расширения и формируют кейс возможностей Paintпо сохранению графических файлов.
Непопулярность программы в среде профессионалов объясняется её акцентированной примитивностью. Здесь не поддерживаются слои и свойства прозрачности, нет возможности задать разрешение для нового документа и его размер (хотя в свежей версии, распространяемой в Windows 10,допускается корректировка параметров рабочего холста), существуют сложности с градиентной заливкой. Одним словом, поговорка, что «простота хуже воровства» в данном случае оправдывается на все 100%.
И всё-таки сделать логотип на прозрачном фоне в Paint’е можно. Разберём эту несложную задачку на примере эмблемы компанииZexler.
Алгоритм действий
Для работы используем штатный редактор Paint 3Dиз Windows 10. Он уже даже поддерживает видео – надеемся, что клиентам нашего агентства никогда не придёт в голову использовать программу по этому назначению.
Если существует желание всё-таки подкорректировать размер – переходим на вкладку «Холст» в верхней панели меню и ставим необходимые параметры.
При этом в правой части открывается окно подсказок, где в анимированном виде проиллюстрированы необходимые действия.
На втором этапе предлагается набор из двух инструментов: ластика и карандаша. Первый из них удаляет фрагменты фона, а второй – соответственно – их восстанавливает. Опять-таки, никаких настроек чувствительности не наблюдается, но параметры регулируются длинной линии. Чем короче отрезок, тем меньшее пространство очищается (или добавляется).
И вновь мы никаких изменений не увидим. Но они есть и проявятся на следующем шаге.
Заключительным шагом отправляем файл в нужную директорию. Дело сделано, логотип готов к дальнейшему использованию в рекламе или любой другой сфере применения. Хотя и с некоторыми нюансами, но с задачей Paint справился.