Логотипы для фотошопа: логотип PSD, 23000+ логотип осчс-образ для бесплатной загрузки

Содержание

Psd логотипы бесплатно – более 80 шаблонов для скачивания

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

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

Плоские логотипы

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

Коллекция хипстерских лого

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

https://www.freepik.com/free-vector/hipster-flat-logo-collection_827105.htm

Монограмма

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

https://dribbble.com/shots/1140509-Reflect-Architecture-Logo

Ветеринарная клиника

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

https://www.freepik.com/free-vector/pet-clinic-flat-logos-pack_835104.htm

Логотип футбольного клуба

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

https://www. behance.net/gallery/12932031/Moroccan-Football-Flat-Logos-Extra

Логотип ресторана

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

https://www.freepik.com/free-vector/restaurant-flat-logo-collection_827107.htm

Плоский дизайн логотипа

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

https://www.behance.net/gallery/24356965/Flat-Logo-Design-Pack

Абстрактные логотипы

Любой дизайн из комбинированных различных форм и линий, и отличающийся от того, стандартных разновидностей включен в категорию абстрактного дизайна. Как и плоские логотипы, абстрактные рисунки бывают разных цветов, например, синий, черный, оранжевый и желтый.

Логотип фермы

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

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

https://dribbble.com/shots/2934157-Oskar-Farm-Abstract-Logo

Шаблон корпоративного логотипа

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

https://www.freepik.com/free-vector/abstract-logo-with-colorful-leaves_810102.htm

Абстрактный логотип

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

https://dribbble.com/shots/3076351-Abstract-Logo

Логотип компании

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

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

https://www.freepik.com/free-vector/a-abstract-logo-design_822546.htm

Тигриная скорость

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

https://www.behance.net/gallery/8101381/TIGERSPEED-Logo

Корпоративный логотип

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

https://www.freepik.com/free-vector/abstract-logo-templates-collection_1086364.

htm

Узорный логотип

Если вам нужен легкодоступный узорный логотип, то шаблон идеально подходит для вас. Он предлагает не только один, но восемь (8) узорных лого для выбора. Все логотипы характеризуются черным и зеленым цветами, а идеальный контент — это то, что требуется каждому дизайну, чтобы сделать впечатляющий и эксклюзивный товарный знак.

https://www.vecteezy.com/vector-art/120119-portuguese-abstract-logo

Фирменный логотип

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

https://www.freepik.com

Логотип бабочки

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

https://www.behance.net/gallery/8129031/Butterfly-Logo

Логотип Flame Business

https://www. freepik.com/free-vector/abstract-logo-in-flame-shape_825159.htm

Винтажные логотипы

Логотип орнамент

https://www.freepik.com/free-vector/pack-of-elegant-ornamental-logos_956406.htm

Винтажный стиль

https://pixelbuddha.net/freebie/vintage-logos-free-downloads

Золотая обводка

https://www.freepik.com/free-vector/vintage-golden-retro-logos_1095157.htm

Золотая Корона

https://www.freepik.com/free-vector/letter-k-logo-with-golden-crown_1050229.htm

Кемпинг и приключения

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

http://www.bestpsdfreebies.com/freebie/camping-and-adventure-logos/

3D логотипы

3D логотип в векторе

https://www.freepik.com/free-vector/3d-logos_763086. htm

Логотип стрелки

https://www.vecteezy.com/vector-icons/49259-free-vector-of-the-day-148-3d-arrows-logo-concept

Абстрактный 3D логотип

https://www.freepik.com/free-vector/abstract-3d-logo_763516.htm

Набор логотипов

https://www.vecteezy.com/vector-art/215161-modern-in-love-with-technology-vector-illustration

Квадратный логотип

https://www.freepik.com/free-vector/3d-square-logo_945553.htm

Логотип векторный

https://www.vecteezy.com/vector-art/74503-3d-vector-logo

Рекламный 3D логотип

https://www.freepik.com/free-vector/3d-commercial-logo_763090.htm

Бизнес Логотипы

Элегантный логотип

https://www.freepik.com/free-vector/elegant-business-logos_714464.htm

Векторный логотип

https://all-free-download.com/free-vector/download/business-logos-original-design-vectors_582756.html

Дизайн бизнес логотипа

https://www. freepik.com/free-vector/business-logo-design_848711.htm

Корпоративный бизнес логотип

http://uselogodesigns.com/vector-logos/business/name-free-business-logo/

Рекомендую к прочтению: Цвет логотипа – инструкция по выбору правильного оттенка

Креативный синий стиль

https://freedesignfile.com/90493-creative-blue-style-business-logos-vector-set-03/

Бизнес логотип в векторе EPS

https://freedesignfile.com/72093-company-logos-creative-design-vector-01/

Круглые логотипы

Круглые логотипы — бургер

https://www.freepik.com/free-vector/pack-of-round-burger-logos_1124192.htm

Логотипы кругового движения

https://www.vecteezy.com/vector-art/121036-spinning-wheel-logos

Логотипы поезда

https://www.freepik.com/free-vector/four-round-train-logos-in-vintage-style_1125359.htm

Круглый цветочный логотип

https://www. vecteezy.com/vector-art/76873-round-floral-logo

Плоские лодки

https://www.freepik.com/free-vector/set-of-four-round-logos-with-flat-boats_1113742.htm

Логотип для бренда

https://www.vecteezy.com/vector-art/76867-round-logo-template

Круглые абстрактные логотипы

https://www.freepik.com/free-vector/set-of-round-abstract-logos_1114475.htm

Логотипы шара

https://www.dreamstime.com/royalty-free-stock-images-round-logos-image15109669

Логотипы гитары

https://www.freepik.com/free-vector/pack-of-four-guitar-logos-in-realistic-design_1112847.htm

Логотипы фотографов

Логотип фотостудии

https://www.freepik.com/free-vector/photo-studio-logos-pack_1133626.htm

Винтажный логотип фотографа

https://www.vecteezy.com/vector-art/88986-vintage-style-photographer-logo-template

Коллекция логотипов для фотографа

https://www. freepik.com/free-vector/photography-logo-collection_1133806.htm

Редактируемый логотип фотографа

https://www.vecteezy.com/vector-art/86383-photographer-logo-template

Логотип для фотографа

https://www.freepik.com/free-vector/logo-for-photography-studio_1126549.htm

Handmade логотип фотографа

https://www.vecteezy.com/vector-art/92774-hand-drawn-style-vintage-logo

Темный логотип для фотографов

https://www.freepik.com/free-vector/dark-logo-for-photographers_1126550.htm

Коллекция логотипов фотографов в PSD

https://creativebooster.net/products/10-free-photography-logo-templates

Логотипы для компании

Современный дизайн

https://all-free-download.com/free-vector/download/best-company-logos-modern-design-vector_548608.html

Корпоративный логотип компании

https://www.freepik.com/free-vector/logo-template-background_1140266.htm

Логотип компании в векторе

https://all-free-download. com/free-vector/download/best-company-logos-modern-design-vector_548607.html

Логотип компании со слоганом

https://all-free-download.com/free-vector/download/company-logos-creative-design-vector_536342.html

Название компании

https://all-free-download.com/free-vector/download/creative-company-logo-vector_535285.html

Золотой логотип для компании

https://all-free-download.com/free-vector/download/golden-company-logos-vectors_579120.html

Векторные логотипы

Логотип векторный

https://www.vecteezy.com/vector-art/83525-logo-vector-elements

Логотип компании

https://all-free-download.com/free-vector/download/free-logo-vector_38138.html

Логотип бесконечности

https://www.freepik.com/free-vector/infinite-logo_798107.htm

Автомобильные логотипы

https://all-free-download.com/free-vector/download/12-automobile-logos-vector_148529. html

Бесконечность векторный логотип

https://www.vecteezy.com/vector-art/99489-infinite-vector-logo

Логотип Эвереста в векторе

https://www.vecteezy.com/vector-art/106775-everest-logo-vectors

Векторный логотип торговой марки

https://all-free-download.com/free-vector/download/logo-vector_162601.html

Логотип короны в векторе

https://www.vecteezy.com/vector-art/139144-crown-logo-vector

Корпоративные логотипы

Художественный корпоративный логотип

https://all-free-download.com/free-vector/download/corporate-logo-sets-with-artistic-shapes-illustration_6824304.html

Корпоративный логотип

https://www.vecteezy.com/vector-art/76739-corporate-logo-template

Корпоративный дизайн логотипа

https://all-free-download.com/free-vector/download/corporate-logo-design-in-various-dark-colored-shapes_6824675.html

Корпоративный венчурный логотип

https://seeklogo. com/vector-logo/35646/corporate-venturing

Корпоративный логотип вектор

https://all-free-download.com/free-vector/download/corporation-logo-design-with-colored-artistic-style_6824690.html

Надеемся, что вам понравилась данная статья и она оказалась интересной.

А если вам нужно разработать собственный логотип, вы можете сделать это в нашем сервисе логотип онлайн!

Рекомендую к прочтению: Логотипы компаний игра – сможете ли вы определить бренд?

Новый логотип Photoshop, Adobe и Creative Cloud | by DesignGlory

С момента запуска Creative Cloud, Adobe постепенно шла в сторону смены «идентичности бренда», выпуская новые логотипы с закруглёнными углами. И недавно они сделали ещё один большой шаг вперёд, перепроектируя логотипы всех своих приложений, включая в себя новый логотип Photoshop, логотип Creative Cloud и даже логотип самого Adobe.

В своём блоге Sonja Hernandez рассказывает, что эти изменения «обеспечат простоту и удобство навигации по нашему портфолио для клиентов, а также сохранение свежего внешнего вида». Три «главных» обновления дебютировали вчера.

Во-первых, логотип Adobe становится одноцветным, полностью красным, и кроме того, этот красный цвет был обновлён, «теперь он кажется теплее и современнее».

Во-вторых, логотип Creative Cloud больше не представляет из себя сочетание белого и красного. Вместо этого фон напоминает разноцветную радугу, которая включает в себя новый логотип Adobe красного цвета, а также различные голубые, пурпурные и зеленые цвета, которые отсылают нас к другим продуктам от Adobe, а именно: Premiere, Photoshop и Dreamweaver.

И наконец, каждый логотип приложений получит более значительный редизайн и первым будет Photoshop. Все углы логотипа будут округлены, яркая цветная рамка вокруг каждого логотипа будет удалена, в некоторые продукты будет добавлена трёхбуквенная мнемоника (Photoshop Camera -> PsC), а цвета логотипа будут обновлены для «организации продуктов по таким категориям как: Video & Motion или Photography».

Пример этих изменений в логотипе Photoshop представлены ниже:

Также есть и другие обновления, но они относятся к тем частям экосистемы Adobe, в которых мы не так сильно заинтересованы, например Document Cloud и Experience Cloud. В целом, изменения должны упростить навигацию по обширной экосистеме Adobe и сделать её более согласованной для операционных систем.

Поскольку разрыв между дэсктопным Photoshop, Photoshop на iPad и Photoshop на других компьютерах на базе ARM сокращается, имеет смысл использовать один язык проектирования на всех используемых платформах. Чтобы узнать больше об этих изменениях, зайдите в блог Adobe.

Оригинал статьи

Как сделать надпись для логотипа в фотошопе. Как создать логотип в Photoshop: пошаговая инструкция

Сегодня я покажу вам, как с помощью фигур и стилей слоя создать красивый логотип Apple WWDC в программе Photoshop CS5. Вы узнаете, как создать красивый логотип, при этом, не используя множество технических приёмов. Ссылка на PSD файл урока указана в конце урока. Итак, давайте приступим!

Примечание переводчика: WWDC (Apple Worldwide Developers Conference) — всемирная конференция разработчиков на платформе Apple. Проводится ежегодно в Калифорнии, США.

Итоговый результат

Шаг 1

Вначале создайте новый документ (Ctrl+N) в программе Adobe Photoshop CS5 со следующими размерами: 1920 px х 1200 px (цветовой режим RGB), разрешение 72 пикселей на дюйм (pixels/inch). Выберите инструмент Заливка (Paint Bucket Tool (G)) и залейте слой с задним фоном цветовым оттенком #120807. Подберите логотип Apple в формате PNG. Добавьте выбранный логотип на наш рабочий документ, я использовал логотип , ссылка на который дана в начале урока. При необходимости, вы можете увеличить масштаб изображения с помощью инструмента Свободная трансформация (Free Transform (Ctrl+T)).

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

Шаг 2

Мы получим следующий результат.

Шаг 3

Итак, мы создали контур логотипа. Теперь мы добавим к нему следующий квадратик. В данном случае, я выбрал инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool (U)), в настройках данного инструмента установил Радиус (Radius) 15 px, далее, удерживая клавишу (Shift)+нарисуйте следующий квадратик, как показано на скриншоте ниже. Далее, с помощью инструмента Свободная трансформация (Free Transform (Ctrl+T)), поверните квадратик на 45 градусов.

Уменьшите значение Заливки (Fill) до 0% для слоя с квадратиком. Далее щелкните по значку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, чтобы применить стиль слоя Тень (Drop Shadow).

Зайдите в настройки градиента. Установите цвета градиента, которые указаны на скриншоте ниже. Нажмите кнопку OK, чтобы закрыть окно настроек редактора градиента.

Поменяйте режим наложения для слоя с квадратиком на Жёсткий свет (Hard Light).

Шаг 4

Мы должны растрировать новый слой. Для этого, создайте новый слой поверх слоя с квадратиком, далее, выделите оба слоя, а затем, нажмите клавиши (CTRL+E), чтобы объединить их вместе. Теперь, с помощью инструмента Перемещение (Move Tool (V)), мы можем расположить квадратик внутри контура логотипа. При использовании инструмента Перемещение (Move Tool (V)), удерживайте клавишу (Alt)+потяните за квадратик, чтобы создать дубликат квадратика. Создайте несколько квадратиков. С помощью инструмента Свободная трансформация (Free Transform (Ctrl+T)), варьируйте размеры квадратиков.

Шаг 5

Для дубликатов слоёв с квадратиками мы применим другое значение Заливки (Fill).

Примечание переводчика: для оригинального слоя с квадратиком значение заливки было 0%, для дубликатов слоёв с квадратиками значение заливки будет 70%.

Примечание переводчика: автор к розовым квадратикам добавляет синие квадратики.

В данном случае, создайте ещё один дубликат слоя с квадратиком (выбрав инструмент Перемещение (Move Tool (V)) + удерживая клавишу (Alt)+потяните мышкой квадратик, чтобы создать дубликат слоя). Далее, нажмите клавиши (CTRL+U) и в диалоговом окне коррекции Цветовой тон / Насыщенность (Hue/Saturation) сместите бегунок опции Цветовой тон (Hue) влево, чтобы изменить цветовой тон квадратика.

Теперь, продублируйте слой с синим квадратиком. Расположите дубликаты синих квадратиков, как показано на скриншоте ниже:

Примечание переводчика: не забывайте варьировать размер дубликатов квадратиков.

Шаг 6

Продолжайте добавлять квадратики, на этот раз уже другого цвета. Чтобы поменять цвет, используйте ту же самую команду коррекции Цветовой тон / Насыщенность (Hue/Saturation). Теперь, несколько раз продублируйте слой с квадратиком, используя технику, которая описана выше.

Мы получили следующий результат.

Шаг 7

Слои с квадратиками должны располагаться друг за другом. Далее, мы возвращаемся на слой с первым квадратиком, создаём дубликат слоя (с помощью инструмента Перемещения (Move Tool (V))+клавиши (Alt)). А затем, меняем цвет квадратика с помощью коррекции Цветовой тон / Насыщенность (Hue/Saturation (CTRL+U)).

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

Шаг 8

Продолжайте добавлять квадратики различных цветовых оттенков. Создайте дубликат самого первого слоя с квадратиком, используя технику, которая описана выше. А затем, поменяйте цвет дубликата квадратика с помощью коррекции Цветовой тон / Насыщенность (Hue/Saturation (CTRL+U)).

Мы получили следующий результат.

Шаг 9

Используя вышеописанную технику, добавьте ещё квадратики различных цветовых оттенков.

Шаг 10

В центральной части логотипа, мы добавим разноцветные квадратики размером побольше. Примените к этим слоям различную степень Непрозрачности (Opacity), а также различные режимы наложения, например, Перекрытие (Overlay), Жёсткий свет (Hard Light), Мягкий свет (Soft Light). Варьируйте размер квадратиков с помощью Свободной трансформации (Free Transform (Ctrl+T)).

Шаг 11

Теперь, удалите слой с контуром логотипа.

Шаг 12

Нажав на значок «Создать новый корректирующий слой или слой-заливку» (Create new fill or adjustment layer) в нижней части панели слоев, добавьте корректирующий слой Кривые (Curves) поверх всех слоёв. Установите кривую, как показано на скриншоте ниже, чтобы провести небольшую коррекцию цвета.

Поздравляю, мы завершили урок!

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

Подготовка материалов

Следует сразу предупредить: Фотошоп не слишком подходит для создания векторных элементов, которые затем планируется использовать в логотипе. Так, если пользователь хочет добавить к своей эмблеме авторские завитки, сложные геометрические фигуры или контуры, их лучше сделать в программе 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.

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

Логотип — вектор или растр?

Масса заказчиков под логотипом подразумевает не более чем картинку, которую они смогут посмотреть на своем компьютере. Основная проблема начинается тогда, когда заказчик, налюбовавшись на логотип в своем мониторе решает пустить его в дело. Например напечатать большой плакат размером с дом. Помнится именно такой плакат когда то вывешивал сайт Delfi. Или сделать светящуюся вывеску для своего магазина. Или напечатать календари с большим красивым логотипом, горячим, из под лапы дорогого дизайнера.

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

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

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

Создаем лого в Фотошопе

В этом уроке-воркшопе по созданию лого в Фотошопе я использую свой старый логотип AQ, который я создавал для одного приятеля. Помню, мы договорились о бартере, я ему логотип и дизайн для CMS, он мне движок сайта и верстку. Правда, после того как я свою часть выполнил, ему показалось отличной идеей исчезнуть и не отвечать, вместо того чтобы сказать «Извини, совсем нет времени делать верстку». Данный логотип представляет из себя ряд простых овальных яйцеобразных объектов. Фотошоп представляет нам ряд весьма скудных инструментов для работы с векторными путями. К счастью, этих скудных инструментов вполне достаточно чтобы сделать 60% существующих логотипов, если не больше. Я начну с создания форм, буду ссылаться на другие уроки, которые помогут вам создать мой логотип, и конечно в конце урока каждый сможет скачать мой PSD фаил со всеми слоями.

Рисуем основные фигуры

Выберите инструмент Ellipce Tool и нарисуйте обычный эллипс. На панели настроек обязательна опция Shape Layer . И если вы не знаете что это, почитайте мою статью о режимах Shape Layer, Path и Fill Pixels . Если коротко, эта опция создает векторные контуры в виде векторной маски со слоем заливки. И именно так вектор отображается в Фотошопе.

Выберите другой инструмент Direct Selection Tool , он выделяет конкретные векторные точки и может изменять направление их направляющих. Кликните им по эллипсу. Затем выделите две средние точки, верхнюю и нижнюю. Чтобы выбрать сразу 2 точки, жмите SHIFT . Когда 2 точки выделены, потяните их назад, чтобы элипс принял яйцеподобную форму. Первая форма готова.

Как залить цветом? Найдите слой овала на панели слоев Layers . Кликните по иконке заливки, в появившемся окне выберите цвет.

Продублируйте получившееся яйцо. Layer > Dublicate Layer . Выберите его на панели слоев и трансформируйте Edit > Free transform . Если вы не понимаете что происходит, читайте мою статью Трансформирование в Фотошопе через Free Transform . Если коротко, Free Transform позволяет изменять форму чего угодно, на почти что угодно. Просто нажмите SHIFT , чтобы изменять форму пропорционально, и потяните за край рамки в сторону уменьшения. Залейте форму светло голубым цветом.

Опять продублируйте яйцо, опять воспользуйтесь Edit > Free transform , но на этот раз просто сожмите яйцо по вертикали. Затем выберите Direct Selection Tool , опять выделите средние точки, и измените длину направляющих каждой из точек. Это уменьшит угол наклона между точками. Поздравляю, мы воссоздали форму яйца. И это первый шаг на пути создания логотипа в Фотошопе. Перейдем к буквам. Это яйцо залить нужно белым цветом.

Рисуем буквы в Фотошопе

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

Опять продублируйте это яйцо Layer > Dublicate Layer , опять выберите инструмент Free Transform и уменьшите данный слой зажав SHIFT на клавиатуре, чтобы уменьшение было равномерным. Залейте получившуюся фигуру белым цветом и при необходимости, а она скорее всего возникнет, трансформируйте её ещё раз по вертикали и горизонтали, чтобы получить визуально равномерный контур буквы, вместо сужающегося по краям.

Опять продублируйте голубое яйцо от буквы Q и переместите его в левую сторону. Это будет основой для буквы А . Для начала разверните его в другую сторону Edit > Transform Path > Horisontal и сожмите его по горизонтали, чтобы придать более сжатую форму и при необходимости воспользуйтесь Direct Selection Tool , чтобы изменить фигуру точечно, например увеличить угол овала удлинив направляющие по краям.

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

Осталось дорисовать часть буквы Q . Выберите инструмент Rectangle Tool и нарисуйте небольшой прямоугольник. Залейте его белым цветом и поместите под букву Q . Продублируйте, и уменьшите его при помощи Free Transform , затем поместите выше буквы Q . Наш логотип в Фотошопе близится к завершению.

Создаем сложную векторную фигуру в Фотошопе

А теперь внимание. До сих пор мы играли в кружки. Сейчас будет нечто по сложнее. По крайней мере для моих пальцев, чтобы все это описать. По непонятным мне причинам вектор в фотошопе считается самой сложной темой. Я уверен что самая сложная тема в Фотошопе это Анимация и 3D, но никак не вектор. Если вы совсем не разбираетесь вам помогут мои статьи Зачем в Фотошопе вектор , Векторные инструменты рисования в Фотошопе и Векторные примитивы в Фотошопе , но больше всего для понимания следующих процессов, вам поможет моя статья Add, Subtract и Intersect так как именно этими режимами мы будем пользоваться все оставшееся время.

Выберите на слоях внешний голубой овал от буквы А . Теперь выберите инструмент Path Selection Tool и кликните по овалу. Овал будет выделен. А на слоях вы увидите, что ваша векторная маска подсветилась. Это потому что теперь мы работаем внутри векторной маски этого слоя. Далее предупреждаю, не пользуйтесь инструментом Move Tool , он управляет слоями. Используйте только Path Selection Tool , который с виду выглядит как черная стрелочка, но управляет не слоем целиком, а только векторным контуром в маске.

Выделите инструментом Path Selection Tool овал, затем Edit > Copy и Edit > Paste . Визуально ничего не произошло, но мы скопировали контур и теперь на маске их два. Второй контур не виден, так как находится в том же месте где первый. Это легко исправить. Кликните по контуру Path Selection Tool и перетащите его. Затем используйте Free transform чтобы деформировать контур. Я достаточно серьезно изменил форму овала, воспользовавшись не только Free transform но и Edit > transform Path > Warp

Повторите всю операцию. Выделите второй контур инструментом Path Selection Tool , нажмите SHIFT . На курсоре Path Selection Tool появится плюсик. Теперь передвиньте контур и он скопируется. И это второй способ дублировать контуры. B в этот раз я опять воспользовался трансформацией через Warp чтобы ещё сильнее изогнуть овал.

Теперь выделите инструмент Rectangle Tool . Визуально ничего не изменилось. Но обратитесь к панели настроек Rectangle Tool . Скорее всего там выбрана опция Create Shape New Layer . Воспользовавшись Rectangle Tool вы просто создадите другой слой с новой векторной маской. А мы этого не хотим. Мы хотим рисовать только на одном слое. Переключитесь в панели настроек на опцию Add to Shape Area (+) Эта настройка добавляет векторные пути на уже созданные векторные маски. Осталось только выделить правильную векторную маску на нужном векторном слое. Нарисуйте 2 прямоугольника.

Осталось собрать из всей этой горы нормальную фигуру и для этого мы воспользуемся режимами Add, Subtract, Exclude и Intersect . Настройка — Subtract превращает векторную фигуру в «вырезающую» векторную фигуру. Как в букве 0 присутствует 2 контура. Но один внешний, заполняющий, а второй, поменьше, вырезающий. Вот и выберите инструментом Path Selection Tool большой прямоугольник и овал, и переключитесь в настройках на Subtract from Shape Area (-)

Для точности выберите инструмент Rectangle Tool , в настройках поставьте Subtract from Shape Area (-) и отрежьте ещё один кусочек от буквы А . Затем выберите инструмент Direct Selection Tool , кликните по верхнему углу узкого прямоугольника, выделите векторную точку и потяните её вниз. Фигура приобрела смысл. И если все правильно, вы только что научились делать логотип в Фотошопе с нуля.

Сливаем векторные слои

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

С одной стороны сойдет и так, а с другой стороны, каждая из этих фигур при сохранении в PDF создаст маску с растровой заливкой, которая будет встроена внутрь. Мы получим целую кучу слоев, маски которых будут перекрывать друг друга. Такой фаил будет больше весить, а в хаосе слоев невозможно разобраться, поэтому я предлагаю создать всего 3 сложные фигуры, вместо 104-х простых.

Начнем с буквы А , которая уже сложная, но белый овал сверху по прежнему существует в виде второго слоя, закрывающего часть буквы А . Выделите инструментом Move Tool маску белого овала, находящегося выше буквы А . Затем выделите векторный контр инструментом Path Selection Tool . Скопируйте его Edit > Copy . Теперь кликните по маске слоя буквы A сделайте Edit > Paste скопированного контура. Мы внедрили контур в маску буквы А , осталось задать ему правильные настройки и эти настройки — Subtract from Shape Area (-) Теперь вы можете смело удалить ненужный овал выше, у вас появилась сложная фигура. При уверенности что вы более не будете менять контуры, выделите инструментом Path Selection Tool все контуры буквы A и слейте их нажав кнопочку Combine на панели настроек.

Проделайте тоже самое с буквой Q . Выделите белый хвостик и белый овал и скопируйте контуры внутрь основного голубого контур от буквы Q . Смените их настройки на Subtract from Shape Area (-) Затем скопируйте и видимую часть хвостика. И я бы слил буквы A и Q , так как они не предназначены для того чтобы находиться по отдельности друг от друга. В ходе подобной работы может оказаться ситуация, когда у вас внутри одной маски будет добавляющий контур, и скрывающий. И скрывающий будет перекрывать добавляющий. Вот что происходит на самом деле. Вырезающий контур вырезают добавляющий потому что находится выше по иерархии. На самом деле все эти контуры находятся не на одной плоскости. Конечно, в фотошопе нет «Слоев» контуров, ими невозможно управлять так как в Иллюстраторе. Все что мы можем сделать, это вырезать контур и скопировать его назад. Тогда он появится выше всех остальных контуров.

Аналогичную работу проделайте с контурами большого яйца чтобы в итоге получить всего 2 слоя — внешняя темно голубая полоска и внутренняя светло голубая. И мне кажется, мы только что нарисовали логотип в векторе при помощи Фотошопа. Осталось только сохранить его в формат PSD , EPS или PDF.

Печать логотипа

В плане печати логотипа важны цвета. Работайте в цветовом режиме CMYK , Image > Mode > CMYK о котором вы подробно можете почитать в моей статье Цветовой режим CMYK , чтобы узнать, как готовить графику для печати почитайте статью Подготовка к печати за 10 минут . Если вы уверены, что логотип создается прежде всего для Веб контента я все равно посоветовал бы вам добиться максимально ярких цветов в CMYK , а затем уже переводить логотип в RGB для использования в веб. В таком случае вы будете уверены в том, что логотип будет выглядеть одинаково как на печати так и в интернете. И я надеюсь, что теперь вы сможете сами создать вполне профессиональный в техническом плане логотип.

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

ПРОЦЕСС ПОДГОТОВКИ (Как создать свой логотип)

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

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

Перед нами появляется белое окно, справа от него будет расположено окно объектов, в котором нужно найти слой номер 0, и, нажав по замку два раза левой кнопкой мыши снять блокировку, нажав «ОКей» .

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

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

Есть разные логотипы, некоторые имеют текст, некоторые его вообще не имеют, просто картинка. Мы будем создавать с нуля, с текстом. Также, некоторые делают разметку для будущего логотипа, можно сделать на глаз, если не хотите делать сами, то в конце статьи будет кнопка на скачку шаблона. Разметку делать не обязательно, просто некоторые к этому прибегают.

НАЧИНАЕМ РАЗРАБОТКУ

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

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

Чтобы трансформировать прямоугольники, нажимаем сочетания клавиш ctrl+t

Затем окрасим последние 4 линии в темный цвет для декора, также применим тексту точно такой же цвет что и у последних четырёх прямоугольников. Я предлагаю текст немножко опустить и нарисовать прямоугольником ещё одну небольшую линию. Выберем её цвет точно такой же.

Теперь давайте сделаем еще несколько элементов, выберем уже не прямоугольник а «эллипс» , зададим ему ширину и высоту 28×28 пикселей.

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

Теперь создадим несколько линий при помощи того же прямоугольника и поставим их между «эллипсами» .

ЗАКЛЮЧИТЕЛЬНЫЙ ЭТАП (Как создать свой логотип)

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

После того, как вы завершили создание своего логотипа, рекомендую Вам объединить все слои в одну группу, предварительно выделив все слои, и нажав сочетания клавиш «ctrl+g» , мы сможем объединить их в одну папку, нажав на название папки два раза, мы сможем изменить имя группы.

СОХРАНЕНИЕ ЛОГОТИПА

Как только вы закончили процесс создания, следует сохранить Ваш логотип в формате PNG , чтобы избежать белого фона позади лого, а также убрать возможность сжатия объекта. Так Ваш логотип будет смотреться более качественно и профессионально.

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

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

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

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

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

2. Я буду делать круглый логотип, поэто с помощью инструмента «Элипс» в левой панели программы нарисую по центру окружность. Чтобы получился круг, а не овал, необходимо при рисовании удерживать клавишу «Shift».

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

3. Теперь находим в интернете какие-нибудь подходящие изображение с караваном и самолотетом в нужных ракурсах, после чего вырезаем караван и самолет с найденных изображений для дальнейшего размещения в композиции логотипа. Можно найти сразу изображения в формате png, которые уже вырезаны с фона, изображение самолета я нашел в нужном мне ракурсе и в формате png. Изображение каравана в png найти не удалось, поэтому буду его вырезать с найденной картинки.

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

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

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

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

4. Теперь выделяем в панели слоев слой с караваном, кликнув по нему левой кнопкой мыши и в верхнем меню выбираем «Изображение» — «Коррекция» — «Уровни», либо нажимаем комбинацию клавишь Ctrl + L. Далее в появившемся окне настроек уровней перетаскиваем средний ползунок в крайнее правое значение.

Таким образом мы затемнили изображение каравана и сделали его абсолютно черным.

5. Далее в верхнем меню выбираем «Редактирование» — «Свободное трансформирование», либо комбинация клавишь Ctrl + T и удерживая клавишу Shift мышкой изменяем размер изображения до нужного и располагаем его в нужное место.

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

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

Я изобразил волну, при этом снизу соединил точки линий. Далее нажимаем на выделенной части правой кнопкой мыши и выбираем «Выделить область».

В появившемся окне настроек выставляем «радиус растушевки» в значение «0» (ноль), если стоит другое значение и просто наживаем «Ок».

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

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

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

После этого нажимаем комбинацию клавишь Ctrl + D, чтобы отключить выделение выделение.

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

Далее в панели слоев кликаем правой кнопкой мыши по слою с солнцем и в появившемся меню выбираем «Параметры наложения» и в открывшемся окне настроик включаем «наложение градиента», кликнув по нему левой кнопкой мыши. После чего в открывшейся вкладке настраиваем градиент.

Выставляем угол в 90 градусов, линейный стиль и выбираем заданные ранее нами цвета. Для выбора своих цветов необходимо кликнуть по градиенту левой кнопкой мыши и в открывшемся окне «Редактор градиентов» выбрать ваш градиент, который отобразиться в самом верхнем левом углу.

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

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

И далее, все как и ранее — кликаю по пирамиде правой кнопкой мыши, выбираю «Выделить область..», в настройках радиус растушевки должен быть равен нулю и нажимаем «Ок». После этого с помощью инструмента «заливка» заливаем область нужным цветом. Таким образом дорисовываем пирамиды на заднем плане, можно нарисовать одну, потом просто ее скопировать и немного уменьшить.

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

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

Как сделать логотип в фотошопе для компании, сайта, фирмы или клана

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

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

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

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

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

Создаем новый документ. Нам хватит размера 1000 на 1000 пикселей для удобной работы.

Заливаем его цветом #2f2f2f. Для этого на панели инструментов найдите заливку.

Введите параметры нужного цвета в поле.

А теперь просто кликаем мышкой по рабочей области. Рабочую область цветом мы залили.

Ищем инструмент «текст» и выбираем белый цвет способом, описанным выше.

Нас интересует шрифт Times New Roman. Он является одним из самых популярных шрифтом, но тем не менее, по-прежнему любим дизайнерами благодаря своему изящному начертанию. Нам необходим размер шрифта 80, который мы задаем в соседнем поле.

А теперь ставим курсор на рабочее поле и пишем. Первую и последнюю буквы делаем заглавными, нажимая клавишу shift.

Вот, что мы имеем на данном этапе.

Давайте выделим жирным первую строчку. Эту возможность мы найдем в окне «Текст». Выделяем строку и нажимаем «псевдополужирное».

Уменьшим слово company до 40 пикселей.

А теперь чуть сожмем надпись с боков, для чего нам понадобится инструмент «перемещение».

Кликаем на надписи и тянем вбок за появляющиеся маркеры.

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

Выбираем инструмент «Произвольная фигура» и на верхней панели ищем форму растровой точки «стрелки».

Ее-то мы и искали. Нам необходима узкая стрелка с тонким хвостиком. Проводим.

Выбираем инструмент «перемещение», кликаем по стрелке подтаскиваем к слову company.

А теперь выбираем инструмент «Прямоугольная область» и выделяем лишний кусок на стрелке.

В окне слоев выбираем нужный, со стрелкой. Кликаем по нему левой клавшей мыши и нажимаем «Растрировать».

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

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

Как создавать логотипы в фотошопе. Создаём красочный логотип в Фотошоп

Итоговый результат

Шаг 1

Шаг 2

Мы получим следующий результат.

Шаг 3

Поменяйте режим наложения для слоя с квадратиком на Жёсткий свет (Hard Light).

Шаг 4

Шаг 5

Для дубликатов слоёв с квадратиками мы применим другое значение Заливки (Fill).

Примечание переводчика: автор к розовым квадратикам добавляет синие квадратики.

Примечание переводчика: не забывайте варьировать размер дубликатов квадратиков.

Шаг 6

Мы получили следующий результат.

Шаг 7

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

Шаг 8

Мы получили следующий результат.

Шаг 9

Используя вышеописанную технику, добавьте ещё квадратики различных цветовых оттенков.

Шаг 10

Шаг 11

Теперь, удалите слой с контуром логотипа.

Шаг 12

Поздравляю, мы завершили урок!

В зависимости от ваших художественных талантов, создание логотипа может быть чем-то, что вы можете сделать даже во сне, а может быть и тем, что обеспечит вам бессонницу. Если вы один из тех, кто затрудняется придумывать и рисовать картинки, эта статья для вас. В статье специалист из Логастер расскажет вам, как пошагово создать логотип — от выбора идеи, до выбора формата готового файла. Возможно, ваш логотип не выиграет никаких наград, но, по крайней мере, у вас будет неплохой логотип, который вы сможете разместить на своем сайте или визитной карточке. Итак, начинаем! Шаги с 1 по 4 посвящены «мозговому штурму» при создании лого. Шаги с 5 по 7 научат нас создавать дизайн логотипа, включая такие аспекты как выбор формы, шрифта, цвета. А в Шаге 8 мы узнаем как создать окончательный дизайн в виде готового файла.

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

Шаг 1. Поиск идеи для вашего логотипа
Онлайн галереи логотипов, такие как Logogala.com и LogoFury.com — отличные места, где можно почерпнуть вдохновение от дизайнеров.

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

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

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

Шаг 3. Придерживайтесь принципов и правил создания логотипов
Чтобы логотип получился действительно эффективным, нужно следовать определённым правилам. Узнать подробную информацию о принципах создания логотипа вы можете в статье , ниже мы выбрали наиболее важные принципы с кратким описанием.

Логотип должен быть простым : Простой дизайн логотипа позволяет легкого распознавать его и позволяет логотипу быть универсальным и запоминающимся.

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

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

Логотип должен быть универсальным : Качественный логотип всегда отлично смориться в любой среде и в любом виде.

Шаг 4. Нарисуйте несколько эскизов логотипа
Наброски — это быстрый и легкий способ перенести идеи из головы на бумагу. Поэтому после того как вы собрали все идеи, возьмите бумагу и карандаш и нарисуйте несколько примеров логотипа. Если вы не умеете рисовать карандашом, вы можете использовать графические программы такие как Illusrtator, Photoshop. Если и они не под силу, используйте онлайн лого конструкторы. С их помощью можно подыскать нужную иконку или шрифт для логотипа.

Шаг 5. Выберите форму логотипа
Форма логотипа имеет психологическое воздействие на людей. С помощью определенных форм можно вызывать нужные чувства и эмоции. Например, квадрат символизирует стабильность и постоянство, треугольник силу и знание. Как выбирать нужную форму логотипа? Посмотрите на картинку от Logowiks ниже и выберите подходящую исходя из особенностей вашего бизнеса.

Шаг 6. Определитесь с цветом логотипа
При выборе цвета для вашего логотипа подумайте о том, какой цвет отражает индивидуальность вашей компании. Например, если ваша компания веселая, креативная и яркая, рассмотрите использование желтых или оранжевых оттенков в своем логотипе. С помощью инфографики ниже вы сможете подобрать цвет логотипа, исходя из тематики вашего бизнеса. Щелкните по картинке, чтобы посмотреть ее в большем размере.

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

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

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

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

3. Не поддавайтесь искушению добавить больше цветов – используйте вместо этого больше оттенков.

4. Обеспечьте достаточно белого пространства, чтобы глаза могли оставаться расслабленными.

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

Kuler.adobe.com
Сервис от Adobe предоставляет большую библиотеку готовых цветовых схем и также с помощью специального цветового колеса можно подобрать цвета, которые будут сочетаться с нужным цветом. Подробное видео как работать с Kuler.adobe.com

Сolorscheme.ru
Это русскоязычный сервис для подбора цветов и генерации цветовых схем. Сервис работает аналогично как Kuler.adobe.com, но возможностей немного меньше. Подробное видео как работать с Сolorscheme

Шаг 7. Выберите шрифт для логотипа
Выбор шрифта является важным аспектом дизайна логотипа. Правильный шрифт может подчеркнуть достоинства вашей компании, а неправильный сделать логотип нечитабельным и свести на нет все ваши усилия в создании положительного образа компании. В тоже время, среди тысячи самых разнообразных и таких привлекательных шрифтов, как же найти именно тот, идеальный для вашего логотипа? Щелкните по картинке, чтобы посмотреть ее в большем размере.

Вот несколько простых советов, которые помогут вам в этом деле: Избегайте популярных шрифтов Да, ваш офисный пакет Microsoft Office включает в себя набор шрифтов. Проблема в том, что он также есть и у всех остальных. Поэтому использовать шрифт из библиотеки вашей ОС будет плохая идея. Аналогично действует правило и для популярных общедоступных шрифтов. Будьте вне времени Если кажется, что все вдруг используют определенный стиль шрифта (такой, как повсеместно используемый сейчас Sketch Block), продолжайте поиски. Ищите оригинальные шрифты, которые будут выделять ваш логотип. Помните, шрифт и логотип в целом должны выдержать испытание временем. Тренды приходят и уходят, и вот уж чего вам точно не надо, так это вложить немалое количество своего времени и денег в дизайн, который устареет чуть ли не за ночь.

Выбирайте читабельный шрифт. Текст логотипа должен отлично выглядеть, а тем более читаться в малом размере. Проверьте, как шрифт будет отображаться в разных размерах. Дайте немного пространства Великий джазовый трубач Майлз Дэвис однажды сказал, что ноты, которые вы не играете, так же важны, как те, которые вы играете. Поэтому при выборе шрифта логотипа необходимо учитывать расстояние между символами (кернинг). Слишком большое расстояние может сделать логотип “разбросанным” и бессвязным, а слишком малое может сделать его неразборчивым.

Используйте индивидуальность шрифта. Ваш логотип — это лицо вашего бренда. Он стоит под номером 1 в списке точек прикосновения вашей компании с обществом. Поэтому при выборе шрифтов подумайте об особенностях характера вашего бренда и о том, что вы хотите при помощи вашего шрифта донести. Это скорость, сила, надежность, доступность или внимание к деталям? Стиль и индивидуальность шрифта поможет добиться многого в создании качественного логотипа.

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

MyFonts.com
MyFonts является одним из тех мест, где можно найти все бесплатные шрифты сразу. Кроме того, есть и платные уникальные шрифты.

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

Webfont.ru
Каталог бесплатных шрифтов (есть кириллические). Есть поиск и фильтр по семействам шрифта.

Также смотрите подборку из 200 бесплатных шрифтов для создания логотипов.

Шаг 8. Создайте окончательный дизайн
После того как вы сделали несколько набросков логотипа, вам нужно перейти к его непосредственному созданию. Вы можете сделать это 3 способами: — создать логотип самостоятельно в графической программе; — создать логотип с помощью онлайн генератора логотипов; — используйте онлайн-инструмент для создания логотипов.

Создать логотип самостоятельно
Если вы выбрали этот способ, вам нужно определиться с программой для рисования, например Adobe Illustrator и/или Adobe Photoshop.

Adobe Illustrator — это векторная программа для рисования. Ее часто используют, чтобы рисовать иллюстрации, схемы и логотипы. Уроки создания логотипа с помощью Adobe Illustrator:

Adobe Photoshop является самой популярной программой для редактирования фотографий и растровых изображений. Ее диапазон использования — от полнофункционального редактирования больших фотографий до создания сложных цифровых картин и рисунков. Уроки создания логотипа с помощью Adobe Photoshop:

Создание логотипов с помощью онлайн генератора логотипов
Онлайн генераторы логотипов это неплохой вариант, если у вас нет навыков и знаний для самостоятельного создания логотипов и не хватает ресурсов (времени, денег). Мы собрали несколько онлайн сервисов, которые пригодятся вам при создании логотипов.

Logaster.ru
Русскоязычной онлайн генератор логотипов, с поддержкой кириллицы в логотипах. Процесс создания логотипа с помощью этого сервиса мы описали ниже. Уточним только, что после создания логотипа, вы можете скачать файлы в растровых (PNG и JPEG) и векторных форматах (SVG и PDF). Также вы можете сделать визитные карточки, конверты, бланки, фавикон на основе созданного логотипа.

Zillion Designs
Это простой инструмент для создания логотипов. Вы можете создать свой логотип всего за 3 шага, аналогично Логастеру. В Zillion Designs вы самостоятельно выбирайте все элементы логотипа — картинку, цвет, шрифт. После успешного создания логотипа, вы можете скачать файл в форматах EPS, JPEG и PNG.

Hipster Logo Generator
Интересный сервис для создания логотипа. Этот сервис полон различных инструментов и настроек, так что вы сможете создать логотип, который будет выглядеть именно так, как вы хотите. С помощью Hipster Logo Generator можно создавать простые, но интересные логотипы. Есть и недостатки — редактировать элементы нельзя, кроме того интерфейс на английском.

Как создать логотип онлайн
Создадим пример логотипа с помощью сервиса Logaster. Зайдите на главную страницу сервиса и кликните “Создать логотип ”.

Введите текст логотипа и выберите тематику. Жмем «Далее».

Сервис предложит десятки вариантов логотипа. Выбирайте понравившийся и кликните на него.

Если нужно сделать правки, например, изменить текст, цвет, иконку, шрифт, и т.д, то кликните “Редактировать лого”.

Используйте инфографику по подбору цветов, чтобы выбрать подходящий шрифт под ваш вид деятельности. Аналогично используйте советы для выбора шрифта. Если вы довольны логотипом, кликните “Сохранить”. Скачайте логотип бесплатно (в малом размере) или за $9,99 полноразмерный.

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

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

Выбирайте правильный формат файлов для логотипа
Ваш логотип может быть сохранен в двух форматах. Один известен как векторный, а другой как растровый. Вам нужны файлы логотипа как в одном, так и другом формате. Векторный формат (PDF, CDR, EPS, SVG) используют для редактирования логотипа, а также для масштабирования, печати. Растровый формат (PNG, JPEG) используется для работы в Интернете. Например, для размещения вашего логотипа на сайте, соцсетях, в подписи к электронной почте. Для работы с вектором используют такие программы как Corel, Adobe Illustrator, Inkscape (бесплатная программа), для растра — Adobe Photoshop, Pint.Net и другие.

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

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

ПРОЦЕСС ПОДГОТОВКИ

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

НАЧИНАЕМ РАЗРАБОТКУ

Теперь давайте напишем в появившимся окне, допустим название нашего сайта — «сайт», и поместим фразу в нужное место.

Чтобы трансформировать прямоугольники, нажимаем сочетания клавиш ctrl+t

Теперь создадим несколько линий при помощи того же прямоугольника и поставим их между «эллипсами» .

ЗАКЛЮЧИТЕЛЬНЫЙ ЭТАП

СОХРАНЕНИЕ ЛОГОТИПА

На этом у меня всё, если Вам понравилась данная статья, поставьте, пожалуйста, лайк!

Здесь вы сможете скачать материалы для работы в фотошопе:

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

ВИДЕОУРОК С КАНАЛА:

25.01.16 13.3K

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

Хороший логотип должен отвечать следующим требованиям:

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

Логотипы делятся на три типа:

Название, которое представлено в оригинальной графической обработке;
Фирменный знак;
Фирменный блок – симбиоз названия и фирменного знака.

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

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

Перед началом урока стоит упомянуть об онлайн-сервисах генерации логотипов таких как: www.logaster.ru , ogotypecreator.com и т.д. Конечно, это удобно, но в таком случае отсутствует элемент личного творчества и не всегда пользователь будет удовлетворен результатом. В то время как создание логотипа в фотошопе дает полную свободу и возможность сделать логотип максимально отвечающим задумке автора.

Итак, начнем.

После запуска программы Photoshop необходимо создать новый файл. Для примера будет установлена ширина и высота 300 на 250 пикселей соответственно;
Выполнить заливку фона. Для этого в меню «Слои » выбрать пункт «Новый слой-заливка », «Цвет »:

В меню «Фильтр » переходим через пункт «Галерея фильтров » и выбираем подходящий фильтр:

Далее рисуем логотип в фотошопе с помощью инструмента «Эллипс » и заливаем его цветом:

После этого в меню «Слои » выбираем «Стиль слоя ». В появившемся окне переходим на вкладку «Обводка »:

-Текущий результат представлен ниже:

Теперь нужно выполнить надпись, чтобы получить красивый логотип в фотошопе. Так как на данный момент создана только заготовка – фон логотипа. Используя инструмент «Горизонтальный текст », создаем надпись нужного цвета:

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

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

Как изменить размер логотипа в фотошопе

Как уменьшить размер логотипа в фотошопе — Фотошоп: видео уроки для начинающих

Представляем Вашему вниманию подробные видео на тему «Как уменьшить размер логотипа в фотошопе»:

уменьшение объекта фотошоп cs6

Как изменить размер изображения в Adobe Photoshop

 Как изменить размер фото без потери качества в фотошопе (Photoshop)

Как обрезать и изменять размер изображений

Узнайте, как изменить размер изображения, обрезать и выпрямить, а также добавить на холст изображения в Adobe Photoshop.

Изменить размер изображения.

Давайте поговорим о том, как изменить размер изображения в Photoshop. Я предлагаю вам начать с этого изображения из загружаемых файлов практики для этого руководства. Я хотел бы установить размер этого изображения, чтобы оно подходило для публикации на конкретном веб-сайте, где я знаю, что идеальный размер изображения — 900 пикселей в ширину.Прежде чем изменять размер изображения, давайте сначала проверим, насколько оно велико. В большинстве случаев вы захотите начать с изображения, которое больше или, по крайней мере, не намного меньше, чем изображение с измененным размером, которое вам нужно. Это потому, что если вы сильно увеличите изображение, в какой-то момент оно может начать выглядеть размытым. Я спускаюсь в строку состояния в нижней части окна документа, нажимаю и удерживаю информацию о размере документа. В маленьком всплывающем окне мы видим, что этот файл имеет ширину 1800 пикселей и высоту 1200 пикселей.Поскольку мы хотим разместить его на нашем веб-сайте шириной всего 900 пикселей, это означает, что мы будем уменьшать масштаб. Чтобы изменить размер этого изображения, я перейду в меню «Изображение» и выберу «Размер изображения …». Откроется диалоговое окно «Размер изображения». Если хотите, вы можете увеличить это окно, перейдя в правый нижний угол и потянув за него. Слева вы можете увидеть предварительный просмотр изображения, а справа — элементы управления для изменения размера изображения. Здесь много информации, но вам не нужно обрабатывать ее всю, особенно когда вы изменяете размер изображения, которое будет отображаться на экране, а не для печати.Как мы в этом примере. Итак, здесь есть пара вещей, которые стоит проверить. Сначала убедитесь, что этот значок ссылки включен. Вот как это выглядит, когда он включен. Если я щелкну по нему, он будет выглядеть вот так, когда он выключен. Итак, мы хотим, чтобы он был включен, чтобы убедиться, что ширина связана с высотой, чтобы при изменении размера изображения сохранялась исходная пропорция ширины к высоте, и изображение не выглядело сжатым или растянутым. Во-вторых, убедитесь, что в этом поле стоит галочка, поле Resample.Когда этот флажок установлен, вы говорите Photoshop, что можно выбросить некоторые пиксели, когда он делает это изображение меньше. Или, если вы увеличивали изображение, добавляли несколько пикселей. И в-третьих, посмотрите справа от полей Ширина и Высота, где вы можете увидеть единицу измерения, которая используется для сообщения размеров изображения. По умолчанию это дюймы. Но когда вы изменяете размер изображения для использования на экране, как мы делаем в этом примере, правильной единицей измерения являются не дюймы, а пиксели.Итак, я собираюсь щелкнуть любое из этих двух меню и изменить его с дюймов на пиксели, и другое меню тоже изменится, потому что ширина и высота связаны. Пришло время изменить размер. Я перейду в поле «Ширина» и вместо 1800 наберу 900. Вы можете видеть, что поле «Высота» автоматически изменилось, и оно изменилось пропорционально. А теперь бонусный совет: если вы хотите, чтобы изображение имело разные пропорции, скажем, 900 на 400, а не 900 на 600 в данном случае, лучший способ добиться этого — использовать другой инструмент, инструмент Кадрирование, который мы снимаемся в другом фильме.Прежде чем я нажму «ОК», вы можете спросить, почему я не изменил поле «Разрешение». Это связано с тем, что это поле «Разрешение» актуально только при подготовке изображения к печати. Когда вы изменяете размер изображения для использования на экране, как в этом примере, число в этом поле действительно не влияет на размеры изображения. Итак, вы можете оставить все как угодно. Итак, после внесения этих нескольких изменений в диалоговое окно «Размер изображения», мы можем перейти к кнопке «ОК» и щелкнуть там, чтобы закрыть диалоговое окно «Размер изображения» и вернуться в окно «Документ».Если хотите, вы можете вернуться в строку состояния и проверить размер измененного изображения. Я нажимаю и удерживаю там информацию, и вы видите, что теперь у нас есть изображение размером 900 на 600 пикселей вместо оригинала, которое было 1800 на 1200. Все, что осталось сделать, это сохранить изображение. Я перейду в меню «Файл» и выберу «Сохранить как …», а не «Сохранить», потому что я не хочу сохранять исходную версию с разрешением 1800 на 1200 пикселей. Итак, в диалоговом окне «Сохранить как» я дам этой версии другое имя.Вы можете ввести здесь все, что захотите. Я собираюсь набрать «Resize-web.jpg» для моей веб-версии файла. Я оставлю все как было и нажму «Сохранить». Я нажимаю ОК в окне параметров JPEG, и теперь все готово. Вот как изменить размер изображения для использования на экране в диалоговом окне Photoshop CC Image Size.

Что вы узнали: как изменить размер изображения

Выберите Изображение> Размер изображения .
Измерьте ширину и высоту в пикселях для изображений, которые вы планируете использовать в Интернете, или в дюймах (или сантиметрах) для изображений для печати. Держите значок ссылки выделенным, чтобы сохранить пропорции. Это автоматически регулирует высоту при изменении ширины и наоборот.
Выберите Resample , чтобы изменить количество пикселей в изображении. Это изменяет размер изображения.
Нажмите ОК.

Изменить разрешение изображения.

Если вам нравится печатать изображения, вам может быть полезно иметь общее представление о том, что означает разрешение изображения в Photoshop, и как изменить разрешение изображения, чтобы подготовить его к печати. Это делается в диалоговом окне «Размер изображения». Если вы следите за инструкциями, давайте откроем это изображение, которое вы найдете в файлах практики для этого руководства. Затем перейдите в меню «Изображение» и выберите «Размер изображения». В диалоговом окне «Размер изображения» вы можете увидеть размеры этого изображения в пикселях.Когда изображение все еще находится на вашем компьютере, мы измеряем его размер в пикселях. Но если бы мы распечатали это изображение, мы бы измерили размер отпечатка в дюймах, а не в пикселях. Здесь, внизу, в поле «Разрешение», вы можете увидеть разрешение, которое в настоящее время установлено для этого изображения, это 100. В разрешении 100 нет ничего особенного, это просто круглое число, которое я выбрал, когда настраивал файл для этого урока. Итак, что здесь означает разрешение? Что ж, если вы прочитаете эту строку слева направо, вы сможете это понять.Это говорит нам о том, что разрешение — это определенное число пикселей / дюйм, в данном случае 100 пикселей / дюйм. Другой способ сказать это, заключается в том, что если и когда вы распечатаете это изображение, 100 пикселей из общих 1800 пикселей по горизонтали и общих 1200 пикселей по вертикали будут назначены каждому напечатанному дюйму по горизонтали и вертикали. Теперь, если вам не нравятся математические задачи, вы можете пропустить следующую часть, но если вам нравится думать об этом с точки зрения математики, вот простой пример. Итак, математическая задача: разделите 1800 на 100, и вы получите 18.Это означает, что при разрешении 100 пикселей на дюйм этот файл будет напечатан с размером 18 дюймов. И так же работает по вертикали. Если мы разделим общую высоту 1200 пикселей на группы по 100, то получится 12 групп или 12 дюймов. Итак, высота напечатанного изображения будет 12 дюймов. Итак, если вы понимаете эту основную концепцию, теперь вы, вероятно, задаетесь вопросом, а какое число лучше всего указать в поле «Разрешение» при подготовке изображения к печати? К сожалению, однозначного ответа нет, потому что это зависит от того, какой принтер вы используете.Но если вы печатаете дома на типичном струйном принтере, будет справедливо сказать, что подойдет разрешение около 300 пикселей на дюйм. Если бы я напечатал изображение с разрешением всего 100 пикселей на дюйм, оно могло бы выглядеть нормально, но если бы вы подошли к нему очень близко, оно выглядело бы не лучшим образом. Потому что моему настольному струйному принтеру действительно нужно около 300 пикселей на дюйм. Так как же изменить в этом диалоговом окне разрешение печатного изображения до 300 пикселей на дюйм? Первый шаг — убедиться, что флажок Resample не установлен.Потому что, если мы просто меняем разрешение, мы, вероятно, не захотим изменять общее количество пикселей в файле. И это то, что делает Resample. Итак, допустим, мы хотим, чтобы общее количество пикселей в файле оставалось равным 1800 на 1200. Мы просто хотим перераспределить их на группы по 300, а не на группы по 100. Итак, что я собираюсь сделать, это набрать 300 в поле Разрешение. Предупреждение о спойлере: когда я это сделаю, количество дюймов в полях Ширина и Высота также изменится. Итак, давайте набираем здесь 300.И, конечно же, ширина и высота изменились с 18 дюймов и 12 дюймов до 6 дюймов на 4 дюйма. И это размер, при котором это изображение будет печататься с разрешением, необходимым для получения наилучшего качества печати. Я закончил, поэтому собираюсь нажать ОК. Это закрывает диалоговое окно «Размер изображения» и возвращает меня в окно документа. И вот у меня есть готовое к сохранению и печати изображение размером 6 на 4 дюйма, по 300 пикселей на каждый дюйм.

Что вы узнали: как изменить разрешение изображения

Выберите Изображение> Размер изображения .Разрешение в этом диалоговом окне означает количество пикселей изображения, которое будет назначено на каждый дюйм при печати изображения.
Оставьте для печати ширину и высоту в дюймах.
Снимите флажок Передискретизировать , чтобы сохранить исходное количество пикселей изображения.
В поле Resolution установите количество пикселей на дюйм равным 300 для печати на обычном настольном струйном принтере. Это изменит количество дюймов в полях ширины и высоты.
Нажмите ОК.

Инструмент «Кадрирование» — один из самых полезных инструментов Photoshop CC, особенно для тех из вас, кто делает много фотографий. Вы можете использовать его для улучшения композиции и выравнивания кривых фотографий. Я открыл это фото из файлов практики для этого урока. Итак, я могу показать вам основы инструмента «Кадрирование». Я начну с выбора инструмента «Кадрирование» на панели «Инструменты». Как только я это сделаю, вы увидите эту рамку вокруг всего изображения. Это поле «Обрезать».Я наведу курсор на любой из углов или любой из краев поля кадрирования и перетащу, чтобы изменить форму этого поля. Итак, в этом случае я мог бы перетащить его внутрь, чтобы создать композицию, совершенно отличную от исходной фотографии. Когда вы создаете кадрирование, Photoshop показывает вам предварительный просмотр с областями, которые нужно обрезать, заштрихованными серым цветом. Таким образом, вы сможете оценить, что именно вы собираетесь удалить, прежде чем завершить сбор урожая. Теперь, прежде чем я завершу эту обрезку, я хочу перейти на панель параметров, чтобы показать вам важную опцию.И это Удалить обрезанные пиксели. Эта опция отмечена по умолчанию. Я обычно убираю этот флажок. Потому что, когда установлен флажок «Удалить обрезанные пиксели», если вы завершите кадрирование и сохраните изображение, вы навсегда удалите обрезанные пиксели. Но если этот параметр не отмечен, вы можете вернуть обрезанные пиксели в любое время. Давайте попробуем. Я собираюсь завершить эту обрезку, перейдя к большой галочке на панели параметров и щелкнув там. Есть и другие способы завершить кадрирование, но мне нравится этот способ, потому что он очень простой.Итак, теперь вы можете увидеть фотографию с примененным кадрированием. Допустим, я делаю что-то еще с изображением, а затем передумал, как я его обрезал. В любой момент я могу вернуться и выбрать инструмент «Обрезка», а затем снова щелкнуть изображение, и все пиксели, которые я обрезал, снова появятся в поле зрения, и я могу изменить кадрирование. На этот раз я мог бы включить некоторые из этих обрезанных пикселей. Кстати, вы могли заметить, что поверх моей фотографии есть сетка из вертикальных и горизонтальных линий, когда я использую инструмент «Кадрирование».Этот оверлей представляет собой классическую композиционную технику, известную как правило третей. Идея этого метода заключается в том, что если вы поместите важный контент в изображение на пересечении любой из этих горизонтальных и вертикальных линий, вы можете улучшить композицию. Давайте попробуем с этим изображением. Я собираюсь разместить букет прямо на этом перекрестке, щелкнув изображение и перетащив его сюда. А потом я мог бы еще немного изменить границу обрезки, подтянув ее к букету еще сильнее.Затем я нажму галочку. Опять же, я собираюсь щелкнуть изображение с помощью инструмента «Кадрирование», чтобы попытаться еще немного настроить это кадрирование. Я заметил, что это изображение немного искривлено, особенно здесь, за столом. Одна из вещей, которые вы можете сделать с помощью инструмента «Обрезка», — это выпрямить изображение. Есть несколько способов сделать это. Вы можете переместить курсор за пределы одного из углов и вручную попытаться перетащить, чтобы выпрямить изображение, и появится эта сетка, которая поможет вам в этом. Я предпочитаю автоматический метод.Итак, я собираюсь отменить, это Command + Z на Mac, Ctrl + Z на ПК. Итак, изображение снова искривлено, а затем я перейду к панели параметров и воспользуюсь инструментом автоматического выпрямления. Я нажму на этот инструмент, чтобы выбрать его на панели параметров для инструмента Обрезка. Я перейду к изображению, а затем щелкну по краю этой таблицы, удерживая указатель мыши и проведя немного дальше по этому краю. Теперь вам не нужно проходить весь путь вдоль края. Иногда немного поможет, например, вот здесь.Photoshop использует вашу линию в качестве ориентира для поворота изображения, чтобы содержимое выглядело ровно. Я собираюсь еще немного подстроить эту обрезку, возможно, поднять этот край и, возможно, немного сдвинуть букет, чтобы поместить его прямо в центр. А затем я собираюсь перейти на панель параметров и щелкнуть галочку, чтобы завершить кадрирование. Таковы некоторые основы инструмента «Кадрирование». Я надеюсь, что вы попробуете эти техники поработать над собственными композициями в Photoshop.

Что вы узнали: как обрезать и выпрямить изображение

Выберите инструмент Crop на панели инструментов Инструменты .Появится рамка кадрирования.
Перетащите любой край или угол, чтобы настроить размер и форму границы кадрирования.
Перетащите курсор внутрь границы кадрирования, чтобы поместить изображение внутри границы кадрирования.
Перетащите за угол границы кадрирования, чтобы повернуть или выпрямить.
Щелкните галочку на панели параметров или нажмите Enter (Windows) или Return (macOS), чтобы завершить кадрирование.

Добавьте немного места на холст документа.

Бывают случаи, когда вы хотите добавить холст документа, чтобы было больше места для добавления элементов, таких как текст или изображения, в ваш дизайн. Вы можете сделать это с помощью команды Canvas Size, которую мы рассмотрим в этом уроке. Если вы следуете инструкциям, вы можете использовать это изображение из файлов практики для этого урока или собственное изображение. Чтобы добавить на холст вокруг этого изображения, я перейду в меню «Изображение», где есть команда «Размер холста …» прямо под размером изображения… команда. Теперь, чтобы не усложнять эти 2, команда «Размер изображения …», которую мы рассмотрели в другом видео в этом руководстве, работает иначе, чем команда «Размер холста …». В отличие от размера изображения …, размер холста … не меняет размер ваших реальных фотографий или других произведений искусства или изображений в композиции. Это просто позволяет вам добавить пространство вокруг этих предметов. Итак, давайте выберем Размер холста … И откроется диалоговое окно Размер холста. В верхней части этого диалогового окна вы можете увидеть ширину и высоту этого изображения в дюймах.И здесь вы можете добавить к ширине холста или добавить к высоте холста, или и то, и другое. По умолчанию в этих полях также установлены дюймы. Но когда вы готовите изображение для использования в Интернете, а не для печати, имеет смысл изменить эту единицу измерения на пиксели, потому что именно так мы измеряем и обсуждаем размер изображений на экране, как вы узнали ранее в этот учебник. Итак, я собираюсь изменить одно из этих меню с дюймов на пиксели. И другое меню тоже меняется.Если вам известна общая ширина в пикселях, которую вы хотите, чтобы изображение было после расширения холста, вы можете ввести это число здесь, в поле «Ширина». Но часто бывает проще просто сказать Photoshop, сколько пикселей нужно добавить на холст, не беспокоясь о том, какой будет общий результат. Для этого спуститесь сюда и установите флажок «Относительный». Это устанавливает число в полях «Ширина» и «Высота» на 0. Теперь я могу ввести количество пикселей, которое хочу добавить на холст. Итак, допустим, я хочу добавить 400 пикселей к ширине холста.Я наберу 400 здесь. Если бы я хотел увеличить высоту холста, я бы тоже мог это сделать. Я просто оставлю это на 0 пока. И затем я нажму ОК, чтобы применить это. А в окне документа вы можете видеть, что Photoshop добавил холст как с левой, так и с правой стороны этой фотографии. Он разделил 400 пикселей дополнительной ширины, о которых я просил, на 200 пикселей справа и 200 пикселей здесь слева. Что, если бы я хотел добавить холст только к одной стороне этого изображения.Скажем, здесь с правой стороны. Это сделано немного иначе. Итак, давайте отменим то, что мы сделали до сих пор, попробуйте вместо этого. Я нажму Command + Z на Mac, Ctrl + Z на ПК, чтобы отменить. Я вернусь в меню «Изображение» и снова выберу «Размер холста …». Первое, что я собираюсь сделать здесь, это проверить, что в полях «Ширина» и «Высота» все еще установлено значение «Пиксели». И это не так, они вернулись к дюймам по умолчанию. Итак, я снова изменю эти меню на «Пиксели». И я дважды проверю, установлен ли флажок «Относительный».Как я уже сказал, я хочу, чтобы добавленный холст отображался справа от изображения. Для этого я спущусь к этой диаграмме привязки и собираюсь щелкнуть по среднему полю в левой части этой диаграммы. Это означает, что Photoshop должен закрепить или привязать изображение к левой стороне холста, а дополнительный холст — справа. Итак, теперь я собираюсь перейти к полю «Ширина» и ввести количество пикселей, которое я хочу добавить к правой стороне этого изображения. Добавим 800 пикселей.И жмем ОК. И это именно тот эффект, которого я хотел. Вы, наверное, заметили, что до сих пор все мои расширения холста были белыми. Но вы можете управлять цветом расширения холста здесь, в диалоговом окне «Размер холста», используя цветное меню расширения холста. Кстати, если вы работаете над другим изображением и не находитесь на специальном фоновом слое, как на этом изображении, тогда ваше цветовое меню расширения Canvas будет недоступно, а добавляемый вами холст будет прозрачным. Он будет выглядеть как серо-белая шахматная доска в Photoshop.Я просто нажму «Отмена». И, если я хочу сохранить это изображение, я перехожу в меню «Файл» и выбираю «Сохранить как …», поэтому я не сохраняю оригинал. Вот как вы можете добавить пространство на холст документа, чтобы у вас было дополнительное место для добавления дополнительных элементов изображения.

Что вы узнали: изменить размер холста

Выберите Изображение> Размер холста
Чтобы добавить холст, введите ширину и высоту, которые нужно добавить.Измерьте ширину и высоту в пикселях для использования в Интернете или в дюймах для печати.
Выберите Relative , а затем выберите точку привязки на схеме холста. Стрелки указывают стороны, куда будет добавлен холст.
Нажмите ОК.

Как изменить размер текстового логотипа прямо в Photoshop, не создавая размытого неровного беспорядка

Многие логотипы в Интернете выглядят так, как будто их сбил грузовик. Размытые, неровные, отвратительные. Вот как сделать ваши логотипы с измененным размером великолепными и четкими.

Во-первых, всегда сохраняйте графику и логотипы в формате GIF или PNG. Сохранение однотонной графики и логотипов в формате jpeg является катастрофой и неизбежно приводит к неприятному цифровому шуму. Это звучит элементарно, но у меня было три опытных графических дизайнера, которые поступали неправильно, в том числе выпускник Калифорнийского института искусств.Единственным, кто знал правильный ответ (в каком формате сохранять текстовый логотип), был наш ведущий программист Питер.

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

Логотип РБК: jpeg-текст в действии

Даже миллиарды долларов не спасут вас от шума в формате jpeg на ваших логотипах. Вот неровности jpeg крупным планом:

rbc logo jpeg text buzz @ 400%

Грязный. Щелкните логотип, чтобы увидеть полное изображение в размере 400%.Не то, ради чего вы пошли в академию дизайна.

Теперь, когда у нас есть правильный формат сохранения (желательно 24-битный PNG — теперь совместим со всеми современными веб-браузерами, или, если логотип простой, 8-битный GIF с 256 цветами может сэкономить место), мы можем переместить о том, как правильно обрабатывать мелкий текст.

В дизайне иконок есть одно очень важное правило:

Создайте свой значок для каждого размера отдельно.

Это потому, что, если у вас есть, например, значок 128 x 128 пикселей, после изменения его размера до 16 x 16 пикселей вы ничего не увидите или он не будет выглядеть так, как должен.Лучшее решение — это дизайн еще и на 16 х 16 пикселей.

Разница между изменением размера и созданием небольшого размера.
Пример того, как это работает в Apple (значок домашней папки в Mac OS 10.5)

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

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

Нет | Sharp | Crisp | Сильный | Гладкая

Различные параметры сглаживания в Photoshop
(Сверху: Нет, Резкий, Четкий, Крепкий, Гладкий).
Справа увеличено на 400%.

Результат с нашим методом. Справа увеличено на 400%.

У нас обычно лучшие результаты со Стронгом. Результат будет немного размытым, но обычно привлекательным. Но с очень мелким текстом фотошоп не получит очень хорошего результата. Итак, нам нужно другое решение…

Это результат стандартного изменения размера.
Края слишком неровные.

Изображение, размер которого вы хотите изменить, должно быть в векторах (это означает, что слоев фигуры и текстовых слоев в Photoshop).Идея состоит в том, чтобы сделать очень большое изображение, уменьшить его до 10% и позволить Photoshop решить нашу проблему.

Увеличьте размер вашего векторного изображения до 10-кратного размера изображения, который вы хотите получить в результате (Photoshop: Изображение> Размер изображения… ).
Открыть Файл> Сохранить для Интернета и устройств…
Измените размер изображения на нужные вам значения (помните, ваше изображение теперь в 10 раз больше, поэтому ваши новые значения должны составлять 10% от размера, который у вас был до открытия Сохранить для Интернета и устройств… ) и установите качество изменения размера на Бикубическая резкость .
Сохраните ваш файл.

Теперь на маленьком изображении видны четкие края нашего логотипа.

Пример: у вас есть изображение шириной 500 пикселей и требуется ширина 150 пикселей. Затем измените его размер с 500 пикселей до 1500 пикселей и экспортируйте его через Сохранить для Web & Devices… с шириной 150 пикселей.

Сравните различия со стандартным изменением размера и нашим методом:

Нормальный плохой результат слева со стандартным изменением размера.
Результат нашего метода справа.

Некоторые различия можно увидеть после увеличения обоих изображений. Особенно на письмах f и o .

Пример 1: Стандартное изменение размера слева. Наш метод справа. 400% вид.

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

Пример 2: Стандартное изменение размера слева.Наш метод справа. 400% вид.

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

Для достижения наилучших результатов всегда следует использовать круглые числа, например 10%, 20%. 25%, 50% от исходного размера для наилучших результатов.

Почему?

При использовании круглого числа Photoshop делит пиксели на несколько (2, 4, 5 или 10), что означает, что Photoshop не требует такой большой интерполяции.

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

Алек Киннер

Алек помогает бизнесу добиться успеха в Интернете с 2000 года. Алек — эксперт по маркетингу в области маркетинга и рекламы, в прошлом — руководитель отдела телевидения в Grey Moscow и старший телевизионный продюсер Bates, Saatchi и Saatchi, Россия.

Как изменить размер изображения в Photoshop без потери качества

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

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

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

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

Изменение размера изображения в Photoshop

Изображение предоставлено Stasinho12

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

1. Размер открытого изображения

Параметры изменения размера находятся в окне «Размер изображения». Чтобы получить доступ к окну, откройте файл изображения. Затем щелкните Image в верхней части рамки приложения и щелкните Image Size . Или, удерживая Command + Option , нажмите на клавиатуре I .

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

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

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

2. Установите размеры

Введите ваши конкретные размеры. В раскрывающихся меню справа от каждого поля измерения вы можете выбрать единицы измерения:

Процент — позволяет выполнять быстрые вычисления в процентах
Пикселей — устанавливать конкретные размеры пикселей
дюймов — устанавливает PPI (пикселей на дюйм)
Другие единицы линейного измерения

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

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

3. Сохраните копию

После того, как вы установили размеры, нажмите OK . Теперь вы вернетесь в окно изображения, где сможете выполнить другую работу по редактированию или просто сохранить и закрыть. Рекомендуется сохранить копию этого изображения и оставить оригинал без изменений на тот случай, если вам потребуется внести изменения.

Нажмите Command + Shift + S , чтобы открыть диалоговое окно Сохранить как , которое также доступно в меню «Файл» вверху. Здесь вы можете переименовать файл с измененным размером, чтобы отличить его от оригинала, а также сохранить его в новом месте.Если у вас есть пакет изображений, размер которых нужно изменить, рекомендуется создать новую папку для новых изображений на всякий случай.

Увеличить изображение в Photoshop

Мы хотим сделать это больше, но не потерять никаких драгоценных деталей. Изображение с NumbernineRecord

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

Вот где Разрешение важно. Это показатель детализации изображения, измеряемый количеством пикселей в пределах одного квадратного дюйма или PPI (пикселей на дюйм). Ниже вы можете увидеть, как выглядят разные разрешения. Больше пикселей на квадратный дюйм изображения дает больше деталей и резкости.

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

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

1. Включить сохранение сведений 2.0

Photoshop представил эту функцию высококачественного увеличения в 2018 году. Чтобы включить ее, нажмите Command + K, чтобы открыть окна настроек, затем щелкните Технологические превью в списке слева от окна.

Вы также можете щелкнуть Photoshop в верхней части экрана, навести курсор на «Настройки» и щелкнуть «Предварительный просмотр технологий».

Просто убедитесь, что включен параметр «Включить сохранение подробностей 2.0», и все готово. Если нет, щелкните по нему. Нет необходимости перезагружать. Теперь вернитесь в окно размера изображения и обратитесь к переключателю Resample.

2. Включить повторную выборку

При выключении размеры в пикселях и разрешение остаются связанными. Если вы увеличите разрешение (в окне это отображается как «Пиксели / дюйм»), размеры уменьшатся, чтобы отразить изменение, и наоборот. Это просто означает, что Photoshop — это , а не , добавляя или удаляя пиксели, общее количество пикселей остается постоянным и изменяется только количество пикселей на квадратный дюйм.

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

Верхняя часть списка предназначена для увеличения, в частности, «Сохранить детали» 2.0

3. Выберите «Сохранить детали» 2.0

Режим увеличения по умолчанию — Автоматически , но можно установить последний использованный метод. Если для него установлено значение «Автоматически», Photoshop не будет использовать «Сохранить детали» 2.0, поэтому выберите этот параметр вручную, чтобы обеспечить высокое качество результатов. Поэтому для достижения наилучших результатов выберите Preserve Details 2.0 .

4. Снижение шума

Когда вы выберете из списка «Сохранить детали 2.0», вы увидите ползунок для процента снижения шума. Инстинктивно может показаться, что можно полностью перебросить ползунок на 100%, но используйте предварительный просмотр в левой части окна, чтобы увидеть, как это повлияет на изображение.Иногда это может смазывать детали изображения, если установлено слишком высоко. Выберите значение, которое снижает шум, но не делает детали слишком кремовыми.

При удвоении разрешения до 600 пикселей на дюйм этому изображению потребуется некоторое шумоподавление. Но посмотрите, как NR при 100% слишком много. В таком случае используйте значение от 0 до 100.

Теперь сделайте последнюю проверку предварительного просмотра изображения, увеличивая и уменьшая масштаб и панорамируя изображение. При необходимости измените шумоподавление. Нажмите ОК и снова проверьте изображение на весь экран.Если вы хотите сравнить, нажмите «Отменить» (Command + Z) и снова откройте «Размер изображения». Воспользуйтесь другими способами увеличения из раскрывающегося меню и проверьте результаты. Скорее всего, Preserve Details 2.0 будет лучшим вариантом для высококачественного увеличения без потери качества изображения.

Ищете другие полезные советы по Photoshop? Проверьте это.

Размер изображения Photoshop и разрешение

Принтер разрешение измеряется в чернильных точках на дюйм, также известное как dpi. Как правило, чем больше точек на дюйм, тем лучше качество печати. ты получишь. Большинство струйных принтеров имеют разрешение примерно От 720 до 2880 точек на дюйм. (Технически струйные принтеры производят микроскопические брызги чернил, а не настоящие точки, как в фотонаборных устройствах или лазерных принтерах.)

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

Частота экрана есть количество точек принтера или полутоновых ячеек на дюйм, используемых для печати изображения в градациях серого или цветоделение. Также известен как экран линейный экран или , измеряется частота экрана в строках на дюйм (lpi) — или строках ячеек на дюйм в полутонах. экран. Чем выше разрешение устройства вывода, тем лучше (выше) экранную линейку, которую вы можете использовать.

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

Как сделать логотип в Фотошопе

Логотип — вектор или растр?

И вот уже счастливый заказчик отсылает свою мониторную картинку в фирму, создающую святящиеся вывески для магазинов. Но проходит пару часов, и заказчик получает ответ: «Большое спасибо, мы поняли какой у вас логотип. Никаких проблем, вывеску сделаем. Но, пожалуйста, пришлите нам логотип в кривых. Вы прислали нам не пойми какую картинку в JPG размером 500 на 400 px. Из этого не сделать вывеску. Если у вас нет логотипа в кривых, мы с удовольствием примем от вас дополнительную сумму денег за «векторизацию» логотипа.» Да, пожалуй подобный логотип, который достался нашему заказчику можно использовать разве что для шапки сайта. И кстати о векторизации, если вас интересует этот вопрос, почитайте мою статью Из растра в вектр.

Создаем лого в Фотошопе

Рисуем основные фигуры

Выберите инструмент Ellipce Tool и нарисуйте обычный эллипс. На панели настроек обязательна опция Shape Layer. И если вы не знаете что это, почитайте мою статью о режимах Shape Layer, Path и Fill Pixels. Если коротко, эта опция создает векторные контуры в виде векторной маски со слоем заливки. И именно так вектор отображается в Фотошопе.

Выберите другой инструмент Direct Selection Tool, он выделяет конкретные векторные точки и может изменять направление их направляющих. Кликните им по эллипсу. Затем выделите две средние точки, верхнюю и нижнюю. Чтобы выбрать сразу 2 точки, жмите SHIFT. Когда 2 точки выделены, потяните их назад, чтобы элипс принял яйцеподобную форму. Первая форма готова.

Как залить цветом? Найдите слой овала на панели слоев Layers. Кликните по иконке заливки, в появившемся окне выберите цвет.

Продублируйте получившееся яйцо. Layer > Dublicate Layer. Выберите его на панели слоев и трансформируйте Edit > Free transform. Если вы не понимаете что происходит, читайте мою статью Трансформирование в Фотошопе через Free Transform. Если коротко, Free Transform позволяет изменять форму чего угодно, на почти что угодно. Просто нажмите SHIFT, чтобы изменять форму пропорционально, и потяните за край рамки в сторону уменьшения. Залейте форму светло голубым цветом.

Опять продублируйте яйцо, опять воспользуйтесь Edit > Free transform, но на этот раз просто сожмите яйцо по вертикали. Затем выберите Direct Selection Tool, опять выделите средние точки, и измените длину направляющих каждой из точек. Это уменьшит угол наклона между точками. Поздравляю, мы воссоздали форму яйца. И это первый шаг на пути создания логотипа в Фотошопе. Перейдем к буквам. Это яйцо залить нужно белым цветом.

Рисуем буквы в Фотошопе

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

Опять продублируйте это яйцо Layer > Dublicate Layer, опять выберите инструмент Free Transform и уменьшите данный слой зажав SHIFT на клавиатуре, чтобы уменьшение было равномерным. Залейте получившуюся фигуру белым цветом и при необходимости, а она скорее всего возникнет, трансформируйте её ещё раз по вертикали и горизонтали, чтобы получить визуально равномерный контур буквы, вместо сужающегося по краям.

Опять продублируйте голубое яйцо от буквы Q и переместите его в левую сторону. Это будет основой для буквы А. Для начала разверните его в другую сторону Edit > Transform Path > Horisontal и сожмите его по горизонтали, чтобы придать более сжатую форму и при необходимости воспользуйтесь Direct Selection Tool, чтобы изменить фигуру точечно, например увеличить угол овала удлинив направляющие по краям.

Осталось дорисовать часть буквы Q. Выберите инструмент Rectangle Tool и нарисуйте небольшой прямоугольник. Залейте его белым цветом и поместите под букву Q. Продублируйте, и уменьшите его при помощи Free Transform, затем поместите выше буквы Q. Наш логотип в Фотошопе близится к завершению.

Создаем сложную векторную фигуру в Фотошопе

А теперь внимание. До сих пор мы играли в кружки. Сейчас будет нечто по сложнее. По крайней мере для моих пальцев, чтобы все это описать. По непонятным мне причинам вектор в фотошопе считается самой сложной темой. Я уверен что самая сложная тема в Фотошопе это Анимация и 3D, но никак не вектор. Если вы совсем не разбираетесь вам помогут мои статьи Зачем в Фотошопе вектор, Векторные инструменты рисования в Фотошопе и Векторные примитивы в Фотошопе, но больше всего для понимания следующих процессов, вам поможет моя статья Add, Subtract и Intersect так как именно этими режимами мы будем пользоваться все оставшееся время.

Выберите на слоях внешний голубой овал от буквы А. Теперь выберите инструмент Path Selection Tool и кликните по овалу. Овал будет выделен. А на слоях вы увидите, что ваша векторная маска подсветилась. Это потому что теперь мы работаем внутри векторной маски этого слоя. Далее предупреждаю, не пользуйтесь инструментом Move Tool, он управляет слоями. Используйте только Path Selection Tool, который с виду выглядит как черная стрелочка, но управляет не слоем целиком, а только векторным контуром в маске.

Выделите инструментом Path Selection Tool овал, затем Edit > Copy и Edit > Paste. Визуально ничего не произошло, но мы скопировали контур и теперь на маске их два. Второй контур не виден, так как находится в том же месте где первый. Это легко исправить. Кликните по контуру Path Selection Tool и перетащите его. Затем используйте Free transform чтобы деформировать контур. Я достаточно серьезно изменил форму овала, воспользовавшись не только Free transform но и Edit > transform Path > Warp

Повторите всю операцию. Выделите второй контур инструментом Path Selection Tool, нажмите SHIFT. На курсоре Path Selection Tool появится плюсик. Теперь передвиньте контур и он скопируется. И это второй способ дублировать контуры. B в этот раз я опять воспользовался трансформацией через Warp чтобы ещё сильнее изогнуть овал.

Теперь выделите инструмент Rectangle Tool. Визуально ничего не изменилось. Но обратитесь к панели настроек Rectangle Tool. Скорее всего там выбрана опция Create Shape New Layer. Воспользовавшись Rectangle Tool вы просто создадите другой слой с новой векторной маской. А мы этого не хотим. Мы хотим рисовать только на одном слое. Переключитесь в панели настроек на опцию Add to Shape Area (+) Эта настройка добавляет векторные пути на уже созданные векторные маски. Осталось только выделить правильную векторную маску на нужном векторном слое. Нарисуйте 2 прямоугольника.

Осталось собрать из всей этой горы нормальную фигуру и для этого мы воспользуемся режимами Add, Subtract, Exclude и Intersect. Настройка — Subtract превращает векторную фигуру в «вырезающую» векторную фигуру. Как в букве 0 присутствует 2 контура. Но один внешний, заполняющий, а второй, поменьше, вырезающий. Вот и выберите инструментом Path Selection Tool большой прямоугольник и овал, и переключитесь в настройках на Subtract from Shape Area (-)

Для точности выберите инструмент Rectangle Tool, в настройках поставьте Subtract from Shape Area (-) и отрежьте ещё один кусочек от буквы А. Затем выберите инструмент Direct Selection Tool, кликните по верхнему углу узкого прямоугольника, выделите векторную точку и потяните её вниз. Фигура приобрела смысл. И если все правильно, вы только что научились делать логотип в Фотошопе с нуля.

Сливаем векторные слои

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

Начнем с буквы А, которая уже сложная, но белый овал сверху по прежнему существует в виде второго слоя, закрывающего часть буквы А. Выделите инструментом Move Tool маску белого овала, находящегося выше буквы А. Затем выделите векторный контр инструментом Path Selection Tool. Скопируйте его Edit > Copy. Теперь кликните по маске слоя буквы A сделайте Edit > Paste скопированного контура. Мы внедрили контур в маску буквы А, осталось задать ему правильные настройки и эти настройки — Subtract from Shape Area (-) Теперь вы можете смело удалить ненужный овал выше, у вас появилась сложная фигура. При уверенности что вы более не будете менять контуры, выделите инструментом Path Selection Tool все контуры буквы A и слейте их нажав кнопочку Combine на панели настроек.

Проделайте тоже самое с буквой Q. Выделите белый хвостик и белый овал и скопируйте контуры внутрь основного голубого контур от буквы Q. Смените их настройки на Subtract from Shape Area (-) Затем скопируйте и видимую часть хвостика. И я бы слил буквы A и Q, так как они не предназначены для того чтобы находиться по отдельности друг от друга. В ходе подобной работы может оказаться ситуация, когда у вас внутри одной маски будет добавляющий контур, и скрывающий. И скрывающий будет перекрывать добавляющий. Вот что происходит на самом деле. Вырезающий контур вырезают добавляющий потому что находится выше по иерархии. На самом деле все эти контуры находятся не на одной плоскости. Конечно, в фотошопе нет «Слоев» контуров, ими невозможно управлять так как в Иллюстраторе. Все что мы можем сделать, это вырезать контур и скопировать его назад. Тогда он появится выше всех остальных контуров.

Печать логотипа

В плане печати логотипа важны цвета. Работайте в цветовом режиме CMYK, Image > Mode > CMYK о котором вы подробно можете почитать в моей статье Цветовой режим CMYK, чтобы узнать, как готовить графику для печати почитайте статью Подготовка к печати за 10 минут. Если вы уверены, что логотип создается прежде всего для Веб контента я все равно посоветовал бы вам добиться максимально ярких цветов в CMYK, а затем уже переводить логотип в RGB для использования в веб. В таком случае вы будете уверены в том, что логотип будет выглядеть одинаково как на печати так и в интернете. И я надеюсь, что теперь вы сможете сами создать вполне профессиональный в техническом плане логотип.

Скачать исходник

Автор:

Логотип автомобиля PSD, 50+ графических ресурсов Photoshop для бесплатной загрузки

логотип автомобиля hello drive

1200 * 1200

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

1200 * 1200

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

800 * 800

четыре плоских логотипа автомобиля с красными элементами

2000 * 2000

значок логотипа ремонта автомобиля

2000 * 2000

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

800 * 800

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

3072 * 4107

шесть красочных логотипов модных спортивных автомобилей

2000 * 2000

отличная форма логотипа автомобиля металлическая текстура

1200 * 1200

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

2330 * 2796

автомобиль тема автомобиля мультфильм рисованной

2000 * 2000

коллекция логотипов автомобилей

3072 * 4107

цветных линий креативный логотип автомобиля

3500 * 2000

логотип автомобилей

2000 * 2000

векторный автомобиль

9226 * 8716

логотип Citroen

632 * 721

9000 3000

творческий автомобиль стандартный логотип Volkswagen

2000 * 2000

вектор логотип автомобилей

1200 * 1200

большой автомобиль в форме логотипа металлическая текстура

1200 * 1200

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

2729 * 2596

изображения логотипа автомобиля che youhui

2000 * 2000

векторный логотип автомобиля

44 1200 * 1607

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

2000 * 2000

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

2000 * 2000

побежал визитная карточка автомобиля ta

1200 * 1200

коллекция бело-серых логотипов автомобилей

1024 * 1369

визитная карточка автомобиля

1200 * 1200

5″>

торжественное открытие одностраничный логотип автомобиля lifan логотип dongfeng citroen

1024 * 1969

визитная карточка водителя

гоночный флаг превышение скорости мультфильм логотип

1200 * 1200

автомобиль стандартный автомобиль стандартные векторные элементы bmw car standard

3508 * 2480

вектор цветной ручкой дизайн автомобиля

2000 * 2000

автомобильный значок

1200 * 1200

спортивный автомобиль красная скорость мультяшный логотип

1200 * 1200

иллюстратор вилочный клипарт

1200 * 1200

значок логотипа парковки

1200 * 790

дизайн визитной карточки

1200 * 1200

неоновая Audi 3 разных цвета логотип

1200 * 1200

2″>

логотип che youhui векторный материал логотип che youhui загрузить шаблон логотипа che youhui логотип jingmen che youhui

2000 * 2000

автомобиль

1024 * 1369

changan ford логотип векторный материал

2000 * 2000

вектор cadillac

1200 * 1200

знаки peugeot

2313 * 3000

логотип игры PSD, 280+ графические ресурсы Photoshop для бесплатной загрузки

неоновый игровой зал против игрового знака

1200 * 1200

неоновая вывеска для видеоигр

1200 * 1200

набор кнопок с хорошо организованными слоями элементы пользовательского интерфейса панель кнопок в синем научно-фантастическом стиле

1200 * 1200

контроллер видеоигр

1200 * 1200

цвет игрушки lego блоки декоративная рамка

1200 * 1200

lego детские игрушки блоки декоративная рамка

1200 * 1200

изолированный геймпад игровой контроллер игровой консоли геймпад ima gamer дизайн для игр и развлечений

3000 * 3000

абстрактный неоновый эффект значок видеоигры

1200 * 1200

лотереи бинго Word Art

1200 * 1200

Дизайн логотипа черепа байкера

1200 * 1200

Лего блоки декоративная рамка

1200 * 1200 вектор

опора с отбортовкой и флагом

2500 * 2500

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

1200 * 1200

2 5d кнопка запуска пользовательского интерфейса игры материал творческих значков

2000 * 2000

контроллер видеоигр

1200 * 1200

головоломка цвет границы текстуры

1200 * 1200

синяя текстура головоломка бизнес граница

1200 * 1200

ручная роспись lego блоки головоломка декоративная рамка

1200 * 1200

ручная роспись лего мультфильм игрушки блоки декоративная рамка

9 0003 1200 * 1200

значок интерфейса европейского и американского ветра кнопка запуска воспроизведения

2000 * 2000

красные векторные кубики

1200 * 1200

дизайн значка эмблемы гладиатора, подходящий для логотипа спортивной команды

2500 * 2500

квадратная комбинация лего кирпичная рамка

1200 * 1200

набор игровых кнопок в мультяшном стиле

1200 * 1200

значок кнопки материал в стиле пользовательского интерфейса

2000 * 2000

значок музыкальной игры тенденции

1200 * 1200

игровой интерфейс кнопки игры золото

2000 * 2000

неоновый эффект вывеска видеоигры

1200 * 1200

вектор головы льва, подходящий для логотипа или эмблема e sport team

2500 * 2500

game ui design game

987 * 856

вектор дизайна логотипа команды по киберспорту доспехи рыцаря с оружием

3780 * 3780

вектор посейдона с трезубцем, подходящим для логотипа или эмблемы спортивной команды

2480 * 2480

ручная роспись светового эффекта контроллер видеоигры этикетка

1200 * 1200

вектор головы медведя, подходящий для логотипа или эмблемы спортивной команды

3780 * 3780

игровой интерфейс кнопки интерфейса игровая анимация

1200 * 1200

игровой логотип пират

1200 * 1200

логотип игры ужасов

1200 * 1200

логотип игры assasin

1200 * 1200

значок игры орангутан

1200 * 1200

желтая игра * 2500

фиолетовый пиратский игровой логотип

1200 * 1200

неоновая гамма e логотип позволяет играть в игры

2400 * 2400

игры логотип эскиз рисованные картинки

2000 * 2000

неоновая игра розовый и синий премиум png

1200 * 1200

рисованная неоновая игра прозрачная фон

1520 * 1520

логотип игры с золотым значком

1200 * 1200

кнопка ОК

1200 * 1200

логотип игры синий волк

1200 * 1200

нарисованный от руки неоновый эффект логотип игры виртуальной реальности

2500 * 2500

неоновая игра с дизайном «охота на уток» для игрового логотипа

2000 * 2000

Как использовать Adobe Photoshop для удаления нежелательных логотипов с фотографий

Как использовать Adobe Photoshop удалить нежелательные логотипы www.sleeklens.com

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

Сегодня я покажу вам несколько способов удалить логотипы с одежды.

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

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

Итак, по какой бы причине они ни хотели их удалить, я покажу вам способы их удаления и сопоставления с помощью таких инструментов, как Clone Stamp Tool и т. Д.

Давайте начнем.

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

Хорошо, первое, что я собираюсь рассмотреть, — это логотип на обуви.

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

Перво-наперво создайте новый слой.

Перейдите в Layer — New — Layer

Когда вы нажмете на эту кнопку, вам будет предложено нажать OK, поэтому сделайте это.

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

Для этого вы можете использовать клавиши — и + на клавиатуре.

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

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

Если необходимо, просто уменьшите масштаб, удерживая Ctrl и клавишу «Минус».

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

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

Далее, как показано ниже, вы должны щелкнуть там, где указано «Скорее всего, текущий слой», там есть еще два параметра: «Все слои» и «Текущий и ниже».

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

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

Щелкните «Текущие» и «Ниже».

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

Хорошо, для этого нужно, удерживая Alt, щелкнуть мышью по области.

К этому нужно немного привыкнуть.

Ниже я обвел область, с которой начал, и первое направление, которое нарисовал.

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

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

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

Я буду обходить края и удалять грязные участки.

После того, как я немного прибрался, все выглядит неплохо.

Итак, мы только что клонировали логотип на нашу обувь.

Но есть два башмака.

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

Щелкните Layer — Duplicate Layer

Теперь у вас будет точная копия.

Следующее, что вам нужно сделать, это перевернуть новый слой.

Убедитесь, что вы выбрали новый слой.

Теперь нажмите Edit -Transform — Flip Horizontal.

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

Это означает, что теперь вы можете управлять изображением.

Итак, щелкните и перетащите клонированную часть поперек, вы можете вращать при наведении курсора на края выделения.

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

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

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

Теперь мы должны хорошо выглядеть, и нам совсем не пришлось много работать.

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

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

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

Здесь мы можем использовать Brush Tool! Да, Brush Tool 🙂

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

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

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

Даже когда я использую Clone Stamp Tool, я могу вернуться к этой простой технике Brush Tool и вплетать ее между другими техниками.

Хорошо, вы видите серый сверху, а там, где находится логотип, выглядит достаточно просто, потому что это так.

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

Теперь активируйте инструмент «Кисть».

Вы можете найти его в меню, показанном ниже, или просто нажмите (B)

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

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

Вы можете получить это, щелкнув правой кнопкой мыши по экрану.

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

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

Теперь, чтобы добавить немного увеличения текстуры, мы переходим в Фильтр — Шум — Добавить шум

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

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

Для получения более четких краев я буду использовать комбинацию инструментов Lasso Tool или Polygonal Tool, создавая выделение над областями, а затем нажимая клавишу Delete на клавиатуре, чтобы завершить работу.

И вот мы, не так уж плохо.

Хорошо, перейдем к нашей заключительной части.

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

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

Я собираюсь удалить логотип льва в центре шляпы.

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

Для этого я собираюсь использовать инструмент Clone Stamp Tool на новом слое.

Итак, я клонировал, чтобы создать шов.

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

Затем, используя инструмент Polygonal Tool, я подровнял края и удалил ненужные области доступа.

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

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

Для начала я просто подумал, что мне, вероятно, все сойдет с рук, просто используя инструмент Clone Stamp Tool.

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

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

Затем я создал выделение вокруг области, я был груб с этим, достаточно близко достаточно для этого выделения.

Затем я копирую и вставляю его.(Используемая копия слита, так что она соберет все слои)

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

Затем я начал использовать инструмент «Ластик», чтобы как можно лучше растушевать его, я также использовал инструмент преобразования, чтобы растянуть его.

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

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

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

Затем я немного снизил непрозрачность исходного клона, чтобы лучше смешать его.

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

И вот окончательный результат:

Надеемся, вам понравилось это руководство, и увидимся в следующий раз!

Прежде чем отправиться куда-либо, вы должны проверить этот метод, чтобы отредактировать Like luizclas Instagram в Lightroom в Photoshop.

Рейтинг: 012345 4,00 на основе 2 рейтингов

Следующие две вкладки изменяют содержимое ниже.

Закончил колледж в 2002 году по специальности «Искусство и дизайн», я начал изучать свой путь в области графического дизайна и профессионального постпродакшна.Фрилансер, работающий полный рабочий день с 2011 года.

Самые популярные сообщения в октябре

Как нарисовать логотип в Photoshop — Брендан Уильямс Creative

Если вы хотите оживить свой логотип, добавление контура в Photoshop — отличный способ сделать это! Самое замечательное в выделении графики заключается в том, что вы можете превратить свой логотип в простой контур или добавить рамку к существующему логотипу. Имея на выбор столько стилей, вы с легкостью найдете идеальный контур для своего логотипа.Теперь, хотя мы рассмотрим еще несколько технических способов выделения логотипа, вот самый простой способ сделать это, если вам нужен быстрый и легкий метод.

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

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

Как очертить логотип в Photoshop

Давайте сначала начнем с самого простого типа контура логотипа в Photoshop.

Шаг 1. Создайте выделение для вашего логотипа

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

Чтобы выбрать инструмент Magic Wand Tool, нажмите W на клавиатуре или найдите его на панели инструментов.

После активации перейдите на верхнюю панель настроек и установите размер выборки на 5 на 5 в среднем , допуск на 25 и отметьте сглаживание. Если вы хотите узнать цель каждой из этих настроек, ознакомьтесь с этим видеоуроком.

При правильных настройках Magic Wand убедитесь, что выбран слой с логотипом, затем щелкните свой логотип на холсте, чтобы выбрать его.Инструмент Magic Wand Tool выберет все цвета, похожие на ваш образец, которым в данном случае является ваш логотип.

Если ваш логотип имеет несколько цветов, удерживайте Shift и щелкните по дополнительным цветам, которые вы хотите добавить к своему выбору.

Теперь у вас остается выделение вокруг всего вашего логотипа.

Шаг 2. Добавьте выделение на маску слоя

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

Теперь у вашего логотипа будет прозрачный фон.

Шаг 3. Откройте стили слоя

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

Шаг 4. Установите стиль «Обводка»

Чтобы добавить контур к вашему логотипу, нажмите «Обводка» в параметрах стилей в левой части диалогового окна.

Шаг 5. Задайте для заливки обводки сплошной цвет

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

Выбрав параметр «Сплошной цвет», вы можете щелкнуть поле «Цвет», чтобы выбрать цвет для контура.

Шаг 6: Установите положение хода в «Центр»

Теперь измените положение обводки на «Центр». Это добавит контур одинаково по краям вашего логотипа, а не только по внутреннему или внешнему краю. Хотя параметр «Снаружи» лучше подходит для людей с контуром, вариант по центру дает лучшие результаты для логотипов.

Шаг 7. Настройте дополнительные параметры хода по мере необходимости

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

Когда все будет хорошо, нажмите OK, чтобы выйти из стилей слоя.

Результат

Теперь вы добавили однотонный контур к своему логотипу с помощью стилей слоя в Photoshop.Прелесть стилей слоя в том, что теперь вы можете вернуться и отредактировать их позже, если это необходимо. Глядя на свой слой с логотипом, просто дважды щелкните свой Layer FX, чтобы снова открыть стили слоя и отредактировать настройки обводки. Таким образом, вы можете легко настроить цвет или размер вашего контура позже в рабочем процессе!

Как превратить логотип в контур в Photoshop

В следующем примере вы узнаете, как сказать «удалить цвет вашего логотипа и оставить только цветной контур».

Шаг 1. Выберите свой логотип с помощью инструмента «Волшебная палочка»

Следуя шагам, аналогичным предыдущему разделу, еще раз выберите инструмент «Волшебная палочка», нажав W, или найдите его на панели инструментов.

При активном инструменте перейдите на верхнюю панель настроек и установите Размер выборки на 5 на 5, среднее значение , допуск на 25, и отметьте сглаживание .

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

Если инструмент «Волшебная палочка» выделяет части вашего изображения, которые вы не хотите выделять, удерживайте нажатой клавишу «Alt» или «Option » и щелкните выделение, чтобы удалить эти цвета.

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

Шаг 2. Создайте новый слой над вашим логотипом

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

Шаг 3: перейдите в Edit> Stroke

При активном выделении и выбранном новом слое перейдите в меню Edit> Stroke , чтобы обвести выделение.

Шаг 4. Установите ширину и цвет контура

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

Затем нажмите на опцию «Цвет» и выберите цвет контура вашего логотипа.

Затем установите положение «Центр» , чтобы ваш контур равномерно распространился по внешнему и внутреннему краю вашего выделения.

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

Шаг 5. Нажмите Command / Control + D, чтобы отменить выбор логотипа

Теперь вокруг вашего логотипа создан контур, но выделение все еще активно. Нажмите Command + D (Mac) или Control + D (ПК) на клавиатуре, чтобы отменить выбор.

Шаг 6. Скройте слой с логотипом

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

Результат

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

Как выделить контур от краев логотипа

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

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

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

Когда ваш выбор активен, перейдите к Select> Modify> Expand.

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

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

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

После того, как вы будете довольны настройками, нажмите OK, чтобы добавить обводку к вашему выбору. Затем нажмите Command + D (Mac) или Control + D (ПК), чтобы отменить активный выбор.

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

Вы даже можете попробовать использовать контур для создания ореола, выбрав слой контура и переместив его с помощью инструмента «Перемещение» ( V ).

Как добавить контур градиента к логотипу в Photoshop

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

Давайте разберем это подробнее.

Используя методы, которые вы узнали ранее в этом посте, убедитесь, что у вашего логотипа прозрачный фон.Я всегда рекомендую использовать Magic Wand Tool для этого типа выделения.

Когда у логотипа появится прозрачный фон, дважды щелкните слой с логотипом, чтобы открыть стили слоя. Как и раньше, выберите стиль «Обводка», но теперь установите заливку «Градиент».

Чтобы настроить контур градиента, щелкните редактор градиента и выберите один из доступных предустановленных градиентов.

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

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

Когда вы будете удовлетворены дополнительными настройками обводки, нажмите OK, чтобы выйти из стилей слоя.Теперь у вас остался потрясающий градиентный контур вокруг вашего логотипа!

Как добавить узорчатый контур к логотипу в Photoshop

Чтобы добавить узорчатый контур к логотипу в Photoshop, вам просто нужно выбрать параметр «Узорчатая заливка» в стилях слоя. Как и раньше, убедитесь, что у вашего логотипа прозрачный фон, затем дважды щелкните по нему, чтобы получить доступ к стилям слоя.

Щелкнув по стилю обводки, измените тип заливки на «Узор».

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

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

Затем настройте остальные параметры обводки, чтобы улучшить узорчатый контур логотипа. По завершении нажмите ОК.

Теперь у вас есть крутой узор вокруг вашего логотипа, а не простой контур цвета Джейн!

Как заполнить контур логотипа изображением

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

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

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

Выделив новый слой и активировав выделение, перейдите в меню Edit> Stroke , чтобы очертить выделение.В появившемся диалоговом окне выберите желаемую ширину контура. Цвет не имеет значения, так как на следующем шаге он будет покрыт изображением. Наконец, нажмите ОК, чтобы применить обводку к вашему выбору.

Затем нажмите Command или Control + D , чтобы отменить активный выбор.

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

Затем вы можете настроить положение и размер изображения в контуре, открыв инструмент «Перемещение» ( V ), щелкнув слой изображения, а затем щелкнув и перетащив поле преобразования, чтобы настроить его.

И теперь у вас есть контур вокруг вашего логотипа, заполненный изображением!

Как видите, существует множество отличных способов обвести логотип в Photoshop.Если вам нужен простой цветной контур, градиентный контур, контур изображения и т. Д., Теперь у вас есть все навыки для этого! Теперь, чтобы помочь вам еще больше настроить внешний вид вашего логотипа, ознакомьтесь со следующим уроком, посвященным , как изменить цвет любого логотипа в Photoshop!

Happy Outlining,

Брендан 🙂

Учебное пособие по удалению логотипов с фотографий в Photoshop

Изучите 2 различных способа простого удаления логотипов с фотографий в Photoshop. В Photoshop есть много способов делать разные вещи, и этот урок покажет вам лучший способ решить задачу удаления чего-либо с этих фотографий.Хотя мы избавляемся от логотипов, вы можете использовать это руководство для чего угодно. Заливка с учетом содержимого — отличный инструмент, и у меня есть учебники по этому поводу, но для этих случаев мы будем использовать разные методы. Будьте готовы к расширению своего набора инструментов!

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

Получите 10 бесплатных изображений из Adobe Stock

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

Быстрое удаление логотипов с фотографий в Photoshop Учебное пособие — удаление брендов

Итак, предположим, вы хотите отправить эти фотографии в Adobe Stock, и вам нужно избавиться от логотипов, потому что вы не можете отправлять фотографии с логотипами в Stock, потому что лицензионных прав и тому подобное.

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

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

Итак, сейчас давайте посмотрим, как это исправить. Вот что я бы сделал. Я собираюсь взять свой инструмент Lasso Tool и просто выделю здесь эту область.Вот так. Итак, я просто хочу изолировать эту область, а затем скопирую ее на новый слой, и для этого нужно просто нажать Ctrl J или Command J, и если мы смотрим туда, вы можете увидеть мы скопировали это на новый слой.

Итак, что мы собираемся сделать сейчас, мы будем работать над этим, поэтому я собираюсь создать еще один слой над ним, а затем нам нужно избавиться от этого. Я думаю, что самый быстрый способ сделать это — не использовать штамп клонирования, а просто закрасить его.Так почему бы нам просто не взять здесь кисть? Я собираюсь взять инструмент «Кисть», нажав клавишу B, и затем мне нужно установить жесткость на soft, nice и soft.

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

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

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

Итак, следующее, что мы хотим сделать, — это снова включить все остальное, и, очевидно, у нас здесь есть над чем поработать. Итак, мы хотим смешать это здесь. Итак, что я собираюсь сделать, я просто выберу эти два слоя и нажму Ctrl G, чтобы превратить его в группу, так что у нас все это вместе, а затем я просто закрасим его маской.

Итак, мы собираемся выбрать маску слоя. Итак, спускайся. Выберите маску. Итак, что мы собираемся сделать, так это фактически инвертировать эту маску, поэтому я просто нажму Ctrl I, чтобы инвертировать ее.

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

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

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

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

Итак, мы собираемся применить это зерно прямо сейчас. Итак, мы просто собираемся преобразовать это в смарт-объект, просто щелкнув правой кнопкой мыши и выбрав «Преобразовать в смарт-объект».Теперь, сделав это, теперь я могу применить это зерно неразрушающим образом ко всей этой области, поэтому я собираюсь выбрать «Фильтр», «Шум», «Добавить шум».

И мы собираемся добавить немного зерна, может быть, отбросим это обратно. Так что это довольно незаметно. И обратите внимание, что я сделал, так это то, что я выбрал Uniform Option, и я также выбрал Monochromatic. Итак, мы просто нажмем «ОК». Итак, теперь мы можем сравнить это с зерном. Да, хорошо выглядит. Мне нравится, что.

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

Хорошо, теперь все, что нам нужно сделать, это снова добавить шум, чтобы он соответствовал. Поэтому вместо того, чтобы создавать новый фильтр шума, мы можем повторно использовать тот, который у нас есть, из другого. Итак, что нам нужно сделать, это выбрать его, удерживая клавишу Alt или Option, щелкнуть и перетащить, а затем перетащить его на этот слой. И вы увидите, что мы продублировали этот фильтр, и вот мы.Нам удалось избавиться от логотипа на этих боксерских шарах.

Хорошо, перейдем ко второму изображению. Хорошо, это то, что мы хотим сделать. Здесь мы хотим избавиться от этого логотипа, поэтому я собираюсь создать новый слой. Выбрав новый слой, я перейду к инструменту Clone Stamp Tool.

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

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

Итак, что мы хотим сделать, так это найти область очень близко к тому, где мы хотим скопировать ее, и я просто ищу здесь ближайшую. Итак, я собираюсь нажать клавишу Alt или Option и щелкнуть, чтобы создать образец.Теперь вы увидите, что мы будем отображать, и мы хотим выровнять это как можно лучше. Так что давайте спустимся примерно туда, и все будет хорошо.

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

Итак, мы собираемся создать здесь новый образец, нажать клавишу Alt или Option и щелкнуть, а теперь мы собираемся спуститься на этом конце и получить это довольно близко.Итак, мы идем. А теперь мы просто потащим это вниз. И обратите внимание, что он начинает немного деформироваться, так почему бы нам не отменить это. И иногда вам просто нужно делать это понемногу за раз.

Хорошо, поэтому, если мы посмотрим на это до и после, мы увидим, что мы скрылись, но заметьте, у нас здесь небольшие проблемы. Здесь происходит некоторая деформация, которую нам нужно исправить. Итак, что я собираюсь сделать, так это просто объединить эти два слоя вместе, и я просто нажму Ctrl E, а теперь мы будем работать над их исправлением по отдельности.

Итак, способ сделать это — просто сделать выбор, и я буду делать по одному из них за раз. Итак, давайте сделаем выделение здесь, и я просто нажму Ctrl J, это скопирует его на новый слой, и я просто переместу его, видите? И вы можете подтолкнуть его с помощью клавиш со стрелками, чтобы убедиться, что у вас все в порядке.

А теперь нам просто нужно немного повернуть это и заметить, что на этом этапе есть только немного [неразборчиво 00:09:24], так что давайте возьмем следующий.Ладно, неплохо. Итак, что я собираюсь сделать сейчас, так как я просто хочу их замаскировать, поэтому я собираюсь выделить их и нажать Ctrl G, чтобы объединить их в группу.

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

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

Итак, если мы посмотрим на это, увидим значения яркости? Мы можем немного поэкспериментировать с этим и, может быть, вернемся немного назад, пока не получим совпадение.Итак, мы идем; выглядит неплохо. Это очень тонко, но если мы посмотрим на это до и после, вы увидите, как это лучше сочетается.

Теперь вы знаете, как удалить логотип с фотографии, почему бы вам не попробовать загрузить его в Adobe Stock. Таким образом, вы можете получить дополнительный доход от своих фотографий, а также использовать их с пользой. Эй, кто знает? Может быть, вы увидите их в журнале или на рекламном щите или что-то в этом роде. Я оставлю ссылку внизу, по которой вы можете пойти и зарегистрироваться, чтобы стать участником Adobe Stock.Это очень просто и бесплатно.

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

Рад видеть вас здесь, в КАФЕ

Колин

Photoshop Logo | история эволюции и значение

Photoshop логотип PNG

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

Значение и история

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

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

1988-1990

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

1990-1991

В 1990 году значок был переработан, и в нем была представлена первая версия легендарной серии «Глаз». Эмблема представляла собой монохромное пиксельное изображение глаза, заключенное в квадратную рамку.

1991-1994

Эмблема 1991 года получила жирную красную рамку и привлекла внимание большим количеством деталей и градиентных оттенков серого.Логотип использовался в течение трех лет и выпущен вместе с версией 2 редактора Photoshop.

1994-1996

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

1996 — 2000

Для четвертой и пятой версий Photoshop в 1996 году был представлен еще один логотип. Это был все тот же монохромный глаз, но нарисованный более уверенно и современно, с выделенной рамкой и выполненной в черном, красном и белом цветах. палитра.

2000-2002

Эмблема для Photoshop версии 6, выпущенной в 2000 году, почти повторяла предыдущую, но с уточненными линиями, благодаря чему изображение в целом выглядело более профессионально. Цветовая палитра рамы осталась неизменной.

2002-2003

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

2003-2005

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

2005-2007

После редизайна 2005 года перо изменило свою цветовую палитру на более насыщенный синий с оттенком зеленого.Новая комбинация была праздником искусства и красоты и блестяще отразила суть программного обеспечения.

2007-2008

В 2007 году бренд стал использовать более минималистичный и строгий значок. Это был спокойный синий квадрат с белой надписью «Ps». Был небольшой уклон, добавивший эмблеме живости и динамики.

2008 — 2010

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

2010-2012

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

2012-2013 гг.

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

2013 — 2015

В результате редизайна в 2013 году линии логотипа стали тоньше, а цвета — ярче. Новая изящная рамка темно-синего квадрата имеет яркий бирюзовый оттенок, который также использовался для надписи без засечек «Ps», написанной более светлыми линиями.

2015-2019

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

2019-2020

Редизайн 2019 года смягчил углы квадрата и представил новую цветовую палитру логотипа Photoshop. Теперь это был черный фон с белой монограммой без засечек, заключенный в тонкую яркую бирюзовую рамку.

2020 — Сегодня

В 2020 году рамка была полностью удалена с логотипа, оставив синюю надпись «Ps» как единственный элемент в темно-синем квадрате.Углы эмблемы по-прежнему закруглены, а линии букв стали толще и мягче.

35 уроков по созданию логотипов в Photoshop и Illustrator — Bashooka

Разработка логотипа — довольно сложный и сложный процесс. Обычно самое сложное — это разработать концепцию логотипа. Отразить индивидуальность вашей компании в простом, но броском логотипе, который посылает сильный сигнал, может быть довольно сложной задачей. Как только вы это поймете, пора приступать к исполнению.Здесь я собрал 35 руководств по дизайну логотипов с помощью Photoshop и Illustrator, которые могут оказаться полезными при разработке вашего логотипа.

Неограниченные загрузки: 600 000+ Шаблоны для печати и материалы для дизайна Объявление

Скачать сейчас

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

Batman Dark Knight Logo →

Мы воспользуемся Adobe Illustrator, чтобы разобраться с этим дизайном, благодаря его расширенным возможностям редактирования форм и, в частности, будем использовать умные направляющие для идеального выравнивания наших векторных контуров. Как только набросок нашего дизайна, вдохновленного оригами, будет завершен, мы воплотим его в жизнь с помощью ярких цветов, в результате чего получится современная графика, которая будет отлично смотреться как часть дизайна логотипа.

Логотип в стиле оригами в Illustrator →

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

Учебное пособие по логотипу Photoshop CS6: Clean Professional →

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

Как сделать крутой логотип →

Vivid Ways — это новый блог, посвященный теме личного развития и яркой жизни. Его цель — вдохновлять и воодушевлять читателей идеями и советами о том, как прожить удивительную жизнь. После некоторой первоначальной переписки со Скоттом и Джоном по электронной почте мы уточнили некоторые мысли о стиле логотипа и о том, какие ценности будут представлены в нем. Были предоставлены примеры предыдущего дизайна, и было упомянуто, что используемый шрифт без засечек был идеальным.Еще одно требование заключалось в том, что в логотипе должен использоваться отдельный графический элемент вместе с формулировкой Vivid Ways. В остальном дизайн был свободен для творчества — что всегда приятно!

Процесс разработки логотипа и пошаговое руководство для Vivid Ways →

Вся идея myNiteLife состоит в том, чтобы предоставить онлайн-органайзер и планировщик для ночной жизни нашего местного города Шеффилд, где бары, рестораны и клубы среди других мест перечислены вместе с отзывами и рейтингами пользователей.Кроме того, на сайте есть планировщик на основе карты города, где пользователи могут спланировать маршрут между местами проведения и разослать друзьям договоренности о вечеринках.

Logo Design Project Пошаговое руководство →

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

Как создать логотип от концепции до завершения →

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

Создание безумно крутого логотипа →

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

Создайте готовую к печати этикетку для пива в Adobe Illustrator →

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

Создайте готовую к печати этикетку для пива в Adobe Illustrator →

Руководство по презентации логотипа

от ~ Nunosk8 →

Прежде чем перейти непосредственно к компьютеру, я поработал над некоторыми эскизами, исследуя несколько концепций, используя ключевые слова, которые были выбраны ранее. Также я захожу на logopond.com, чтобы найти ссылки на логотипы. Вы можете взглянуть на некоторые логотипы, которые я использовал для справки, в статье Ultimate One Color Logos Inspiration.

Процесс создания логотипа Brainstorm 9 →

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

Создание радужных логотипов с искаженными сетками →

Разработка логотипа — обычная задача в Adobe Illustrator. В этом заключительном проекте мы подведем итог тому, что мы узнали в Illustrator, чтобы создать свой собственный логотип.Я покажу вам процесс рисования логотипа, и, надеюсь, вы почувствуете себя увереннее после этого урока.

День 30: Разработка логотипа →

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

Учебное пособие по процессу разработки логотипа →

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

Разработка логотипа Pepsi

В этом уроке мы будем использовать инструмент 3D Illustrator для создания текста с глубиной. Мы придадим буквам индивидуальность, разместив их под углом и выбрав забавный шрифт. Мы добавим сумасшедшего кролика и объединим все цвета, добавив простую штриховку.

Используйте Illustrator для создания забавного 3D-логотипа персонажа →

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

Создайте крутой музыкальный логотип на гранж-фоне →

В этом уроке мы будем работать над текстовым эффектом «Звездных войн».

Текстовый эффект Звездных войн →

Dache: процесс разработки логотипа →

Из этого туториала Вы узнаете, как нарисовать легендарный логотип эмблемы Volkswagen с помощью стилей слоя, радиальных градиентов и инструмента выделения «Многоугольное лассо», чтобы выполнить трассировку.На изображении ниже показан наш конечный результат.

Рисование логотипа Volkswagen →

Дизайн логотипа Google Chrome →

Привет. В следующем уроке вы узнаете, как создать логотип Mini. Вы начнете с некоторых основных инструментов и простых форм. Затем с помощью параметров Обработка контуров и некоторого эффекта деформации вы получите желаемые формы. Наконец, вам понадобится несколько градиентов и обводок, а также эффекты размытия по Гауссу и тени.

Создать мини-логотип →

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

Создать логотип BMW →

Из этого пошагового руководства вы узнаете, как комбинировать формы и стили слоя в Photoshop CS3 для создания плаката Harley Davidson.