Как создать логотип в Фотошопе
Автор: Сергей Бунин. Дата публикации: . Категория: Обработка фотографий в фотошопе.
Обратите внимание: в этом материале, для удобства восприятия материала, Вам предлагается посмотреть одновременно текстовый урок и видеоурок на одну и ту же тему.
В этом уроке научимся создавать в программе Photoshop CC 2015 собственный логотип и добавлять его на любую Вашу работу или фотографию. Повторить этот урок можно в любой версии программы.
Логотип – это графический знак, эмблема или символ, используемый для повышения узнаваемости, представляет собой название, которое он идентифицирует, в виде стилизованных букв и/или идеограммы.
Для начала необходимо создать новый документ. Обращаемся к меню «Файл» и выбираем строку «Создать…» или нажимаем комбинацию клавиш Ctrl+N.
Появляется окно настроек «Новый», в котором устанавливаем размер по ширине 2000 пикселей и по высоте 500 пикселей, разрешение 300 пикселей/дюйм.
Получаем документ с прозрачным фоном и достаточными размерами, на котором будем создавать наш логотип.
Для создания логотипа можно использовать любое изображение, которое можно найти и скачать в интернете, или любую векторную картинку созданную Вами самостоятельно.
Проявим уважение к нашему сайту и сделаем логотип с изображением уже нам привычного изображения сундучка с драгоценным багажом знаний.
Открываем изображение в программе. Нажимаем комбинацию клавиш Ctrl+A, этим мы выделяем все наше изображение, копируем его в буфер обмена с помощью одновременного нажатия клавиш Ctrl и C.
Переходим к созданному нами пустому документу, нажав левой кнопкой мыши (ЛКМ) на название в верхней строке над окном просмотра.
Вставляем на пустой прозрачный фон изображение сундучка, нажав комбинацию клавиш Ctrl+V.
Подгоним размер изображения сундучка и поместим его в центре заготовленного нами фона. Для этого нажав Ctrl+T, вызываем функцию свободного трансформирования. Вокруг картинки появляется рамка ограничивающая изображение.
Наводим курсор мыши на один из углов рамки, он при этом меняет свой вид на двунаправленную стрелку, зажимаем одновременно ЛКМ и для пропорционального изменения размера клавишу Shift, тянем уголок к центру, уменьшая размер.
Для того чтобы поместить изображение по центру пустого поля, необходимо навести курсор мыши на изображение с сундучком, нажать на ЛКМ и подтянуть картинку к предполагаемому центру. В момент, когда центр изображения совпадет с центром поля, появятся вспомогательные направляющие малинового цвета и высветиться табло с цифровым указанием смещения относительно центра.
После размещения изображения в необходимом месте подтверждаем примененные изменения нажатием клавиши Enter (Ввод) или галочку на панели настройки инструмента.
Теперь для большей идентификации добавим надпись PhotoshopSunduchok.
Для добавления надписи берем инструмент «Горизонтальный текст», на панели инструментов нажимаем ЛКМ на пиктограмму с изображением буквы «Т».
На панели настройки инструмента выбираем шрифт и его тип, размер и цвет.
Размещаем курсор мыши, примерно на горизонтальной осевой линии нашего документа, кликаем ЛКМ, появляется вертикальный мигающий маркер. Набираем текст на клавиатуре «Photoshop», нажимаем 8÷10 пробелов и далее опять текст «Sunduchok».
Почему текст черного цвета? Да потому что логотип удобнее добавлять на изображение, когда он выполнен в виде кисти. А как Вы знаете, кисти бывают только белого или черного цвета, причем черный цвет дает больший контраст и плотность кисти. По этим же соображениям и наш сундучок сделаем черно-белым и более контрастным.
Переходим на слой с изображением сундучка, нажав на пиктограмму с его изображением, вокруг нее по периметру появляется пунктирная линия.
Создадим корректирующий слой «Черно-белое», нажав внизу палитры слоев на значок создания корректирующего слоя.
На панели «Свойства» корректирующего слоя достаточно сдвинуть все регуляторы в крайнее левое положение.
На палитре слоев перейдем на самый верхний слой с текстом, одновременно нажимаем кнопки Ctrl+Shift+Alt+E. Образуется еще один слой, объединяющий в себе все ниже лежащие.
Ну а теперь самое интересное!
Идем в меню «Редактирование», опускаем на строку «Определить кисть» и нажимаем на нее ЛКМ.
Появляется окошко «Имя кисти». В нем можно прописать имя, например, «Лого». Нажимаем «Ок».
Откроем любое изображение в программе, и на панели инструментов активируем «Кисть».
Далее щелкаем по кнопке, которая открывает окно выбора набора кистей.
Переместив слайдер вниз, находим нашу вновь образованную кисть в форме логотипа. Выбираем ее. Тут же можно отрегулировать размер кисти, но удобнее это делать с помощью клавиш «[» (уменьшение) и «]» (увеличение).
Логотип размещать лучше на пустом слое созданного поверх основного изображения. Почему, думаю, разберетесь ниже.
Внизу палитры слоев нажимаем на значок «Создать новый слой».
Находясь на новом пустом слое, наводим кисточку на любое место изображения и щелкаем ЛКМ. Получаем отображение логотипа.
Для того чтобы логотип был более читабельным на цветном фоне можно подобрать основной цвет для кисти. Нажимаем ЛКМ на значок выбора основного цвета на панели инструментов.
Высветится палитра цветов,
в которой методом подбора выбираем необходимый цвет.
Почему же логотип размещать лучше на пустом слое созданного поверх основного изображения? Просто мы сможем менять у этого слоя непрозрачность, можем поэкспериментировать с режимами наложения и добавлять различные эффекты и стили слоя.
А для закрепления материала и чтобы было легче и не так скучно его осваивать предлагаю Вам посмотреть ниже небольшой видеоролик.
Все то же самое, но в видеоформате!
Удачи и творческих успехов!
Если у Вас не очень быстрый Интернет, нажмите на «Play», а потом на паузу и немного подождите пока видео подгрузится для его комфортного просмотра.
Нажмите здесь, чтобы посмотреть видео в отдельном окне
Если Вы не хотите пропустить интересные уроки по обработке фотографий — подпишитесь на рассылку.
Форма для подписки находится ниже.
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Сделаю логотип по вашему заданию. Использую Photoshop и Illustrator за 2 000 руб., исполнитель Никита Ляпин (nikitatransparent) – Kwork
Бесконечные бесплатные правки в рамках технического задания и условий заказа. Платить нужно только за те изменения, которые выходят за рамки первоначального заказа. Подробнее
nikitatransparent
- 5.0
- (1)
«очень быстро, с фантазией, качественно,.»
«очень быстро, с фантазией, качественно,.»
Отзыв от Annya2000, 2 года
«очень быстро, с фантазией, качественно,. «
«очень быстро, с фантазией, качественно,.»
Отзыв от Annya2000, 2 года
«очень быстро, с фантазией, качественно,.»
«очень быстро, с фантазией, качественно,.»
Отзыв от Annya2000, 2 года
«очень быстро, с фантазией, качественно,.»
«очень быстро, с фантазией, качественно,.»
Отзыв от Annya2000, 2 года
«очень быстро, с фантазией, качественно,.»
«очень быстро, с фантазией, качественно,.»
Отзыв от Annya2000, 2 года
«очень быстро, с фантазией, качественно,.»
«очень быстро, с фантазией, качественно,.»
Отзыв от Annya2000, 2 года
«очень быстро, с фантазией, качественно,.»
«очень быстро, с фантазией, качественно,.»
Отзыв от Annya2000, 2 года
Посмотрите другие примеры работ
в профиле nikitatransparent
Открыть портфолио
1 из 19
Выберите вариант кворка
Эконом
2 000 ₽
Стандарт
2 500 ₽
Бизнес
5 000 ₽
ЭкономСтандартБизнес
Эконом
Стандарт
Бизнес
Краткое описание
Разработка логотипа по вашему макету или по техническому заданию в высоком разрешении в одном варианте и цветовой гамме.
Разработка логотипа по макету или техническому заданию в разных вариантах, с обратной связью, без исходников и вектора.
Разработка логотипа по макету или техническому заданию с исходниками, в векторном формате.
В нескольких цветах
Фавикон
Высокое разрешение
Исходники
Количество логотипов
SGV, AI
Количество правок
Не ограничено
Не ограничено
Не ограничено
Срок выполнения
1 день
2 дня
3 дня
Об этом кворке
Разработаю с нуля оригинальный качественный и красивый логотип (согласно правилам маркетинга и презентации) по вашему техническому заданию или вашим наброскам. Работаю с простыми заданиями, шрифтами, векторной графикой. Работаю в Adobe Photoshop и Adobe Illustrator. Также могу перевести векторный формат ai или svg в cdr (corel draw), если того требует типография.
Создам логотип для вашего сайта или для вашей компании, также могу подсказать с цветовой гаммой, шрифтом, пропорциями и другими моментами.
В рамках данного пакета я не рискую сложные супер-детализированные клипарт-логотипы! Не занимаюсь каллиграфией и созданием специфических шрифтов! Но могу корректировать уже имеющийся шрифт в тексте вашего логотипа, добавляя глифы и даже создавать годную альтернативу буквам, которые вам не нравятся, которая гармонично впишется в ваш логотип.
<p>Разработаю с нуля оригинальный качественный и красивый логотип (согласно правилам маркетинга и презентации) по вашему техническому заданию или вашим наброскам. Работаю с простыми заданиями, шрифтами, векторной графикой. Работаю в Adobe Photoshop и Adobe Illustrator. Также могу перевести векторный формат ai или svg в cdr (corel draw), если того требует типография.</p><p>Создам логотип для вашего сайта или для вашей компании, также могу подсказать с цветовой гаммой, шрифтом, пропорциями и другими моментами.</p><p>В рамках данного пакета я не рискую сложные супер-детализированные клипарт-логотипы! Не занимаюсь каллиграфией и созданием специфических шрифтов! Но могу корректировать уже имеющийся шрифт в тексте вашего логотипа, добавляя глифы и даже создавать годную альтернативу буквам, которые вам не нравятся, которая гармонично впишется в ваш логотип. </p><p></p>
Вид: Новый логотип
Стиль: Плоский
Создание логотипа: С нуля
Язык перевода:
Развернуть Свернуть
Гарантия возврата
Средства моментально вернутся на счет,
если что-то пойдет не так. Как это работает?
Расскажите друзьям об этом кворке
Создание логотипа в Photoshop — Уроки фотографии Omnilargess
Учебное пособие по использованию фигур и текста в слоях
Многие люди думают, что вам нужно программное обеспечение для графического дизайна, чтобы создать простой логотип для вашего бизнеса или веб-сайта. Это верно, если вам нужно разработать очень сложную и современную векторную фигуру, но многие простые и повседневные логотипы или векторные фигуры можно создать в Photoshop. Photoshop имеет много мощных инструментов; знание того, как их найти и использовать, открывает всевозможные творческие возможности. Одним из таких инструментов является инструмент Shape. В этом уроке я покажу вам, как использовать инструменты Shapes и Type для создания привлекательного логотипа в Photoshop.
Создать логотип в Photoshop
1- В Photoshop перейдите в ФАЙЛ> НОВЫЙ
Откройте новый документ для создания логотипа в Photoshop
2- Для ширины и высоты выберите 1200 пикселей. (Я собираюсь создать квадратный логотип, вы можете выбрать разные комбинации для разных форматов)
3- Для «Фонового содержимого» выберите «Прозрачность» в раскрывающемся меню.
4- Выберите инструмент ФОРМА. По умолчанию он имеет прямоугольную форму, щелкните и удерживайте прямоугольную форму, и откроется подменю. Выберите Пользовательская форма. В Photoshop загружено большое количество пользовательских векторных фигур. Если вы не видите все фигуры, нажмите на знак МЕХАНИЗМ, чтобы открыть меню, и выберите ВСЕ.
5- Выберите фигуру по вашему выбору, выберите цвет заливки и/или цвет обводки, нажмите на документ и перетащите, чтобы создать фигуру.
Выберите форму, цвет и дизайн
6- Вы можете повторить шаг 5 для другой формы, размера или даже цвета.
Повторите шаги для других форм
7- Выберите инструмент ТИП, выберите шрифт, размер и цвет. Затем введите текст.
Вы можете добавить текст к своему логотипу
8- Поскольку Photoshop создает разные слои для каждого шага, вы можете легко выбрать каждый слой и отрегулировать положение и размер слоя.
Photoshop создает слои для каждого шага создания логотипа
9- Когда вы довольны результатом, выберите все слои, щелкнув верхний слой и, удерживая клавишу Shift, щелкните нижний слой. Затем перейдите в верхнее меню >
Объединение слоев делает все слои одним с прозрачным фоном.
10- Если вы используете Photoshop CC, просто перетащите фотографию на вкладку «Библиотека». Эта функция является новой в Photoshop CC, и она добавит ваш логотип в вашу библиотеку в Creative Cloud, что сделает его доступным для других приложений, таких как Illustrator.
Создайте логотип в Photoshop и добавьте его в свою библиотеку
Если у вас более старая версия Photoshop или Photoshop Elements, просто выберите «Файл»> «Сохранить как» и сохраните документ как файл PNG. Не сохраняйте его в формате JPG, если хотите, чтобы фон оставался прозрачным.
Создать логотип в Photoshop очень просто
Работа выполнена! Вы можете использовать свой удивительный логотип в качестве водяного знака для фотографий, создавать визитные карточки или приложения любого типа, где вам нужен красивый логотип с индивидуальным дизайном.
На этом все. Если вы хотите узнать больше о слоях и масках Photoshop, мы запланировали совершенно новый урок Photoshop, который охватывает мощные функции слоев и масок Photoshop. Этот семинар, состоящий из двух частей, содержит множество практических и практических упражнений, которые ускорят ваш опыт постобработки.
Поделиться
12
ИЮНЯ
2015
Создайте любой логотип «Гарри Поттер» с помощью Adobe Photoshop — Фан-зона Гарри Поттера
Логотип «Гарри Поттер » настолько культовый, что представляет мальчика-волшебника с тех пор, как он впервые появился на обложке куртки «Философский камень» в 1998 году. Сегодня мы научимся воссоздавать логотип — молнии и все такое — чтобы вы могли использовать его в своих творческих проектах.
Культовый Гарри Поттер 9Логотип 0062. Читайте дальше, пока мы воссоздаем логотип в Adobe Photoshop.
Что вам потребуется
1. Adobe Photoshop
Для работы с этим учебным пособием вам потребуется копия Adobe Photoshop. Если вы занимаетесь графическим дизайном, Photoshop предлагается по модели подписки примерно за 20 долларов США в месяц.
2. Шрифт «Harry P»
В этом уроке мы будем использовать «Harry P», самый ранний и самый популярный фанатский вариант официального шрифта Harry Potter . Вы можете скачать бесплатную копию «Harry P» на нашей странице шрифтов.
Фотошоп готов? Шрифт готов и установлен? Палочка, э-э, мышь наготове? Давай начнем!
1. Создайте текст
Первое, что вам нужно сделать, это создать новый документ Photoshop и текстовый слой, используя шрифт «Harry P». Создайте документ «Файл -> Новый» любого размера, подходящего для вашего проекта, и добавьте свой текст. Чтобы увидеть все великолепные детали логотипа, чем больше, тем лучше.
Логотип Harry Potter в качестве основного текстового слоя.
2. Добавьте цвет
Далее мы добавим цвет логотипу. Логотип «Гарри Поттер » с годами изменился, чтобы соответствовать постоянно темнеющему тону фильмов «Поттер». В этом уроке мы будем использовать классическое золотое/бронзовое затенение.
Выберите текст и измените цвет на #c49329 .
Всплеск цвета: логотип первого фильма «Поттер» был золотисто-бронзовым.
3. Стили слоя
Вот где действительно происходит волшебство. Далее мы собираемся применить несколько стилей слоя Photoshop, чтобы создать драматический скос логотипа и эффект тени.
Откройте палитру стилей слоя, дважды щелкнув слой или выбрав «Слой > Стиль слоя > Параметры наложения…» в меню.
Внутренняя тень
Выберите вкладку Внутренняя тень и скопируйте следующие настройки:
Стили слоя Photoshop: скопируйте эти настройки внутренней тени.
С примененными настройками Inner Shadow ваш логотип будет выглядеть следующим образом. Это начинает очень напоминать обложку американского издания, не так ли?
Логотип со стилями слоя «Внутренняя тень».
Внутреннее свечение
Затем примените следующие настройки Внутреннее свечение :
Стили слоя Photoshop: скопируйте эти настройки внутреннего свечения.
Bevel & Emboss
Наконец, примените следующие настройки Bevel & Emboss :
Примените эти настройки Bevel & Emboss. Уже близко!
С примененными стилями слоя мы очень близки к финальному логотипу «Поттер»!
Все, что осталось добавить, это немного текстуры/искажения.
4. Шум и искажения
Последний шаг — добавление шума и искажений к логотипу. Если вы внимательно посмотрите на версию логотипа Warner Bros., вы заметите всевозможные артефакты: шум, ржавчину, царапины, дефекты и т. д.
На совершенствование такого шага можно потратить часы. В этом уроке мы добавим немного основного шума, а затем применим несколько быстрых преобразований, чтобы он выглядел немного более атмосферным.
Создать слой шума
Настройки шума и размытия, которые вам нужно применить.
Создайте новый слой и «Редактирование > Заливка» слой сплошным белым цветом ( #ffffff ).
Далее, выберите ‘Фильтр> Шум> Добавить шум’ и применить следующие настройки шума:
- Сумма: 80%
- Распределение:
- Тик Монохромат
- Тик
- .