Инструкция

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

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

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

/ /

В числе недостатков можно выделить:

• Отсутствие режима анимации;
• Затруднения при работе с полноцветными типами изображений;
• Невозможность сохранять в одном файле сразу несколько рисунков (попытки добавить формату эту функцию предпринимались, но пока не получили всеобщего признания).

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

Сфера применения

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

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

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

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

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

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

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

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

«Махагон-дизайн».

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

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

• Прекрасно вписаться в дизайн сайта;
• Отлично комбинировать, с имеющимся на веб странице, набором цветов;
• С успехом гармонировать с прочим соседними элементами.

Что нужно для обработки фона

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

Есть два варианта. В первом случае этот редактор надо будет скачать на компьютер и установить. Тогда интернет не понадобится. Второй вариант – использовать программу в онлайн режиме, к примеру, на сайте editor.0lik.ru.

Посмотрим, как получить логотип с прозрачным фоном.

Открываем программу и загружаем изображение с компьютера. Затем:

• Заходим в раздел «Слои»;
• Дважды щелкаем на замочек, расположенный справа от надписи «Задний фон». Вместо него должна появиться галочка, а название меняется на «Слой 0». Этой операцией происходит разблокировка слоя;
• Слева, на панели инструментов выбираем «Волшебную палочку» (можно также нажать на клавиатуре букву W);
• Кликаем по фону, который следует убрать;
• В меню «Редактировать» выбираем команду «Очистить». Но проще будет нажать на клавиатуре кнопку «Delete». Если какие-то участки фона не стали прозрачными, наводим на них мышку, кликаем палочкой и очищаем, пока фон полностью не станет прозрачным.

Если есть сомнения, что фон прозрачный (не вырезался), можно провести проверку. Надо логотип поместить на другое изображение. На клавиатуре нажимаем комбинацию ctrl+C, чтобы скопировать логотип в буфер обмена. Открываем любой другой файл с изображением и, нажав комбинацию ctrl+V, размещаем логотип на фото. Если он поместился на второе изображение без фона, значит операция проведена верно.

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

Самый популярный вариант – формат PNG , сохраняющий изображения с минимальной потерей качества. Он поддерживается всеми известными редакторами изображений:

• Photoshop;
• LightRoom;
• Illustrator.

Поэтому он удобен и активно используется. Почти 80% логотипов сохраняются в этом формате и применяются для оформления сайтов многих компаний.

Третий тип формата, SVG – удел настоящих профессионалов. Им часто пользуются дизайнеры с программистами, потому что он создан на основе языка разметки XML, что упрощает размещение на сайте фирменного знака. Но для обычного юзера такой тип формата не подойдет.

Теперь вы знаете, как сделать прозрачным фон логотипа.