Как добавить логотипу объем

ForumD.ru — Дизайн для форумов, скрипты для форумов, техническая поддержка

Меню навигации

Пользовательские ссылки

Объявление

Поисковой ресурс

Проект от команды FD

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло.
Заходи, мы будем тебе рады!

Мийрон

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

FD Chat — Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте • Предложения
Стать модератором • Отзывы

Верстка и скрипты
Все связанное с кодингом: скрипты, верстка html/css, верстка макетов дизайна и т.д.
Шаблон для заказа • Помощь с оформлением заказа

Разместить портфолио/работы
Любой специалист может открыть свой личный топик в категории Вебмастерских:
• Вебдизайн и программирование — для тех, кто создает сайты, дизайн и скрипты
• Графический дизайн — для тех, кто занимается графикой
• PR, SMM, Маркетинг, Контент — для тех, кто занимается всем, связанным с рекламой

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

Или можете воспользоваться одной из этих тем:
• Помогите найти
• Помогите починить

Информация о пользователе

УРОК: Создание объемного лого оригинальной формы в Photoshop

Сообщений 1 страница 4 из 4

Поделиться116.06.11 17:05

• Автор: Герда
• Команда ForumD.ru
• 
• Наградные баллы: 397
• Уважение: +5946
• Достижения/подарки: cake 7 emoji_events 7

Копируете/размещаете информацию из этой статьи? ПОЖАЛУЙСТА. СТАВЬТЕ ССЫЛКУ НА ЭТУ СТРАНИЦУ.

Все картинки увеличиваются по клику!

Шаг 1
Создаем новый документ размером 500*500
выбираем инструмент выделения круглой области и делаем круг.
чтоб круг получился ровным (не овалом), зажмите SHIFT

Шаг 2
Выберете инструмент «заливка» и залейте выделенную область абсолютно любым цветом.

Шаг 3
Теперь придадим оригинальную форму кругу, ибо просто круглое лого — это не интересно. (если круглое лого вас устраивает, вы можете пропустить этот пункт)

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

теперь сделаем инверсию ( Выделение > Инверсия или SHIFT+CTRL+I ) чтобы выделенная область охватывала левый кусочек круга.
после этого делаем свободное трансформирование CTRL+T и вертим область трансформирования по часовой стрелке.

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

Шаг 4
Создайте фоновый слой (для удобства), соответствующий цветовой гамме вашего форума или сайта.
В этом шаге мы будем стилизовывать логотип и придавать ему объем.
заходим в стиль своя:

для придания объема делаем внутреннюю тень:

накладываем градиент также чтобы придать логотипу объем и насытить цветом:

если есть желание отделить логотип от фона, можно добавить еще и внешнее свечение:

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

Шаг 5
Делаем надпись и стилизуем ее

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

Шаг 6
Придаем логотипу еще больше объема!

1. создаем новый слой

2. делаем круглое выделение (меньше области логотипа)

3. заливаем его белым цветом

4. делаем слой полу-прозрачным

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

Шаг 7
Убираем куски полу-прозрачных кругов, вылезающие за пределы логотипа.
Зажмите CTRL и кикните по иконке слоя с логотипом. (именно по ИКОНКЕ, НЕ по названию слоя. ) Произойдет выделение всего лого.

сделайте инверсию SHIFT+CTRL+I . теперь выделилась вся область, выходящая за пределы логотипа.
выбирайте слои с полу-прозрачными кругами по очереди и нажимайте DELETE
таким образом удалятся те куски, которые вылезли за пределы лого.

Вот, что получилось:

И не забывайте экспериментировать!
Например, вот, что получится, если поиграться с настройками градиента и вместо объемных кружочков добавить полу-месяц с тиснением:

А вот так можно использовать оригинальную форму лого при работе с текстом:

ForumD очень нужны подписчики в социальных сетях!

С увеличением числа подписчиков нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект, просто подпишись!

Источник

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

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

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

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

Примечание: Если Photoshop отсутствует на вашем компьютере, установите его согласно инструкции, которая приведена в этой статье.

После установки программы можно приступать к рисованию логотипа.

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

Этап 1: Настройка холста

Перед тем как сделать логотип, зададим параметры рабочего холста в Фотошопе CS6. Выбираем «Файл» — «Создать». В открывшемся окне заполняем поля. В строке «Имя» придумываем название нашему логотипу. Задаем холсту квадратную форму со стороной в 400 пикселей (можно указывать большие или меньшие значения, все зависит от того, каких размеров должно быть создаваемое вами изображение). Разрешение лучше выставить как можно выше — 300 точек/сантиметр будет оптимальным. В строке «Содержимое фона» выбираем «Белый». Нажимаем ОК.

Этап 2: Рисование свободной формы

1. Вызываем панель слоев и создаем новый слой.

Панель слоев можно активировать и скрыть горячей клавишей F7.

Чертим свободную форму, после чего редактируем ее узловые точки с помощью инструментов «Угол» и «Стрелка».

Следует заметить, что рисование свободных форм — не самая простая задача для новичка, однако, овладев инструментом «Перо», вы научитесь красиво и быстро рисовать что угодно.

Затем следует выбрать цвет для заливки.

Цвет заливки можно назначить произвольно. Окончательные варианты цветов можно подобрать в панели параметров слоя.

Этап 3: Копирование формы

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

Этап 4: Масштабирование элементов на слоях

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

Примечание: Трансформацию можно активировать сочетанием клавиш Ctrl+T

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

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

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

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

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

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

Итак, наш логотип готов! Осталось выполнить его экспорт в подходящем формате. Фотошоп позволяет сохранить изображение в большом количестве расширений, среди которых самые популярные PNG, JPEG, PDF, TIFF, TGA и прочие.

Заключение

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

Источник