Современные логотипы обладают целым рядом особенностей, отличающих их от других видов графических изображений. Прежде всего, к ним относят широкую сферу применения – как в печатном, так и в веб-формате. Во многих случаях лого является зависимым элементом, который должен оптимально разместиться на фоне страницы сайта или каких-либо полиграфических материалов. Чтобы добиться такого результата, предварительно нужно избавиться от цветного фона, сделав логотип полностью прозрачным.
Особенно часто логотипы с прозрачным фоном используются на сайтах или в социальных сетях (на страницах или в группах компании, бренда, продукта).
Главное их преимущество – это универсальность, позволяющая оптимально вписаться в дизайн с любым расположением элементов и цветов. Такую графику можно легко и быстро загружать на различные сайты, не беспокоясь о том, как встроить ее в фон каждого из них.
Кроме того, прозрачные логотипы нередко применяют в качестве водяного знака для картинок – товаров в каталогах интернет магазинов и т.д.
С их помощью вы сможете эффективно защитить любой графический контент от воровства и при этом не навредить его внешнему виду. Еще такие лого оптимально подходят для полиграфической продукции, особенно при печати материалов небольших размеров. Например, если вы разрабатываете дизайн сувениров, визиток, календарей, то на них может не найтись отдельного места для лого с собственным фоном. А прозрачный объект быстро размещается где-угодно без особых сложностей.
Для создания данного типа графики подходят далеко не все существующие форматы, а только некоторые из них. В частности, к ним относятся:
Логотип в 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, присутствующему в названии файла.
Таким образом, сервис Логастер быстро поможет вам создать прозрачный логотип, чтобы затем без каких-либо ограничений использовать его для оформления интернет-сайтов или полиграфических материалов. Вот более детальная статья , который созданный на сайте Логастер.
«Махагон-дизайн».
В начале кратко том, зачем для логотипа нужен прозрачный фон. Этот фирменный знак обязан красиво выглядеть и в веб версии, и в печатно-бумажной. Поэтому специалисты не рекомендуют использовать для лого цветной фон.
Фирменный знак с прозрачным фоном считается универсальным. Такой логотип может:
Итак, у нас есть логотип на каком-то фоне, и мы хотим получить для фирменного знака прозрачный фон. Кроме рисунка нам понадобится редактор Фотошоп. Именно с помощью этой программы нужно будет выполнить этот процесс.
Есть два варианта. В первом случае этот редактор надо будет скачать на компьютер и установить. Тогда интернет не понадобится. Второй вариант – использовать программу в онлайн режиме, к примеру, на сайте editor.0lik.ru.
Посмотрим, как получить логотип с прозрачным фоном.
Открываем программу и загружаем изображение с компьютера. Затем:
Если есть сомнения, что фон прозрачный (не вырезался), можно провести проверку. Надо логотип поместить на другое изображение. На клавиатуре нажимаем комбинацию ctrl+C, чтобы скопировать логотип в буфер обмена. Открываем любой другой файл с изображением и, нажав комбинацию ctrl+V, размещаем логотип на фото. Если он поместился на второе изображение без фона, значит операция проведена верно.
Получив логотип на прозрачном фоне, следует нажать на меню «Файл» и сохранить картинку. Отметим, что сохранять изображение надо в форматах, поддерживающих прозрачность.
Самый популярный вариант – формат PNG , сохраняющий изображения с минимальной потерей качества. Он поддерживается всеми известными редакторами изображений:
Поэтому он удобен и активно используется. Почти 80% логотипов сохраняются в этом формате и применяются для оформления сайтов многих компаний.
Третий тип формата, SVG – удел настоящих профессионалов. Им часто пользуются дизайнеры с программистами, потому что он создан на основе языка разметки XML, что упрощает размещение на сайте фирменного знака. Но для обычного юзера такой тип формата не подойдет.
Теперь вы знаете, как сделать прозрачным фон логотипа.
Видели ли вы надписи на фотографиях? Знаете, такие маленькие картинки или слова, указывающие имя фотографа? Они называются водяными знаками. Фотографы часто наносят водяные знаки на свои фотографии, чтобы обезопасить их от неправомерного использования. Вот несколько способов нанесения водяных знаков в Photoshop и Lightroom.
Вы можете создать водяной знак в Photoshop несколькими разными способами. Вот некоторые из них.
Первый способ – это создание слоя с текстом. Это отличный способ для водяных знаков, которые содержат слова. Вы можете написать свое имя или название вашей компании. Здесь есть возможность настроить прозрачность, которую считаете нужной. Попробуйте изменить режим наложения, чтобы ваш водяной знак выглядел так, как вы хотите. Чтобы добавить символ ©, нажмите комбинацию «option+g» на Mac, или «Alt+0169» на ПК.
Обычный режим наложения с черным шрифтом и непрозрачностью 100%.
Обычный режим наложения с непрозрачностью 63% и черным шрифтом.
Режим наложения Перекрытие с черным шрифтом и непрозрачностью 100%.
Если у вас есть логотип, вы можете нанести его на изображение. Вам нужно убедится, что логотип имеет прозрачный фон. Обычно это PNG файл, GIF или даже векторная графика. Если вы не уверенны, уточните это у дизайнера, который разрабатывал ваш логотип. Выберите место, куда бы вы хотели нанести логотип. Опять же, вы можете регулировать непрозрачность и режимы наложения, чтобы получить желательный эффект.
PNG-файл с прозрачным фоном. Паттерн говорит о том, что фон прозрачный.
Выберите «Поместите связанные» в меню Файл в Photoshop. Затем выберите файл, который хотите разместить.
Разместите файл и установите желаемый размер. (Удерживайте Shift для изменения размера и сохранения пропорций вашего логотипа)
Вы можете снова установить непрозрачность и режим наложения для желаемого результата.
Если файл с вашим логотипом не имеет прозрачного фона, тогда придерживайтесь этих простых шагов, чтобы сделать его таким. Сначала откройте ваш файл в Photoshop. Теперь разблокируйте этот слой (двойным щелчком, затем нажмите Enter).
Фоновый слой заблокирован.
Теперь слой разблокирован.
Далее используйте волшебную палочку, чтобы выбрать фон. Если ваш фон не однотонный, тогда выделите логотип и инвертируйте выделение. Теперь, когда ваш фон выделен, просто вырежьте его. Используйте для этого комбинацию «cmd+x» (Mac) или «ctrl+x» для Windows.
Выберите только фон.
Ваше изображение теперь имеет прозрачный фон. Сохраните его как.PNG (JPG не поддерживает прозрачность) и вы готовы двигаться дальше.
Область с сеткой теперь прозрачная.
Более простым способом нанесения водяного знака является создание Кисти. Вам не придется проходить все эти три этапа каждый раз, когда вы захотите нанести водяной знак на изображение.
Чтобы создать кисть с заданным текстом, нужно создать новый документ в Photoshop. Убедитесь, что ваш документ имеет прозрачный фон. Напишите информацию, которую будет содержать ваш водяной знак. Убедитесь, что он выглядит так, как вы желаете. Когда водяной знак готов, перейдите в Изображение-Тримминг-Прозрачные пикселы. Далее, Редактирование-Определить кисть. Назовите свою кисть и следуйте дальше. То же можно проделать с вашим логотипом.
Это простые установки, которые прекрасно работают в большинстве случаев. Убедитесь, что фон установлен, как «Прозрачный».
Учтите, что шрифт написан очень крупно.
Убедитесь, что применили тримминг к тексту.
Текст не должен содержать свободного пространства вокруг.
Сохраните свою кисть в меню Редактирование.
Присвойте кисти имя.
Учтите, что кисть теперь находится в вашей палитре кистей. Вы можете видеть ее в правом нижнем углу этой картинки.
Теперь вы можете использовать свою кисть, как любую другую. Чтобы нанести водяной знак, просто создайте новый слой и выберите кисть с его изображением. Простым щелчком вы нанесете водяной знак на фотографию. Вы можете установить размер, непрозрачность и режим наложения в соответствии с вашими пожеланиями.
Lightroom имеет прекрасную встроенную опцию, которая позволяет наносить водяной знак на ваши фотографии при экспорте. Чтобы использовать эту опцию, вам сперва нужно создать водяной знак, и чтобы сделать это, перейдите Lightroom>Редактировать Водяной знак.
Вы можете выбрать изображение или текст. Здесь есть несколько разных установок, которые позволят вам создать желаемый водяной знак. Помните, чтобы получить наилучший результат, используйте файл PNG с прозрачным фоном. Иначе у вас будет белый блок вокруг логотипа. Нужно будет назвать и сохранить водяной знак.
Для текстового водяного знака просто напишите необходимую информацию в белом блоке. Вы можете изменить шрифт, цвет, тень и размер вашего водяного знака. Взгляните на изображение и убедитесь, что достигли желаемого результата. Используйте опцию Якорь, чтобы задать место расположения водяного знака, и опцию Вставка для дальнейших манипуляций.
Шрифт, непрозрачность, размер и расположение могут быть изменены по вашему желанию.
Убедитесь, что используете логотип из файла с прозрачным фоном, чтобы избежать белого блока. Файлы JPEG не могут иметь прозрачный фон.
Теперь, когда ваш водяной знак готов, давайте применим его к фотографии. Перейдите в Экспорт и Водяные знаки. Здесь вы можете выбрать из имеющихся у вас готовых водяных знаков. Ваша фотография будет экспортирована в указанное место вместе с выбранным водяным знаком.
На эту фотографию был нанесен водяной знак в Lightroom с использованием теней.
Инструкция
Если логотип еще только предстоит нарисовать, начните работу с создания прозрачного фонового слоя. Для этого, запустив 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 не только помогает редактировать фотоизображения, регулируя степень яркости и контрастности снимков, но также с помощью нее можно создавать фотоколлажи и композиции, используя такое свойство слоев, как прозрачность.
Вам понадобится
Инструкция
Для того, чтобы сделать слой прозрачным, на панели слоев Layers (Window > Layers/ Окно > Слои) нужно регулятор прозрачности Opacity. Передвижение ползунка влево или вправо регулирует прозрачность слоя. Ту же самую функцию выполняет ползунок Fill, расположенный ниже.
С помощью прозрачности относительно другого слоя можно создавать впечатляющие фотоизображения. Для этого нужно изменить у слоя настройки прозрачности с Normal (слева от ползунка Opacity на панели слоев) на любой из нижеприведенного списка. Результат применения прозрачности к различным слоям непредсказуем, поэтому в данном случае простор для эксперимента.
Прозрачность слоя может также регулировать интенсивность фильтр-слоев, примененных к изображению. С помощью прозрачности можно эффект «муара» или – для этого нужно расположить новый слой поверх основного, залить его или черным цветом, и отрегулировать степень его прозрачности.
Используя имеющиеся в проекторе компенсации геометрических искажений, настройте его особенно тщательно. Изображение на экране должно быть практически идеально прямоугольным - так будет значительно труднее догадаться, что оно на него проецируется. Для этой же цели безупречно настройте изображения и фокус - должны быть видны отдельные (так смотрится более высокотехнологично).
Выйдите за пределы магазина с пультом от и посмотрите на результат. Чтобы изображение выглядело естественнее, было более похожим на висящий в воздухе, отрегулируйте с яркость и контрастность. Возможно, в течение суток эти параметры придется регулировать несколько раз по мере изменения яркости естественного освещения.
Видео по теме
При создании логотипа весьма желательно иметь возможность сделать его фон прозрачным - в этом случае он будет более органично вписываться в любое оформление, будь то страница веб-сайта, документ в формате Word, флэш- или видео-ролик и т.д. Кроме того полупрозрачный логотип можно накладывать в качестве ватермарки на изображения и фотографии. Наиболее распространенный инструмент для проведения такого рода графических работ - Adobe Photoshop.
Инструкция
Запустите графический редактор и загрузите или создайте с нуля сам логотип - эта часть работы целиком зависит от ваших художественных предпочтений и исходных данных (названия компании, или организации, символики, которую надо разместить на логотипе и т.д.).
Поместите все слои psd-документа в одну папку - в этом случае отпадет необходимость регулировать прозрачность каждого слоя персонально, а можно будет это для всей папки целиком. Для этого щелкните в правой нижней части панели слоев пиктограмму, при наведении мыши на которую всплывает надпись «Создать новую группу», а затем выделите слои и перетащите их в созданную папку. Если в документе существует и фоновый слой, то его перемещать не нужно - оставьте за пределами папки.
Выключите видимость фонового слоя щелчком по пиктограмме с изображением глаза у левого края строки, относящейся к этому слою. Собственно, редактирование на этом можно заканчивать, если сам логотип должен быть непрозрачным, а прозрачным должен быть только его фон - в этом случае пропустите следующий шаг.
Выделите созданную папку (щелкните по ней курсором мыши), если необходимо логотип сделать частично прозрачным. Затем раскройте выпадающий список рядом с надписью «Непрозрачность» и с помощью ползунка подберите наиболее подходящую степень прозрачности логотипа .
Обрежьте лишнее пространство вокруг логотипа - так будет проще использовать его в дальнейшем. Раскройте в меню графического редактора раздел «Изображение» и выберите команду «Тримминг». В окошке, которое в результате откроется, поставьте отметку в поле «прозрачных пикселов» и нажмите кнопку «OK». Редактор сам изменит размеры в соответствии с шириной и высотой вашего логотипа .
Сохраните созданный логотип в собственном формате Adobe Photoshop. Этот файл вам понадобится в том случае, если потребуется внести какие-либо изменения. Диалог сохранения открывается нажатием сочетания клавиш ctrl + s.
Создайте оптимизированный файл с логотипом, который можно будет помещать в нужные вам документы. Для этого нажмите сочетание клавиш alt + shift + ctrl + s и окно оптимизации изображения откроется. Оно предназначено для того, чтобы вы имели возможность выбрать наиболее подходящий графический формат, и подобрали для него такие настройки изображения, которые дают оптимальное соотношение качества и веса создаваемого файла. Второй сверху выпадающий список содержит возможные типы файлов - выберите в нем либо gif, либо png. Эти два формата поддерживают прозрачность, в отличие, например, от формата jpeg. Имейте в виду, что формат png не всегда правильно отображается браузерами Internet Explorer. Затем убедитесь, что в чекбоксе «Прозрачность» выставлена метка и нажмите кнопку «Сохранить».
Укажите место сохранения в вашем компьютере и название файла логотипа , а затем еще раз щелкните кнопку «Сохранить».
Средствами бесплатного графического редактора Paint.net можно создавать коллажи, обрабатывать фотографии и вырезать объекты из картинки. Убрать фон изображения можно разными способами.
Инструкция
Запустите Paint.net. В меню «Файл» щелкните «Открыть» и укажите путь к изображению. Если вы выбрали картинку с однородным фоном, то удобно воспользоваться инструментом «Волшебная палочка». Щелкните ее иконку на панели инструментов или нажмите S на клавиатуре.
На панели свойств укажите чувствительность палочки. Чем выше чувствительность, тем ниже избирательность этого инструмента. Т.е. при чувствительности 100% вы выделите всю картинку с мелкими деталями. При чувствительности 5% будет выделен очень маленький участок. Установите подходящее значение этого параметра и щелкните по фону. Фрагмент изображения будет обведен пунктирной линией.
Нажмите Delete для удаления выделенного участка. Фон в этом месте станет прозрачным. Щелкните по участку другого оттенка, который нужно убрать, и опять нажмите Delete.
Можно поступить иначе. На панели свойств откройте список «Режим выбора» и отметьте «Добавление (Объединение)». По очереди щелкайте мышкой по фрагментам изображения, которые хотите удалить, затем нажмите Delete - выбранные участки будут удалены сразу.
Если фон пестрый, можно использовать инструмент «Ластик». Нажмите соответствующую иконку на панели инструментов или букву E на клавиатуре. На панели свойств укажите диаметр ластика. Если нужно растушевать границу удаляемого фрагмента, выбирайте «Сглаживание разрешено» в списке справа от окошка «Ширина».
В этой статье я расскажу как сделать красивый и стильный логотип для своего сайта, канала youtube или группы вк. Вы узнаете где можно скачать готовый логотип без водяных знаков, сколько будет стоить хорошая эмблема под заказ и как можно создать лого самостоятельно с помощью конструктора.
Самый простой и быстрый способ – сделать логотип самостоятельно с помощью специального сервиса - генератора логотипов. Вам нужно будет выбрать эмблему, которая подходит тематике вашего сайта или паблика, добавить к ней название и слоган и выбрать шрифт и цветовую гамму. Если вас интересуют подробности, советую прочитать .
Вот моя подборка самых лучших онлайн конструкторов
А вот короткое промо-видео сервиса:
Еще один хороший вариант – приобрести готовый логотип в магазине. Я рекомендую магазин логотипов Graphicriver .
Основные преимущества:
Есть и недостатки:
Новый логотип можно заказать у дизайнера. Это можно сделать на любой бирже фриланса.
Достоинства:
Недостатки:
Я перепробовал много различных бирж фриланса и, в конце концов, остановился на Kwork. Мне понравился удобный интерфейс, низкие цены и хорошая конкуренция среди исполнителей.
Если есть желание, время и навык работы в Photoshop, то можно создать логотип своими руками с нуля. Вот неплохое видео на эту тему:
Теперь вкратце подведем итоги. Если Вам нужна красивая эмблема для сайта то вы можете:
