Как удалить логотип с изображения. Сколько стоит создание логотипа в Canva

Наконец то, после долгого поиска в интернете вам удалось найти нужное изображение. Ура! Ай, нет. И какой балбес присобачил к ней свой убогий логотип? Фото классное, но логотип то вам не нужен, только портит все изображение. Не уж-то придется опять лазить в интернете и искать другое фото, без логотипа? Ну уж дудки.

Для удаления логотипа воспользуемся всем известным редактором Photoshop . Уж до того он легко расправляется с логотипами, аж самому понравилось. Быстро, легко, без особого напряжения серого вещества. И так, обо всем по порядку.

Запускаем Photoshop и открываем в нем нужное изображение. Например такое:

Как видите в правом — нижнем углу красуется логотип сайта. Его-то мы и будем удалять. Выбираем в фотошопе инструмент «Прямоугольная область» и аккуратно обводим выделением логотип.

Теперь удаляем содержимое, нажав на клавишу «Delete» . Перед удалением у нас появится диалоговое окно, в котором у нас поинтересуются о параметрах удаления. Выбираем «Удалить с учетом содержимого» и жмем «Ok» .

А теперь смотрим, что у нас получилось.

Ну вот, осталось только отменить выделение во вкладке «Выделение» .

В конечном итоге у вас должно получиться что-то типа этого.

А теперь несколько советов.

Оставьте изображение для обработки таким как оно есть, то есть новые слои создавать не надо. Пусть в Photoshop в слое «фон» так и останется значок замка. В противном случае ничего не получится. Не обольщайтесь считая этот метод панацеей. Где-то все получится, а где-то и нет. По крайней мере, старайтесь выделить логотип в как можно меньшем поле. Больше шансов, что не будет захвачено и учтено лишнее содержимое.

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

Многие пользователи задаются вопросом: "как вырезать часть картинки или фотографии?". Если нужно обрезать края у фотографии, то можно воспользоваться инструментом Кадрирование в GIMP или в любом другом графическом редакторе, даже стандартный Paint в Windows позволяет это сделать, о чём я уже писал ранее . Но если необходимо вырезать картинку или фотографию по контуру, то тут, уже нужен более продвинутый редактор.

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

1. Вырезаем логотип

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

Подготовим рабочее место для урока

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

Итак, перед нами логотип открытый в программе GIMP. Логотип изначально на белом фоне, давайте отделим его от надписи ".info" и перенесём его на другое изображение.

Создадим фон, на который поместим логотип.

1. Нажимаем Файл - Создать проект или CTRL+N;
2. Выбираем инструмент заливка;
3. Заливаем вновь созданный проект.

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

Вырезаем и вставляем часть изображения

С помощью Прямоугольного выделения . Выберем инструмент Прямоугольное выделение, выделим логотип, нажмём CTRL+C (т.е. скопируем. Можно нажать на главной панели Правка - Копировать ), перейдём на вкладку с фоном и нажмём CTRL+V (Вставить. Или на главной панели Правка - Вставить).

Результат справа. Что-то как-то не очень. Но зато виден результат применение инструмента Прямоугольное выделение и копирование. Давайте отменим результат нажав кнопки CTRL+Z и переделаем более качественно.

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

С помощью Выделения смежных областей . Выберем инструмент Выделение смежных областей и щёлкнем по букве, например "М" в логотипе. Наш логотип выделен отдельно от фона. Но у меня не выделилась буква "и"! Это из-за того, что "и" не соединяется с остальным логотипом.Просто удерживая SHIFT на клавиатуре щёлкните букву "и", она добавится к выделению. Таким же способом можно добавить и ".info", если хотите.

Нажимаем CTRL + C, переходим на вкладку с фоном и нажимаем CTRL + V.

Обратите внимание на значение Порог. Этот параметр задаёт похожесть цвета. Т.е. Если у вас логотип нарисован с использованием оттенков, то этот параметр как раз и увеличивает или уменьшает разброс цветов и оттенков которые будут выделены.

С помощью Выделения по цвету . Даже скриншот прикладывать не буду - сами попробуйте. Тонкость только в том, что выделяется цвет на всём изображении, т.е. ".info" тоже выделится. Поэтому данный инструмент нам не подходит.

Сохраняем логотип без фона

Если вам вырезанный логотип вставлять не нужно, а нужно просто сохранить его без фона (или с прозрачным фоном), то делаем следующее:

1. Вырезаем логотип одним из способов приведенных выше;
2. Копируем его (в буфер обмена. CTRL+C);
3. Добавляем новый слой;
4. Скрываем слой с логотипом из которого вырезали;
5. Вставляем CTRL + V на новый слой;
6. Экспортируем (сохраняем) изображение в PNG или TIFF , чтобы сохранить прозрачность (см. Сохранение обычного изображения в GIMP).

2. Как вырезать и вставить фото (картинку)

Если с логотипами всё в принципе просто, то с фотографиями дело обстоит сложнее, но и инструменты специальные для этого есть в GIMP.

За образец предлагаю взять вот эту фотографию . Скачайте её и откройте в GIMP. Создайте сразу вкладку с новым проектом (CTRL+N), как описано выше, в который будем вставлять вырезанное изображение.

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

Затем нажмите ENTER. Скопируйте выделение CTRL+C и вставьте в новый проект.

Осталось растушевать края, и в принципе может не плохо получиться, если постараться.

Как вырезать логотип в стиле "стандарт" (дефолт)

Был бы у меня такой кот, я б может и не женился бы никогда.
© Каникулы в Простоквашино

на основе программы Adobe Photoshop

И так преступим. Для начала фото (картинку) надо, где то найти. Интернет нам в помощь. Открываем браузер и "серфим" нужную нам вещь. Объект найден.

Шаг №1 Картинка (вставляем картинку в фотошоп)

В браузере кликаем правой кнопкой мыши и в выпадающем меню выбираем "копировать".

Скрытый текст

Запускаем Adobe Photoshop.

Скрытый текст

Скрытый текст

Шаг №2 Убираем фон (вырезаем)

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

-вариант 1-

Если фон у вас монотонный, как в нашем случае, то гораздо проще выделить его, не так ли? Для этого выбираем инструмент «Волшебная палочка» (Magic tool) и кликаем по фону. Если сразу все не выделилось, то не унываем и, зажав на своей клавиатуре SHIFT , кликаем волшебной палочкой в оставшиеся области фона.

Скрытый текст

-вариант 2-

Если объект имеет круглую форму или овальную, то можно использовать инструмент Выделение (фигурное). Зажав клавишу SHIFT (при зажатой клавише соблюдаются пропорции формы фигуры), образуем нужный размер фигуры. При выделении формы эллипса, клавишу можно не зажимать.

После выделения нужной области, выбрать вкладку Выделение-инверсия. Далее Редактирование-очистить. Все фон за выделенной области убран.

-вариант 3-

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

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

Нажимаем правую кнопку мыши и в контекстном меню выбираем Образовать выделенную область.

Скрытый текст

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

Скрытый текст

Контур образовался, и теперь его нужно скопировать на новый слой. Нажимаем комбинацию клавиш Ctrl+C (или меню Редактирование-Скопировать ). Далее создаем новый документ без фона – Файл-Создать .

В созданном документе нажимаем комбинацию клавиш Ctrl+V (Редактирование-Вставить ). Получаем довольно сносное изображение без фона.

Скрытый текст

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

-вариант 4-

Если же фон у вас разноплановый, как на фотографии, или же вам нужно вытащить объект из другого коллажа, то придется попотеть, выделяя сам объект. На помощь вам придут различные лассо и «Быстрое выделение» («Lasso tool» etc + «Quick selection tool»).

Скрытый текст

Можно не выделять нужный объект, а просто удалить фон. Отделить "котлеты от мух".

Так что нам на помощь придет «Волшебный ластик» или «Фоновый ластик» (Background eraser tool) . Выбираем ластик побольше и тщательно удаляем весь фон, не боясь зацепить нужный нам элемент картинки/фотографии.

Скрытый текст

Шаг №3 Проверка

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

-вариант 1-

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

Скрытый текст

-вариант 2-

Можно не создавать слой заливку. Кликнув правой кнопкой на наш слой, выбрать в меню "параметры наложения". Обводка указываем цвет и размер отличный от основного объекта.

Скрытый текст

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

Скрытый текст

Вот и все, победа. Мы получили картинку на прозрачном фоне.

Шаг №4 Отсечение пустого пространства

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

Выбираем вкладку Изображение-тримминг. Ставим галочки в полях сверху-снизу-слева-справа). Жмем кнопку ок.

Все пиксели отсечены.

Инструкция

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

Добрый день, дорогие читатели.

В предыдущей статье мы говорили о , а как сделать логотип самому?

Довольно кропотливое занятие, но если Вы сумеете придумать что-то гениальное, то это, поверьте, того стоит.

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

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

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

А сначала давайте разберемся какие бывают логотипы.

Виды логотипов

Символьные

Отображения лого в виде картинок, знаков, символов, иконок. Данный вид популярен среди огромных современных компаний или сайтов. Изображение может быть содержательным, все зависит от того какой Вы вложите в него смысл. Популярные компании с таким видом: Apple, Nike

Текстовые

Данный вид довольно прост, но также популярен, как и символьный. Он представляет собой обыкновенные буквы, которые отображаются в разных оболочках. Примеры с данным типом: M-моторолла, ACER, Nokia.

Комбинированные

Данный вид логотипа состоит из двух предыдущих. Он включает в себя различные изображения предметов, животных, растений и сам текст. Примеры: Adobe, Adidas, Microsoft.
Какой вид выберете Вы? Выбор остается только за вами.

Создание логотипа для сайта

В интернете существует множество программ (сервисов) по созданию логотипов для сайтов онлайн. Одни из самых популярных программ:

• Logaster.com
• LogotypeGenerator
• Flamingtext
• hipsterlogogenerator

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

Ниже представлена инструкция по созданию логотипов на примере сервиса flamingtext:

Примечания! Бесплатно получится скачать только с водяным знаком.

Фавиконки для сайта

Чтобы привлечь к сайту внимание массы, многие используют Favicon.

Favicon — это такой значок в специальном формате, который отображается перед URL страницы в адресной строке, рядом с закладкой.

Favicon и логотип как правило выглядят одинаково. Только фавикон значительно меньше и имеет другой формат (.ico)

Чтобы он нес смысловую нагрузку необходимо соблюдение некоторых требований:

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

Для создания Favicon имеется такой ресурс X-Icon Editor . В программе существует функционал импорта, экспорта, а также предварительный просмотр Favicon на закладке браузера.

Фотошоп и Paint

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

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

• FL.ru
• WebLancer.net
• Qwork.ru

Также имеется всем известная стандартная программа «Paint». Это очень простая программка. Она, конечно же, очень уступает фотошопу, так как в ней собраны только самые простые инструменты. Но и благодаря этим инструментам можно создать шедевр

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

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

Всем пока и до скорых встреч!

С уважением! Абдуллин Руслан