Как создать логотип в Фотошопе самому в хорошем качестве
Как правило, считается что разработкой логотипов занимаются специальные студии, в которых работают квалифицированные художники-иллюстарторы. Но в некоторых случаях создание логотипа не является особо трудоемким процессом, поэтому быстрее и выгоднее будет заняться этим самому.
В этой статье представлено подробное руководство, как создать логотип в Фотошопе самостоятельно и в хорошем качестве. Стоит отметить, что в практически во всех версиях графического редактора, включая CS5 и CS6, алгоритм действий почти не отличается.
Photoshop отлично подходит для создания логотипов, благодаря тому что в нём можно рисовать в векторе или добавлять растровые заготовки. А возможность создания множества слоев позволяет работать с огромным числом объектов и быстро их редактировать.
А теперь давайте перейдем к содержанию самого урока:
Создаем и настраиваем холст
Перед началом работы, необходимо задать параметры для рабочего стола. Переходим в пункт “Файл”, далее “Создать”. В окне выбираем поле “Имя” — сюда пишем название для вашего проекта. Размер холсту задаем квадратный, 500×500 (вы можете выбрать любой другой квадратный размер). Разрешение лучше делать высоким, но оптимальным будет 300 пикселей/дюйм. В пункте “Содержимое фона” выбираем белый цвет. Применяем все настройки, нажав “ОК”.
Рисуем простые векторные формы
В панели слоев выбираем пункт “Создать новый слой”. (Показать и скрыть эту панель можно при помощи клавиши “F7”). Можно сделать это быстрее, нажав на кнопку, на которую указывает стрелка на скриншоте:
Как создать логотип в Фотошопе самому в хорошем качествеНа панели инструментов, которая по умолчанию находится слева, выбираем “Перо”.
Создаём любую свободную форму, а затем корректируем её, использую узловые точки, благодаря “Углу” в раскрывшемся списке, как показано на скриншоте:
И “Стрелке”. см. скриншот ниже:
Возможно для новичка овладеть этими инструментами в самом начале будет не так просто, но спустя некоторое время тренировок, рисовать пером станет намного легче, а за счёт этого быстрее и красивее.
На этом моменте мы решили перерисовать фигуру и сделать мини-звезду. Стоит отметить, что мы делали все очень быстро, лишь для того, чтобы продемонстрировать вам, дорогие читатели, функционал.
Нажав пкм (правой кнопкой мыши) по контуру объекта, в контекстном меню следует найти пункт “Выполнить заливку контура” и подобрать необходимый для этого цвет. Можно долго не думать над выбором, т.к. цвет всегда можно будет поменять в панели параметров слоя.
Но если вы решили сразу залить фигуру нужным цветом, то делаем так, как показано на скриншоте. Стрелка указывает на палитру, где можно выбрать цвет заливки:
Копируем формы
Если необходимо скопировать в буфер обмена слой с объектом, то нужно выделить его, далее в инструментах выбрать “Перемещение”, зажать “Alt” и передвинуть фигуру в необходимую сторону. Если повторить эти действия еще раз, то в итоге получится три абсолютно идентичных фигуры, находящихся на трех различных слоях, которые благодаря ранее отмеченной комбинации клавиш были созданы автоматически. После этого контур, который был нарисован ранее, можно удалить.
Масштабируем и компонуем элементы на слоях
Нужно выделить необходимый слой, зайти в “Редактирование”, далее “Трансформирование” и наконец “Масштабирование”. Затем зажать “Shift” и уменьшить объект, путем перемещения угловой точки, возникшей вокруг него рамки. Если не применять шифт, то масштабирование будет происходить хаотично, т.е. без пропорциональности. Аналогично можно уменьшить другой объект.
Если нужно быстро активировать такую трансформацию, то можно нажать “Ctrl” + “C”.
Далее следует подобрать подходящую форму фигур, выделить слой с ними, нажать пкм на панели слоев и выбрать пункт “Объединить слои”.
После этого можно, используя трансформацию, увеличить фигуру под размер холста.
Заливаем объекты цветом
Пришло время подобрать заливку к каждой фигуре. Нажимаем пкм на слой и выбираем пункт “Параметры наложения”. Далее откроется окно, в котором нужно найти “Наложение градиента” и затем выбрать его тип, который подойдет для заливки объекта. В поле, с названием “Стиль”, выбираем “Линейная”. Подбираем цвет для крайних точек градиента и параметры масштаба градиента. Все применяемые изменения мгновенно показываются на самом холсте. Путем подбора нужно остановиться на наиболее подходящем варианте.
Добавляем текст
Теперь в логотип следует добавить текст, если он вообще вам нужен. В инструментах для этого есть специальный пункт, с названием “Текст”. Затем пишем необходимую аббревиатуру или же слова, выделяем написанное и подбираем шрифт, наиболее подходящее положение. Для передвижения текста следует выбрать инструмент “Перемещение”.
В слоях автоматически создается слой с текстом. У него можно выбирать параметры наложения, как и любого другого слоя.
Быстрый экскурс по созданию логотип в фотошопе подошел к концу! Последним шагом будет его сохранение в нужном формате. В Photoshop их очень большое количество. Самые популярные это PNG, а также JPEG.
Это был элементарный способ создания логотипа, при помощи векторного рисования. Если попрактиковаться и изучить другие функции программы, то можно будет легко создавать более сложные логотипы. До создания сложных логотипов мы еще дойдем в наших следующих уроках Photoshop.
Отрисовка логотипа в Фотошопе | verovski
В прошлом уроке Перевод логотипа в вектор в Фотошопе мы рассмотрели автоматические вариации перевода через области выделения. Мы так же наглядно убедились, что автоматический перевод чаще всего не дает желаемый результат. Скажу больше, при переводе логотипа в вектор чаще всего его не дает. В подобных ситуациях на помощь приходит ручная отрисовка. Выгоды ручной отрисовки на лицо. Это не сложно, вы получаете качественный векторный логотип, но самое главное — ручная отрисовка является платной услугой, которую предлагают множество дизайнерских студий и типографий. Конечно, они это делают не в Фотошопе, но принципы практически не отличаются. К тому же выполнив работу в вы получите рабочие векторные кривые и импортировать их в Иллюстратор дело одной минуты.
Начнем с логотипов попроще, отрисуем для начала старый логотип конторы ТЕЛЕ2, затем схватимся за Била Гейтса. Итак приступим.
Отрисовка логотипа TELE2 в вектор
Начнем с отрисовки простых векторных примитивов. Благо логотип практически весь из них и состоит. Подробнее об векторных примитивах можете прочитать в моей статье Векторные примитивы в Фотошопе.
- Нарисуйте первый примитив
- Выберите в панели опций иконку Add to Shape area (+)
- Эта опция переведет векторный инструмент в режим добавления. Иначе говоря, при следующем попытке нарисовать фигуру, вы будете добавлять эту фигуру к имеющимся, а не создавать новую. Весь логотип будет находится на одной векторной маске, а не разбит на 100 слоев. Подробнее об этом читайте в моей статье Add, Subtract, Intersect и Exlude в Фотошопе
- Продолжайте наносить фигуры.
Вы уже заметили, что большинство букв повторяются, и рисовать каждую с нуля бессмысленно. К тому же, из-за этого одинаковые буквы могут выглядеть по разному.
- Выберите инструмент Path Selection Tool и выделите кусочек буквы E;
- Нажмите ALT и CTRL. Кликните мышкой по фигуре и перетяните её вниз;
- Клавиша ALT скопирует фигуру, а клавиша SHIFT позволит перетянуть фигуру вниз по строгой вертикали.
- Теперь инструментом Path Selection Tool выберите всю букву Е;
- Скопируйте её на место второй буквы Е.
Приступим к самой сложной части, двойке. Возможно вы уже знаете, что сложное состоит из простого. К примеру основание двойки является простым прямоугольником. А шапка частично состоит из окружности. Попробуем все это изобразить при помощи примитивов.
- Нарисуйте каркас двойки;
- Выберите инструмент окружности Ellipce Tool и нарисуйте круг поверх шапки;
- В палитре слоев Layers понизьте прозрачность, что бы видеть логотип через ваш слой;
- Выберите окружность инструментом Path Selection Tool, при необходимости измените размеры и формы окружности Edit > Free Thansform Path.
- В панели настроек переключитесь с Add to Shape area (+) на Subtract from Shape area (-) Нам необходимо удалить лишнее;
- Нарисуйте окружность в центре круга. При необходимости масштабируйте её Edit > Free Thansform Path;
- Инструментом Rectangle отрежьте половину круга.
- Выберите инструмент Direct Selection Tool;
- Кликните по узловой точке на шапке двойке и поправьте её вручную. При необходимости исправьте направляющие.
- Выберите инструмент Pen Tool;
- В настройках вектора опять включите Add to Shape area (+);
- Теперь аккуратно нарисуйте недостающую часть. Сделайте это как можно плавнее;
- Подробнее об инструментах рисования и Pen Tool читайте в статье Инструменты рисования вектора в Фотошопе.
- Для начала нарисуем ровный прямоугольник во всю высоту шрифта;
- Нажмите Edit > Transform Path > Skew и наклоните прямоугольник так, чтобы он точно сошелся с ножкой буквы М;
- Пользуясь описанными выше способами нарисуйте все простые прямоугольники в логотипе.
Пришло время буквы О. Нарисуйте окружность.
Изогните её через Edit > Transform Path > Skew
Переключитесь на Subtract from Shape area (-) и вырежьте внутри дырку. Проделайте с ней те же манипуляции.
Если у вас не получается нацепить окружность точь в точь, поправьте узлы инструментом Direct Selection Tool
- Выберите инструмент Pen Tool;
- Дорисуйте в ручную недостающие детали логотипа;
- Теперь возьмемся за букву S. Эта буква состоит из двух овалов;
- Нарисуйте первый овал;
- Подправьте его направляющие и узелки инструментом Direct Selection Tool;
- При необходимости трансформируйте овал Edit > Free Thansform Path.
- Нарисуйте второй овал. Подправьте его при помощи Direct Selection Tool и Free Thansform Path
- Выберите инструмент Pen Tool.
- На панели настроек переключитесь на Subtract from Shape area (-)
- Аккуратно нарисуйте следующую фигуру. С непривычки может не получаться сделать и гибкие контуры но с каждым разом будет выходить лучше.
Наконец, заключительный этап отрисовки логотипа.
И вот что у нас получилось.
Автор:
Как нарисовать свой логотип в фотошопе
Разработку логотипов принято считать сферой деятельности профессиональных художников-иллюстраторов и дизайн-студий. Однако бывают случаи, когда дешевле, быстрее и эффективнее оказывается создать логотип своими силами. В этой статье рассмотрим то, как это можно сделать с помощью многофункционального графического редактора Photoshop CS6
Создание логотипа в Фотошопе
Photoshop CS6 идеально подходит для создания логотипов благодаря функциям свободного рисования и редактирования фигур, а также возможности добавления готовых растровых изображений. Послойная организация элементов графики позволяет работать с большим количеством объектов на холсте и оперативно их редактировать.
Примечание: Если Photoshop отсутствует на вашем компьютере, установите его согласно инструкции, которая приведена в этой статье.
После установки программы можно приступать к рисованию логотипа.
Примечание: Процедура создания логотипа, показанная далее — это лишь один из множества возможных примеров. Мы просто показываем что и как можно сделать в Photoshop для решения имеющейся задачи, взяв, а точнее, создав в качестве основы максимально простой рисунок. И когда мы пишем — переместите фигуру так-то, увеличьте ее или уменьшите, задайте такой-то цвет — это не значит, что и вы должны действовать точно так же со своим рисунком. Все зависит от предпочтений и/или требований.
Этап 1: Настройка холста
Перед тем как сделать логотип, зададим параметры рабочего холста в Фотошопе CS6. Выбираем «Файл» — «Создать». В открывшемся окне заполняем поля. В строке «Имя» придумываем название нашему логотипу. Задаем холсту квадратную форму со стороной в 400 пикселей (можно указывать большие или меньшие значения, все зависит от того, каких размеров должно быть создаваемое вами изображение). Разрешение лучше выставить как можно выше — 300 точек/сантиметр будет оптимальным. В строке «Содержимое фона» выбираем «Белый». Нажимаем ОК.
Этап 2: Рисование свободной формы
- Вызываем панель слоев и создаем новый слой.
Панель слоев можно активировать и скрыть горячей клавишей F7.
Чертим свободную форму, после чего редактируем ее узловые точки с помощью инструментов «Угол» и «Стрелка».
Следует заметить, что рисование свободных форм — не самая простая задача для новичка, однако, овладев инструментом «Перо», вы научитесь красиво и быстро рисовать что угодно.
Щелкнув правой кнопкой мыши по образовавшемуся контуру, нужно выбрать в контекстном меню «Выполнить заливку контура».
Затем следует выбрать цвет для заливки.
Цвет заливки можно назначить произвольно. Окончательные варианты цветов можно подобрать в панели параметров слоя.
Этап 3: Копирование формы
Чтобы быстро скопировать слой с залитым контуром формой, выделяем его, на панели инструментов нажимаем
Этап 4: Масштабирование элементов на слоях
Выделив нужный слой, выбираем в меню «Редактирование» — «Трансформация» — «Масштабирование». Удерживая клавишу Shift, уменьшаем фигуру, перемещая угловую точку рамки. Если отпустить Shift, фигуру можно масштабировать непропорционально. Таким же образом уменьшаем еще одну фигуру.
Примечание: Трансформацию можно активировать сочетанием клавиш Ctrl+T
На глаз или более точно подобрав оптимальную форму фигур, выделяем слои с ними, щелкаем правой кнопкой мыши в панели слоев и объединяем все выделенные нами. После этого с помощью уже известного инструмента трансформации увеличиваем фигуры соразмерно холсту.
Этап 5: Заливка фигуры
Теперь нужно задать слою индивидуальную заливку. Щелкаем правой кнопкой на слое и выбираем «Параметры наложения». Заходим в бокс «Наложение градиента» и выбираем тип градиента, которым заливается фигура. В поле «Стиль» ставим «Радиальный», задаем цвет крайних точек градиента, настраиваем масштаб. Изменения мгновенно отображаются на холсте. Экспериментируйте и остановитесь на приемлемом варианте.
Этап 6: Добавление текста
Самое время добавить свой текст в логотип. В панели инструментов выбираем инструмент «Текст». Вводим нужные слова, после чего выделяем их и экспериментируем со шрифтом, размером и положением на холсте. Чтобы перемещать текст, не забывайте активировать инструмент «Перемещение».
В панели слоев автоматически создался текстовый слой. Для него можно задавать такие же параметры наложения, как и для других слоев.
Итак, наш логотип готов! Осталось выполнить его экспорт в подходящем формате. Фотошоп позволяет сохранить изображение в большом количестве расширений, среди которых самые популярные PNG, JPEG, PDF, TIFF, TGA и прочие.
Заключение
Вот мы и рассмотрели один из способов самостоятельного создания логотипа. Нами было применено свободное рисование и послойная работа. Попрактиковавшись и ознакомившись с другими функциями Фотошопа, через некоторое время вы сможете рисовать логотипы красивее и быстрее. Как знать, может это станет вашим новым бизнесом!
Отблагодарите автора, поделитесь статьей в социальных сетях.
Декабрь 16, 2017 Октябрь 31, 2019
Логотип является одним из самых ценных активов вашего бренда, которым нельзя пренебрегать. Почему же так важно создать по-настоящему качественную эмблему, которая наиболее точно отразит суть вашего бизнеса? Ответ прост: она обеспечит узнаваемость компании, а хорошая репутация ускорит рост популярности бренда. Используйте лого везде: на веб-сайте компании, вывеске, упаковке товара, канцелярских принадлежностях, одежде, баннерах, визитках и т.д. Так вы сможете установить эмоциональную и визуальную связь с вашей целевой аудиторией и выделиться на фоне конкурентов.
Зачастую, люди, которые только начинают свое дело или запускают бизнес-проекты, сталкиваются с одной и той же проблемой — необходимостью создания профессионального, качественного бренда в условиях ограниченного бюджета. В таком случае, у вас есть 2 варианта создания лого: использовать генератор логотипов онлайн, например Логастер, или попробовать создать дизайн в фотошопе.
Преимущества использования Photoshop
Adobe Photoshop уверенно лидирует среди программ для создания графических изображений. Он представляет собой многофункциональный графический редактор, в котором можно редактировать фотографии, добавлять различные визуальные эффекты и создавать графические изображения. Следует отметить, что Photoshop (cs 5, cs 6 и другие)считается довольно сложной программой, которая используется профессионалами в области кинематографии, анимации и фотографии, ведь она предлагает большое разнообразие инструментов для создания уникальных элементов дизайна, в т.ч. логотипа.
Что ж, если вы уверенный пользователь фотошопа, то преимуществ самостоятельного создания лого достаточно. Во-первых, вы можете поэкспериментировать и в результате получить уникальный логотип или иконку.
Во-вторых, рисуя логотипы в формате PSD самостоятельно, вы полностью контролируете весь процесс, редактируете и вносите правки самостоятельно, не тратите время. К тому же, создание лого в фотошопе — это абсолютно бесплатно.
Но здесь есть и свои минусы. Например, если вы совершенно не умеете рисовать или не знаете основных правил графического дизайна, сочетания цветов и шрифтов, и т.д., вам будет нелегко создать отличный логотип, который будет работать на вас и поможет вашему бизнесу стать запоминающимся и узнаваемым в позитивном смысле.
Еще одним недостатком использования фотошопа может быть длительность процесса разработки лого. Продолжительность создания логотипа в фотошопе зависит от ваших требований, навыков и результата, который вы хотите получить в итоге. Сначала продумайте ваш логотип, сделайте несколько набросков обычным карандашом в ежедневнике. А если затрудняетесь и не знаете, с чего начать, то вам следует почерпнуть вдохновения из кинематографа, комиксов, природы, фото, и т.д. Ведь все это вдохновляет настоящих профессионалов создавать новые направления в дизайне логотипов.
Если же Фотошоп — это тот инструмент, с помощью которого вы хотите создать логотип, то данная статья будет как раз кстати. Мы собрали несколько полезных видео, просмотрев которые вы можете попробовать сделать красивый логотип самостоятельно даже не имея необходимых навыков. Вы можете ознакомиться с видеоуроками ниже.
Следуя всем инструкциям в видео, вы можете получить такую эмблему, которую не стыдно будет поместить на визитные карточки и рекламную продукцию, а также разместить в интернете (веб-сайт, социальные сети и т.д.).
Подборку красивых шрифтов для фотошопа вы можете найти здесь.
Подборка видео-уроков о том, как создать логотип в фотошопе
Давайте наконец-то посмотрим несколько видео руководств по дизайну логотипов, которые могут сделать вас дизайнером даже при наличии минимального опыта и практики работы в фотошопе. Посмотрите каждую ссылку, чтобы получить лучшие пошаговые руководства по разработке логотипов в Photoshop и найти вариант, который подходит вам больше всего.
1. Как сделать логотип в Photoshop.
Это очень простой видеоурок о создании логотипа. Вы узнаете, как сделать логотип в фотошопе, используя простые инструменты программы, даже если вы не умеете рисовать или никогда не пользовались графическим редактором. Над результатом нужно будет еще немного поработать, чтобы придать ему завершенный вид. Но для новичка вполне подойдет!
2. Как сделать простой логотип в Photoshop.
Если вы совсем ничего не знаете о создании логотипов, это руководство станет вашим незаменимым помощником. Видеоурок, в котором показано, как быстро и просто сделать персональный или фирменный логотип для сайта, компании, социальный сетей в фотошопе.
3. Photoshop Tutorial: How to Create Your Own Fantasy-Action, Video Game Logo.
(Урок Photoshop: как создать свой собственный логотип видеоигры).
Молодое поколение любит все смелое и необычное. Ищите уникальную эмблему для своей новой видеоигры? Это руководство расскажет вам, как создать динамический логотип наподобие этого.
4. Photoshop | Logo Design Tutorial | Galaxy Logo.
Правда, красивый лого? Это видео подробно рассказывает о том, как создавался этот простой, но в то же время красивый и оригинальный логотип.
5. Как создать металлический логотип в фотошопе.
Из этих видео вы узнаете, как создавать металлический логотип. Достаточно интересная идея, однозначно стоит попробовать.
6. Как создать логотип для строительной фирмы фотошопе.
Мечтаете об оригинальном лого, которого не будет больше ни у кого? Тогда обратите внимание на эту инструкцию. Здесь найдете все, что вам нужно знать и сможете создать свой собственный шедевр всего за пару минут!
7. Как сделать векторный логотип-череп в Photoshop.
С Photoshop создать простой, но при этом стильный логотип в виде черепа намного проще, чем кажется. Узнайте, как при помощи Photoshop сделать эту и другие запоминающиеся эмблемы, и использовать ее, например, для создания пиратского логотипа:
8. Hipster Logo Design — Photoshop Tutorial.
(Хипстерский дизайн логотипа — Урок Photoshop).
В индустрии моды и стиля особой популярностью пользуются хипстерские логотипы PSD. Особенно актуальным он может быть для владельцев магазина одежды. Если вам нужен такой лого, то без этого руководства вам просто не обойтись:
9. Как сделать хипстерский логотип в Photoshop.
Еще одно пошаговое видео, которое научит вас делать хипстерские эмблемы в Photoshop. Скоро вы сможете делать такие логотипы с закрытыми глазами!
10. Как создать минималистичный и профессиональный логотип.
Это прекрасная инструкция для тех, кто мечтает о простой, лаконичной эмблеме без обилия текста и изображений. На это у вас уйдет меньше времени, чем вы думаете!
11. Как сделать логотип в фотошопе. Логотип из фото.
В этом видео показан полный цикл преображения фотографии в готовый логотип.
12. Видеоурок: Как сделать 3D текст, логотип.
Автор этого руководства наглядно показывает, как сделать качественный лого с 3D эффектом, используя фотошоп!
13. Leafy Text Effect Photoshop Tutorial.
(Как сделать логотип в эко тематике).
Из этого руководства для Adobe Photoshop вы узнаете, как посредством логотипа передать такие идеи, как экологичность и забота об окружающей среде. «Зеленая» тема будет уместна как на логотипах, так и на других графических изображениях.
14. Как создать логотип в Photoshop за 5 минут.
Универсальная инструкция, подробно описывающая, как в программе Photoshop быстро и просто сделать фирменный логотип для сайта, компании, или ваш персональный логотип.
15. Эти руководства научат вас применять красивые эффекты к тексту вашего логотипа. Не бойтесь экспериментировать со шрифтами и цветами!
16. Как создать ретро-логотип.
Логотип — это намного больше, чем просто корпоративное изображение. Он должен отражать не только то, чем занимается ваша компания, но и ее историю, ценности и миссию.
17. Секреты создания первоклассного логотипа. Руководство для начинающих.
(How to Make Logo in Photoshop PSD — Photoshop Tutorial for Beginners — Basic Idea).
Это руководство охватывает весь процесс создания логотипа PSD от первого до последнего шага. Мы советуем пользователям открыть Photoshop и повторять каждое действие, описанное в видео. Вот увидите, это намного эффективнее, чем просто читать текст.
Ну, а если с фотошопом все же не сложилось, попробуйте сделать свой логотип в онлайн генераторе логотипов, такой вариант будет самым удобным и выгодным. Вы также можете создать логотип онлайн, а затем скачать его и немного доработать в фотошопе, если результат не устраивает.
В чем же преимущества Логастера?
Во-первых, сайт очень прост в использовании. Все, что нужно сделать — это ввести название своего бизнеса, вид деятельности, а затем выбрать лучший вариант из десятков предложенных.
Во-вторых, такой конструктор логотипов экономит вам кучу времени, сил и нервов. Рассмотрим ситуацию, когда вы только начали свой бизнес и вам срочно необходим логотип. Вы можете обратиться к дизайнеру, он попросит дать ему несколько дней, чтобы сделать первые наброски. Вы также потратите время, чтобы объяснить, что именно вы хотите получить, на звонки, электронные письма и т.д. И не факт, что вы останетесь довольны. Так же и с фотошопом. Если вы не знакомы с ним, то лучше сэкономить время и создать логотип в онлайн генераторе всего за несколько минут!
И в-третьих, не нужно иметь какие-то специальные навыки, чтобы создать лого онлайн. Это может быть одним из главных преимуществ конструктора, если вы не знаете, как работать в фотошопе или другом графическом редакторе. В Логастере, например, можно редактировать лого, как вам захочется: менять иконки, цвета, шрифт, расположение элементов. Маленькое лого можно скачать абсолютно бесплатно.
Сделай логотип онлайн лучше, чем в фотошопе!
Логастер поможет создать профессиональный лого без знания Photoshop или навыков дизайнера – просто, быстро, качественно!
Выводы
Надеемся, видео уроки о том, как создать логотип в Photoshop, которые мы подобрали, помогут вам получить логотип, о котором вы мечтали. Выбрать лучшие видео не всегда просто, ведь интернет — огромная платформа, бесконечный ресурс контента на любую тематику, в том числе о работе в разных графических редакторах. Просмотрев эти уроки, вы сможете не только воссоздать все действия и нарисовать похожий логотип, но и придумать что-то свое, объединить идеи из нескольких видео, поэкспериментировать и получить в итоге классный результат.
А если результат работы в фотошопе вас не устраивает или ничего не получается, просто попробуйте сделать логотип в онлайн лого мейкере. Вы можете не только получить отличный логотип, прилагая минимальные усилия, но и получить порцию необходимого вдохновения.
Декабрь 16, 2017 Октябрь 31, 2019
Создавайте свой дизайн сейчас
Приступите к разработке своего фирменного стиля прямо сейчас. Введите название своей компании — и всего через минуту логотип будет у вас! Попробуйте сами! Нет ничего проще!
Logaster – онлайн-агентство по брендингу, которое помогает миллионам клиентов создавать собственный фирменный стиль!
Разработка логотипа – это не такой лёгкий процесс, как может показаться на первый взгляд. Над некоторыми работают целые студии и команды профессиональных дизайнеров и маркетологов. Правда, даже самые лучшие дизайн студии используют для создания логотипов специализированные программы, которые имеются в открытом доступе. Одна из таких программ – Adobe Photoshop. Она идеально вам подойдёт в том случае, если требуется сделать простой логотип собственными силами. Вы, конечно же, может в нём сделать и более сложное лого, но для этого потребуется очень хорошо знать и уметь работать с программой.
Также стоит оговориться, что Фотошоп изначально не разрабатывался для рисования иллюстраций, логотипов и прочих элементов брендинга. Однако в последних версиях для этого имеются все нужные инструменты – возможность свободного рисования, редактирование фигур, добавление готовых растровых элементов. Благодаря тому, что процесс работы сильно завязан на слоях, вы можете взаимодействовать одновременно с большим количеством графических элементов и оперативно вносить в них какие-либо корректировки, если это потребуется в ходе работы.
Как создать логотип в Adobe Photoshop
Для создания логотипа мы бы больше рекомендовали использовать программу Adobe Illustrator. Она во многом похожа на Фотошоп, а также поставляется от одного разработчика, однако весь её функционал заточен именно на работу с векторной графикой – иллюстрации, логотипы и т.д.
Однако и в Фотошопе можно сделать полноценный логотип. Для удобства восприятия материала поделим весь процесс на этапы, для каждого из которых дадим подробную инструкцию. Правда, для того, чтобы создать лого по этим инструкциям вам всё равно потребуются хотя бы самые базовые навыки работы в программе, а также представления об её интерфейсе и функциях.
Этап 1: Настройка документа
Перед тем, как приступать к работе, нужно создать сам документ. Здесь нет каких-либо чётких требований, которые были бы стандартны для всех случаев. Вам может потребоваться документ со совсем другими параметрами, нежили те, которые рассматриваются в статье. Мы же создадим документ по максимально стандартным параметрам, что используются при создании логотипов:
- Запустите программу Photoshop. В новых версия прямо на экране приветствия нажмите на кнопку «Создать». Если этой кнопки нет, то кликните на «Файл», что расположен в верхней панели программы. Из контекстного меню выберите вариант «Создать».
Подготовительный этап завершён и документ был успешно создан для работы. Далее процесс будет сильно зависеть от того, какой именно логотип вам нужно изобразить. Возможно, вам некоторые инструкции из статьи не понадобятся, а возможно, что нужной для вашего случая информации не будет ни в одной из них. Несмотря на это, рекомендуется ознакомиться с ними.
Этап 2: Создание первичных форм
Для начала определитесь, как будет выглядеть ваш будущий логотип. Возможно, вам хватит только тех примитивных фигур, которые по умолчанию уже представлены в Фотошопе, а возможно, что вполне вероятно, эти фигуры придётся дополнительно редактировать. Итак, давайте рассмотрим весь процесс в деталях:
- В панели инструментов Фотошопа выберите нужную вам фигуру – круг, прямоугольник, многоугольник и т.д.
- Обратите внимание, что при выборе той или иной фигуры вы можете настраивать её определённые параметры. Настройка этих элементов расположена в верхней части рабочей области. Здесь, обычно, меняется цвет самой формы, настраивается обводка, устанавливаются какие-либо дополнительные значения, например, количество углов. В качестве примера мы выбрали прямоугольник.
Обратите внимание, что все созданные вами фигуры автоматически переносятся на новые слои, благодаря чему вы можете редактировать каждую из них в отдельности и в любой момент времени. Также с помощью слоёв можно перемещать её позицию относительно других объектов композиции. Однако, если вы используете старые версии Фотошопа, то рекомендуется для каждой отдельной фигуры создавать новый слой, чтобы вы могли быстро вернуться к её редактированию.
В качестве примера мы создали стандартный прямоугольник, но согласитесь, что это не логотип. Давайте попробуем «срезать» ему один из верхних углов. Чтобы это сделать выберите соответствующий инструмент в панели. Он называется «Выделение контура» и вызывается кнопкой A (английской) на клавиатуре.
Таким образом вы можете изменить чуть ли не до неузнаваемости стандартные фигуры из набора Фотошопа. Однако довольно часто бывают ситуации, когда нужно создать что-то нестандартное. В этом случае лучше воспользоваться инструментом «Перо» и нарисовать фигуру для вашего логотипа с нуля. Инструкция для этого случая выглядит следующим образом:
- Для новой произвольной фигуры рекомендуется создать отдельный слой. Чтобы это сделать, в панели слой нажмите на иконку добавления нового.
- Теперь в панели инструментов найдите «Перо» (расположение отмечено на скриншоте). Его можно также вызвать, воспользовавшись клавишей P на английской клавиатуре.
- На холсте задайте несколько точек, чтобы схематично получилась та фигура, которую вы планируете изобразить в итоге.
- Чтобы фигура была более плавная, расставляйте точки с зажатой левой кнопкой мыши. У вас напротив новой точки должны будут появиться кривые бизье (отмечены на скриншоте). Если нужно «вывернуть» контуры, сделать их более плавными, то попробуйте подвигать эти манипуляторы.
- Завершите формирование фигуры, замкнув последнюю точку с первой, то есть просто поставив последнюю точку на первую.
Обратите внимание, что вы можете задать абсолютно произвольный цвет заливки фигуры. Окончательный цвет будет подобран вами позже в зависимости от самой композиции.
Этап 3: Расстановка элементов
По сути самое сложное уже позади. Теперь вам осталось полученные формы размножить и разместить в нужном порядке, а также подкорректировать, если вам это будет необходимо. Изначально рассмотрим, как можно размножить получившиеся элементы:
- На панели слоёв выделите нужный вам элемент и нажмите сочетание клавиш Ctrl+J. Либо можно кликнуть по нужному слою правой кнопкой мыши и выбрать из контекстного меню вариант «Копировать слой».
- Теперь в слоях выберите скопированный слой.
- В панели инструментов выберите инструмент «Перемещение». С помощью него передвиньте скопированную фигуру в нужное вам место на холсте.
- Если вам нужно изменить её размер, то воспользуйтесь комбинацией клавиш Ctrl+T. По бокам от фигуры появятся специальные манипуляторы. Тяните за них, чтобы изменить размеры фигуры. Если вам нужно, чтобы размер менялся пропорционально, то двигайте манипуляторы с зажатой клавишей Shift.
- В разделе трансформирования размера фигуры вы также можете изменять её перспективу, деформировать и т.д. Чтобы получить доступ к этим вариантам трансформирования, нажмите комбинацию клавиш Ctrl+T, а затем правой кнопкой мыши по трансформируемой фигуре.
Этап 4: Заливка фигур
Данный этап может быть необязательным в том случае, если вы уже залили её нужным цветом на предыдущих этапах. Однако, если требуется какая-то более сложная заливка, например, градиентная, то её придётся добавлять отдельно. В качестве примера добавим одной из фигур градиентной заливки.
- В панели со слоями выберите слой нужной фигуры. По нему нужно нажать два раза левой кнопкой мышки, чтобы открыть окно редактирования стиля слоя.
- В правой части открывшегося окошка установите галочку напротив пункта «Наложение градиента». Также нажмите на этот пункт, чтобы перейти к его более детальным настройкам.
- Здесь вы можете настраивать следующие параметры:
- «Режим наложения». По умолчанию стоит «Нормальный». В программу их встроено много, поэтому каждый из них рассматривать подробно не имеет смысла. Если считаете нужным, то можете «поиграться» с ними и выбрать оптимальный вариант;
- «Непрозрачность». Если её значение стоит на нуле, то градиент не будет виден, а вместо него вы увидите стандартную заливку. Если значение стоит на 100%, то градиент полностью закроет фигуру;
- «Градиент». Здесь выбирается сам шаблон наложения градиента и настраивается более подробно. Именно в этом пункте можно настроить цвета, плавность их перехода, добавить различные точки и т.д;
- «Стиль». Здесь задаётся стиль наложения градиента. Например, в случае с «Радиальным» градиент идёт из центра фигуры, если выбран «Линейный», то градиент накладывается с определённого края;
- «Угол». Применяется в основном при наложении в линейном стиле, отвечает за то, из какого угла будет «падать» градиент;
- «Масштаб». Отвечает за размытие градиентной заливки по фигуре.
Наложение градиента на фигуру может показаться сложной процедурой для неопытных пользователей Фотошопа, однако после нескольких попыток вам это не покажется таким сложным.
Этап 5: Добавление текста
В большинстве логотипов добавляется текст, где пишется наименование компании и, не всегда, слоган фирмы. Текст добавляется и редактируется следующим образом:
- В панели инструментов выберите инструмент «Текст». Чтобы начать писать, кликните в нужное место на холсте. Также вы можете выделить место для написания текста. Для этого просто зажмите левую кнопку мышки и укажите область.
- Напишите текст. Если помимо названия фирмы вы планируете написать ещё слоган или какой-то дополнительный текст, то делайте всё это на отдельных слоях. В новых версиях под каждое нажатие на холст или выделение области с использованием инструмента «Текст» создаётся редактируемый текстовый слой.
Этап 6: Сохранение документа
Завершив работу над логотипом вам нужно его сохранить для дальнейшего использования. Это наиболее простой этап из всех рассмотренных в инструкции:
- Нажмите в верхней части интерфейса на кнопку «Файл». Из контекстного меню выберите вариант «Сохранить как».
Рекомендуется сохранять готовую работу во всех или как минимум в первых трёх из указанных форматов. Это необходимо в тех случаях, если вам, например, вдруг потребуется отредактировать логотип и/или вставить его в какой-либо документ. Также стоит упомянуть, что Фотошоп поддерживает сохранение и в других форматах, однако их использование целесообразно только в каких-то отдельных случаях.
Создать логотип в Adobe Photoshop можно без каких-либо серьёзных проблем. Попрактивовшись и получив более широкое представление о различных функциях Фотошопа, вы сможете сами без проблем делать и более сложные логотипы уже без инструкций.
Как создать логотип в Photoshop: пошаговая инструкция
Говоря о логотипе для компании, сложно переоценить его достоинства. Ведь функционал этого графического знака достаточно широк: во-первых, он отвечает за рост узнаваемости и привлечение целевой аудитории, что позитивно сказывается на спросе, во-вторых, создав логотип, вы формируете имидж компании — оригинальный отличительный от конкурентов элемент фирменного стиля указывает на уровень профессионализма и повышает доверие клиентов. Логотип способен установить эмоциональную связь с компанией и выступает в качестве ее первой визуальной ассоциации, поэтому его, как правило, используют на всевозможных носителях информации: визитках, бланках, конвертах, баннерах, вывесках, дополнительной фирменной продукции, упаковках товаров, в качестве фавиконок и т.д.
Начинающие стартаперы нередко сталкиваются с проблемой ограниченного бюджета, но при этом обладают огромным желанием грамотного ведения бизнеса. В таком случае нужно искать недорогие решения для создания фирменного стиля. Обычно выделяют два бюджетных варианта, которые помогают обзавестись логотипом:
1. Воспользоваться фотошопом;
2. Воспользоваться онлайн редактором (например, Logaster).
Преимущества использования Photoshop
Adobe Photoshop — один из лидеров среди программ по созданию графических изображений. И это не странно, ведь функционал этого редактора позволяет воплотить даже самые смелые художественные идеи в реальность. Уровень качества и креативности результатов работы в программе зависит от навыков пользователя и версии самой проги. Так Photoshop (cs 5, cs 6 и т.д.) считается довольно сложным редактором и используется в различных отраслях графического дизайна от кинематографии до создания элементов фирменного стиля, в частности и логотипа.
Если работать в фотошопе для вас просто, как дышать воздухом, то преимуществ использования этого графического редактора не перечесть. Остановимся на основных двух: во-первых, используя свою фантазию и большой функционал редактора, вы можете создать уникальный логотип или иконку, во-вторых, вы сами управляете процессом, то есть результат будет именно таким, как хотите этого вы. Ну и самое главное, — логотип абсолютно бесплатен.
Но выделяют также несколько недостатков использования этого графического редактора. Это длительный процесс, и, более того, вы должны постоянно работать, ведь никто не сделает лого за вас и не предложит вам никаких готовых вариантов. К тому же, если вы совершенно не имеете никакого опыта работы с графическими редакторами, вас может напугать непростой интерфейс программы.
Именно для того, чтобы упростить вам задание создания логотипа с помощью Photoshop, мы подобрали для вас более 20-и полезных видео уроков, которые объяснят как пользоваться программой и создавать профессиональные логотипы
с интересными иконками, фонами и шрифтами. Подборку красивых шрифтов для фотошопа вы можете найти здесь.
Подборка видеоуроков по созданию логотипов в Photoshop
Многие отказываются от работы с фотошопом, поскольку бытует мнение, что это непростой в использовании редактор и без специальных художественных и программистских навыком здесь не обойтись. И чтобы опровергнуть это утверждение убедить вас в обратном, предлагаем посмотреть несколько интересных и простейших видеоуроков по использованию фотошоп.
1. Как сделать логотип в Photoshop
Автор видео утверждает, что создать логотип можно даже без художественных навыков, пользуясь только гарнитурой и простейшими геометрическими объектами. В доказательство этого он разрабатывает несколько отличных текстовых композиций, используя базовые приемы для создания логотипа. И дополнительно предоставляет несколько дельных дизайнерских советов. Словом, с таким уроком обзавестись логотипом сможет каждый!
2. Как сделать простой логотип в Photoshop
Видеоурок безупречно вдохновит вас на идею создания интересного логотипа с фоном, контрастными шрифтами, иконкой и простыми геометрическими рисунками. Каждое действие автора всплывает в виде текстовой инструкции, так что информация воспринимается легко, — остается только воспроизвести на ее практике.
3. Photoshop Tutorial: How to Create Your Own Fantasy-Action, Video Game Logo.
(Урок Photoshop: как создать свой собственный логотип видеоигры)
Англоязычный видеоурок по созданию логотипов для видеоигр смело может стать вашим первым путеводителем по работе с фотошопом. Автор ролика дает четкие инструкции по использованию самых смелых шрифтовых и цветовых решений, фильтров и эффектов.
4. Photoshop | Logo Design Tutorial | Galaxy Logo
Ещё один видео урок по созданию невероятного логотипа элементарным путем. Меняя цвета и размеры обычных геометрических фигур, автор видео создает отличный фирменный знак. А также из видеоурока вы узнаете как украсить шрифт декоративными завитушками придать логотипу необычный цвет. Все гениальное просто!
5. Как создать металлический логотип в фотошопе
Логотипы в металлическом стиле смотрятся очень интересно, а создать их, используя только фотошоп, как ни странно, достаточно просто. Подборка из трех видеоуроков даст вам представление о том, как правильно использовать металлические текстуры и с какими шрифтами, цветами и эффектами их лучше всего сочетать.
6. Как создать логотип для строительной фирмы в фотошопе
Видеоурок о том, как создавать векторные логотипы на основании готовых набросков. Автор видео использует свои рисунки с миллиметровки, с которыми он щедро делится в описании под видео. А также дает дельные советы касательно шрифтов для логотипов строительных компаний и различных геометрических решений.
7. Vector Skull Logo Design in Photoshop
(Как сделать векторный логотип с черепом в Photoshop)
Как говорит автор в своем видео: «Много шагов, но очень-очень просто». Из этого англоязычного ролика вы узнаете, как создать профессиональный логотип на основании своих самых спонтанных и нелепых начертаний.
8. Hipster Logo Design — Photoshop Tutorial
(Хипстерский дизайн логотипа — Урок Photoshop)
Хипстерские логотипы сейчас в тренде. Это не удивительно, ведь смотрятся они действительно круто. Просмотр этого урока не только вдохновит вас на создание стильного логотипа, но и подскажет, как максимально эффективно использовать редактор и справляться с различными трудностями в этом процессе.
9. How To Design An Authentic Hipster Logo In Photoshop
(Как сделать хипстерский логотип в Photoshop)
Еще один видеоурок по созданию хипстерского логотипа, чтобы наверняка закрепить информацию и решиться на создание своего стильного хипстер-лого.
10. Как создать минималистичный и профессиональный логотип
Просто и без слов! Не нужно долгих объяснений и расплывчатых указаний, чтобы научиться создавать прекрасные минималистичные текстовые логотипы с геометрическими фигурами. Для этого вполне достаточно приятной музыки, наглядный пример от автора видео и ваша креативность. Все более, чем просто!
11. Как сделать логотип в фотошопе. Логотип из фото
Этот видеоурок никого не оставит без улыбки, но главное его преимущество — это быстрая и понятная демонстрация, как из любой фотографии создать отличный логотип. Простейший вариант разработки логотипа, не требующий абсолютно никаких навыков дизайнера.
12. Видеоурок: Как сделать 3D-логотип
Логотипы в 3D смотрятся реалистично, но считается, что их создание без каких-либо профессиональных навыков, наоборот, — нереально. Данный видеоурок убедит вас в обратном. Ведь автору этого ролика понадобилось всего 5 минут, чтобы создать отличный 3D-логотип, используя фотошоп. Попробуйте, у вас обязательно получится!
13. Leafy Text Effect Photoshop Tutorial
(Как сделать логотип в эко тематике)
Этот видеоурок не оставит равнодушным никого, кому нравится «зеленая» тема. Автор рассказывает и показывает как создать невероятный эффект текста с листьями и деревом. Вы узнаете не только о том, как создать логотип в стиле Джунгли, но и почерпнуть много дельных советов для создания логотипа в фотошопе.
14. Как создать логотип в Photoshop за 5 минут.
15. Как применить эффекты к тексту
Текстовые логотипы очень популярны, особенно учитывая тот факт, что мир дизайна просто кипит различными шрифтами и эффектами. Такой логотип самодостаточен и может смело обойтись без дополнительных элементов фирменного знака. Текст с эффектом — все, что нужно для лого. А чтобы узнать, как легко и быстро создать его в фотошопе, посмотрите эти три видеоурока.
16. Как создать ретро логотип
Ретро логотипы обладают неким шармом и особым эмоциональным посылом, Используйте их, если специфика стиля подходит вашему бизнесу — это сыграет вам только на руку. Представленные точно вдохновят и научат вас всему необходимому для создания отличного логотипа в стиле ретро.
17. Секреты создания первоклассного логотипа. Руководство для начинающих
(How to Make Logo in Photoshop — Photoshop Tutorial for Beginners — Basic Idea)
Текстовые логотипы смотрятся интересно, особенно если выполнять их в креативных шрифтах. Автор этого видеоурока делится дизайн советами (и ссылкой на скачивание великолепных шрифтов) и предлагает отличный вариант использования заглавных букв от названия вашей компании или вашего имени в качестве текстового логотипа. Это просто и красиво!
Но если все же фотошоп — не совсем тот инструмент, которое вы искали для создания фирменного знака, то попробуйте поработать в онлайн генераторе логотипов. Это наиболее быстрый и удобный вариант создания лого. К тому же, можно соединить эти два способа создания логотипа и доработать, созданный в онлайн-редакторе логотип, используя фотошоп.
Читайте также: 15 вдохновляющих трендов дизайна логотипов в 2017 годуПреимущества онлайн-генератора (например, Logaster)
Сайт не требует изобилия действий. Вам нужно только ввести название своей компании и выбрать из выпадающего списка вид вашей деятельности. Генератор сам подберет для вас множество актуальных иконок на выбор.
Конечно же, существуют и другие способы создания логотипа. Но если вы ограничены небольшим бюджетом и малым количеством времени, то многие из них сразу же отсеиваются. Так, например, работа с дизайнером сама по себе требует много средств, но и ждать логотип вы будете сравнительно долго. А в итоге переговоров по телефону и диалогов в емейл-письмах, вы рискуете получить не совсем тот результат, которого ожидали.
Ну важно отметить, что, используя онлайн-сервис Logaster, вам не нужно иметь абсолютно никаких навыков дизайнера или фотошопера, ведь редактор на сайте очень удобный и понятный.
Большим преимуществом является также то, что маленькое лого можно скачать абсолютно бесплатно.
Итог
Каждый видео урок из этой подборки предлагает узнать и изучить различные функции редактора Photoshop. Совместите советы из несколько роликов, чтобы создать абсолютно новый логотип или, в крайнем случае, скопируйте идею одного из авторов видео. Попробуйте также поискать в интернете видеоуроки по использованию фотошопа, если в этой подборке вы все же нашли того, что искали, ведь сеть кипит контентом на эту тему.
Если все же вам нужно еще более простое решение, используйте онлайн-генераторы. Вдохновляйтесь, фантазируйте и создавайте невероятные логотипы.
Автор этого поста:Томюк Оксана Михайловна, Интернет-маркетолог logaster.ru
08-01-2018
Рисуем винтажный логотип в Фотошоп / Creativo.one
Здравствуйте. Вы глубоко ошибаетесь, если считаете, что создание логотипа, это совсем несложная работа. Дизайн логотипа, в комплексе, должен содержать в себе несколько вещей, про которые дизайнер не должен забывать на протяжении всей работы по созданию логотипа: информационная составляющая, простота создания, узнаваемость бренда. Если соединить все элементы в одном логотипе, то логотип будет работать на вас.
В этом уроке, на основе данного материала, мы, с помощью Пера и кривых, создадим логотип автосервиса в винтажном стиле в Adobe Photoshop CS6.
Шаг 1
Для начала, мы разбираем информационную составляющую будущего логотипа. Учитывая, что мы делаем логотип для автосервиса, первое, что приходит в голову — автомобиль. Чтобы не нагружать лого посторонними деталями, мы возьмем за основу изображение того же автомобиля. По мне, так потребитель сразу обратит внимание на такую вывеску, чем успеет прочитать надпись на соседнем, конкурирующем, автосервисе, без логотипа. Чтобы придать динамичности изображению, используем прерывистые линии по обеим сторонам.
Шаг 2
В создании логотипа важную роль может сыграть такая простая фигура, как круг, или в нашем случае овал. При том, что он вполне подходит к ретро стилю, он еще и отделит логотип от текста. И красиво и практично.
Шаг 3
Переходим к самой сути создания, подбираем текст и рисуем автомобиль. В нашей работе, правильно подобранные слова, такие как «Premium Quality» (Высокое качество) и «Car Service» (Автосервис) могут очень сильно облегчить понимание логотипа, придать ощущение профессионализма. Ниже представлены два эскиза. Выберем второй вариант, так как он проще выглядит, а простота нам на руку.
Шаг 4
В данном шаге уделим внимание центральной композиции и главной составляющей логотипа — автомобиль. Еще раз напомните себе, при рисовании скетча, что не стоит усложнять мелкими деталями модель. Посмотрите в интернете изображения автомобилей, срисовывайте, комбинируйте варианты. Для придания ощущения скорости, увеличьте капот модели. И, наконец, когда логотип будет готов для оцифровки, перейдем к следующей цепочке шагов урока.
Шаг 5
Запустите Adobe Photoshop CS6, создайте новый документ File — New (Файл — Новый), Ctrl + N.
Настройки нового документа: ширина 800 pt (пунктов), высота 800 pt (пунктов), разрешение 300 пикселей на дюйм, цветовой режим CMYK.
Шаг 6
Отсканировав ваш эскиз логотипа, нарисованного карандашом на бумаге, вставьте его в новый документ, используя его как подложку. Непрозрачность слоя уменьшите до 70%. под слоем с эскизом создайте новый слой, залейте его белым цветом. В Палитре Слоев, для удобства, заблокируйте слой с рисунком. Для иных действий, всегда создавайте Новый слой, чтобы в дальнейшем не путаться в Фигурах и Контурах.
Шаг 7
Выберите инструмент Pen Tool (P) (Инструмент «Перо»), настройте инструмент, как на изображении ниже. Обведите основные контуры автомобиля. Далее, некоторые фигуры можно будет залить цветом одним щелчком мыши, благо Adobe Photoshop, начиная от версии CS6 стал ближе к Контурам, догоняя Adobe Illustrator.
Шаг 8
Настроив иначе инструмент Pen Tool (P) (Инструмент «Перо»), начинаем рисовать фигуры.
Шаг 9
Добавляйте понемногу черные фигуры корпуса и белые овалы автомобильных колес и фары. И когда уже модель будет готова, понадобиться соединить все фигуры вместе. Перво-наперво, следует убедиться, что все слои на своих местах. Например, слой с белой фарой должна находиться выше слоя с черным бампером. Таким образом, вырежем отверстие в фигуре. Объедините необходимые слои, бампер и фару, Ctrl + E. Образуется один слой, но с двумя мобильными фигурами. Выделите контуры инструментом Path Selection Tool (A) (Инструмент «Выделение контура»), и в настройках инструмента нажмите на Subtract from Shape Area (Вычесть переднюю фигуру), затем Merge Shape Components (Объединить компоненты фигуры).
Добавляя фигуры, редактируя контуры и объединяя все воедино, добиваемся следующего результата. Конечно, попотеть придется, смотря, как набита у вас рука, в работе с инструментами касаемо контуров.
Шаг 10
Создайте вокруг автомобиля овальную фигуру, залейте ее черным цветом, без контура. Дублируйте слой и с помощью Свободного трансформирования Ctrl + T, уменьшите немного второй овал. Таким образом, в Палитре слоев у вас будет один большой овал, а выше овал поменьше. Объедините эти слои в один. С помощью инструмента Path Selection Tool (A) (Инструмент «Выделение контура») выделите оба овала и выберите в настройках инструмента Exclude Overlapping Shapes (Исключить перекрывающиеся фигуры).
Шаг 11
С помощью инструмента Rectangle Tool (U) (Инструмент «Прямоугольник») создайте прямоугольник, наклоните, используя Свободную трансформацию, верхушку влево, чтобы получился параллелограмм. Создайте два дубликата, у первого немного увеличьте ширину. Второй отредактируем иначе. Инструментом Direct Selection Tool (A) (Инструмент «Стрелка») выберите правую верхнюю точку параллелограмма и тащите ее вправо до тех пор, пока данный угол не встанет в 90 градусов, перпендикулярно нижней правой точки контура, как показано на изображении ниже.
Шаг 12
Дублируя, изменяя размеры и положения данных линий, добьемся следующего результата. По желанию, линии и овал вокруг автомобиля, можно объединить в одну фигуру (в один слой).
Шаг 13
Добавим больше информации в наш логотип — создадим Текст! Для верхней части больше подойдет жирный шрифт, притягивающий на себя внимание. Шрифт нижней части подберем потоньше. Для надписи «Premium Quality» выберем из Elephant, Anchor Jack, Chunk Five и Louisianne Black.
Но лучше подходит Louisianne Black.
Для «Car Service» выберем из RiotSquad, Lobster Two и Mabella. Но скорее всего будет хорошо смотреться Lobster Two.
Шаг 14
Чтобы нижняя надпись гармонично вписывалась в наш логотип, ее нужно подредактировать. В меню инструмента выберите Create Warped Text (Создает деформированный текст). В окне настроек выберите стиль «Дугой», измените параметр «Изгиб» так, чтобы текст огибал овал логотипа.
Шаг 15
Все необходимое сделано, но осталось добавить цвета. Один из больших плюсов Фигуры в том, что цвет заливки можно легко изменить!
Автор: Tatiana Cociorva
Перевод: John Jackson
Источник: inkydeals.com
Как создать логотип в Фотошопе — пошаговая инструкция
Фотошоп — мощнейший инструмент для создания, профессиональной обработки и преобразования растровых и векторных изображений. В силу сложности интерфейса и обилия ненужных простому пользователю опций программу нельзя назвать самым лучшим фоторедактором. Однако для создания уникальных логотипов Фотошоп незаменим; как сделать свою эмблему за несколько минут — попробуем разобраться.
Подготовка материалов
Следует сразу предупредить: Фотошоп не слишком подходит для создания векторных элементов, которые затем планируется использовать в логотипе. Так, если пользователь хочет добавить к своей эмблеме авторские завитки, сложные геометрические фигуры или контуры, их лучше сделать в программе CorelDRAW, Adobe Illustrator или аналогичной — а затем импортировать в Photoshop.
Если же нарисовать свой логотип хочется на основе уже существующих элементов, векторных (свободно масштабируемых) или растровых (обладающих конечными параметрами: размером и разрешением), эти материалы также следует подготовить заранее: скачать с соответствующих сайтов, при необходимости — обрезать картинку в Фотошопе и так далее.
Совет: все «сырьевые» материалы, от изображений до шрифтов, рекомендуется сохранять в общую папку, а по завершении работы с логотипом — архивировать, а не отправлять в «Корзину»; тогда в случае необходимости пользователь сможет быстро вернуться к редактированию и добавить или изменить отдельные детали.
Вместе с тем пользоваться сторонними программами для улучшения качества фото необязательно: Фотошоп обладает великолепным функционалом и, если основная работа проводится в нём, с лёгкостью заменит все иные варианты.
Создание холста
Отлично! Концепция логотипа продумана, исходные материалы подготовлены — а значит, можно приступать к работе. На весь процесс у начинающего пользователя уйдёт от пятнадцати-двадцати минут до нескольких часов; всё зависит от имеющихся навыков и сложности эмблемы. Сделать логотип будет посложнее, чем поменять язык в Фотошопе — но при аккуратном следовании инструкции достижима любая цель, не исключая и этой.
Чтобы сделать в Фотошопе холст (заготовку, на которой будут размещаться все остальные элементы), понадобится:
- Запустить программу и развернуть щелчком мыши меню «Файл» в верхней панели.
- Выбрать опцию «Создать».
- В новом окошке — определить размер холста. Задавать слишком малые значения не стоит: если эмблема будет использоваться не только на сайте в Интернете, но и в качестве полноценного мерчандайзингового элемента, потребуется хорошее качество картинки. В первом сверху выпадающем меню рекомендуется переключить единицы измерения на пиксели — универсальные единицы дизайна и полиграфии.
- А в полях значений — установить наименьший параметр (высоту или ширину) как минимум в 1500 пикселей. Можно и больше; кроме того, если форма логотипа пока до конца не продумана, разумнее будет использовать квадратное, а не вытянутое вверх или вбок поле холста — такая форма даёт больше возможностей для внесения корректив по ходу работы.
- Во втором выпадающем списке — выбрать в качестве единиц разрешения эмблемы пиксели на дюйм.
- И задать в расположенном справа поле соответствующее значение. Оно должно быть не менее 300 dpi для размещения в Интернете и на электронных документах, 600 dpi — для печати на раздаточных материалах и от 1200 dpi — для полномасштабной полиграфии. Иначе при использовании растрового варианта эмблемы изображение будет выходить размытым; а пересчитывать каждый раз «вектор» — пустая трата сил и времени.
- Далее — выбрать цветовую палитру. Здесь всё зависит от концепции логотипа. Если он будет чёрно-белым, пользователю с лихвой хватит «Градаций серого»; если цветным — RGB (легче обрабатывается сторонними редакторами и принтерами) или CMYK (полнее палитра, однако при неправильном подборе даёт тусклые цвета). Оптимальным вариантом для пользователя, желающего сделать несложный полноцветный логотип, будет RGB.
- С разрядностью 16 бит — восьми для качественной печати маловато.
- В качестве фона для логотипа, который планируется сделать в Фотошопе, не рекомендуется использовать белый, чёрный или любой другой цветной фон: в дальнейшем могут возникнуть проблемы с его удалением. Развернув выпадающий список, следует пролистать его вниз.
- И выбрать вариант «Прозрачный фон» — в результате за пределами создаваемой эмблемы не будет ничего, кроме «пустоты».
- А вот в качестве цветового профиля можно использовать любое из верхних предлагаемых значений; если же пользователь планирует экспортировать логотип из Фотошопа в другой редактор или печатать на принтере без постобработки, параметры нужно подбирать в соответствии с возможностями «принимающей стороны».
- Последний пункт можно оставить без изменений — для того, чтобы нарисовать эмблему в Фотошопе, он не нужен. Теперь остаётся нажать на кнопку «Создать».
- И полюбоваться на холст-заготовку в центре экрана.
- Чтобы было удобнее рисовать на нём, рекомендуется выбрать в меню «Просмотр» опцию «Показать во весь экран».
- Или настроить масштаб вручную в левом нижнем углу окна Фотошопа.
Важно: опытный пользователь, уже представляющий размеры холстов, может вместо ручной настройки использовать одну из предлагаемых программой заготовок — не забывая проверить иные важные параметры: разрешение, цветовой профиль и так далее.
Добавление рамки
Большинство логотипов, создаваемых в Фотошопе и других графических редакторах, заключено в рамки: овальные, квадратные, многоугольные, свободной формы и так далее. Разумеется, никто не заставляет пользователя добавлять внешние границы, если в них нет нужды; однако так эмблема смотрится значительно аккуратнее и привлекательнее.
Чтобы добавить рамку логотипа, следует:
- Щёлкнуть правой клавишей мыши по расположенной в левой боковой панели пиктограмме прямоугольника.
- Выбрать в открывшемся контекстном меню нужную форму рамки — пусть это будет эллипс.
- В выпадающем списке на верхней панели задать параметр «Фигура».
- Далее — определить в поле «Заливка» цвет — из имеющихся вариантов, включая градиентные.
- Или, кликнув по многоцветной иконке справа, установить с помощью ползунков свой собственный вариант, больше всего подходящий к создаваемому в Фотошопе логотипу.
- В поле «Обводка» — выбрать, должен ли присутствовать на холсте контур только что созданной фигуры. Пользователю доступны четыре варианта: без контура, сплошная, градиентная и штриховая обводка.
- На примере градиентной процесс настройки контура выглядит следующим образом.
- Выбрав формат и цветовую схему градиента, пользователь устанавливает при помощи ползунка толщину линии.
- И выбирает её тип: сплошную, штриховую или пунктирную.
- После того, как фигура будет нарисована, пользователь увидит всю рабочую информацию в панели справа; большинство параметров, случайно изменённых в ходе настройки, можно настроить и здесь.
- Отменить любое ошибочное действие удастся с помощью опции «Шаг назад» в меню «Редактирование».
- Если же, напротив, пользователю нужен только контур, следует выбрать для создаваемой фигуры параметр «Нет заливки».
- И убедиться, что на холсте появился окрашенный нужным образом контур.
- Чтобы изменить размеры рамки, можно вручную подгонять значения в той же панели справа — или развернуть меню «Редактирование», выбрать опцию «Свободное трансформирование».
- И вручную преобразовать контур, перетаскивая за реперные точки.
- Ещё больше возможностей (в частности, деформировать контур по своему желанию) юзер, собирающийся нарисовать логотип в Фотошопе, найдёт во вложенном меню «Трансформирование».
- Как только рамка приобретёт необходимый вид, можно приступать к следующему шагу — добавлению графических элементов.
Импорт элементов
Чтобы добавить в состав логотипа в Фотошопе растровое изображение (например, в формате PNG, BMP, JPEG или GIF), необходимо:
- Выбрать в меню «Файл» опцию «Открыть».
- Указать в «Проводнике» путь до файла.
- Согласиться на обработку цветового профиля картинки — или, чего в большинстве случаев достаточно, отметить опцию «Оставить без изменений».
- Рисунок будет открыт в отдельной вкладке Фотошопа. Что с ним делать дальше, расскажем в следующем разделе.
Если изображение векторное (AI, CDR, SVG и т.д), понадобится:
- Открыть его, как было описано выше.
- И в новом окошке выбрать параметры преобразования: разрешение, размер и так далее.
Важно: как правило, векторные элементы, открытые в Фотошопе, выглядят чуть более блёклыми, чем растровые аналоги. Пугаться этого не стоит: причина — не в худшем качестве, а в применяемых программой методах промежуточной обработки.
Прорисовка контура и другие преобразования
Чтобы сделать из «сплошного» графического элемента изящный прозрачный контур, подходящий для наложения на эмблему, следует:
- Вызвать инструмент «Быстрое выделение» на левой панели (чтобы попасть в контекстное меню, понадобится щелчок правой клавишей мыши).
- «Закрасить» мышью, удерживая левую кнопку, всю фигуру. Чтобы добавить отдельно стоящий блок, нужно зажать и держать во время процесса клавишу Shift; чтобы убрать ошибочно выделенный фрагмент — Alt.
- Кликнуть правой кнопкой по выделенному элементу и выбрать в открывшемся меню опцию «Выполнить обводку».
- В новом окошке указать предпочитаемые ширину и цвет контура.
- В новых поколениях Фотошопа юзеру, собирающемуся нарисовать логотип, придётся выбирать оттенок в отдельном окошке с помощью ползунка и курсора. По завершении нужно нажать «ОК».
- И убедиться, что от графического элемента осталась только рамка — её можно будет использовать как самостоятельную составляющую дизайна.
- Чтобы избавиться от неприятного для глаза мерцания вокруг фигуры, достаточно выбрать в меню «Выделение» опцию «Отменить».
Чтобы выполнить заливку одного или нескольких элементов, нужно:
- Выделить их, как было описано раньше, и выбрать в левой панели соответствующую опцию.
- Определить в палитре справа подходящий цвет.
- И последовательно щёлкать левой клавишей мыши по каждой фигуре, пока все они не станут окрашены как нужно.
- Каждую составляющую можно перекрашивать таким же путём сколько угодно раз. ПО завершении, чтобы сделать элементы более эстетичными, не помешает обвести их рамкой. Перед следующим шагом можно снять существующее выделение или оставить как есть — на дальнейшие манипуляции оно не повлияет.
Для создания контура вокруг графического элемента пользователь должен:
- Раскрыть меню «Слои» и выбрать во вложенном списке «Стиль слоя» опцию «Обводка».
- Установить галочку в чекбоксе «Выполнить обводку».
- Определить в правой панели цвет контура.
- И его толщину.
- Отлично! Теперь остаётся снять выделение со слоёв и приступить к следующему шагу.
Важно: аналогичным образом можно обработать выполненные от руки, найденные в печатном издании и полученные иными способами элементы дизайна — их нужно отсканировать в любой удобный формат и открыть в Фотошопе в соответствии с приведённым алгоритмом.
Объединение элементов
Самый простой способ перенести фигуры из отдельных вкладок на холст логотипа, который планируется создать в Фотошопе, — выделить их указателем мыши и перетащить. Теперь нужно:
- С помощью опции «Свободное трансформирование» подогнать размер каждой составляющей к заготовке.
- При этом все ранее созданные элементы остаются в силе.
- Используя иные возможности Фотошопа (поворот, деформацию и так далее), разместить детали в запланированном порядке.
Важно: хотя проблем с переносом эффектов в Фотошопе возникнуть не должно, в некоторых случаях может потребоваться сначала изменить размер фигуры — и лишь потом заново применить к ней преобразования.
Создание текстовых блоков
Чтобы добавить к логотипу текст, следует:
- Кликнуть по размещённой в левой панели пиктограмме «Т».
- Определиться с начертанием шрифта.
- И, что менее приоритетно, выравниванием.
- Набрать текст.
- И перетащить его, зажав левую клавишу мыши, на нужное место. Скорее всего, блок будет хотя бы немного не соответствовать требуемому размеру. Чтобы исправить ситуацию, проще всего воспользоваться уже знакомой опцией «Свободное деформирование».
- Следует обратить внимание, что в этом случае изменятся пропорции надписи в целом — так, если пользователю пришлось «сжать» текст, он визуально станет чуть выше.
- Надпись можно подредактировать в любой момент — достаточно дважды кликнуть по соответствующему текстовому слою в правом нижнем углу окна Фотошопа.
Очень часто требуется подогнать текст к кривой линии. Выполнить задание можно двумя способами. В соответствии с первым пользователь:
- Преобразует надпись в растровый объект (опция «Растрировать текстовый слой» в меню «Текст»).
- С помощью функции «Деформация» из вложенного списка «Трансформирование» исказить надпись так, чтобы она вписывалась в рамку.
Способ не так уж и плох, однако юзер гарантированно нарушит пропорции шрифта; чтобы избежать неприятности, понадобится:
- Перейти к созданию фигуры, как было рассказано раньше.
- Выбрать для неё вариант «Контур».
- Нарисовать путь, по которому должен пролегать текст.
- Выбрать опцию «Создать текст», навести курсор на только что созданную линию и, как только над ним появится изогнутый отрезок, начать печатать текст.
- С большой долей вероятности надпись будет неправильно развёрнута или находиться не в том месте, где планировалось. Пользователю следует найти и выбрать инструмент «Выделение контура».
- И перетащить текст в правильное положение.
- Каждый новый блок можно редактировать точно в том же порядке; возможно, чтобы придать тексту более эстетичный вид, юзеру придётся добавить шрифт в Фотошоп — программа содержит слишком мало русскоязычных вариантов.
Сохранение
В самых общих чертах создание эмблемы в логотипе завершено. Теперь нужно сохранить результат. Какие бы планы ни строил пользователь, обязательно следует создать файл в формате PSD, позволяющем дальнейшее редактирование:
- Выбрав в меню «Файл» опцию «Сохранить как», владелец компьютера.
- Указывает название эмблемы, которую только что смог сделать в Фотошопе, и выбирает указанный формат.
- Теперь остаётся выбрать «Максимальную совместимость», чтобы логотип с одинаковой лёгкостью открывался даже в старых версиях Фотошопа.
Далее — сохранение эмблемы в растровом виде, удобном для просмотра и печати:
- В качестве формата рекомендуется использовать PNG.
- Чтобы ускорить процесс — отказаться от сжатия, а с целью улучшить выходное качество картинки — отказаться от чересстрочной развёртки.
В этом случае логотип сохранится на жёстком диске с заданным изначально размером. Юзер, стремящийся к тонким настройкам, должен:
- Выбрать в меню «Файл» опцию «Экспортировать как».
- Указать в появившемся окошке новые параметры.
- И нажать на кнопку «Экспортировать всё», после чего указать каталог сохранения.
Важно: поскольку логотип создавался на прозрачном холсте, при просмотре на подложках определённого цвета некоторые элементы могут быть незаметны; чтобы избавиться от этой особенности формата PNG, следует сохранить эмблему в JPEG/JPG или GIF.
Подводим итоги
Чтобы сделать логотип в Фотошопе, нужно заранее подготовить исходные материалы и продумать концепцию. Далее — создать холст, отрисовать элементы и соединить их в цельную композицию. По завершении пользователь должен сохранить результат — в оригинальный формат PSD и любой из растровых, например PNG.
Смотрите также
Что такое векторный логотип и как его сделать самостоятельно?
Сразу следует обозначить – почему создание логотипа в векторе является самым правильным решением. Данный формат отличает высокое качество, яркость и чёткость цветов, вне зависимости от того, какому масштабированию подверглось изображение.
Простыми словами.
Векторная графика — специальный формат графики, который выстраивается математическим путем, формулами и магией 🙂
Популярные форматы векторной графики: SVG, AI, CDR, EPS, PDF
Растровая графика — пиксели/кубики определенного цвета выстроенные в какой-то последовательности.
Популярные форматы растровой графики: PNG, JPG, GIF, PSD
Проще картинкой:
Лого быть. В векторе
Безусловно, имеет право на существование и растровый формат. Но спектр преимуществ векторных логотипов очевиден, и он проистекает из их особенностей. Ранее мы мельком упомянули о тех, сейчас же расскажем подробнее.
- При печати логотипа на небольшой визитке или огромном баннере, который планируется повесить перед входом в офис для привлечения клиентов, потребуются совершенно разные уровни масштабирования изображения. И в случае с векторным форматом всё останется столь же четким. А вот технология растрового изображения такова, что текстовая «начинка» логотипа при многократном увеличении превратится в набор пикселей. И надпись будет плохо читаема.
- Отличительной особенностью векторной технологии является гибкая структура, изображение состоит из математических формул. Как результат, оно легко поддается редактированию. Не возникнет проблем с изменением и его отдельных частей.
- Запланировано нанесение изображения логотипа на кожу, бумагу, картон и другие носители, с использованием технологии теснения или фольгирования? Актуален векторный формат. Также он легко адаптируется под разрешение печатного устройства.
- Собираетесь разработать логотип, а после поместить его на жесткий диск до «лучших времен»? Изображение в векторе займет незначительную часть объема дискового пространства. Записываются в файл только основные точки координат.
Это основные преимущества, которые обеспечивает разработка векторного логотипа. Данный формат адаптивен по определению.
Нюансы:
Актуальность – всегда!
Компания «вышла на старт», и для обретения четкого позиционирования на рынке стоит задача, в том числе, и создать «лицо бренда»? Или предстоит ребрендинг, и в его рамках назрела необходимость нарисовать новый логотип?
Векторный вариант лого идеально подойдет для размещения на:
- Вывесках, баннерах любого размера
- При брендировании транспорта
- В любой печатной продукции: визитных карточках, листовках, бланках
- Одежде (униформе, футболках)
С помощью нашего онлайн сервиса вы имеете возможность самостоятельно разработать векторный логотип – основополагающий элемент фирменного стиля компании. На выгодных финансовых условиях. Логотип создается за пару минут, настройки – интуитивно понятны. Все элементы логотипа – изображение, шрифты, цвета – разработаны и подобраны опытными дизайнерами.
Почему решение воспользоваться нашим сервисом является правильным?
Да, можно обратиться в веб-студию, перевести немалую сумму, заполнить подробное техническое задание для специалистов и после 2-3 недель ожидания получить логотип. Но зачем идти на такие жертвы, если можно сэкономить деньги и главный ресурс современности – время? Сделать лого в векторном формате можно на нашем сайте, где имеется большая палитра элементов фирменного знака для разных сфер бизнеса.
Выберите тариф «Бизнес» или «Фирменный стиль». Готовый логотип передается в популярном векторном формате SVG. Также предусмотрена доработка логотипа и других элементов фирменного стиля (визиток, фирменных бланков и конвертов) в рамках соответствующих тарифов. Имеется возможность самостоятельного редактирования уже купленного логотипа в течение неограниченного времени.
Логотип в векторе примут в любой типографии, он актуален для онлайн-продвижения.
Вперед, к новым горизонтам! Ваш помощник – сервис Genlogo!
Как сделать логотип в фотошопе
Прежде чем приступить к созданию логотипа в Photoshop, мы должны обратиться к слону в комнате — Photoshop CC не создавался с учетом дизайна логотипа. Одно из основных качеств логотипа — возможность увеличивать и уменьшать масштаб без потери качества. Вот почему программное обеспечение на основе векторных изображений, такое как Illustrator, является предпочтительным вариантом для создания логотипов, когда пиксельная база Photoshop менее подходит. Для получения дополнительной информации о разработке логотипа с помощью Illustrator ознакомьтесь с этим удобным руководством, которое проведет вас через весь процесс от концепции до завершения.
Но то, что Photoshop не хватает в приложении, более чем компенсируется популярностью, особенно по сравнению с Illustrator CC. Итак, если вам нужно знать, как создать выдающийся логотип, но вы не хотите платить за ненужное программное обеспечение, это руководство для вас. Мы расскажем, как создать базовый логотип в Photoshop, используя простые инструменты для создания фигур, градиенты и параметры текста. Изучите эти варианты, и вы в кратчайшие сроки создадите свои собственные логотипы в Photoshop. Мы используем Photoshop CS6, но тот же процесс применим и к другим версиям.
Когда дело доходит до разработки собственного логотипа, возможно, вам придется задуматься об идентичности и стиле бренда. Чтобы получить больше вдохновения, обратитесь к нашему профессиональному руководству по дизайну логотипов, в котором рассказывается все, что вам нужно знать о мире логотипов.
01. Создать новый холст
(Изображение: © Matt Smith)
Откройте Photoshop и создайте новый документ. Я использовал размер холста 500 x 500 пикселей, но подойдут и большие размеры. Вы можете изменить размер холста в любой момент.Перейдите в Photoshop> Настройки, чтобы установить линию сетки каждые 50 пикселей. Затем включите сетки на холсте, нажав cmd + ‘или «Вид»> «Показать» на панели параметров. Убедитесь, что «Привязка к сетке» включена, в меню «Просмотр»> «Привязать к».
02. Нарисуйте базовую фигуру
.(Изображение: © Matt Smith)
Выберите инструмент «Перо» на панели инструментов или нажмите P и убедитесь, что в левой части панели параметров выбрано значение «Форма», а не «Путь». Используйте перо, чтобы нарисовать форму стрелки, начиная с центральной точки холста и используя пересечения линий сетки для других точек.Называть слои не обязательно для этого проекта, но это может быть полезно в более сложных документах, где много слоев.
03. Дублируйте и отредактируйте фигуру
Дублируйте слой, нажав cmd + J , и щелкните новый слой, чтобы выбрать его. Используйте инструмент «Прямое выделение», ярлык A , чтобы щелкнуть по самой верхней точке стрелки, расположенной в центре холста. Переместите эту точку на несколько квадратов сетки, удерживая клавишу Shift, чтобы зафиксировать ее на оси Y.
04. Добавьте цвет с помощью градиента
(Изображение: © Matt Smith)
Создайте новый градиент в раскрывающемся меню «Заливка» слева от панели параметров. В окне градиента дважды щелкните нижние ползунки, чтобы открыть параметры RGB, где вы можете выбрать свои цвета; Я выбрал светло-синий и темно-синий. Затем примените этот градиент к обоим объектам, изменив поворот градиента так, чтобы они располагались напротив друг друга. Если вы не видите параметры заливки, возможно, у вас выбран инструмент «Перемещение», поэтому переключитесь на инструмент «Перо» или «Форма».
05. Сгруппируйте и продублируйте слои
(Изображение: © Matt Smith)
Сгруппируйте два слоя, выбрав их и нажав кнопку группы, которая выглядит как небольшая папка, расположенная в нижней части вкладки «Слои». Это предотвращает беспорядок на вкладке «Слои» и упрощает работу с двумя слоями вместе.
Дублируйте эту группу и используйте функцию «Свободное преобразование», чтобы повернуть новую группу на девяносто градусов, удерживая нажатой клавишу Shift для поворота с шагом в пятнадцать градусов.Вы можете получить доступ к свободному преобразованию с помощью команды cmd + T или в меню «Правка»> «Свободное преобразование». Теперь переместите вторую группу вверх, пока она не отобразит исходную форму, используя центр холста как линию симметрии.
06. Преобразование фигур
(Изображение: © Matt Smith)
Сдвиньте каждую фигуру вверх или вниз на один квадрат сетки от центральной точки, используя Shift + клавишу курсора.
07. Группа, дубликат, повтор
(Изображение: © Matt Smith)
Используя тот же метод из шага 5, чтобы сгруппировать слои вместе, продублируйте группу и поверните на девяносто градусов.Новая форма должна напоминать форму перекрестия.
08. Нарисуйте круг с помощью инструмента «Форма»
.(Изображение: © Matt Smith)
Перебирайте инструменты формы, пока не найдете круг, либо нажав и удерживая значок на панели инструментов, либо нажав Shift + U . Щелкните центральную точку холста, удерживая Alt, чтобы нарисовать круг, исходящий от центра, и Shift, чтобы сохранить пропорциональность ширины и высоты. Если вы допустили ошибку, вы можете отменить или отредактировать фигуру с помощью Free Transform.
09. Нарисуйте прямоугольник и выровняйте его по центру
(Изображение: © Matt Smith)
Снова прокрутите инструменты формы, пока не найдете инструмент прямоугольник. Нарисуйте белый прямоугольник поперек рисунка над другими слоями, оставив достаточно места для текста. Вы можете выровнять его по центру холста, щелкнув слой прямоугольника и нижний слой (который должен быть белым квадратом того же размера, что и холст) и использовать инструменты выравнивания, которые можно найти в Слои> Выровнять в строке меню. или кнопки выравнивания на панели параметров.
Более продвинутые пользователи могут использовать этот прямоугольник для вычитания из фигур ниже, используя Слой> Объединить формы, но пока мы просто будем использовать его как белый блок.
10. Добавьте свой текст
(Изображение: © Matt Smith)
Нарисуйте текстовое поле над прямоугольником, щелкнув значок T на панели инструментов или нажав T , затем перетащив его по холсту. Введите текст в поле и отцентрируйте его, используя кнопки на вкладке «Символ».Снова используйте инструмент выравнивания, чтобы отцентрировать это на холсте.
11. Выберите подходящий шрифт
(Изображение: © Matt Smith)
Выберите шрифт, соответствующий вашему бренду. Существует множество бесплатных шрифтов, но очень важно выбрать тот, на использование которого у вас есть разрешение — посмотрите наш обзор бесплатных шрифтов, чтобы получить некоторые идеи, которые помогут вам начать работу. Поскольку этот логотип может появляться на многих ваших ресурсах, использование незаконно загруженного шрифта будет плохой новостью. Поиграйте с размером и цветом, пока вам не понравится то, что вы видите.
12. Отрегулируйте кернинг
(Изображение: © Matt Smith)
Керн текст. Это означает регулировку расстояния между отдельными буквами по горизонтали, что повысит удобочитаемость слова. Вы можете сделать это на вкладке Тип, отмеченной буквой V | A, или щелкнув между буквами и нажав alt + left или alt + right. Подробнее о кернинге читайте в нашем посте о том, как печатать кернинг.
13. Добавьте окончательные детали и экспортируйте
(Изображение: © Мэтт Смит)
Внесите все необходимые корректировки, чтобы придать ему что-то особенное.Для основного изображения в верхней части этой страницы я добавил две полоски меньшего размера над и под текстом, окрашенные одинаковым градиентом. Я также добавил фон, тень и отражение, используя технику, аналогичную другим шагам, а также используя маски слоя для добавления затухания.
Когда вы будете довольны, сохраните изображение в любом формате, который вам нужен. Я использовал здесь RGB jpg для веб-формата, но также сохранил его как psd, чтобы я мог вернуться и внести изменения.
Подробнее:
Практическое руководство для всех
Создавая что-то самостоятельно, всегда лучше, чтобы все было просто.К счастью, когда дело доходит до создания логотипа, проще всегда лучше. Сегодня мы рассмотрим, как создать логотип в Photoshop, используя только фигуры по умолчанию и простой текст.
Логотип будет построен с использованием простых форм и контуров, поэтому вы можете изменить его цвет, разместить его на любом документе или даже добавить эффекты, такие как тени и градиенты. Сделать логотип в Photoshop еще никогда не было так просто. Итак, приступим!
Шаг 1. Создайте простой фон
Во-первых, давайте создадим новый холст.Размер не имеет значения, так как в конечном итоге размер логотипа будет изменяться. Вы сможете сделать его настолько маленьким или большим, насколько вам нужно, не беспокоясь о пикселизации или размытости.
Перед тем, как сделать логотип в Photoshop, мы собираемся создать базовый фон.
Давайте создадим слой Color Fill, залив его светло-коричневым цветом.
После создания щелкните правой кнопкой мыши> Преобразовать в смарт-объект.
Преобразование этого слоя заливки в смарт-объект позволит нам добавлять к нему настраиваемые фильтры, сохраняя при этом его способность изменять цвет.
Просто дважды щелкните смарт-объект, чтобы открыть исходный слой заливки.
Затем перейдите в меню «Фильтр»> «Фильтр Camera Raw».
Найдите вкладку «Эффекты» и добавьте немного зерна. Зернистости достаточно, чтобы добавить текстуру фону.
Я установил 25%, хотя вы можете добавить больше или меньше в зависимости от ваших личных предпочтений.
Мы можем нажать ОК, когда будем счастливы.
Наконец, давайте закончим фон, создав новый слой и установив для него значение Overlay.
Теперь мягкой круглой кистью прокрасьте углы холста черным, а посередине — белым. Это создаст эффект виньетки.
Уменьшите Непрозрачность слоя до 50%, чтобы уменьшить эффект. Мы хотим, чтобы это было очень тонко.
Шаг 2. Создайте основу для логотипа
Закончив фон, мы можем наконец рассказать, как создать логотип в Photoshop.
Давайте создадим основу нашего логотипа с помощью инструмента Ellipse Shape tool, чтобы создать черный круг.
Теперь давайте изменим наши операции с контурами, расположенные на верхней верхней панели инструментов, с «Новый слой» на «Вычитание передней формы».
Создайте второй круг внутри черного круга, создав форму полумесяца.
Путь нового круга будет вычитаться из черного круга.
Мы можем настроить расположение окружности, выбрав инструмент «Преобразовать точку», сгруппированный с инструментом «Перо».
Щелкните линию контура и затем перетащите его, чтобы переместить контур.
Будьте осторожны, чтобы не щелкнуть мышью за пределами контура, так как вы можете перетаскивать и перемещать его только сразу после того, как создали его.
Шаг 3. Отрегулируйте форму контуров
Когда вы будете довольны размещением круглой траектории, щелкните вне траектории, а затем снова включите ее.
Вы заметите, что мы больше не можем перемещать путь, но можем влиять на его форму.
Попробуйте. Ниже приведен лишь пример того, что происходит, когда я натягиваю якоря на пути.
Пути лучше всего изучать методом проб и ошибок, поэтому не стесняйтесь нажимать Ctrl + Z, чтобы часто отменять. Пути — самая сложная часть, когда вы пытаетесь научиться создавать логотип в Photoshop, но придерживайтесь их, и вы научитесь их использовать.
Итак, давайте создадим настоящую форму тела нашей птицы.
Потяните вниз верхнюю левую линию пути, чтобы получилась спина птицы.
Также слегка удлините правую верхнюю область, щелкнув и перетащив линию контура.Это создаст форму головы.
Обратите внимание, вы должны перетаскивать линии пути, а не якоря.
Шаг 4. Объедините простые формы
Когда вы довольны телом, выберите инструмент «Форма треугольника».
Снова измените Path Operations с New Layer на Subtract Front Shape. Он будет сбрасываться каждый раз, поэтому убедитесь и перепроверьте правильность настройки.
Создайте небольшой треугольник прямо рядом с телом.
Теперь давайте воспользуемся элементами управления преобразованием, чтобы повернуть треугольник под углом и превратить его в клюв.
Вы также можете удлинить клюв, удерживая Shift, а затем растянув его по горизонтали с помощью элементов управления преобразованием.
Треугольник будет иметь маленькую булавку на конце.
Щелкните и потяните по нему, чтобы скруглить углы треугольника.
Затем давайте выберем инструмент Ellipse Shape, снова установим его на Subtract Front Shape, и нарисуем маленькие точки из звезд на черном фоне.
Удерживайте Shift, чтобы создать идеальный круг, но не забывайте отпускать Shift между созданием кругов.
Когда основная основа логотипа готова, мы можем добавить некоторые окончательные формы.
Создайте новый слой и выберите инструмент «Прямоугольник».
На верхней верхней панели инструментов установите радиус закругленных углов примерно на 30 пикселей. Это может потребоваться больше, в зависимости от размера вашего документа.
Создайте длинный черный прямоугольник в любом месте холста. Окончательная форма в конечном итоге будет размещена на области глаз, но вы сможете перемещать форму после того, как мы ее построим.
Дублируйте слой с прямоугольником, отразив его по горизонтали, создав форму знака «плюс».
Снова продублируйте форму прямоугольника и поместите новый дубликат под углом.
Вы можете удерживать Shift при повороте фигуры, чтобы она привязывалась к заданному углу в градусах. Удерживайте Shift, чтобы также укоротить форму прямоугольника.
Убедитесь, что все ваши линии выровнены по центру и пересекаются.
Скопируйте угловой прямоугольник и отразите его по горизонтали так, чтобы он смотрел в противоположном направлении от оригинала.
Выделите все слои с прямоугольниками и затем щелкните правой кнопкой мыши> Объединить фигуры.
Это объединит каждую форму в одну. Обязательно внесите окончательную корректировку в размещение и размер перед объединением фигур, так как с этого момента их будет сложнее настроить.
Теперь по тексту. При выборе шрифта для вашего логотипа ключевым моментом является удобочитаемость.
Что-то жирное, без засечек и заглавными буквами лучше всего читается даже с большого расстояния.Это то, что вам нужно в логотипе.
Я буду использовать Bw Modelica в Extra Bold от Adobe Fonts для основного текста. Это отличный шрифт для логотипов, так как он предлагает несколько толщин шрифта, от очень тонкого до очень жирного.
Попробуйте смешать и сопоставить толщину шрифта для менее минималистичного внешнего вида.
Далее я собираюсь добавить интервал 100, чтобы у букв было немного места для передышки.
Добавление интервала также улучшит читаемость.
И, чтобы сохранить минимализм, я предлагаю попробовать использовать тот же стиль шрифта для строки тега, что и для названия вашей компании.
Только более мелким шрифтом, так как он менее важен, чем название компании.
Когда текст будет доволен, выберите оба текстовых слоя и затем щелкните правой кнопкой мыши> Преобразовать в форму.
Текстовые слои теперь являются слоями-фигурами. Вы больше не можете вводить новый текст после преобразования в слой-фигуру, поэтому перед преобразованием убедитесь, что ваш текст правильный.
Наконец, мы собираемся выбрать все наши слои-фигуры и сделать последний щелчок правой кнопкой мыши> Объединить фигуры.
Теперь ваш логотип имеет одну форму.
Теперь, когда ваш логотип представляет собой один слой с твердой формой, вы можете добавлять стили слоя, градиенты и многое другое.
Вы также можете настроить его размер без потери качества, а также изменить его цвет, дважды щелкнув его слой. Так же, как любой слой-фигура.
Создание логотипа в Photoshop может показаться сложной задачей, но вы можете создавать все виды пользовательских дизайнов, используя только простые формы и контуры по умолчанию.
Не забывайте, что все должно быть просто, и, если сомневаетесь, просто отмените и попробуйте снова.
Убедитесь, что ваш текст разборчив, даже если он небольшой, и не бойтесь играть с градиентами или даже с тенями, чтобы создать несколько разных версий вашего логотипа.
Надеюсь, вам понравилось научиться создавать логотип в Photoshop сегодня, и я надеюсь увидеть ваши проекты во всем мире!
Похожие сообщения
Как создать логотип компании в Photoshop | Small Business
Автор: Jill Harness Обновлено 29 марта 2019 г.
Создание логотипа может показаться сложной задачей, но с помощью программного обеспечения для цифрового искусства, такого как Photoshop, вы можете легко создать привлекательный и профессионально выглядящий логотип, даже если у вас есть нет опыта работы с программным обеспечением для создания логотипов . И как только вы создали свой логотип, вы можете продолжать использовать Photoshop для изменения логотипа для использования в Интернете или в печатных материалах, позволяя вам разместить логотип вашего бренда где угодно, и что угодно!
Мозговой штурм своей идеи логотипа
Большинство художников и дизайнеров ( создателей логотипов) начинают каждый проект с чернового наброска , будь то рисунок или просто записанные заметки о том, что вы хотите включить.Проведите сеанс мозгового штурма с заметками или нарисованным эскизом, чтобы получить представление о том, что вы будете делать в Photoshop и что вам нужно в плане окончательного логотипа. Держите эти заметки под рукой, чтобы вы могли обращаться к ним при создании логотипа в Photoshop, чтобы ускорить процесс создания, давая вам ориентир и помогая сосредоточиться на конечном продукте.
Создать новый документ
Откройте Photoshop и выберите File -> New t o Создайте новый документ, и откроется диалоговое окно с множеством различных настроек.Поскольку большинство логотипов имеют прямоугольную форму. вы, вероятно, захотите выбрать размеры документа с шириной, превышающей высоту, поэтому просто начните с _ ширина 1000 пикселей на высоту 600 пикселей _t. На этом этапе вам не нужно слишком беспокоиться о размере холста, потому что его всегда можно отрегулировать по мере необходимости позже.
Установите прозрачный фон, разрешение 300 и цветовой режим RBG Color 8 Bit . Теперь нажмите «ОК », и у вас будет пустое место для документа, готовое для заполнения.
Логотипу Photoshop нужны слои
С этого момента вы захотите, чтобы помещал каждый новый элемент вашего логотипа на отдельный слой , что упростит исправление ошибок, если вы сделаете ошибки позже. Для этого выберите «Добавить новый слой» в нижней части панели слоев или просто нажмите Shift + Ctrl + N , чтобы создать новый слой.
Если вы собираетесь использовать текстуру или фон как часть своего логотипа, вы захотите добавить его сейчас, перетащив изображение из сохраненной папки на холст, что автоматически создаст новый слой, или открыв изображение на отдельной вкладке, затем выделив все (Ctrl + A ), вырезав (Ctrl + C) , а затем вставив изображение на пустой слой в вашем проекте логотипа.Размещение фонового изображения на отдельном слое позволяет легко оставить позади все остальные элементы вашего логотипа, чтобы ничто другое не было закрыто.
Добавление рисунка к вашему логотипу
Большинству людей, не являющихся художниками, будет очень трудно создать иллюстрации, которые не выглядели бы ужасно или, по крайней мере, чрезмерно упрощенными. Вот почему вам обычно следует использовать только текстовый логотип, если вы сами не художник . Не расстраивайтесь из-за того, что не добавляете это в свой логотип, большинство крупных брендов не используют изображения в своих логотипах.
Если вы художник или наняли художника для создания дизайна для вас, тогда вам следует добавить иллюстрацию на отдельный слой к вашему логотипу, чтобы вы могли работать с текстом вокруг дизайна. Держите этот слой под текстовыми слоями и над любым фоном, который вы создали.
Возможно, вы захотите отрегулировать изображение, внеся незначительные изменения, например, увеличив насыщенность или яркость, чтобы оно выглядело жирным и выделялось, но если вы хотите сделать с изображением больше, чем это, вам, вероятно, следует работать с профессиональный дизайнер .Это потому, что вы можете легко испачкать изображение, пытаясь улучшить его, если у вас нет большого опыта в Photoshop.
Выберите текст для вашего логотипа
Затем вы захотите, чтобы решила, какой шрифт или шрифты вы будете использовать в качестве букв / текста в вашем логотипе. Если вы используете несколько шрифтов для создания гибридного шрифта в своем логотипе, вам нужно использовать отдельный слой для каждого шрифта, чтобы буквы (из каждого шрифта) можно было настраивать индивидуально.
Выберите инструмент «Текст» и щелкните в любом месте холста; должен появиться мигающий курсор, и когда он появится, начните вводить буквы вашего логотипа. После того, как вы закончите вводить слова, выберите «Инструмент выделения » в верхней части панели инструментов или просто hi_ t Ctrl + V _, чтобы переключиться с инструмента текста на инструмент выделения . The Selection Too l можно использовать для перемещения набранного текста по холсту, но если вы хотите отредактировать текст, вам придется снова выбрать инструмент Type Tool , затем выделить текст, перетащив выделение по нему, затем щелкните, чтобы отредактировать текст еще раз.
Редактировать цвет текста
Чтобы изменить цвет текста, выделите текст с помощью инструмента «Текст» , затем щелкните поле «Цвет шрифта» в области панели инструментов над холстом. Появится диалоговое окно, в котором можно изменить цвет с помощью образцов Pantone в области Библиотеки цветов или щелкнув поле цвета. Цветовое поле варьируется от чистого белого вверху слева до чистого черного внизу слева со светлыми и темными версиями выбранного цвета вверху или внизу соответственно.
Выберите цвет из полоски радуги посередине, и поле выбора изменится на этот цвет, что позволит вам найти именно тот цвет, который вы ищете. Если ваш логотип будет использоваться в Интернете, вы можете установить пункт «Только веб-цвета» , чтобы все ваши цвета были безопасными для Интернета, поскольку некоторые цвета лучше всего использовать только для печати.
Попробуйте тень
Чтобы добавить тень к тексту, щелкните правой кнопкой мыши на слое типа и затем выберите «Параметры наложения» в диалоговом окне.Щелкните «Drop Shadow», чтобы выбрать один из множества вариантов, которые повлияют на то, как тень будет отображаться по отношению к вашему шрифту. Убедитесь, что «Use Global Light» отмечен и выберите Multiply или Hard Ligh t в качестве Blend Mode для наиболее смелого вида.
Вы можете настроить направление тени, щелкнув диск «Угол» или вручную введя числовой градус в поле рядом с диском, чтобы задать угол источника света.Убедитесь, что вы отметили поле «Предварительный просмотр», под кнопками « ОК», и «Отмена», , чтобы увидеть, как каждое изменение выглядит в реальном времени.
Другие текстовые эффекты
Добавление Outer Glow также может добавить визуального интереса к вашему шрифту, хотя он не работает со всеми шрифтами и может выглядеть немного небрежно, если переусердствовать, поэтому лучше всего использовать его экономно . Если вы хотите добавить к шрифту трехмерное качество, выберите Bevel и Emboss, , которые добавят блики по краям шрифта, что сделает его похожим на 3D .Не забудьте добавить Contour , если вы хотите, чтобы этот трехмерный эффект действительно выделялся. Если вы хотите, чтобы ваш шрифт был обведен контуром, выберите Обводка из списка Вариант наложения s , и каждая буква в вашем тексте теперь будет обведена индивидуально, с возможностью изменения ширины и цвет обводки доступен справа.
Для fine доступно множество параметров настройки каждого из эффектов шрифта, доступных в меню «Параметры наложения », поэтому убедитесь, что вы проверили предварительный просмотр, чтобы вы могли просматривать изменения по мере их внесения, а затем наслаждаться игрой с варианты, пока вы не найдете идеальный вид для вашего логотипа.
Как сделать логотип в Photoshop: лучшие видеоуроки, которые помогут вам
- Чем хорош Photoshop?
- Видеоруководства по созданию эмблемы в Photoshop
- Завершение
Когда дело доходит до создания фирменного стиля, логотип — это не то, что вы можете легко пропустить и надеяться, что ваш бизнес будет процветать и расти. Почему так важно иметь умную и актуальную эмблему, которая побудит потенциальных клиентов узнать больше о том, что вы делаете? Если вы подумаете об этом на минуту, вы обязательно придумаете правильный ответ самостоятельно! Хорошая эмблема — лучший (и самый дешевый!) Инструмент, чтобы ваша компания выглядела настоящим профи среди конкурентов.Правильно созданный логотип может отправить вашу популярность и признание на Луну. Если людям понравится ваш логотип, они покажут его своим друзьям, найдут вашу компанию в Интернете и купят ваши продукты. Вот как мы ведем себя, когда видим что-то интересное, будь то продукт, идея или дизайн. Мы хотим взаимодействовать с ним на всех уровнях! К счастью, существует множество платформ, на которых вы можете разместить свой логотип и вас заметят. К ним относятся ваш корпоративный веб-сайт, вывески, упаковка, канцелярские товары, одежда, баннеры, визитки… буквально все, о чем вы можете подумать! Поместив свой значок на этот фон, вы можете представить свой бизнес потенциальным клиентам, вызвать правильный эмоциональный отклик и показать, что вам небезразлично, как ваш проект воспринимается на рынке.
Одна из многих общих черт начинающих предпринимателей заключается в том, что им всем необходимо создать умный и качественный логотип за минимально возможные деньги. И знаешь, что? У нас для вас хорошие новости! Эта задача не невыполнима. В этой статье мы рассмотрим два способа создания красивой эмблемы, которая поразит ваших клиентов и заставит ваших конкурентов позеленеть от зависти. Первый вариант — воспользоваться преимуществами ИИ и использовать создателя логотипов, например, Logaster.
Если вас не так легко запугать, вы можете выбрать тернистый путь и выбрать программное обеспечение для редактирования графики.Photoshop, вероятно, является самым мощным среди всех программ для редактирования фотографий, поэтому мы сосредоточимся на нем.
Чем хорош Photoshop?
Современные графические дизайнеры не могут представить свою жизнь без Adobe Photoshop. Это многофункциональный фоторедактор, который дает вам практически безграничные возможности для создания и настройки изображений, добавления потрясающих текстур и световых эффектов, а также экспериментов с фильтрами. У этого списка нет конца. Photoshop объединяет все инструменты дизайна в одном месте, обеспечивая всесторонний опыт редактирования.Единственный недостаток в том, что Photoshop — это не программа для любителей. Это довольно сложное программное обеспечение, используемое профессиональными фотографами, дизайнерами, экспертами в области анимации и людьми в отраслях, связанных с искусством. Для любителей Photoshop — крепкий орешек. Вот почему многие пользователи выбирают менее требовательные программы, с которыми проще работать.
Однако, если вы уверены в своих навыках Photoshop, вам стоит пойти на это! Когда дело доходит до создания изобразительного искусства, с этой замечательной программой ничего не поделаешь.Во-первых, вы можете воплощать в жизнь любые свои идеи, в том числе самые смелые. Если вы не боитесь экспериментировать с цветами и формами, вы можете создать уникальную эмблему, которая будет эксклюзивной для вашего бренда.
Если вы помешаны на контроле, следующее преимущество Photoshop покорит вас! Рисуя логотип в Photoshop, вы можете управлять всем процессом и наблюдать за ним. Вы решаете, какие части вашего дизайна нуждаются в улучшении, сколько времени вы собираетесь потратить на выбор идеального шрифта, когда вам нужно сделать перерыв и многие другие проблемы.Это большая ответственность, но, по крайней мере, вы будете уверены, что все будет сделано правильно. И, наконец, использование Photoshop ничего вам не стоит! Для многих стартапов это ключевой фактор в игре.
Но не все так блестит. Как мы уже упоминали, работа в Photoshop требует большого опыта в дизайне. Если основные концепции и принципы дизайна для вас неизведаны, вам будет сложно создать действительно запоминающийся значок. Нравится вам это или нет, но основы графического дизайна необходимы, когда дело доходит до работы в фоторедакторах.
Еще одна важная вещь, которую следует учитывать, — это то, что вы не можете нарисовать логотип в Photoshop за одну ночь (если вы уже не создали десятки иконок). Это длительный и утомительный процесс, требующий настойчивости и концентрации. Количество времени, которое вам понадобится, зависит от многих факторов, в том числе от ваших способностей и желаемого эффекта. Начните с экспериментов с концепциями ваших будущих работ. Не торопитесь, но и не зацикливайтесь на одной идее. Затем визуализируйте свои идеи, делая наброски в блокноте.Помните, что застревать — это нормально. Кино, природа и фотография, помимо прочего, являются отличными источниками вдохновения. В течение многих лет эти области вдохновляли творческих людей со всего мира.
Мы полны решимости доказать вам, что работа в Photoshop может быть приятным занятием. Если вы нам не верите, попробуйте сами! Замечательные руководства, перечисленные ниже, предназначены для новичков, которые не могут похвастаться обширным опытом работы с программами для редактирования фотографий. Это ваш пропуск в захватывающую вселенную дизайна!
Точно следуя этим видеоинструкциям, вы можете получить значок, который даже не подозревали, что способны создать! Умная эмблема может полностью изменить то, как публика воспринимает ваши визитные карточки, рекламную продукцию, сувениры и интернет-платформы (веб-сайты, социальные сети и т. Д.).).
Щелкните здесь, чтобы просмотреть красивые типографские решения для вашей будущей эмблемы. Возможно, вы найдете идеальный шрифт, который станет вашим первым шагом на пути к творческому пути, который вы хотите избрать.
Видеоруководства по созданию эмблемы в Photoshop
Ознакомьтесь с этими короткими, но исчерпывающими уроками для начинающих, которые улучшат ваши дизайнерские навыки всего за 10 минут. Не судите о видео по названию и описанию. Найдите время, чтобы просмотреть все видео, чтобы найти гидов, которые больше всего вам подходят.
1. Как сделать эмблему в фотошопе.
В этом простом руководстве автор проведет вас через весь процесс создания аккуратного корпоративного имиджа. Это идеальный вариант для тех, кто никогда в жизни не открывал фоторедактор. Если мысль о рисовании наброска вызывает у вас дрожь, считайте себя спасенным!
2. Как использовать Photoshop для создания фирменного стиля.
Если рисование — ваш худший кошмар, это руководство поможет вам побороть страх и овладеть основами графического дизайна.Из этого видео-урока вы узнаете, как создать личную или корпоративную эмблему, которая будет отлично смотреться на любой платформе, включая заголовок веб-сайта, страницу в социальных сетях и т. Д. Photoshop не так страшен, как вы думаете.
3. Как создать потрясающий логотип для вашей видеоигры.
Люди всех возрастов, особенно молодое поколение, любят видеоигры. Смелый нетрадиционный логотип обязательно привлечет внимание всей аудитории.Ознакомьтесь с этим руководством, чтобы раскрыть секреты динамического логотипа. Нет ничего лучше динамической эмблемы, чтобы символизировать гибкость и быстрый темп современного мира.
4. Как создать завораживающий логотип галактики.
Вау, эта эмблема красива, не так ли? Уделите несколько минут этому руководству и узнайте, как создать увлекательную иконку на космическую тематику. С такой эмблемой ваш проект будет сложно пропустить!
5.Как создать металлическую эмблему.
Что приходит на ум, когда вы слышите слово «металлический»? Наиболее вероятными ассоциациями будут «острый», «стильный», «современный» и т. Д. Металлическая эмблема позиционирует ваш бренд как успешный, актуальный бизнес, идущий в ногу с последними тенденциями рынка.
6. Как нарисовать строительный логотип.
Мечтаете об оригинальном логотипе? Мы знаем, как его получить! Посмотрите это видео о том, как создать конкурентоспособную эмблему для своей строительной компании.Вы будете удивлены тем, что можно делать с небольшим руководством! Мы верим в вас!
7. Как сделать эмблему черепа в векторе.
Логотип в виде черепа не является одной из тех традиционных безопасных эмблем, которые используют юристы, стоматологи и банки. Сама по себе провокация! Если ваш бренд склонен к приключениям, попробуйте изображение черепа. Посмотрите это видео, чтобы узнать, как использовать пиратскую тему в своих интересах!
8.Как создать логотип Ahipster в фотошопе.
Нравится вам это или нет, но хипстерские логотипы повсюду. По правде говоря, хипстерский стиль подходит некоторым предприятиям как перчатка. К ним относятся магазины одежды для молодежи, кафе, цветочные магазины, пивоварни и многое другое. Если вы работаете в одной из этих сфер, среди других вариантов вы, возможно, захотите рассмотреть хипстерскую эмблему. Этот урок раскроет секреты создания эффектного хипстерского изображения.
9. Как скрафтить хипстерскую иконку в фотошопе.
Вот еще одно удивительное руководство, которое познакомит вас с разносторонним миром хипстерских логотипов. Мы уверены, что очень скоро вы сможете создавать такие логотипы с закрытыми глазами!
10. Как создать минималистичную, но красивую эмблему.
Мы откопали отличное видео для тех, кто мечтает о лаконичном логотипе без приукрашивания и отвлекающих деталей.Однако эмблема с меньшим количеством элементов не означает меньше работы. Авторы этого руководства помогут вам разобраться в сложностях создания мощного минималистичного логотипа.
11. Как создать логотип из фотографий.
В этом удобном руководстве вы узнаете, как превратить обычную фотографию в умный корпоративный образ.
12. Как освоить 3D-эффект.
Эффект размеров — мощная концепция, которая может изменить вашу эмблему до неузнаваемости (в лучшую сторону, конечно!).Создатель этого руководства покажет вам, как заставить 3D-эффект работать на вашу пользу. Вы не пожалеете!
13. Как сделать себе идеальный эко-логотип.
Пытаетесь передать идею экологичности через вашу эмблему? В этом разделе предлагается широкий спектр ассоциаций и значений, которые вы можете добавить к своему значку. Ознакомьтесь с этим руководством по Adobe Photoshop, чтобы получить советы экспертов по обеспечению экологичности на корпоративном уровне!
14.Как создать потрясающую эмблему в фотошопе за 5 минут.
Этот универсальный учебник был создан для начинающих, у которых нет времени осваивать Photoshop от А до Я. Он включает только самые полезные функции, которые могут создать волшебство для дизайна вашего бренда! Все, что вам нужно, это немного свободного времени и полная концентрация.
15. Если вам не терпится использовать смелые цвета и типографские решения, считайте, что вам повезло! Эти уроки отправят вас в увлекательное путешествие по вселенной дизайна!
16.Как сделать ретро-логотип.
Ретро-тема заключает в себе несколько прямых и явных значений, поэтому ее следует использовать осторожно. Если вы хотите подчеркнуть тесную связь вашего бренда с традициями и местной культурой, этот видеоматериал покажет вам, как это сделать.
17. Логотипы для начинающих: Руководство 101.
В этом руководстве описывается полный цикл разработки корпоративной эмблемы, от первых предварительных рисунков до последних штрихов.Для получения лучших результатов мы не советуем просматривать все руководство за один раз. Лучший способ научиться — повторять каждую процедуру после профессионала и останавливать видео, если вам нужно больше времени. Такой практический подход намного эффективнее, чем пассивное восприятие информации.
Тем из вас, кто по-прежнему не хочет приближаться к Photoshop, мы рекомендуем очень привлекательную альтернативу. Попробуйте любой профессиональный онлайн-производитель логотипов (например, Logaster). Лучший способ — создать черновой дизайн с помощью создателя логотипа, а затем завершить его в Photoshop, если вы не совсем довольны конечным результатом.
Вам может быть интересно, почему вы должны доверять Логастеру создание дизайна вашего фирменного стиля. Как узнать, что результат того стоит?
Давайте начнем с преимущества, которое важно для многих пользователей, не разбирающихся в технологиях. Веб-сайт Logaster невероятно прост в навигации и использовании. Посмотреть на себя! Просто введите название своей компании, выберите отрасль из списка и — вуаля! Выбирайте из множества шаблонов логотипов, которые подходят для вашей работы!
Кроме того, с Logaster вы экономите деньги и время.Предположим, вы открываете свой первый бизнес и вам нужна эмблема, представляющая ваш коммерческий проект на рынке. У вас есть несколько вариантов. Если вы решите нанять дизайнера, приготовьтесь часами объяснять ему свое видение и концепцию. Это приводит к десяткам писем и звонков, а также к возможным недоразумениям и даже спорам. Кроме того, вам придется подождать до недели, прежде чем вы сможете просмотреть первые наброски, а затем вам нужно будет указать на ошибки и предложить улучшения.Немногие дизайнеры могут создать эмблему без возможности для улучшения. То же самое верно и для программного обеспечения для редактирования изображений. Если вы цените свое время и нервы, рекомендуем сразу обратиться к онлайн-конструктору логотипов!
Наконец, вам не нужны специальные навыки и таланты для создания корпоративного имиджа в Интернете. Онлайн-производители логотипов — это спасательная лодка для тех, кто боялся даже открыть фоторедактор, например Photoshop. В Logaster вы можете настраивать свои изображения (оттенки, типографику, макет и т. Д.) По своему усмотрению.К тому же вам не придется платить за маленькую эмблему! Как это круто?
А у вас что? Согласны ли вы, что идентичность бренда жизненно важна для бизнеса?
Не откладывайте создание хорошо продуманного логотипа для вашей компании. С Logaster создать запоминающуюся эмблему проще, чем вы думаете!
Завершение
Мы искренне надеемся, что наша видеоколлекция приблизит вас к эмблеме вашей мечты! Мы знаем, как сложно найти полезные руководства, которые были бы информативными и легко поддались имитации.Не торопитесь, чтобы посмотреть руководства из списка, собрать полезные советы из разных видео, повторить за профессионалами и поэкспериментировать со своими собственными концепциями. Кто знает? Вы можете изобрести свой собственный способ ведения дел!
Если, несмотря на все ваши усилия, вы не можете заставить себя открыть Photoshop, пусть это вас не расстраивает. Вы всегда можете попросить помощи у онлайн-производителя логотипов. Умные алгоритмы на основе ИИ сделают всю тяжелую работу за вас. Разве не здорово жить в эпоху технологий?
Руководитель отдела маркетинга и вдохновитель Логастер.Автор книги «Как создать фирменный стиль, не разорившись». Ценит профессиональный подход и способность объяснять сложные идеи простым языком.
Как сделать логотип в Photoshop
Как создать логотип в Photoshop
Одним из наиболее важных аспектов вашего бизнеса является ваш брендинг и то, как вы представляете себя потенциальным клиентам.
Сплоченный брендинг — это то, что будет иметь большое значение для популяризации вашего имени, но сделать это самому может быть сложно для некоторых людей. Однако, как фотограф, вы уже обладаете творческими способностями, так почему бы не использовать свое творчество, чтобы настроить собственный брендинг, который идеально отражает вас?
В фото-бизнес входит множество различных элементов дизайна — веб-дизайн, макет блога, визитки, цены и упаковка, водяные знаки — список можно продолжать и продолжать! Тем не менее, отличное место для начала — это ваш логотип, который, скорее всего, будет размещен на всем, что вы размещаете для рекламы, в той или иной форме или моде.
Ваш логотип — ваша визитная карточка, и он чрезвычайно важен, поэтому он должен визуально представлять вас и ваш бизнес.
Например, я использую пленочные и винтажные фотоаппараты в своих фотографиях, и когда я редактирую свои цифровые файлы, мне нравится придавать им атмосферу ретро, поэтому мой брендинг включает в себя множество винтажных текстур с ретро-шрифтами и картинками.
Как только вы выясните, что отличает вас друг от друга, подумайте, как вы можете включить эти элементы в визуальное представление.
Теперь существует бесконечное количество способов собрать все вместе и различные программы, которые могут вам помочь, но поскольку у многих из нас есть Adobe Photoshop, давайте рассмотрим создание и дизайн логотипа в Photoshop за 4 простых шага. Это также можно сделать в Photoshop Elements.
Шаг 1. Создайте новый документ Photoshop и добавьте фон
Создайте новый документ Photoshop, выбрав «Файл», «Создать». Убедитесь, что цвет фона установлен на прозрачный, а ширина и высота сделают документ похожим по форме на визитную карточку.
Затем я использую текстуру в качестве фона для моего изображения, поэтому перетащите текстуру на свой первый слой, документ Photoshop, который вы только что создали.
Шаг 2. Используйте инструмент «Кисть», чтобы добавить забавные элементы к вашему логотипу Photoshop
Мы собираемся использовать инструмент «Кисть Photoshop», чтобы добавить украшения в центр открытки. Кисти для Photoshop — это простой (и действительно забавный!) Способ настроить ваш брендинг и сделать его уникальным. Их можно бесплатно найти в Интернете, а ЗДЕСЬ — отличное место для просмотра кистей.Установить их тоже несложно. Все, что вам нужно сделать, это разархивировать загруженные кисти, дважды щелкнуть, и они автоматически установятся в вашей библиотеке кистей.
Перед тем, как выбрать кисть, давайте изменим цвет переднего плана на оттенок, который будет соответствовать нашей текстуре. Когда вы щелкаете значок цвета переднего плана / фона на левой панели инструментов, открывается это поле:
Если вы наведете курсор на текстуру, когда это поле открыто, вы увидите то, что похоже на инструмент-пипетку — используйте пипетку, чтобы щелкать по различным частям текстуры, так как это поможет вам выбрать цвет, который уже находится в цветовой палитре. вашего логотипа.Здесь я использовал пипетку, чтобы выбрать цвет, а затем сделал его немного темнее для дополнительного контраста.
Теперь мы готовы выбрать инструмент «Кисть», обведенный выше.
Щелкните правой кнопкой мыши изображение, и это откроет вашу библиотеку кистей. Затем создайте новый слой Photoshop, так что теперь у нас будет три отдельных слоя.
После того, как я разместил украшение, оно не совсем слилось с текстурой, поэтому я установил Режим наложения слоя 3 на Точечный свет.Работая над этим типом проекта с различными кистями, текстурами и шрифтами, экспериментируйте с режимами наложения и непрозрачностью, пока не почувствуете, что все прекрасно сочетается друг с другом.
Шаг 3. Добавьте текст в свой логотип Photoshop
Пришло время добавить текст, что можно сделать, нажав T на панели инструментов. Это автоматически создаст для вас новый слой. Вы можете изменить цвет текста так же, как мы изменили цвет кисти. Чтобы добавить контраста, я сделал цвет текста немного темнее, чем украшение.
Как и кисти Photoshop, существует бесконечное количество бесплатных загрузок для уникальных шрифтов, и они устанавливаются так же, как вы устанавливаете свои собственные кисти. Я скачиваю большинство моих шрифтов ЗДЕСЬ.
На этом этапе я обрезал изображение, чтобы текст не казался слишком маленьким по сравнению с остальной частью изображения.
Так же, как мы сделали со слоем 3, установите режим наложения на «Точечный свет».
Затем я выбрал другой шрифт, но все еще похожий по стилю, для слова «Фотография.«И я установил режим наложения на (как вы уже догадались!) Точечный свет.
Я хотел добавить еще один штрих, чтобы закончить дизайн, поэтому я использовал кисть для искусственной пленки (мне нравятся эти кисти для пленки, их можно скачать ЗДЕСЬ).
Шаг 4. Сохраните логотип PS в многослойном файле
Наконец, я обрезал финальное изображение. Мне нравится сохранять дополнительную копию своих дизайнов в формате .PSD, таким образом, если я захочу вернуться и внести изменения позже, я могу настроить каждый слой, не начиная с нуля.
Как я уже говорил, это лишь один из многих способов создания логотипа. Так что получайте удовольствие, экспериментируйте и всегда стремитесь помнить о своем бренде, объединяя все элементы дизайна!
У вас есть вопросы или комментарии о том, как создать логотип в Photoshop? Оставьте нам комментарий ниже — мы будем рады услышать от вас! И ПОЖАЛУЙСТА, ПОДЕЛИТЬСЯ нашим учебником, используя кнопки социальных сетей (мы очень ценим это)!
Простой дизайн логотипа в Photoshop
Как запустить логотип
Кажется, в наши дни логотип нужен всем.К счастью, создать простой логотип может быть довольно легко, и существует множество программ, которые могут помочь вам в этом, включая Photoshop!
Начиная с типа
Большинство логотипов начинаются с базовой типографики, а многие логотипы состоят только из шрифта (называемого логотипом). Если вы ищете первоначальное вдохновение для логотипа, мы рекомендуем использовать такие службы, как Adobe Fonts, чтобы найти гарнитуру или определенные шрифты, которые представляют бренд, который вы имеете в виду.
В нашем примере мы создали воображаемую чайную компанию, поэтому мы использовали Adobe Fonts, чтобы найти некоторые семейства шрифтов, которые выглядят дружелюбно и органично.Для этого идеально подходят скриптовые шрифты.
Adobe Fonts позволяет очень легко добавлять новые шрифты в Photoshop, поскольку он активирует и устанавливает их через вашу учетную запись Creative Cloud.
Как только вы найдете шрифт или шрифт, который вам нравится, просто переключите переключатель с надписью «Активировать». Он будет добавлен в список шрифтов, доступных во всех ваших программах Adobe.
Добавление значков
Если вам нужно немного больше, чем простой шрифт, добавление дополнительных фигур и значков может создать больший визуальный интерес.(Просто убедитесь, что все, что вы добавляете, имеет отношение к бренду, который вы пытаетесь представлять!)
Ресурсы, такие как The Noun Project, — еще один отличный способ найти вдохновение для логотипа.
Для нашей воображаемой чайной компании иконка в виде листа показалась подходящей.
Мы решили загрузить значок в виде файла SVG, который является векторным. Это означает, что мы можем масштабировать его до любого размера или до любого размера без потери разрешения.
Это даст нам больше возможностей для экспериментов, поскольку мы пытаемся интегрировать это с типом.
Объединение значков и типа
Когда у вас будет готовый значок, самое время поработать над своими дизайнерскими навыками! Цель должна заключаться в том, чтобы безупречно объединить все элементы логотипа вместе, чтобы он сохранял желаемое для бренда ощущение, оставаясь при этом читабельным.
Мы решили разместить лист как продолжение буквы «h» в конце названия компании.
Но обычно никогда не бывает так просто, как просто приклеить значок где-нибудь вдоль шрифта.Вам нужно, чтобы он имел те же изгибы и форму, что и шрифт, чтобы он выглядел как естественное продолжение.
Кроме того, иногда бывает полезно добавить дополнительный текст под основным логотипом. Это может помочь получить больше информации о компании или бренде.
Вам решать, сколько информации вы хотите передать в своем логотипе. Просто имейте в виду, что когда люди читают или видят ваш логотип с разных расстояний, вы хотите, чтобы каждый элемент был читабельным.
Создание вариантов логотипа
Обычная практика — использовать несколько вариантов логотипа.Это упростит отображение в более широком диапазоне настроек. Например, заголовок на вашем веб-сайте и изображение профиля в ваших учетных записях в социальных сетях могут иметь очень разные размеры.
Для небольших приложений хорошо иметь гораздо меньший и более простой логотип или значок, который по-прежнему представляет бренд и по-прежнему тесно связан с исходным логотипом.
При любых вариациях лучше начать с копирования оригинала. Это даст вам те же элементы, с которыми можно работать, не разбирая исходную работу.
Поскольку буква «h» и лист являются наиболее знаковыми частями созданного нами логотипа, мы решили попробовать превратить эту эмблему в небольшой значок. Создать подобный вариант так же просто, как взять один кусок большого логотипа и затем разместить его отдельно или поверх однотонной формы.
Мы решили поместить его поверх черного круга, изменив цвет шрифта и цвет значка на белый.
В результате получился поразительный значок, который до сих пор очень похож на наш оригинальный полнотекстовый логотип.Но вы можете пойти еще дальше.
Это всегда хорошая практика, чтобы некоторые варианты логотипа были только черно-белыми. Однако после создания этих ресурсов вы можете поэкспериментировать с цветом, градиентами и текстурами, чтобы создать более подробный дизайн. Они идеально подходят для веб-сайтов, значков приложений, изображений профиля — любой платформы, на которой вы хотите использовать как можно больше инструментов, чтобы больше рассказывать о своем бренде.
Поскольку мы работаем с темой круга, мы решили использовать инструмент Elliptical Marquee Tool, чтобы создать выделения, а затем создать градиенты внутри этих выделений.
Вы даже можете комбинировать несколько эллиптических выделений с разными градиентами, чтобы создать эффектный эффект отражения в стекле!
Целью здесь должно быть использование простых инструментов для экспериментов и создание различных логотипов, связанных друг с другом и связанных с брендом, который они должны представлять.
И хотя другие программы, такие как Adobe Illustrator, идеально подходят для этого типа работы, если вы гуру Photoshop, вы все равно можете выполнить работу с впечатляющими результатами!
Как создать профессиональный логотип БЕЗ Photoshop — Курс лучшего брендинга
НО прямо сейчас, , ваша цель №1 должна заключаться в том, чтобы представить свою идею миру в самой лучшей, ПЕРВОЙ версии, которую вы можете .И это то, что должны охватывать эти основные правила.
1. Избегайте использования более двух гарнитур при создании логотипа.Это довольно стандартное практическое правило для дизайна логотипов. Вы не хотите, чтобы ваш логотип отвлекал или казался несвязным, поэтому, ограничившись двумя хорошо сбалансированными шрифтами, вы можете гарантировать, что ваш логотип останется эффективным и универсальным. Для дальнейшего чтения по типографике и сочетанию гарнитур, мне нравится этот пост на Go Live HQ.
2.Ошибаюсь в сторону простого и разборчивого, а не умного и стилистического.Понятно. Может возникнуть соблазн создать какой-нибудь супер-мета, очень концептуальный логотип. Возможно, вы вязальщица, которая использует экологически чистые нитки, поэтому вам нужен лист с иглой, продетой через него, и круг, символизирующий цикличность наших отношений с землей. Все это прекрасно.
НО, если он не будет выполнен должным образом, это может оставить вашу аудиторию в некотором недоумении. Цель логотипа — быть узнаваемым и поддерживать память об идентичности вашего бренда в умах людей. Самый безопасный вариант в этом случае — убедиться, что ваш дизайн разборчив, прост для понимания и не слишком сложен.
Я несколько раз совершенствовал свои продукты и услуги, трижды переделывал свой веб-сайт, обновлял свой брендинг один раз, и вы знаете ОДИН ВЕЩЬ, который остался неизменным? Мой логотип. Тот, который я разработал за 10 минут, когда пытался запустить свой сайт три года назад. Почему? Потому что это было достаточно просто и гибко, чтобы двигаться вместе со мной по мере моего развития. И продолжает служить мне хорошо.
3. Будьте честны с собой при создании логотипа.Ключевой момент здесь: не пытайтесь быть кем-то, кем вы не являетесь, когда дело касается ваших дизайнерских навыков. Сочетание цветов или выбор шрифтов заставляет вас немного заболеть крапивницей? ИЛИ, у вас есть противоположная проблема? Вы заблудились в кроличьей норе DIY-дизайна, потому что не знаете, когда просто РЕШИТЬ и двигаться дальше? В любом случае это нормально!
Какими бы ни были ваши слабые стороны, разберитесь с участниками процесса проектирования и планируйте их соответствующим образом.