Как сделать логотип в фотошопе с прозрачным фоном
Логотипы сейчас используют все компании, которые стремятся популяризировать свои услуги и продукцию на рынке. Но не все эмблемы можно считать удачными. Грамотно разработать логотип также важно, как и в дальнейшем его эффективно использовать.
Для начала нужно определиться с общим стилем будущего фирменного знака, сделать наброски и только потом приступить к детальной проработке. Также есть вариант обратиться в специалистам в сфере дизайна, которые сделают лого по Вашим требованиям. В таком случае Вам не потребуется самостоятельно продумывать внешний вид знака.
Создайте свой логотип онлайн. Более 50 тысяч брендов по всему миру уже используют логотипы от Турболого.
Другой способ — сделать логотип самостоятельно в графическом редакторе или с помощью специальной онлайн-программы. Все эти варианты имеют свои плюсы и минусы, поэтому следует отталкиваться от бюджета компании и необходимых сроков получения готового продукта.
Виды графики
Также в процессе разработки встает вопрос, в каком формате сохранять логотип. В настоящее время существует два основных вида графических форматов: векторный и растровый. Об их особенностях, плюсах и минусах расскажем далее.
Векторная графика
Изображения, представленные в такой графике, составлены из различных геометрических фигур, прямых и изогнутых линий, точек и т.д. Это позволяет увеличивать и уменьшать размер картинки, сохраняя при этом качество и четкость элементов. Поэтому данный формат чаще всего используется в печати. Далее о преимуществах и недостатках векторной графики.
Плюсы:
- Изображения такого формата можно многократно увеличивать и уменьшать, не беспокоясь за качество;
- Размер файла никак не зависит от объема и сложности картинки;
- Удобно использовать для изготовления полиграфической печатной продукции;
- Картинку легко видоизменять (как отдельные части, так и изображение в целом).
Минусы:
- Часто сложно получить действительно реалистичное изображение, ведь оно составляется из отдельных фигур и линий;
- Для создания продукта можно использовать ограниченное количество средств.
Растровая графика
Картинки данного вида выполнены из отдельных пикселей, поэтому при приближении напоминают мозаику. Если изображение хорошего качества, то данные элементы будут невидны.
Плюсы:
- Выполненные в растровой графике иллюстрации отличаются реалистичностью, потому что передают графику и состоят из множества отдельных частей;
- Пользователи могут создавать по-настоящему привлекательные и проработанные изображения;
- Доступен широкий выбор инструментов для рисования.
Минусы:
- Даже небольшие картинки будут «весить» много, занимая место на носителе;
- При многократном увеличении размера изображения будут видны пиксели, что значительно сужает круг применения данных иллюстраций.
Форматы логотипов
Эмблему, как и любую другую картинку, можно сохранить в различных форматах. Далее подробнее про каждый из них.
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 лет. Пишу о брендинге, дизайне логотипов и бизнесе.
Изменения фона с помощью Inkscape
2. Кликните “File” и выберите “Document properties” в выпадающем списке.
3. В появившимся окне выберите вкладку ”Page” и кликните “Background”.
4. Выберите цвет фона для логотипа или вставьте RGB-код цвета (если он у вас есть) в соответствующее поле.
Чтобы фон изменился нужно убрать прозрачность. Для этого нужно сместить показатели прозрачности (параметр “А”) вправо до конца.
Как видите фон изменился.
5. Теперь нужно сохранить логотип с фоном.
Для этого кликните “File” и выберите “Export Bitmap” в выпадающем списке.
6. В новом окне нужно задать разрешение логотипа и выбрать место сохранения.
После этого кликните “Export”.
Логотип с фоном сохранится в формате PNG и вы сможете его использовать.
Изменения фона в Photoshop
Теперь рассмотрим возможность изменения фона в Photoshop.
Для этого нужно:
1. Скачайте логотип в формате PNG или JPG откройте его в программе.
2. Кликните ”Создать слой заливку” в нижнем правом углу и выберите опцию “Цвет”.
3. В появившимся окне выберите цвет фона для логотипа или вставьте RGB-код цвета (если он у вас есть) в соответствующее поле и нажмите “Ок”.
4. Теперь нужно сделать слой с логотипом верхним. Для этого нужно просто переместить его на первое место в панели слоев.
5. Далее логотип нужно сохранить. Кликните “Файл” и выберите “Сохранить как”.
В следующем окне укажите куда хотите сохранить логотип, напишите имя файла, выберите формат сохранения и нажмите “Сохранить”.
Логотип с фоном сохранится в указанном месте и вы сможете его использовать.
Обновлено 3 июня, 2021
SEO специалист компании Логастер. Публикует контент, связанный с дизайном, продвижением и стартапами на Hubspot, Hongkiat, Techradar и десятках других. На досуге уделяет время изучению японского языка.
Создание и разработка логотипа в студии Махагон-Дизайн
10 500 руб.
при безналичной оплате
16 400 руб.
при безналичной оплате
21 000 руб.
при безналичной оплате
Зачем нужен прозрачный фон у логотипа
В начале кратко том, зачем для логотипа нужен прозрачный фон. Этот фирменный знак обязан красиво выглядеть и в веб версии, и в печатно-бумажной. Поэтому специалисты не рекомендуют использовать для лого цветной фон.
Фирменный знак с прозрачным фоном считается универсальным. Такой логотип может:
- Прекрасно вписаться в дизайн сайта;
- Отлично комбинировать, с имеющимся на веб странице, набором цветов;
- С успехом гармонировать с прочим соседними элементами.
Что нужно для обработки фона
Итак, у нас есть логотип на каком-то фоне, и мы хотим получить для фирменного знака прозрачный фон. Кроме рисунка нам понадобится редактор Фотошоп. Именно с помощью этой программы нужно будет выполнить этот процесс.
Посмотрим, как получить логотип с прозрачным фоном.
Как получить прозрачный фон у логотипа
Открываем программу и загружаем изображение с компьютера. Затем:
- Заходим в раздел «Слои»;
- Дважды щелкаем на замочек, расположенный справа от надписи «Задний фон». Вместо него должна появиться галочка, а название меняется на «Слой 0». Этой операцией происходит разблокировка слоя;
- Слева, на панели инструментов выбираем «Волшебную палочку» (можно также нажать на клавиатуре букву W);
- Кликаем по фону, который следует убрать;
- В меню «Редактировать» выбираем команду «Очистить». Но проще будет нажать на клавиатуре кнопку «Delete». Если какие-то участки фона не стали прозрачными, наводим на них мышку, кликаем палочкой и очищаем, пока фон полностью не станет прозрачным.
Если есть сомнения, что фон прозрачный (не вырезался), можно провести проверку. Надо логотип поместить на другое изображение. На клавиатуре нажимаем комбинацию ctrl+C, чтобы скопировать логотип в буфер обмена. Открываем любой другой файл с изображением и, нажав комбинацию ctrl+V, размещаем логотип на фото. Если он поместился на второе изображение без фона, значит операция проведена верно.
Типы форматов для сохранения логотипа с прозрачным фоном
Получив логотип на прозрачном фоне, следует нажать на меню «Файл» и сохранить картинку. Отметим, что сохранять изображение надо в форматах, поддерживающих прозрачность.
Самый популярный вариант – формат PNG, сохраняющий изображения с минимальной потерей качества. Он поддерживается всеми известными редакторами изображений:
- Photoshop;
- LightRoom;
- Illustrator.
Поэтому он удобен и активно используется. Почти 80% логотипов сохраняются в этом формате и применяются для оформления сайтов многих компаний.
Можно сохранить логотип и в GIF формате, хотя он уже вытеснен предыдущим типом. Отрегулировать степень прозрачности у этого формата невозможно. Поэтому его сегодня используют для загрузки мемов в соцсетях.
Третий тип формата, SVG – удел настоящих профессионалов. Им часто пользуются дизайнеры с программистами, потому что он создан на основе языка разметки XML, что упрощает размещение на сайте фирменного знака. Но для обычного юзера такой тип формата не подойдет.
Видели ли вы надписи на фотографиях? Знаете, такие маленькие картинки или слова, указывающие имя фотографа? Они называются водяными знаками. Фотографы часто наносят водяные знаки на свои фотографии, чтобы обезопасить их от неправомерного использования. Вот несколько способов нанесения водяных знаков в 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.
Выберите только фон.
Ваше изображение теперь имеет прозрачный фон. Сохраните его как .PNG (JPG не поддерживает прозрачность) и вы готовы двигаться дальше.
Область с сеткой теперь прозрачная.
3. Используя инструмент Кисть
Более простым способом нанесения водяного знака является создание Кисти. Вам не придется проходить все эти три этапа каждый раз, когда вы захотите нанести водяной знак на изображение.
Чтобы создать кисть с заданным текстом, нужно создать новый документ в Photoshop. Убедитесь, что ваш документ имеет прозрачный фон. Напишите информацию, которую будет содержать ваш водяной знак. Убедитесь, что он выглядит так, как вы желаете. Когда водяной знак готов, перейдите в Изображение-Тримминг-Прозрачные пикселы. Далее, Редактирование-Определить кисть. Назовите свою кисть и следуйте дальше. То же можно проделать с вашим логотипом.
Это простые установки, которые прекрасно работают в большинстве случаев. Убедитесь, что фон установлен, как «Прозрачный».
Учтите, что шрифт написан очень крупно.
Убедитесь, что применили тримминг к тексту.
Текст не должен содержать свободного пространства вокруг.
Сохраните свою кисть в меню Редактирование.
Присвойте кисти имя.
Учтите, что кисть теперь находится в вашей палитре кистей. Вы можете видеть ее в правом нижнем углу этой картинки.
Теперь вы можете использовать свою кисть, как любую другую. Чтобы нанести водяной знак, просто создайте новый слой и выберите кисть с его изображением. Простым щелчком вы нанесете водяной знак на фотографию. Вы можете установить размер, непрозрачность и режим наложения в соответствии с вашими пожеланиями.
Водяные знаки в Lightroom
Lightroom имеет прекрасную встроенную опцию, которая позволяет наносить водяной знак на ваши фотографии при экспорте. Чтобы использовать эту опцию, вам сперва нужно создать водяной знак, и чтобы сделать это, перейдите Lightroom>Редактировать Водяной знак.
Вы можете выбрать изображение или текст. Здесь есть несколько разных установок, которые позволят вам создать желаемый водяной знак. Помните, чтобы получить наилучший результат, используйте файл PNG с прозрачным фоном. Иначе у вас будет белый блок вокруг логотипа. Нужно будет назвать и сохранить водяной знак.
Для текстового водяного знака просто напишите необходимую информацию в белом блоке. Вы можете изменить шрифт, цвет, тень и размер вашего водяного знака. Взгляните на изображение и убедитесь, что достигли желаемого результата. Используйте опцию Якорь, чтобы задать место расположения водяного знака, и опцию Вставка для дальнейших манипуляций.
Шрифт, непрозрачность, размер и расположение могут быть изменены по вашему желанию.
Убедитесь, что используете логотип из файла с прозрачным фоном, чтобы избежать белого блока. Файлы JPEG не могут иметь прозрачный фон.
Теперь, когда ваш водяной знак готов, давайте применим его к фотографии. Перейдите в Экспорт и Водяные знаки. Здесь вы можете выбрать из имеющихся у вас готовых водяных знаков. Ваша фотография будет экспортирована в указанное место вместе с выбранным водяным знаком.
На эту фотографию был нанесен водяной знак в Lightroom с использованием теней.
В отличие от большинства типов изображений особенность использования логотипов в том, что их чаще всего приходится применять как один из элементов оформления гипертекстовых или бумажных документов. Логотип в документах - элемент несамостоятельный, его приходится встраивать в существующий дизайн, поэтому желательно иметь его изображение на прозрачном фоне. Такие картинки удобно создавать в графическом редакторе Adobe Photoshop.
- Как сделать прозрачным фон логотипа
- Как сделать белый фон прозрачным
- Как в фотошопе сделать прозрачный фон вместо белого
Если логотип еще только предстоит нарисовать, начните работу с создания прозрачного фонового слоя. Для этого, запустив 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. Когда с этой процедурой будет покончено, сохраните результат одним из способов, описанных в третьем и четвертом шагах.
Читайте также: