Как сделать логотип на прозрачном фоне
Логотип на прозрачном фоне: что это такое и как его создать
Почти каждый человек на земле видел порядка десяти или двадцати логотипов различных компаний. Логотипы представляют собой изображение, состоящее из графической и текстовой части. Знак любой фирмы должен красиво выглядеть как в печатно-бумажном исполнении, так и в веб-версии. Вот почему чаще всего рекомендуется не использовать цветной фон, а отдать предпочтение логотипу на прозрачном фоне. И в этой статье, мы расскажем, почему.
Нажмите кнопку «Создать» и мы бесплатно создадим варианты логотипа, на основе которых можно разработать фирменный стиль.
Области применения логотипа с прозрачным фоном
Чаще всего лого такого вида можно встретить на сайтах компании, страничках в социальных сетях, блогах о продукции или рекламных постах.
Основной причиной, почему компании выбирают логотип с прозрачным фоном является его универсальность. Такие лого могут отлично вписаться в дизайн любого сайта, прекрасно сочетаться с уже используемым набором цветов на веб-странице и гармонировать с другими соседними элементами.
В последнее время все чаще и чаще логотипы стали использовать в качестве водяного знака, которые можно также найти на бумажных деньгах на территории любой страны мира. Это позволяет сделать продукцию уникальной и избежать подделок. Из этого вытекает существенный плюс таких лого: их можно использовать, как юридический гарант оригинальности и качества.
Все свадебные фотографы добавляют логотип со своим именем на фотографии для клиентов, что позволяет им делать бесплатную рекламу. Молодожены обязательно разошлют фотографии всем знакомым, а те посмотрят их и обратят внимание на марку создателя потрясающих снимков. Также это сделает отличную рекламу в социальных сетях, где иногда сложно определить, чьей руке принадлежит фотография и где найти автора.
Форматы изображений для логотипов с прозрачным фоном
Но, к сожалению, у логотипов есть небольшой недостаток. Не все современные форматы цифровых изображений могут подойти для создания и сохранения готово результата. В данном разделе мы расскажем о наиболее подходящих форматах.
Логотип в PNG формате
Пожалуй, это самый популярный вариант, представляющий собой растровый формат изображения, который позволяет сохранять сжатые изображения с минимальными потерями качества. Он был придуман в конце двадцатого века, а именно в 1996 году, в качестве неофициальной (пиратской) версии популярного в те времена GIF.
Наверное, из-за своей удобности и большому спектру возможностей для редакторов изображений, формат вошел в активное использование и стал очень популярным.
Еще одним плюсом является то, что PNG поддерживается всеми современными редакторами изображений (Adobe Photoshop, Adobe LightRoom и illustrator, и др.)
Более восьмидесяти процентов современных лого были сделаны в этом формате и использованы для оформления веб страниц многих успешных компаний.
Логотип в GIF формате
Об этом формате уже мельком упоминалось выше в статье. Этот старый формат, хоть и был вытеснен PNG, но по прежнему применяется в некоторых случаях. Пожалуй, самым популярным его использованием на сегодняшний день является загрузка мемов в социальных сети. Формат был разработан в далеком 1987 году. Нельзя сказать, что это самый удобный лого-формат, но есть некоторые способы сделать фон прозрачным с помощью него. Например, назначить прозрачным один из двухсот пятидесяти шести цветов, тогда пользователь сможет видеть фон бумажной продукции или веб-сервиса. Но вот тут возникает минус: отрегулировать степень прозрачными у GIF невозможно. Именно поэтому его используют лишь в самых редких случаях всего несколько процентов современных компаний.
Логотип в SVG формате
Векторный формат SVG обладает одним свойством, которое позволяет сделать различную степень прозрачности фона, используя fill-opacity (в основе лежит изменение числовых значений, что скорее интересно лишь программистам, а не обычным пользователям). Формат был создан на основе XML (язык разметки), что существенно упрощает размещение логотипа на сайте.
Отметим, что чаще всего SVG применяется настоящими профессионалами, дизайнерами и программистами. Если же вы обычный пользователь с основными знаниями персонального компьютера, как и большинство создателей новых компаний, то, скорее всего, вам не подойдет такой тип изображения.
Прозрачный логотип за несколько шагов
Как правило, все логотипы создаются на прозрачном фоне (при заказе у фрилансеров и профессиональных графических дизайнеров), если заранее не обговорено наличие цветной заливки. В случаях получения лого на цветном фоне не стоит сразу расстраиваться. Если вы передумали и желаете сделать прозрачный, то на помощь придет знаменитый Фотошоп. В интернете есть много обучающих видео, помогающих вырезать фон и сохранить полученное изображение в одному из форматов, о которых говорилось выше.
Для заказчиков, которым повезло, и они получили работу в формате PSD (файл программы Adobe Photoshop), — все гораздо проще. Откройте файл, выделите все слои, используя клавишу ctrl/cmd, кроме фонового. Нажмите комбинацию клавиш CTRL+C, создайте новый проект и зажмите CTRL+V. Теперь вы имеете логотип на прозрачном фоне, как и хотели. По желанию можно отредактировать цветовую гамму, добавить недостающие элементы — помощником станет YouTube с большим числом обручающих роликов.
Что делать, если нет Photoshop и других графических редакторов?
Вы хотите создать логотип для своей компании и понимаете его важность и необходимость, но, к сожалению, не умеете пользовать ни одним из графических редакторов и не желаете платить фрилансерам за эту услугу? Хотите сделать все самостоятельно, но не знаете как? На помощь прибегут онлайн сервисы по созданию логотипов, которые осваиваются за несколько минут и направлены на получение отличного результата за смешные деньги.
Одним из таких сервисов является онлайн-конструктор Turbologo! Большое количество рисунков, текстовых заготовок и символов станут отличными помощниками и заметно сэкономят время на создание своего собственного и качественного логотипа.
После создания логотипа его очень легко сохранить на компьютер во всех необходимых форматах.
Вот так просто можно создать прозрачный логотип для своего интернет-магазина, рекламной кампании и бумажной продукции начинающегося бизнеса. В конце хочется пожелать вам не сдаваться и тогда компания поднимется на вершину горы под названием «Успех».
Сделать логотип прозрачным онлайн – инструкция в 4 шага
В данной статье я расскажу вам о том, как я научился за 5 минут создавать до 10 прозрачных водяных знаков из разных логотипов.
Вы сможете повторить все действия и получить прозрачный логотип онлайн без помощи дизайнера и абсолютно бесплатно.
Готовые файлы можно использовать для нанесения поверх изображений, в документах, социальных сетях и любых других вариантах где требуется водяной знак.
Перейдем сразу к делу:
Необходим файл с логотипом
Для начала нам необходим готовый файл с вашим логотипом в растровом формате. Такие изображения обычно имеют расширение jpeg или png.
Файл должен небольшого размера и не более 1 мб.
Если у вас еще нет собственного логотипа, вы можете воспользоваться сервисом Логотип онлайн. В течение 5 минут вы сможете самостоятельно создать и скачать профессиональный логотип в нужном формате.
Где будем создавать прозрачный лого
В интернете есть прекрасный сервис Водянойзнак.рф, который поможет нам быстро получить готовый водяной знак с необходимой степенью прозрачности.
Его отличительные особенности:
- Абсолютно бесплатный (создавайте хоть 1000 водяных знаков)
- Он не глючит (как часто бывает в маленьких онлайн сервисах)
- Он сделан русскими разработчиками (поддержим своих ребят)
Итак, переходим на страницу сервиса Водянойзнак.рф.
Загрузка и редактирование фирменного знака
После загрузки страницы, нажимаем загрузить и выбираем изображение, поверх которого мы хотим разместить собственный водяной знак. Как я и говорил ранее, вы можете одновременно выбрать до 10 различных картинок и обработать их все одновременно.
После того, как зеленая строка полностью заполнится, необходимо нажать на вкладку «редактирование».
Если же у вас еще нет изображения и вы хотите просто сделать полупрозрачный лого, просто пропустите предыдущий шаг.
Теперь, когда мы перешли на вкладку с редактированием, мы находим и нажимаем кнопку «Логотип». Кликаем на «Загрузить» и выбираем наш файл с лого на компьютере.
После очередного заполнения зеленой шкалы, подвигайте ползунками настроек и подстройте все параметры под себя.
Помимо этого вы можете выбрать расположение своего фирменного знака, путем перетаскивания прямо поверх изображения справа.
Сохраняем водяной знак на компьютер
Готово. Вы загрузили и отредактировали свой логотип. Теперь нажимаем на вкладку «Сохранить».
Разработчики предусмотрели два варианта скачивания файлов:
- Скачать все файлы в одном архиве (это будет удобно если файлов несколько, чтобы не кликать на кнопку «скачать» много раз)
- Сохранение файлов по отдельности (если вдруг вам так будет удобнее)
Выберите место на компьютере и скачивайте готовые изображения для дальнейшего использования в любых ситуациях.
Теперь вы знаете как буквально в течении 3-4 минут самостоятельно создать водяной знак из своего логотипа онлайн.
Надеюсь данная статья оказалась для вас полезной! Если это так, просто напишите в комментариях “Огонь”.
Делаем прозрачный фон у логотипа
У многих наших заказчиков логотипы хранятся в виде jpg файлов, и не имеют прозрачного фона (как правило, фон белый). Если вы хотите использовать такой логотип на фастклип для создания интро, то наилучшего результата получится достичь, если сделать фон под логотипом не белым, а прозрачным. Решить задачу не сложно — достаточно сделать этот фон прозрачным при помощи инструментов редактора Adobe Photoshoр.
Как сделать прозрачным однотонный фон?
К примеру, вам нужно однотонный фон под выбранным логотипом сделать прозрачным. Начинать работу необходимо с открытия этого логотипа в окне редактора. Затем ищем окно «Слои» и дважды нажимаем на позицию «Добавленный слой» (напротив надписи расположен рисунок замка). При открытии окна в ракурсе «Новый слой» подтверждаем свои действия (замочек должен исчезнуть).
После этого следует выбрать пункт «Волшебная палочка», самостоятельно указав в свойствах показатель чувствительности. Чтобы понимать, как меняются анимация или изображение, поэкспериментируйте с разными цифрами, например 10, 30, 100, и остановите выбор на нужном вам показателе. Затем нажмите Ctrl+D, чтобы снять выделение с изображения, и кликните «волшебной палочкой» по фону. Прибавить к фоновому выделению ранее неотмеченные части можно при помощи клавиши Shift, удалить лишние выделенные участки можно клавишей Deletе.
Если фон превратился в “шахматную доску”, вы на правильном пути: однотонное изображение стало прозрачным, осталось снять выделение с логотипа сочетанием клавиш Ctrl+D.
Чтобы логотип или анимация сохранились на прозрачном фоне, следует выбрать формат файла .рng или .gif, поскольку любое другое расширение распознает прозрачную подложку как белый цвет и сохранит изображение в таком виде.
Логотип на многоцветном изображении
Теперь рассмотрим вопрос, как сделать прозрачным многоцветный задний фон. Для этого в программе предусмотрен специальный инструмент «Быстрое выделение», правда, вначале нужно будет снова выбрать «Волшебную палочку», а только затем найти этот инструмент в меню.
После этого следует выделить участок, который следует оставить цветным, устанавливая его параметры в строке свойств. Если случайно захватили больший участок, чем требуется, удалите его с помощью клавиши Alt. Просмотреть предварительные результаты поможет клавиша Q — те части, которые будут прозрачными, на предварительном просмотре станут розоватыми.
Затем выделенные области следует скопировать (Ctrl+V) и вставить (Ctrl+С) эти объекты в созданный для этих целей новый файл с прозрачным фоном (Ctrl+N). Ненужные участки удаляются «Резинкой». Сохраняется файл так же, как в прошлом случае — при помощи расширений .рng или .gif.
Как видите, сделать прозрачный фон на изображении прозрачным абсолютно несложно. Обработанный таким образом логотип можно использовать во всех шаблонах для создания интро на нашем сайте.
Источники:
https://turbologo.ru/blog/prozrachniy-logotip/
https://logotip.online/blog/sdelat-logotip-prozrachnym-onlajn/
https://fastclip.ru/1629-2/
