Создание лого с прозрачным фоном. Онлайн-программма Pixir-делаем прозрачный фон у картинки

Инструкция

Если логотип еще только предстоит нарисовать, начните работу с создания прозрачного фонового слоя. Для этого, запустив 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 не только помогает редактировать фотоизображения, регулируя степень яркости и контрастности снимков, но также с помощью нее можно создавать фотоколлажи и композиции, используя такое свойство слоев, как прозрачность.

Вам понадобится

  • 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 на клавиатуре. На панели свойств укажите диаметр ластика. Если нужно растушевать границу удаляемого фрагмента, выбирайте «Сглаживание разрешено» в списке справа от окошка «Ширина».

1. После создания логотипа залогиньтесь на сайте Логастер, нажав кнопку “Войти” в правом верхнем углу сайта или кликнув .

3. Теперь проскрольте страницу вниз и в разделе “Логотип на прозрачном фоне” выберите нужную компоновку логотипа и нажмите кнопку “Скачать”.

4. Кликните по выбранному формату логотипа (логотипы на прозрачном фоне доступны в форматах: PNG и SVG) – лого скачается на ваш компьютер автоматически.


Читайте статью о том, как редактировать логотип на прозрачном фоне здесь:

Как получить логотип на прозрачном фоне в старой версии сайта?


2. Затем следует открыть скачанный архив, где в двух цветовых версиях ваш логотип будет размещен на прозрачном фоне.

3. Как проверить, действительно ли у логотипа прозрачный фон? Откройте его при помощи любой программы для просмотра изображений. Если фон логотипа cостоит из светлых и темных серых клеток (как на иллюстрации), то он является прозрачным.

Почти каждый человек на земле видел порядка десяти или двадцати логотипов различных компаний. представляют собой изображение, состоящее из графической и текстовой части. Знак любой фирмы должен красиво выглядеть как в печатно-бумажном исполнении, так и в веб-версии. Вот почему чаще всего рекомендуется не использовать цветной фон, а отдать предпочтение логотипу на прозрачном фоне . И в этой статье, мы расскажем, почему.

Области применения логотипа с прозрачным фоном

Чаще всего лого такого вида можно встретить на сайтах компании, страничках в социальных сетях, блогах о продукции или рекламных постах.

Основной причиной, почему компании выбирают логотип с прозрачным фоном является его универсальность. Такие лого могут отлично вписаться в дизайн любого сайта, прекрасно сочетаться с уже используемым набором цветов на веб-странице и гармонировать с другими соседними элементами.

В последнее время все чаще и чаще логотипы стали использовать в качестве водяного знака, которые можно также найти на бумажных деньгах на территории любой страны мира. Это позволяет сделать продукцию уникальной и избежать подделок. Из этого вытекает существенный плюс таких лого: их можно использовать, как юридический гарант оригинальности и качества.

Все свадебные фотографы добавляют логотип со своим именем на фотографии для клиентов, что позволяет им делать бесплатную рекламу. Молодожены обязательно разошлют фотографии всем знакомым, а те посмотрят их и обратят внимание на марку создателя потрясающих снимков. Также это сделает отличную рекламу в социальных сетях, где иногда сложно определить, чьей руке принадлежит фотография и где найти автора.

Форматы изображений для логотипов с прозрачным фоном

Но, к сожалению, у есть небольшой недостаток. Не все современные цифровых изображений могут подойти для создания и сохранения готово результата. В данном разделе мы расскажем о наиболее подходящих форматах.

Логотип в 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 и других графических редакторов?

Вы хотите для своей компании и понимаете его важность и необходимость, но, к сожалению, не умеете пользовать ни одним из графических редакторов и не желаете платить фрилансерам за эту услугу? Хотите сделать все самостоятельно, но не знаете как? На помощь прибегут онлайн сервисы по созданию логотипов, которые осваиваются за несколько минут и направлены на получение отличного результата за смешные деньги.

Одним из таких сервисов является онлайн-конструктор ! Большое количество рисунков, текстовых заготовок и символов станут отличными помощниками и заметно сэкономят время на создание своего собственного и качественного логотипа.

Вот так просто можно создать прозрачный логотип для своего интернет-магазина, рекламной кампании и бумажной продукции начинающегося бизнеса. В конце хочется пожелать вам не сдаваться и тогда компания поднимется на вершину горы под названием «Успех».

Отправить

Приветствую вас дорогие читатели. В сегодняшнем выпуске я подробно опишу создание логотипов на любой вкус и цвет! Вы хотите создать красивый логотип для своего сайта? Это очень просто! Потратьте всего 10 минут и создайте свой собственный, а главное, уникальный на 100%, логотип! В этом несложном деле, нам понадобится замечательная программа под названием AAA Logo 2009.

И так, для начала нам нужно скачать эту программу - Скачать триал версию . Теперь у вас имеются файл:

Файл, запускающий установку программы (AAA Logo 2009.exe);

Запускаем установку программы, нажав правой кнопкой мыши на файл, а левой кнопкой на - "Открыть"

В появившемся окне нажимаем? Next

Нажимаем Install
Здесь выбираем верхнее - I accept the agreement (Я принимаю соглашение)
Выбираем папку, в которую нужно установить программу:
Снова нажимаем Next
Все, нажимаем Finish и запускаем программу:

Можно выбрать уже готовые варианты логотипов, а можно создать и свой

Для продолжения выбираем один из предложенных готовых вариантов логотипов. Справа можно выбрать разные иконки, которые, для удобства, разбиты на категории

Нажав на любую картинку, она появится на центре. Из этих картинок и создается логотип. В верхнем подменю вы можете добавить разные эффекты к своему логотипу, также можно изменить стиль текста, добавить градиента или изменить цвет.

Для того, чтобы изменить размер какого-то отдельного элемента (картинки-иконки) логотипа, нужно нажать левой кнопкой мыши на клетчатое поле в левом верхнем углу и водить мышкой влево - для увеличения размера, и вправо - для уменьшения размера.

Для реализации цветовой задумки вашего логотипа, в программе AAA Logo 2009 включено огромное количество уже готовых оттенков и цветов, которые можно выбрать в самом низу.

Созданные логотипы можно сохранять в разных форматах и для разных нужд, например, можно сохранить на прозрачном фоне - это будет отличным вариантом, если речь идет о логотипе для сайта. Чтобы сохранить, в верхнем меню нажмите File - Save Logo image..

После чего, выберите формат, если хотите, чтобы фон был прозрачным, поставьте галочку напротив надписи: Transparent Background

Для того, чтобы более детально разобраться в программе, я напишу, так называемые, "горячие клавиши " для более быстрой работы и создания логотипа:

  • Удалить объект: Ctrl + R
  • Сделать дубликат объекта: Ctrl + D
  • Создать новый текст: Ctrl + T
  • Добавить новую картинку: Ctrl + I
  • Шаг назад (отменить): Ctrl + Z
  • Шаг вперед (возвратить): Ctrl + Y
  • Создать новый логотип: Alt + T
  • Загрузить проект: Alt + L
  • Сохранить проект: Ctrl + S
  • Справка - помощь по программе (на официальном сайте): F1

Плюсы программы

С помощью этой программы (AAA Logo 2009) можно создавать логотипы для любых случает (для сайта, или же просто нужна картинка). Она проста и понятна в обращении. Логотипы получаются красивыми, уникальными (если вы сами создавали) и качественными! Можно сохранять в разных форматах - для разных целей (например на прозрачном фоне).

Минусы

Вообще, минусов как токовых у программы нет, но, к сожалению в английской версии (а выше для скачивания предложения именно английская версия) нельзя писать текст на русском языке, вместо текста на русском, выводятся какие-то звездочки. Исправить это, думаю, можно, просто скачав русскую версию или провести русификацию уже имеющейся.

Ну вот и все что я хотел рассказать об этой замечательной программе, теперь вы знаете как создать логотип для своего, я надеюсь любимого, сайта.

Логотипы, созданные таких несложным способом, смогут вписаться практически в любой, вами, шаблон.

Онлайн-программма Pixir-делаем прозрачный фон у картинки.

Сергей Фещуков

Бывает попадается очень подходящая картинка для вашего поста и всё бы хорошо... Но фон картинки не подходит под фон блога или блока с текстом. Явно ни у одного меня такая проблема и ни у одного меня фон не белый, который подходил бы в большинстве случаев. Мне нужен прозрачный фон !

В интернете я не нашел нормальных идей как сделать прозрачный фон для готовой картинки, поэтому начал сам экспериментировать и нашел более менее подходящее решение!

Как сделать прозрачный фон у картинки

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

Здесь есть белый фон, от которого я хочу избавиться и вместо него сделать прозрачный фон. В этом нам поможет - онлайновое подобие фотошопа.

Загружаем наше изображение. Справа в окошке "Слои" появится слой "Фоновый", на котором замочек (не дает удалять фон картинки).

Два раза кликнув левой кнопкой мыши по этому замочку, вы сможете снять блокировку с фона. Вместо замочка появится галочка.

Теперь берем волшебную палочку (панель инструментов, правый столбец вторая кнопка сверху), указываем следующие параметры: допуск = 21, галочки стоят на сглаживании и непрерывности (обычно такие параметры стоят по стандарту), хотя с параметрами можете поэкспериментировать; и нажимаем на фон картинки (в нашем случае, на белый фон).

Теперь удаляем фон нажатием кнопочки "Delete" и получаем нужное нам изображение с прозрачным фоном.

В итоге на выходе получаем то же изображение с прозрачным фоном.

Единственный минус Pixlr - нельзя изображение сохранить в формат.gif, который тоже сохраняет прозрачный фон, но намного легче, чем формат.png. Но если нет другого выхода, почему бы не воспользоваться этим?

спасибо Натальи Петровой

  • Сергей Савенков

    какой то “куцый” обзор… как будто спешили куда то