Как сделать логотип полупрозрачным
Сделать логотип прозрачным онлайн – инструкция в 4 шага
В данной статье я расскажу вам о том, как я научился за 5 минут создавать до 10 прозрачных водяных знаков из разных логотипов.
Вы сможете повторить все действия и получить прозрачный логотип онлайн без помощи дизайнера и абсолютно бесплатно.
Готовые файлы можно использовать для нанесения поверх изображений, в документах, социальных сетях и любых других вариантах где требуется водяной знак.
Перейдем сразу к делу:
Необходим файл с логотипом
Для начала нам необходим готовый файл с вашим логотипом в растровом формате. Такие изображения обычно имеют расширение jpeg или png.
Файл должен небольшого размера и не более 1 мб.
Если у вас еще нет собственного логотипа, вы можете воспользоваться сервисом Логотип онлайн. В течение 5 минут вы сможете самостоятельно создать и скачать профессиональный логотип в нужном формате.
Где будем создавать прозрачный лого
В интернете есть прекрасный сервис Водянойзнак.рф, который поможет нам быстро получить готовый водяной знак с необходимой степенью прозрачности.
Его отличительные особенности:
Итак, переходим на страницу сервиса Водянойзнак.рф.
Загрузка и редактирование фирменного знака
После загрузки страницы, нажимаем загрузить и выбираем изображение, поверх которого мы хотим разместить собственный водяной знак. Как я и говорил ранее, вы можете одновременно выбрать до 10 различных картинок и обработать их все одновременно.
После того, как зеленая строка полностью заполнится, необходимо нажать на вкладку «редактирование».
Если же у вас еще нет изображения и вы хотите просто сделать полупрозрачный лого, просто пропустите предыдущий шаг.
Теперь, когда мы перешли на вкладку с редактированием, мы находим и нажимаем кнопку «Логотип». Кликаем на «Загрузить» и выбираем наш файл с лого на компьютере.
После очередного заполнения зеленой шкалы, подвигайте ползунками настроек и подстройте все параметры под себя.
Помимо этого вы можете выбрать расположение своего фирменного знака, путем перетаскивания прямо поверх изображения справа.
Сохраняем водяной знак на компьютер
Готово. Вы загрузили и отредактировали свой логотип. Теперь нажимаем на вкладку «Сохранить».
Разработчики предусмотрели два варианта скачивания файлов:
Выберите место на компьютере и скачивайте готовые изображения для дальнейшего использования в любых ситуациях.
Теперь вы знаете как буквально в течении 3-4 минут самостоятельно создать водяной знак из своего логотипа онлайн.
Надеюсь данная статья оказалась для вас полезной! Если это так, просто напишите в комментариях «Огонь».
Как нанести водяной знак на фотографию в Photoshop и Lightroom
Видели ли вы надписи на фотографиях? Знаете, такие маленькие картинки или слова, указывающие имя фотографа? Они называются водяными знаками. Фотографы часто наносят водяные знаки на свои фотографии, чтобы обезопасить их от неправомерного использования. Вот несколько способов нанесения водяных знаков в Photoshop и Lightroom.
Водяные знаки в Photoshop
Вы можете создать водяной знак в Photoshop несколькими разными способами. Вот некоторые из них.
1. Слой с текстом
Первый способ – это создание слоя с текстом. Это отличный способ для водяных знаков, которые содержат слова. Вы можете написать свое имя или название вашей компании. Здесь есть возможность настроить прозрачность, которую считаете нужной. Попробуйте изменить режим наложения, чтобы ваш водяной знак выглядел так, как вы хотите. Чтобы добавить символ ©, нажмите комбинацию «option+g» на Mac, или «Alt+0169» на ПК.
Обычный режим наложения с черным шрифтом и непрозрачностью 100%.
Обычный режим наложения с непрозрачностью 63% и черным шрифтом.
Режим наложения Перекрытие с черным шрифтом и непрозрачностью 100%.
2. Файл с логотипом
Если у вас есть логотип, вы можете нанести его на изображение. Вам нужно убедится, что логотип имеет прозрачный фон. Обычно это PNG файл, GIF или даже векторная графика. Если вы не уверенны, уточните это у дизайнера, который разрабатывал ваш логотип. Выберите место, куда бы вы хотели нанести логотип. Опять же, вы можете регулировать непрозрачность и режимы наложения, чтобы получить желательный эффект.
PNG-файл с прозрачным фоном. Паттерн говорит о том, что фон прозрачный.
Выберите «Поместите связанные» в меню Файл в Photoshop. Затем выберите файл, который хотите разместить.
Разместите файл и установите желаемый размер. (Удерживайте Shift для изменения размера и сохранения пропорций вашего логотипа)
Вы можете снова установить непрозрачность и режим наложения для желаемого результата.
2a. Как сделать фон логотипа прозрачным
Если файл с вашим логотипом не имеет прозрачного фона, тогда придерживайтесь этих простых шагов, чтобы сделать его таким. Сначала откройте ваш файл в Photoshop. Теперь разблокируйте этот слой (двойным щелчком, затем нажмите Enter).
Фоновый слой заблокирован.
Теперь слой разблокирован.
Далее используйте волшебную палочку, чтобы выбрать фон. Если ваш фон не однотонный, тогда выделите логотип и инвертируйте выделение. Теперь, когда ваш фон выделен, просто вырежьте его. Используйте для этого комбинацию «cmd+x» (Mac) или «ctrl+x» для Windows.
Выберите только фон.
Область с сеткой теперь прозрачная.
3. Используя инструмент Кисть
Более простым способом нанесения водяного знака является создание Кисти. Вам не придется проходить все эти три этапа каждый раз, когда вы захотите нанести водяной знак на изображение.
Чтобы создать кисть с заданным текстом, нужно создать новый документ в Photoshop. Убедитесь, что ваш документ имеет прозрачный фон. Напишите информацию, которую будет содержать ваш водяной знак. Убедитесь, что он выглядит так, как вы желаете. Когда водяной знак готов, перейдите в Изображение-Тримминг-Прозрачные пикселы. Далее, Редактирование-Определить кисть. Назовите свою кисть и следуйте дальше. То же можно проделать с вашим логотипом.
Это простые установки, которые прекрасно работают в большинстве случаев. Убедитесь, что фон установлен, как «Прозрачный».
Учтите, что шрифт написан очень крупно.
Убедитесь, что применили тримминг к тексту.
Текст не должен содержать свободного пространства вокруг.
Сохраните свою кисть в меню Редактирование.
Присвойте кисти имя.
Учтите, что кисть теперь находится в вашей палитре кистей. Вы можете видеть ее в правом нижнем углу этой картинки.
Теперь вы можете использовать свою кисть, как любую другую. Чтобы нанести водяной знак, просто создайте новый слой и выберите кисть с его изображением. Простым щелчком вы нанесете водяной знак на фотографию. Вы можете установить размер, непрозрачность и режим наложения в соответствии с вашими пожеланиями.
Водяные знаки в Lightroom
Lightroom имеет прекрасную встроенную опцию, которая позволяет наносить водяной знак на ваши фотографии при экспорте. Чтобы использовать эту опцию, вам сперва нужно создать водяной знак, и чтобы сделать это, перейдите Lightroom>Редактировать Водяной знак.
Вы можете выбрать изображение или текст. Здесь есть несколько разных установок, которые позволят вам создать желаемый водяной знак. Помните, чтобы получить наилучший результат, используйте файл PNG с прозрачным фоном. Иначе у вас будет белый блок вокруг логотипа. Нужно будет назвать и сохранить водяной знак.
Для текстового водяного знака просто напишите необходимую информацию в белом блоке. Вы можете изменить шрифт, цвет, тень и размер вашего водяного знака. Взгляните на изображение и убедитесь, что достигли желаемого результата. Используйте опцию Якорь, чтобы задать место расположения водяного знака, и опцию Вставка для дальнейших манипуляций.
Шрифт, непрозрачность, размер и расположение могут быть изменены по вашему желанию.
Убедитесь, что используете логотип из файла с прозрачным фоном, чтобы избежать белого блока. Файлы JPEG не могут иметь прозрачный фон.
Теперь, когда ваш водяной знак готов, давайте применим его к фотографии. Перейдите в Экспорт и Водяные знаки. Здесь вы можете выбрать из имеющихся у вас готовых водяных знаков. Ваша фотография будет экспортирована в указанное место вместе с выбранным водяным знаком.
На эту фотографию был нанесен водяной знак в Lightroom с использованием теней.
Делаем прозрачный фон у логотипа
У многих наших заказчиков логотипы хранятся в виде jpg файлов, и не имеют прозрачного фона (как правило, фон белый). Если вы хотите использовать такой логотип на фастклип для создания интро, то наилучшего результата получится достичь, если сделать фон под логотипом не белым, а прозрачным. Решить задачу не сложно — достаточно сделать этот фон прозрачным при помощи инструментов редактора Adobe Photoshoр.
Как сделать прозрачным однотонный фон?
К примеру, вам нужно однотонный фон под выбранным логотипом сделать прозрачным. Начинать работу необходимо с открытия этого логотипа в окне редактора. Затем ищем окно «Слои» и дважды нажимаем на позицию «Добавленный слой» (напротив надписи расположен рисунок замка). При открытии окна в ракурсе «Новый слой» подтверждаем свои действия (замочек должен исчезнуть).
После этого следует выбрать пункт «Волшебная палочка», самостоятельно указав в свойствах показатель чувствительности. Чтобы понимать, как меняются анимация или изображение, поэкспериментируйте с разными цифрами, например 10, 30, 100, и остановите выбор на нужном вам показателе. Затем нажмите Ctrl+D, чтобы снять выделение с изображения, и кликните «волшебной палочкой» по фону. Прибавить к фоновому выделению ранее неотмеченные части можно при помощи клавиши Shift, удалить лишние выделенные участки можно клавишей Deletе.
Если фон превратился в “шахматную доску”, вы на правильном пути: однотонное изображение стало прозрачным, осталось снять выделение с логотипа сочетанием клавиш Ctrl+D.
Логотип на многоцветном изображении
Теперь рассмотрим вопрос, как сделать прозрачным многоцветный задний фон. Для этого в программе предусмотрен специальный инструмент «Быстрое выделение», правда, вначале нужно будет снова выбрать «Волшебную палочку», а только затем найти этот инструмент в меню.
После этого следует выделить участок, который следует оставить цветным, устанавливая его параметры в строке свойств. Если случайно захватили больший участок, чем требуется, удалите его с помощью клавиши Alt. Просмотреть предварительные результаты поможет клавиша Q — те части, которые будут прозрачными, на предварительном просмотре станут розоватыми.
Как видите, сделать прозрачный фон на изображении прозрачным абсолютно несложно. Обработанный таким образом логотип можно использовать во всех шаблонах для создания интро на нашем сайте.
Создание дизайна с использованием прозрачных элементов
Нравится эффект прозрачности? Как прозрачный стиль повлияет на восприятие вашего бизнеса.
Прозрачность в графическом дизайне
Л юбая геометрическая фигура имеет определенные характеристики – цвет, форму, обводку, степень непрозрачности. Использование полупрозрачных элементов ли заливок является интересным ходом как в дизайне логотипов, так и в разработке упаковки, постеров, сайтов, страниц журналов.
П розрачность часто имеет место в разработке каталогов, журналов или постеров, когда при создании дизайна используется фотография. Полупрозрачные заливки могут использоваться в совершенно разных направлениях.
Несмотря на то, что классические плотные цвета используются в разы чаще, ресурс прозрачности может служить для многих целей.
Д ля того, чтобы показать связь между изображением и вашей компанией, не обязательно использовать сопроводительный текст, подписи, ваш логотип, или же обрамление: достаточно применить полупрозрачное выделение фирменным цветом, и на ассоциативном уровне потенциальный клиент поймет, что речь идет именно о вашем бизнесе или услуге.
Способы применения прозрачности в графическом дизайне:
Наложение полупрозрачных элементов контрастных цветов
Используется для создания постеров, рекламы, часто – для разработки логотипов.
Наложение полупрозрачной заливки поверх изображения для улучшения читабельности текста
Чаще всего подобную технику мы можем встретить в разработке интернет-страниц, журналов, рекламы и постеров, где изображение занимает большую часть пространства и несет в себе основную коммуникативную составляющую, а текст является сопровождением, который несет в себе важную информацию по поводу объекта рекламы или содержания сайта.
Использование накладывающихся форм для получения нового изображения
Такая техника используется прежде всего для создания логотипов.
Выделение отдельных частей изображения
Прием, в первую очередь встречающийся в каталогах, журналах и рекламе.
Использование полупрозрачных градиентов
Опять-таки, встречается в журналах, каталогах, постерах.
Использование прозрачных деталей в дизайне упаковки
Такие продукты, как крупы, снеки, фрукты, овощи часто идут в полупрозрачной упаковке для того, чтобы показать состояние и качество товара. Подобный эффект характерен также и для напитков, так как бутылки чаще всего делаются именно полупрозрачными.
Смотрите разработанный нами логотип в прозрачном стиле для детского интернет-магазина Baby Paradise
Что еще стоит знать о прозрачных эффектах в дизайне?
Полупрозрачные эффекты в разработке логотипа помогают оживить изображение, добавляя ему глубины и цвета.
Отдельно стоит сказать о использовании прозрачной или полупрозрачной упаковки для продуктов питания, или же этикеток напитков. Прозрачные элементы помогут сделать акцент на самом продукте, используя его текстуру и цвет как работающий объект композиции.
В первую очередь, полупрозрачные цвета ассоциируются с креативностью, искусством, молодостью, инновационностью, многогранностью и натуральностью, поэтому если вышеперечисленные черты соответствуют вашей компании или продукту – смело берите на заметку использование прозрачности для разработки фирменного стиля или упаковки вашего товара.
Прозрачный стиль хорош для оформления этикеток для воды.
Реклама Toyota
Мы разработали этот постер для “TOYOTA” для рекламы автосервиса. Прозрачность в данном случае иллюстрирует открытость и доступность услуги для потребителя
Pay Attention to Transparency
При наложении градиентов или же цветных полупрозрачных плашек, лучше всего использовать черно-белые изображения для подчеркивания цветового эффекта выделения. В ином случае, опять-таки, ваши оттенки рискуют смешаться и затеряться на фоне фотографии.
При использовании полупрозрачных объектов необходимо учитывать законы смешивания цветов, для того, чтобы избежать появления оттенков, несоответствующих фирменным цветам. Кроме этого, при разработке дизайна печатной продукции, нужно уделять отдельное внимание цвету поверхности, на которой производится печать, материалу и текстуре, ведь объекты, которые состоят из неплотной заливки, имеют свойство теряться на ярком фоне.
Посмотрите пример рекламного постера, который мы делали для Альфа Банка. Прозрачность здесь использована для того чтобы подчеркнуть открытость компании для из клиентов, прозрачность финансовых отношений.
В каком формате сохранять логотип для сайта, без фона
Логотипы сейчас используют все компании, которые стремятся популяризировать свои услуги и продукцию на рынке. Но не все эмблемы можно считать удачными. Грамотно разработать логотип также важно, как и в дальнейшем его эффективно использовать.
Для начала нужно определиться с общим стилем будущего фирменного знака, сделать наброски и только потом приступить к детальной проработке. Также есть вариант обратиться в специалистам в сфере дизайна, которые сделают лого по Вашим требованиям. В таком случае Вам не потребуется самостоятельно продумывать внешний вид знака.
Нажмите кнопку «Создать логотип» и конструктор бесплатно предложит для вас варианты лого. Просто выбирайте и начинайте работать!
Другой способ — сделать логотип самостоятельно в графическом редакторе или с помощью специальной онлайн-программы. Все эти варианты имеют свои плюсы и минусы, поэтому следует отталкиваться от бюджета компании и необходимых сроков получения готового продукта.
Виды графики
Также в процессе разработки встает вопрос, в каком формате сохранять логотип. В настоящее время существует два основных вида графических форматов: векторный и растровый. Об их особенностях, плюсах и минусах расскажем далее.
Векторная графика
Изображения, представленные в такой графике, составлены из различных геометрических фигур, прямых и изогнутых линий, точек и т.д. Это позволяет увеличивать и уменьшать размер картинки, сохраняя при этом качество и четкость элементов. Поэтому данный формат чаще всего используется в печати. Далее о преимуществах и недостатках векторной графики.
Плюсы:
Минусы:
Растровая графика
Картинки данного вида выполнены из отдельных пикселей, поэтому при приближении напоминают мозаику. Если изображение хорошего качества, то данные элементы будут невидны.
Плюсы:
Минусы:
Форматы логотипов
Эмблему, как и любую другую картинку, можно сохранить в различных форматах. Далее подробнее про каждый из них.
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 лет. Пишу о брендинге, дизайне логотипов и бизнесе.