Как сделать логотип самому. Виды лого и программы для их создания

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

Шаг 1: Выделение

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

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

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

Рис. 1. На изображении красным цветом выделены все инструменты выделения, которые вам могут понадобиться

Шаг 2: Удаляем фон

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

Рис. 2. С помощью «фонового ластика» удаляем фон

Шаг 3: Дополнение, шаг не обязательный

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

Рис. 3. Создаем «слой заливку»

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

P.S. В «Дополнении» можно уже использовать любой ластик, только предварительно выберите нужный вам слой, так как слой заливка, после его создания будет выбран по умолчанию. После того, как вы стерли всё необходимое, смело удаляйте слой с заливкой.

Инструкция

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

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

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

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

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

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

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

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

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

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

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

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

Что делать, если хочется сделать для своего проекта классный логотип, а денег на это нет? Последние десять лет я занимался дизайном, поэтому всегда мог сделать лого для своих проектов самостоятельно. А как можно сделать классный логотип, если ты не дизайнер?

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

Вот два простых правила, которые я придумал. Они помогут вам самостоятельно сделать логотип на миллион:

1. Начните свой путь к успеху со шрифтового логотипа
2. Сделайте акцент на фирменном стиле , особенно на сочетании цветов

Пойдем по порядку. Что такое шрифтовой логотип? Это значит, что в лого используется только шрифтовая часть, без эмблемы или символа. Как у Гугла:

Почему именно шрифтовой лого? А как же значок? Как-то небогато выглядит, меня не засмеют? Может добавить какую-нибудь закорючку?

Без паники! Использовать шрифтовой лого - это как надеть рубашку и пиджак на деловую встречу. Можно, конечно, попробовать подобрать свитер к джинсам или прийти в поло и мокасинах, но нужно иметь безупречный вкус, иначе будешь выглядеть как клоун. Так же и с лого - если под рукой нет профессионального дизайнера айдентики, лучше не пытаться прыгнуть выше головы. Просто посмотрите на этих вполне себе серьезных ребят - они все используют логотипы на основе одного и того же шрифта, Гельветики:

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

Как подобрать подходящий шрифт? Можно зайти на wordmark.it и написать в поле название вашего проекта - сайт покажет его всеми шрифтами, которые есть на компьютере. Если этого недостаточно, на fontfabric.com есть много бесплатных гарнитур, в том числе и с поддержкой кириллицы. Чем плохи бесплатные шрифты? Ничем, используйте на здоровье.

Какой шрифт лучше выбрать? Тут я тоже советую придерживаться правила «скромность украшает». Посмотрите на все варианты и постарайтесь почувствовать, какой из них лучше всего передает дух и стиль вашего проекта. Не смотрите в сторону необычных акцидентных шрифтов - они выделяются на фоне остальных, но чаще всего выглядят неуместно, как перья с карнавала в Рио на утренней пробежке.

Удержитесь от соблазна написать название проекта ПРОПИСНЫМИ. На первый взгляд, такое написание выглядит аккуратнее строчных, как устойчивый прямоугольник. Но на деле прописные воспринимаются хуже. Если вы все-таки хотите использовать только заглавные, увеличьте межбуквенные расстояния - это повысит читабельность вашего лого, особенно в маленьком формате.

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

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

Удачного дизайна вашим проектам и не забывайте подписаться на Логомашину - впереди много интересного!

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

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

на основе программы 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 Отсечение пустого пространства

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

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

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