Рисуем круглый логотип в Фотошопе

Рисуем круглый логотип в Фотошопе

Создание логотипа в Фотошопе – занятие интересное и увлекательное. Такая работа подразумевает четкое представление о назначении лого (сайт, группа в соцсетях, эмблема команды или клана), осознании основного направления и общей концепции ресурса, для которого этот логотип создается.

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

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

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

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

Итак, разлиновку мы закончили, приступаем к рисованию.

Создаем новый пустой слой.

Затем берем инструмент «Перо» и ставим первую опорную точку в центр холста (на пересечение центральных направляющих).

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

Далее зажимаем ALT, подводим курсор к концу луча и возвращаем его к опорной точке.

Таким же образом дорисовываем всю фигуру.

Затем нажимаем правой кнопкой внутри созданного контура и выбираем пункт «Выполнить заливку контура».

В окне заливки выбираем цвет, как на скриншоте – оранжевый.

После завершения настройки цвета нажимаем во всех окнах ОК.

Затем еще раз кликаем по контуру и выбираем пункт «Удалить контур».

Одну дольку апельсина мы с Вами создали. Теперь необходимо создать остальные. Вручную мы их рисовать не будем, а воспользуемся функцией «Свободное трансформирование».

Находясь на слое с долькой, нажимаем вот такое сочетание клавиш: CTRL+ALT+T. Вокруг дольки появится рамка.

Затем зажимаем ALT и перетягиваем центральную точку деформации в центр холста.

Как известно, полная окружность составляет 360 градусов. Долек у нас по плану будет семь, значит, 360/7=51,43 градуса.

Это значение мы и прописываем в соответствующее поле на верхней панели настроек.

Получаем вот такую картинку:

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

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

Затем зажимаем сочетание клавиш CTRL+ALT+SHIFT+T, повторив предыдущее действие с такими же настройками.

Повторяем действие еще несколько раз.

Дольки готовы. Теперь мы просто выделим все слои с дольками с зажатой клавишей CTRL и нажмем комбинацию CTRL+G, объединив их в группу.

Продолжаем создавать логотип.

Выбираем инструмент «Эллипс», ставим курсор на пересечение центральных направляющих, зажимаем SHIFT и начинаем тянуть круг. Как только круг появляется, зажимаем еще и ALT, тем самым создавая эллипс вокруг центра.

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

Дублируем слой с кругом сочетанием клавиш CTRL+J, перемещаем копию под оригинал и, клавишами CTRL+T, вызываем рамку свободного трансформирования.

Применяя тот же прием, что и при создании первого эллипса (SHIFT+ALT), немного увеличиваем наш круг.

Снова дважды кликаем по миниатюре слоя и снова настраиваем цвет.

Логотип готов. Нажмем сочетание клавиш CTRL+H, что бы скрыть направляющие. При желании можно немного поменять размеры кругов, а для того, чтобы логотип выглядел естественнее, можно объединить все слои, кроме фонового, и повернуть его при помощи свободного трансформирования.

Читать еще:  Уменьшаем лицо в Фотошопе

На этом урок, посвященный тому, как сделать логотип в Фотошопе CS6, окончен. Приемы, использованные в уроке, позволят создавать Вам качественные лого.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Создание эмблемы в Фотошопе: пошаговое руководство

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

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

Этот урок будет целиком посвящен созданию эмблемы для сайта в Фотошопе. В нашем случае это MyPhotoshop.ru.

Создаем круглую эмблему в Photoshop

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

Работаем с объектом

  1. Для начала, как обычно необходимо создать новый документ, в нашем случае с разрешением 1000×1000 пикселей.
  2. После, в палитре слоев нужно создать новый прозрачный слой. Вы уже наверняка знаете, как это сделать, если не в первый раз на нашем сайте.
  3. В качестве основного объекта нашей эмблемы для MyPhotoshop.ru мы возьмем фото Халка.
  4. Далее предстоит его вставить его на наш прозрачный фон, который мы до этого создавали.
  5. Теперь необходимо снять с Халка рельефность и добавить эффектов. Сперва наложим на наш объект цвет в параметрах наложения. Для этого кликните дважды на нужный слой или кликните на него правой кнопкой мыши и выберите “Параметры наложения”.
    В открывшемся окне настроек стилей слоя выбираем “Наложение цвета” со следующими настройками: режим наложения – “Нормальный”, непрозрачность – 90%, а в качестве цвета выбираем фирменный цвет нашего сайта. Но это все в нашем случае и с нашим объектом. Все это не является обязательным. Вообще, само по себе создание эмблемы в Фотошопе это процесс, который требует индивидуального подхода.
  6. После переходим к настройкам теней, не закрывая окно со стилями слоя и устанавливаем следующие параметры: непрозрачность – 100%, смещение – 4 пикс, размер – 15 пикс, а угол поворачиваем на 120 градусов.
    Применяем настройки, кликнув “ОК” и получаем такой результат:
  7. Двигаемся дальше и открываем в главном меню “Фильтр” ->“Галерея фильтров”.
    В списке доступных фильтров выбираем “Текстура” ->“Текстуризатор” со следующими настройками, как на скриншоте ниже:
    Применяем настройки и получаем такой результат объекта с помехами:

Теперь нам нужно наложить логотип нашего сайта на объект, и сделать это так, чтобы все смотрелось гармонично.

Добавляем логотип

  1. Открываем наш логотип в программе и размещаем его на пустой прозрачный слой поверх Халка:
  2. Сперва заходим в настройки стиля слоя с логотипом и, включив параметры “Тень”, “Градиент” и “Внешнее свечение”, настраиваем их согласно инструкциям на скриншотах ниже:
  3. Применив изменения, уменьшаем наш логотип с помощью свободного трансформирования (CTRL+T) и перемещаем его в области груди Халка
    и убираем рамки вокруг лого:
  4. Далее “идем” в меню “Фильтр” ->“Галерея фильтров” и применяем фильтр “Текстуризатор” с параметрами, как на скриншоте:
  5. После, убираем со слоя с текстом “Наложение градиента” и получаем такой результат:
  6. Далее создаем объединенную копию все слоев с помощью горячих клавиш CTRL+ALT+SHIFT+E:
  7. В галерее фильтров применяем ко слою фильтр “Аппликация” со следующими настройками (см. скриншот ниже):
    Результат применения фильтра выглядит так:
  8. Можно сказать, что наша эмблема почти готова. Так оно и есть. Посмотрите как органично уже смотрится наше лого на Халке. Осталось передвинуть ползунок непрозрачности на последнем слое к отметке 80%, чтобы стало прям совсем хорошо:
Читать еще:  Настройка роутера ZyXEL Keenetic 4G

Вроде бы все хорошо, но на эмблему не похоже, верно.

Финализируем эмблему

  1. Создаем еще одну объединенную копию слоев. Затем берем инструмент выделения “Овальная область”:
    Выделяем нужные участок, как на скриншоте:
  2. Копируем и вставляем его в новый чистый документ:
  3. В параметрах наложения накладываем тень на слой и получаем готовую круглую эмблему:

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

Удачи вам в ваших работах! “Увидимся” в наших других уроках!

Как сделать круглый логотип в фотошопе

Леонид Родинский

Клиенты рекламного агентства Zexler нередко задают вопросы по дизайнерским приёмам работы. Ежедневное администрирование сайтов требует внесения небольших изменений в элементы фирменного стиля, когда необходимо вносить правки в существующие проекты или подгонять их под новые условия размещения. На примере корпоративного символа нашей компании, рассмотрим одну из таких задач – изменение формы логотипа.

Решения для привлечения клиентов

Вам будет интересно

Выделение

Имеющийся в распоряжении файл с нужным графическим элементом открываем в программе Adobe Photoshop. Это приложение по праву позиционируется в сегменте профессионального дизайна, что не означает невозможность использования его в простых целях и не очень подготовленными людьми. Итак…

  • Запускаем программу, открываем картинку.

  • Активизируем инструмент «Овальная область». Он по умолчанию находится в одной вкладке с прямоугольником (клавиатурное сокращение М).

  • Зажимаем клавишу shift и от угла до угла формируем круглое выделение. Если требуется овал, делаем его без дополнительной кнопки. При необходимости корректировки положения созданного выделения, действуем стрелками, либо нажатием правой кнопки мыши внутри круга вызываем контекстное меню и выбираем строку «Трансформирование выделенной области».

  • В меню «Слой» находим позицию «Новый» и выбираем «Скопировать на новый слой». Или применяем клавиатурное сокращение ctrl+J.

  • В результате в панели слоёв появляется новая позиция – вырезанный в круг логотип.

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

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

Обтравочная маска

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

  • Шаг первый – открываем исходный документ в AdobePhotoshop.
  • Шаг второй – нажимаем клавиши ctrl и кликаем по иконке создания нового слоя. В панели он появится ниже уровня логотипа.

  • Шаг третий – на чистом нижнем слое создаём выделение нужной формы и заливаем его белым цветом.
  • Устанавливаем курсор мыши на границу между двумя слоями, нажимаем клавишу alt (при этом форма курсора превратится в повёрнутую вниз стрелку с небольшим квадратиком справа) и кликаем. В панели слоёв произойдёт изменение.

  • Теперь в поле видимости остаются лишь те фрагменты логотипа, которые попадают в размер белой заливки маски. Активизируем инструмент «Перемещение» (клавиатурное сокращение V) и ставим эмблему в нужное положение. При этом допускается изменять её размеры и производить вращение.
Читать еще:  Рисуем мышью на компьютере

Обратите внимание, что к белому кругу можно применять растушёвку, стили слоя или другие визуальные эффекты. Завершив редактирование, объединяем слои (ctrl+E) и сохраняем проект в формате png. Круглый логотип на прозрачном фоне готов к дальнейшему использованию.

Рисуем круглый логотип в Фотошопе

Как создать логотип в Adobe Illustrator CS5. Окружность использовалась, как основной модуль, чтобы создать нужные буквы я удалил несколько сегментов.

Эта статья может быть полезной для тех, кто начинает изучать работу в Adobe Illustrator и дизайн фирменного стиля. Мой перевод не обязательно будет максимально точным, но зато я постарался чтобы он был максимально понятным для выполнения. Перевод: Павел Лебедев.

Я большой поклонник типографики и дизайна логотипов. Один из моих любимых логотипов я создал для компании Zagora. Нас попросили создать им дизайн фирменного стиля. При этом он должен быть уникальный и современный. Мы потратили около 4 часов обсуждая идеи и концепции, чтобы понять что конкретно они хотя чтобы мы создали.

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

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

Шаг 1

В Adobe Illustrator создаем круг, используя Ellipse Tool (U).

Выберем круг и нажмем Ввод (Enter) и появится диалоговое окно Move. Теперь мы можем двигать круг горизонтально и вертикально, а также создавать копии.

Сначала мы создадим горизонтальные круги. Для этого добавим ширину круга в поле horizontal и нажмем кнопку Copy. Повторяем этот процесс, пока у нас не будет 6 окружностей, стоящих вплотную.

Шаг 3

Создадим круг под первым и третьим кругом. Это будут буквы Z и G.

Шаг 4

Используя Direct Selection Tool(A), выделим несколько сегментов у кругов и удалим их как на картинке ниже.

Шаг 5

Выделяем все объекты и меняем Ширину обводки (Stroke Weight) на 20pt. После этого добавим еще 2 элемента под Z и R, как показано на картинке, и удалим сегмент последней A. Совет: используйте функции Object>Transform>Move и Object>Transform>Reflect для большей точности.

Шаг 6

Меняем цвета обводки. Я использовал зеленый для Z, для As, красный для G и R, и синий для O.

Шаг 7

Выберем букву A или вторую окружность и откроем диалоговое окно Move (как мы делали это в шаге 2). Двигаем букву ближе к первой букве, Z. Повторяем это для остальных букв. После этого меняем порядок букв (в палитре слоев) так, чтобы буква R находилась над последней буквой A, но внутри O. Совет: Чтобы сделать это вам потребуется создать новые элементы чтобы маскировать их. Используйтес команду Move для точности.

Шаг 8

Когда вы расставили буквы так, что межбуквенное расстояние вас устраивает и все буквы хорошо расположены, выберите все объекты. И выберите в меню команду Object>Path>Outline Stroke. Она преобразует обводки в заливки.

Шаг 9

Выберите букву G и R и примените к ним линейный градиент. Используйте переход цвета от оранжевого к красному.

Шаг 10

Продублируйте элемент над буквой Z и поменяйте цвет на черный. Примените к нему команду Effects>Blur>Gaussian Blur, используя параметр примерно 3.5pt. После этого разместите его под буквой Z и R как на картинке.

Результат

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

Ссылка на основную публикацию
Adblock
detector