Сегодня я покажу вам, как с помощью фигур и стилей слоя создать красивый логотип 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)).
Что мы можем сделать, если у нас есть логотип в векторном формате? Первое, а самое главное - масштабировать его до 300% или 800%, это не имеет значения, мы можем сделать наш логотип настолько большим, насколько мы хотим, он будет выглядеть так же хорошо. Например, давайте поставим себя в реальную ситуацию. Это с логотипом не произойдет.
Возможности, предлагаемые логотипом в векторном формате, великолепны, и мы будем тратить время, если наняли дизайнера, который хочет сделать наш логотип в растровом формате. Наконец, и для всех, кто возьмет нас за волосы, мы объясним, какие типы файлов являются векторами, а какие нет, так что никто не может нас обмануть и знать, что мы покупаем 100% -ный логотип.
Примечание переводчика: цвет заливки для слоя с задним фоном будет зависеть от ваших предпочтений, а также, всё будет зависеть от того, на каком фоне будет расположен логотип Apple.
Шаг 2
Вы уже знаете все, что нужно, чтобы купить свой логотип правильно. Не обманывайся и не давай кошке зайца! Это не тот же вектор, что и растровое изображение, и вы это знаете! Когда вы идете нанять дизайнера или купить логотип, спросите их, этот вопрос будет в векторном формате? Если они не отвечают вам или не знают, о чем вы говорите, не доверяйте.
Вы хотите создать бесплатные логотипы? Среди сообщества дизайнеров есть несколько вопросов, которые вызывают больше напряжения, чем тема узурпации рабочей силы. В области корпоративного дизайна и логотипов есть много инструментов, которые сегодня пытаются заменить фигуру классического дизайнера. Пути довольно широкие: от бесплатных дизайнерских услуг с затратами на головокружение от 5 до 10 евро за логотип на бесплатные онлайн-системы и приложения, которые пытаются автоматизировать дизайн бесплатных логотипов с помощью заранее установленных решений, извлеченных Из обширного банка логотипов.
Мы получим следующий результат.
Шаг 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) влево, чтобы изменить цветовой тон квадратика.
Онлайн-инструменты для создания бесплатных логотипов
Очевидно, отсюда мы не будем делать каких-либо рекламных акций на сайтах, предлагающих премиальные услуги для такого рода работ. Давайте наслаждаться этим! Он запрашивает только текст и автоматически генерирует большое количество опций, которые вы можете скачать напрямую. Здесь вы можете получить доступ к веб-сайту.
В дополнение к созданию логотипов в этой сети вы можете найти более 900 текстовых шрифтов, которые вы можете бесплатно скачать на свой компьютер. Один из самых ветеранов этого места, но он никогда не выходит из моды. В этой сети вы можете найти более тысячи логотипов для загрузки, поэтому у вас есть их на любой вкус и цвета.
Теперь, продублируйте слой с синим квадратиком. Расположите дубликаты синих квадратиков, как показано на скриншоте ниже:
Примечание переводчика: не забывайте варьировать размер дубликатов квадратиков.
Еще один интересный онлайн-редактор, в котором вы можете использовать цифры, тексты и цвета для создания логотипа в считанные минуты и с хорошим конечным результатом. Вы можете получить доступ по этой ссылке. Вам нужно только ввести название своей компании и выбрать тип бизнеса. Работает со всеми основными форматами, а также многими форматами.
Он также позволяет загружать версии для социальных профилей или делать визитные карточки, конверты и т.д. Он хорошо работает на английском языке, поэтому он действителен только для международных проектов или на этом языке. Доступ отсюда к веб-сайту службы.
Шаг 6
Продолжайте добавлять квадратики, на этот раз уже другого цвета. Чтобы поменять цвет, используйте ту же самую команду коррекции Цветовой тон / Насыщенность (Hue/Saturation). Теперь, несколько раз продублируйте слой с квадратиком, используя технику, которая описана выше.
Создание бесплатного онлайн-логотипа позволяет создавать бесплатные логотипы в 4 простых шага и загружать их в высоком разрешении. Для его интуитивной системы и ее скорости может быть очень полезно быстро взглянуть на ваш прототип. Это онлайн-инструмент и имеет больше параметров настройки, которые позволят вам сосредоточиться на других переменных.
Эта альтернатива позволяет вам разработать бесплатный логотип через несколько минут. Это также даст вам возможность создать свою визитную карточку с логотипом, который вы создали, или использовать его для печати на футболках или других предметах. Хотя он еще далеко не инструмент для дизайнеров, он близок к тому, чтобы быть одним. В качестве дополнительного варианта вы можете нанять профессионала из своей команды, чтобы разработать логотип, который вы ищете, этот будет профессиональным.
Мы получили следующий результат.
Шаг 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) поверх всех слоёв. Установите кривую, как показано на скриншоте ниже, чтобы провести небольшую коррекцию цвета.
Поздравляю, мы завершили урок!
Здравствуйте, уважаемые читатели!
Каждый из вас наверняка слышал про графический редактор Adobe Photoshop. Эта потрясающая программа позволяет создавать настоящие шедевры и является незаменимым оружием в арсенале любого дизайнера. Создание визиток, баннеров, листовок и буклетов, разработка логотипов и дизайна сайта – область применения Фотошопа весьма велика.
А умеете ли вы пользоваться данной программой? Когда я только начинал изучать Photoshop, я ещё слабо представлял себе все его возможности. Сейчас, по прошествии многих лет, я могу сказать, что до сих пор не до конца его знаю – передо мной каждый раз открывается всё новый и новый функционал.
А ведь у меня стоит старая версия CS3. Даже не представляю, что таят в себе более поздние CS5, CS6 и CC.
В этой статье я расскажу про создание логотипа в Фотошопе. Фирменный знак нужен любой компании, любому сайту. Поэтому востребованность в разработке качественных лого очень велика. Если вы хорошо владеете Фотошопом, вы можете попробовать создать логотип самостоятельно с помощью этого редактора. Вот только с чего начать? Об этом далее.
Приступаем к разработке логотипа
Перво-наперво нужно сформировать саму концепцию фирменного лого.
Ответьте себе на следующие вопросы:
- Каким он будет: только картинка, только текст, изображение вместе с текстом?
- Какие цвета будете использовать? Вообще рекомендуется брать не более двух цветов. Слишком пёстрый логотип часто выглядит не очень презентабельно. Если вы посмотрите на лого известных компаний, то увидите, что чаще всего там используется один или два цвета (примеры – Газпром, Сбербанк, ВТБ24 и т.д.).
- Для каких целей создаётся лого: для визиток, для сайта, для большого билборда? Ориентируясь на это, вы должны заранее выбрать подходящий размер изображения в пикселях.
Этот этап самый сложный и требует творческого подхода, но будем считать, что вы его успешно прошли.
Работа с Фотошопом
Логотип – это изображение без фона. Поэтому для начала работы вам необходимо создать новый холст с прозрачным фоном. Размер холста подбирается таким, чтобы соответствовать дальнейшим планам на применение логотипа.
Например, если лого будет использоваться только на веб-сайте, то нет смысла делать его слишком большим.
Но обычно бывает так: делают для одних целей, а через некоторое время решают использовать ещё и для других. Поэтому рекомендую вам сразу создавать логотип с высоким разрешением. На будущее, так сказать…
После того, как холст подготовлен, вам нужно разместить на нём свою концепцию. Если будет надпись, то вам нужно её добавить с помощью инструмента «Текст». Особое внимание следует уделить не только размеру текста, но и самому шрифту. От того, какой вы выберете шрифт, будет зависеть презентабельность вашего лого.
Стандартные Arial, Times New Roman, Verdana зачастую проигрывают по красоте более современным шрифтам. Их на самом деле очень много! Воспользуйтесь поиском и вы найдёте массу сайтов, где шрифты можно скачать абсолютно бесплатно.
Для того, чтобы добавить изображение к логотипу, вам нужно его где-то скачать. Причём оно должно быть подходящего разрешения, иначе при увеличении у вас появятся пресловутые «квадратики». Скачивать можно как из Яндекс.Картинок, так и с фотостоков (этот вариант предпочтительнее, так как изображения там качественнее и не нарушают авторских прав).
Подробнее о том, где можно брать картинки для различных целей, читайте .
После того, как вы нашли все составляющие элементы, соединяйте их в единое целое, формируя готовый логотип. Получившееся лого может поначалу выглядеть не слишком красиво. Поэтому чаще всего к тексту и изображению применяют различное форматирование, например:
- наложение теней, обводки или градиента (смотреть в свойствах слоёв);
- добавление линий;
- искривление или поворот;
- затемнение или осветление;
- и так далее…
Возможностей у Фотошопа масса, поэтому вы можете изменить исходную картинку до неузнаваемости. Вопрос лишь в том, будет ли смотреться получившийся результат…
Что вам ещё нужно знать?
Photoshop – непростая программа, и на её изучение придётся потратить солидную часть времени. Однако знания Фотошопа ещё недостаточно для того, чтобы сделать по-настоящему классный логотип. Помимо этого необходимо иметь так называемое «дизайнерское видение» . Что это такое?
Настоящий дизайнер – это человек с задатками художественного мышления. Всё, за что бы он ни брался, получается красиво. Относится это и к логотипам.
Если же за разработку лого берётся человек, у которого данное мышление напрочь отсутствует, то, как ни крути, у него не получится хорошо. Да, он сделает всё по правилам. Да, он изобразит то, что подразумевала концепция. Но результат будет «так себе»… И это, дорогие друзья, факт, от которого не скрыться.
Человек без дизайнерского видения не сможет сделать по-настоящему круто. Поэтому, если у вас это качество отсутствует, а вам необходимо создать действительно КЛАССНЫЙ логотип, не мучайтесь сами, а обратитесь к специалистам. Это решение будет самым разумным. О стоимости подобной услуги подробно читайте .
А как же экономия средств? – спросите вы.
Я считаю, что на таких вещах, как фирменный логотип (по сути – лицо вашего проекта, бизнеса, сайта) экономить не стоит. Если вы не согласны с этим, готов обсудить эту тему в комментариях.
Желаю вам удачного освоения Фотошопа!
С уважением, Сергей Чесноков