Эмблемы png. Как сделать фон логотипа прозрачным. Genlogo – удобный и многофункциональный

Инструкция

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

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

  • Инструменты: Adobe Photoshop

Инструкция

Создайте изображение или откройте готовое в программе Adobe Photoshop (Ctrl+O).

Затем создайте пустой слой. Для этого зайдите в меню «Слои», откройте подменю «Новый» и выберите «Слой». Появится окно, в котором можно задать первоначальные параметры слоя, такие как тип перекрытия, цвет, непрозрачность и некоторые другие. Оставьте все как есть, и нажмите «ОК».
Или нажмите кнопку рядом с корзиной на панели слоев.

Раскройте палитру слоев. Для этого в меню «Окно» выберите «Слои» (F7).

Слой, который вы создали, будет располагаться вверху под названием «Слой 1». Перетяните его мышкой под нижний слой. Если у вас это не получится, нижний слой заблокирован. Разблокируйте его и попробуйте снова.
Чтобы слой, дважды щелкните по нему мышью и в открывшемся окне нажмите «ОК».

Убедитесь, что новый слой имеет фон. Узнать это можно по его иконке в палитре слоев: прозрачное изображение в Adobe Photoshop символизирует , напоминающий шахматную доску. Если это не так, выделите слой мышью, затем выделите все изображение («Выделение» – «Все»), и нажмите «Del» на .

В меню «Файл» перейдите к пункту «Сохранить для веб и устройств». Откроется окно с множеством настроек. Из раскрывающегося списка выберите формат gif, и поставьте галочку рядом с пунктом «Прозрачность». Это даст вам доступ к опциям, позволяющим сделать тот или иной цвет прозрачным.

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

После того как вы выделите цвет, найдите кнопку отмеченную красным кругом и нажмите ее. Эта кнопка преобразует выделенный цвет в прозрачность.

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

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

Совет 3: Как сделать рамку, орнамент, узор с прозрачным фоном (без фона) в Gimp для обложки в ИнДизайн

Наверняка у каждого, кто создавал обложку (для книги в InDesign), возникал вопрос при оформлении обложки: Как вставить рамку, орнамент, буквицу, чтобы не было видно заднего фона, а был виден только один узор?
На самом деле это не сложно, и я хочу показать, как сделать рамку с настройкой прозрачности при помощи программы Gimp (аналог Photoshop - свободно распространяемая программа) на примере простого узора.

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

Инструкция

Сначала загрузим в программу Gimp файл узора с помощью команды Файл -> Открыть. Выделим изображение с помощью инструмента Кадрирование (в виде ножа), чтобы остался только один орнамент и дважды щелкнем по экрану, чтобы кадрировать.

Чтобы к нашему узору можно было применить параметры прозрачности, надо выполнить команду Правка -> Вырезать -> Вставить -> Вставить как новый слой.

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

LogoEase - бесплатный сервис, который позволяет с лёгкостью создавать различные логотипы. Чтобы начать им пользоваться, нажмите кнопку Start your logo в панели инструментов сайта и откройте редактор. Затем выбирайте шаблон, который можно изменять: добавить свой текст, выбрать шрифт, изменить масштаб, заполнить разными цветами и многое другое. После этого останется скачать файл с логотипом в формате ZIP и использовать его на своём сайте или в блоге.

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

CoolText - действительно крутая штука, которая позволяет создавать эффектные лого довольно простыми средствами. Этот сервис работает только с текстовыми логотипами, но количество возможных вариантов их оформления настолько велико, что вы точно найдёте себе что-то по вкусу. Здесь вы можете в пару кликов получить результат, для достижения которого вам понадобились бы часы обучения и специальные программы. Скачать логотип можно в различных графических форматах, включая PNG, JPG и GIF. Вы можете также создать кнопки для ваших сайтов и скачать разнообразные шрифты из огромного списка.

Ещё один генератор текстовых логотипов. Пусть вас не смущает название: одними только эффектами пламени дело не ограничивается. Всего здесь более 200 различных эффектов, и некоторые из них весьма забавные. Алгоритм работы прежний: выбираем эффект, вводим нужный текст, редактируем свойства, сохраняем. Кстати, кроме уже привычных PNG, JPG и GIF, здесь есть и PSD.

Logaster - онлайн-сервис для создания логотипов и элементов фирменного стиля. Шесть миллионов пользователей уже оценили плюсы работы с этим сервисом. Логотипы, разработанные с его помощью, появились в 167 странах мира на всём - от визиток и фирменных бланков до сайтов и билбордов.

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

А вам приходилось пользоваться автоматическими генераторами логотипов?

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

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

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


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

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


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

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

В каком формате должен быть логотип? Существует огромное количество форматов, в которых можно его сохранить.

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

Векторная графика

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

Преимущества векторных изображений:
– такие изображения всегда сохраняют превосходное качество при масштабировании и редактировании;
– размер изображения почти не влияет на размер файла, поэтому он всегда невелик.

Недостатки векторных изображений:
– изображения не реалистичны;
– доступно не так много эффектов.

Изображения векторной графики в большинстве случаев имеют расширение AI, CDR, CGM, DXF. CorelDraw является самым популярным графическим редактором.

Примеры, показывающие эффект векторной графики при увеличении:

Растровая графика

Суть растровых изображений в том, что они напоминают таблицу с множеством маленьких ячеек. Ячейки таблицы называются пикселями. Пиксель – частица растрового изображения. Все пиксели одинаковые по размеру и форме. Для каждого пикселя задается свой цвет и координаты. Поскольку пиксели очень маленького размера, эта мозаика кажется единым целым, если качество изображения хорошее. При высокой разрешающей способности наши глаза не видят “пикселизацию” изображения.

Преимущества растровых изображений:
– реалистичность, они способны передать графику, состоящую из тысяч мелких деталей;
– к изображениям можно применять много разнообразных эффектов;
– с помощью растровой графики можно создать практически любой рисунок, какой угодно сложности, поэтому она более распространённая.

Недостатки растровых изображений:
– большой размер файлов;
– потеря качества при масштабировании.

Изображения растровой графики в большинстве случаев имеют расширение JPG, BMP, GIF, PNG, PSD.
Рассмотрим, что произойдет с растровым изображением при увеличении:
Самая популярная программа для редактирования растровых изображений – Photoshop.

Форматы логотипа

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

Векторные форматы

.Ai – Adobe Illustrator

Векторный формат файлов.Ai от компании Adobe позволяет сохранять файл в исходном виде – все элементы логотипа, такие как иконка, текст, доступны для редактирования и в дальнейшем их можно править в любой момент. Чтобы открыть логотип в формате Ai, вам понадобится специальные программы, такие как Adobe Illustrator, CorelDRAW.

В большинстве случаев в таком формате можно менять текст. Открывается с помощью программ: Adobe Illustrator, CorelDRAW

Функции: нужен для внесения правок в оригинальный логотип.

.EPS – Encapsulated PostScript

Этот тип файла нужен для более высокого качества печати логотипа: он позволяет масштабировать логотип без потери качества. Преимущество логотипа в формате EPS – возможность одновременно использовать как растровые, так и векторные элементы изображения. Однако редактировать логотип в формате EPS значительно сложнее, чем, например, в формате Ai.

Открывать с помощью: Adobe Illustrator, CorelDRAW, Inkscape.

Функции: для использования на печатных носителях, масштабирование для печати.

.PDF – Portable Document Format

Векторный формат.PDF предпочитают многие дизайнеры по ряду причин. PDF – удобный формат, так как он без изменений отображает все шрифты, макеты страниц, векторные и растровые изображения.

Открывается программами Adobe Reader, Foxit Reader, Preview.
Редактируется такими программами, как Adobe Illustrator, CorelDRAW, Inkscape.
Функции: просмотр изображения и печать.

Растровые форматы

.PNG – Portable Network Graphics

PNG – прекрасный формат для логотипов. Он способен “сжимать” файлы без искажений. PNG был создан для замены файлов GIF, которые включают в себя всего лишь 256 цветов.

Открывать с помощью: Photoshop (удобно для редактирования), или любой другой программой для просмотра изображений.

Функции: для веб-графики и печати (300 точек на дюйм)

.JPG / .JPEG – Joint Photographic Experts Group

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

Открывать в Photoshop чтобы редактировать, для просмотра – любой другой программой.

Функции: веб-графика и печать (300 точек на дюйм).

.TIFF – Tagged Image File Format

TIFF – старшие братья JPEG файлов. Файлы TIFF более высокого качества, и занимают больше места на жестком диске.

Открывать в Photoshop – для редактирования, для просмотра открывается любой программой.
Для чего нужен: в целом для печати (300dpi).

“Минимальный набор” форматов логотипа

Чтобы использовать логотип на все случаи жизни, вам нужно иметь файл логотипа в следующих форматах:
– .Ai – для возможности редактирования логотипа. Менять цвет, фон, масштабировать.
– .EPS или.PDF – для печати.
– .PNG – для печати и работы в Интернете (для сайта, соцстраниц). Обязательно нужен вариант логотипа в PNG на прозрачном фоне, чтобы размещать его в шапке сайта, на визитке, как водяной знак на фотографии.

Популярные вопросы о форматах логотипа

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

Какой формат подходит больше всего для логотипа: png, jpg, jpeg, или может что-то другое?

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

Какие форматы использовать для печати логотипа?

Форматы для цифровой печати:

– растровый с расширением PSD, TIFF, JPEG.
– векторный EPS,CDR, PDF.

Оптимальное качество изображения 300 dpi; изображения с меньшим разрешением увеличивать до 300 dpi не имеет смысла, так как качество от этого не улучшится.

Формат для шелкотрафаретной печати:

– векторный Ai (Adobe Illustrator), EPS и CDR (Corel Draw)

Примечания к векторным файлам:
– формат EPS содержит растровые и векторные изображения, а так же их комбинации. Важный момент: подготовка и сохранение файла в формате EPS, чтобы потом была возможность использовать файл в других программах!
– текст нужно перевести в кривые, или прислать файл шрифта, используемого в макете.

В каком формате в Фотошопе надо сохранять логотип?

Специалисты не рекомендуют разрабатывать и сохранять логотип в Фотошопе, иначе придется делать векторизацию (перевод из растрового в векторный формат). Если вы все же работаете над созданием логотипа в Фотошопе, лучше сохранять в PSD, PNG и TIFF.

Если в Кореле сделать, то в каком формате лучше сохранять?

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

– Как векторизировать растровый логотип?

Вам может понадобится векторизировать не только логотип, но и другие рисунки, фотографии и прочие растровые изображения. Иногда нужно увеличить логотип или обрисовать векторными линиями в программе фотошоп, чтобы улучшить исходник (маленькое изображение). Если вам нужно векторизовать сфотографированное или отсканированное изображение, вам поможет онлайн векторайзер VectorMagic . Качество его работы превосходит такие популярные оффлайновые standalone приложения как Adobe Streamline или Corel.

Еще не создали логотип? Вот , , как это сделать.

# Конструктор логотипов для вас

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

# Помощь в создании бренда

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

Вам больше не нужно тратить деньги на дорогостоящих дизайнеров. Вы можете создать современный логотип самостоятельно!

# Вдохновение и доверие

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



Что еще почитать