Создаём логотип в Adobe Photoshop

Разработка логотипа – это не такой лёгкий процесс, как может показаться на первый взгляд. Над некоторыми работают целые студии и команды профессиональных дизайнеров и маркетологов. Правда, даже самые лучшие дизайн студии используют для создания логотипов специализированные программы, которые имеются в открытом доступе. Одна из таких программ – Adobe Photoshop. Она идеально вам подойдёт в том случае, если требуется сделать простой логотип собственными силами. Вы, конечно же, может в нём сделать и более сложное лого, но для этого потребуется очень хорошо знать и уметь работать с программой.

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

Как создать логотип в Adobe Photoshop

Для создания логотипа мы бы больше рекомендовали использовать программу Adobe Illustrator. Она во многом похожа на Фотошоп, а также поставляется от одного разработчика, однако весь её функционал заточен именно на работу с векторной графикой – иллюстрации, логотипы и т.д.
Однако и в Фотошопе можно сделать полноценный логотип. Для удобства восприятия материала поделим весь процесс на этапы, для каждого из которых дадим подробную инструкцию. Правда, для того, чтобы создать лого по этим инструкциям вам всё равно потребуются хотя бы самые базовые навыки работы в программе, а также представления об её интерфейсе и функциях.

Этап 1: Настройка документа

Перед тем, как приступать к работе, нужно создать сам документ. Здесь нет каких-либо чётких требований, которые были бы стандартны для всех случаев. Вам может потребоваться документ со совсем другими параметрами, нежили те, которые рассматриваются в статье. Мы же создадим документ по максимально стандартным параметрам, что используются при создании логотипов:

1. Запустите программу Photoshop. В новых версия прямо на экране приветствия нажмите на кнопку «Создать». Если этой кнопки нет, то кликните на «Файл», что расположен в верхней панели программы. Из контекстного меню выберите вариант «Создать».



2. В новой версии Photoshop настройка документа происходит в правой части открывшегося окна. Для примера мы укажем размер 1000 на 1000 пикселей, чтобы сделать квадратную ориентацию. У вас могут быть другие размеры и другая ориентация в зависимости от того, какой логотип вы хотите сделать.
3. В поле «Разрешение» можно оставить значения, которые там установлены по умолчанию – 72. Однако, если логотип будет использоваться для печати (даже в теории) рекомендуется установить более высокое разрешение. В идеале 300 пикселей на дюйм.
4. Цветовой режим опять же нужно выбирать в зависимости от того, где будет использован логотип. Если речь идёт о печатной продукции, то здесь лучше выбрать цветовую палитру CMYK. Если же лого будет использовано только в интернет-пространстве, то выбирайте цветовую палитру RGB. Ничего страшного, если вы изначально выбрали не ту палитру, однако вам нужно быть готовым к тому, что например, цвета на печати будут немного отличаться от тех, которые показаны в рабочей области.
5. Фон можно оставить по умолчанию белым, сделать его прозрачным или задать какой-либо произвольный цвет. Здесь уже на ваш выбор.

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

Этап 2: Создание первичных форм

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

1. В панели инструментов Фотошопа выберите нужную вам фигуру – круг, прямоугольник, многоугольник и т.д.
2. Обратите внимание, что при выборе той или иной фигуры вы можете настраивать её определённые параметры. Настройка этих элементов расположена в верхней части рабочей области. Здесь, обычно, меняется цвет самой формы, настраивается обводка, устанавливаются какие-либо дополнительные значения, например, количество углов. В качестве примера мы выбрали прямоугольник.

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



3. В качестве примера мы создали стандартный прямоугольник, но согласитесь, что это не логотип. Давайте попробуем «срезать» ему один из верхних углов. Чтобы это сделать выберите соответствующий инструмент в панели. Он называется «Выделение контура» и вызывается кнопкой A (английской) на клавиатуре.



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



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

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

1. Для новой произвольной фигуры рекомендуется создать отдельный слой. Чтобы это сделать, в панели слой нажмите на иконку добавления нового.
2. Теперь в панели инструментов найдите «Перо» (расположение отмечено на скриншоте). Его можно также вызвать, воспользовавшись клавишей P на английской клавиатуре.
3. На холсте задайте несколько точек, чтобы схематично получилась та фигура, которую вы планируете изобразить в итоге.
4. Чтобы фигура была более плавная, расставляйте точки с зажатой левой кнопкой мыши. У вас напротив новой точки должны будут появиться кривые бизье (отмечены на скриншоте). Если нужно «вывернуть» контуры, сделать их более плавными, то попробуйте подвигать эти манипуляторы.
5. Завершите формирование фигуры, замкнув последнюю точку с первой, то есть просто поставив последнюю точку на первую.



6. Если фигура, которую вы хотели изобразить получилась не идеальной, то не стоит этим же инструментом исправлять недочёты, так как по умолчанию при повторном нажатии на уже созданных точках они удаляются. Вместо этого нужно выбрать инструмент «Угол». Для этого нажмите правой кнопкой по иконке «Перо», чтобы получить доступ к контекстному меню с инструментами.
7. С помощью инструмента «Угол» внесите «финальные» корректировки. Также вы можете немного поменять расположение точек с помощью этого инструмента.



8. Теперь нажмите по полученному контуру правой кнопкой мыши. Из контекстного меню выберите пункт «Залить субконтур».
9. Давайте вкратце рассмотрим, какие тут есть параметры:
   • «Содержание». Здесь определяется, как будет происходить заливка. Например, вы можете указать какой-то произвольный цвет, выбрать основной или цвет фона;
   • «Режим». Выберите режим наложения цвета. По умолчанию стоит «Нормальный», однако если изменить режим наложения, то в некоторых случаях может сильно меняться сам цвет и текстура заливки;
   • «Непрозрачность». По умолчанию стоит значение 100%, если вы установите значение на 0%, то объект станет невидимым, то есть абсолютно прозрачным;
   • «Радиус растушёвки». Нужно применять в основном в тех случаях, когда требуется сделать границы объекта более мягкими.

   

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

Читайте также:
Как сделать визитку в Photoshop
The Logo Creator: обзор программы для создания логотипов
Как в Фотошопе (Photoshop) добавить рамку — подробная инструкция
Как изменить размер изображения в Adobe Photoshop

Этап 3: Расстановка элементов

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

1. На панели слоёв выделите нужный вам элемент и нажмите сочетание клавиш Ctrl+J. Либо можно кликнуть по нужному слою правой кнопкой мыши и выбрать из контекстного меню вариант «Копировать слой».
2. Теперь в слоях выберите скопированный слой.
3. В панели инструментов выберите инструмент «Перемещение». С помощью него передвиньте скопированную фигуру в нужное вам место на холсте.
4. Если вам нужно изменить её размер, то воспользуйтесь комбинацией клавиш Ctrl+T. По бокам от фигуры появятся специальные манипуляторы. Тяните за них, чтобы изменить размеры фигуры. Если вам нужно, чтобы размер менялся пропорционально, то двигайте манипуляторы с зажатой клавишей Shift.
5. В разделе трансформирования размера фигуры вы также можете изменять её перспективу, деформировать и т.д. Чтобы получить доступ к этим вариантам трансформирования, нажмите комбинацию клавиш Ctrl+T, а затем правой кнопкой мыши по трансформируемой фигуре.



6. Расставьте фигуры в нужной вам композиции и переходите к следующему этапу.

Этап 4: Заливка фигур

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

1. В панели со слоями выберите слой нужной фигуры. По нему нужно нажать два раза левой кнопкой мышки, чтобы открыть окно редактирования стиля слоя.
2. В правой части открывшегося окошка установите галочку напротив пункта «Наложение градиента». Также нажмите на этот пункт, чтобы перейти к его более детальным настройкам.
3. Здесь вы можете настраивать следующие параметры:
   • «Режим наложения». По умолчанию стоит «Нормальный». В программу их встроено много, поэтому каждый из них рассматривать подробно не имеет смысла. Если считаете нужным, то можете «поиграться» с ними и выбрать оптимальный вариант;
   • «Непрозрачность». Если её значение стоит на нуле, то градиент не будет виден, а вместо него вы увидите стандартную заливку. Если значение стоит на 100%, то градиент полностью закроет фигуру;
   • «Градиент». Здесь выбирается сам шаблон наложения градиента и настраивается более подробно. Именно в этом пункте можно настроить цвета, плавность их перехода, добавить различные точки и т.д;
   • «Стиль». Здесь задаётся стиль наложения градиента. Например, в случае с «Радиальным» градиент идёт из центра фигуры, если выбран «Линейный», то градиент накладывается с определённого края;
   • «Угол». Применяется в основном при наложении в линейном стиле, отвечает за то, из какого угла будет «падать» градиент;
   • «Масштаб». Отвечает за размытие градиентной заливки по фигуре.

   

4. Если вы хотите, чтобы градиент полностью залил полученную фигуру, то обязательно в пункте «Непрозрачность» установите значение на 100%.

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

Этап 5: Добавление текста

В большинстве логотипов добавляется текст, где пишется наименование компании и, не всегда, слоган фирмы. Текст добавляется и редактируется следующим образом:

1. В панели инструментов выберите инструмент «Текст». Чтобы начать писать, кликните в нужное место на холсте. Также вы можете выделить место для написания текста. Для этого просто зажмите левую кнопку мышки и укажите область.
2. Напишите текст. Если помимо названия фирмы вы планируете написать ещё слоган или какой-то дополнительный текст, то делайте всё это на отдельных слоях. В новых версиях под каждое нажатие на холст или выделение области с использованием инструмента «Текст» создаётся редактируемый текстовый слой.



3. При необходимости создайте дополнительный текстовый слой, который будет использован в качестве слогана или блока с дополнительной информацией о компании.
4. Текст в этих слоях можно редактировать как вам будет угодно. Например, вы можете изменить его размер, шрифт, выравнивание, цвет и другие параметры. Для этого обратите внимание на верхнюю панель с настройками.
5. Если вам нужно получить доступ к более расширенным настройкам, то нажмите на иконку, что отмечена на скриншоте. Здесь вы можете менять размеры расстояние между буквами и строками, указывать высоту и ширину букв, задавать более продвинутые стили для текста, например, подчёркивание, выделение жирным и т.д.



6. Также тексту можно задать градиентную заливку и/или тень. Делается это через окно «Стиль слоя» практически по аналогии с инструкцией из предыдущего этапа.

Этап 6: Сохранение документа

Завершив работу над логотипом вам нужно его сохранить для дальнейшего использования. Это наиболее простой этап из всех рассмотренных в инструкции:

1. Нажмите в верхней части интерфейса на кнопку «Файл». Из контекстного меню выберите вариант «Сохранить как».



2. Теперь вам требуется определиться с расширением файла. Всего есть несколько расширений, в которых рекомендуется сохранять готовый логотип:
   • PSD – это формат самого Photoshop, в который программа предлагает сохранить файл по умолчанию. Рекомендуется обязательно иметь при себе файл логотипа с данным расширением. Дело в том, что в таком случае вы сможете снова открыть его в Фотошопе, если вдруг придётся что-то отредактировать спустя некоторое время;
   • PDF – тоже распространённый формат. В зависимости от настроек сохранения его можно будет также впоследствии открыть в Фотошопе для дальнейшей работы с логотипом;
   • PNG – это обычная картинка с прозрачным фоном. Редактировать её также, как два предыдущих расширения не получится, но вы сможете вставить её в какой-нибудь документ или другой файл при необходимости;
   • JPG – во многом похож на предыдущий вариант, но фон у него заливается каким-либо цветом, обычно белым, если не задан другой.
3. Выберите нужный вам формат и нажмите на кнопку «Сохранить».

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

Создать логотип в Adobe Photoshop можно без каких-либо серьёзных проблем. Попрактивовшись и получив более широкое представление о различных функциях Фотошопа, вы сможете сами без проблем делать и более сложные логотипы уже без инструкций.