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

Объявление

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

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

Подробнее

Мийрон

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

Подробнее

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

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

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

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

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

Подробнее

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Каталог гайдов, уроков, подборок » УРОК: Создание объемного лого оригинальной формы в Photoshop


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

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

1

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

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

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


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


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

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

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

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


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

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

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

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

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


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

стиль надписи так же задается через стиль слоя и с помощи панели управления текстом.
будет ли надпись вылезать за пределы круга или нет - ваше дизайнерское дело. http://i.smiles2k.net/aiwan_smiles/smile3.gif


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

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

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

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

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

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


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

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

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

И не забывайте экспериментировать! http://i.smiles2k.net/aiwan_smiles/wink.gif
Например, вот, что получится, если поиграться с настройками градиента и вместо объемных кружочков добавить полу-месяц с тиснением:

Свернутый текст

https://forumupload.ru/uploads/0007/e3/f7/38565-1-f.jpg

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

Свернутый текст

https://forumupload.ru/uploads/0007/e3/f7/38565-3-f.jpg

Подпись автора

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

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

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

+1

2

я не могу сделать инверсию... она не подсвечена чёрным, она серая

0

3

всё, нашёл

0

4

Картинки перезалиты, урок воскрешён!

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh

+2

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


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

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Каталог гайдов, уроков, подборок » УРОК: Создание объемного лого оригинальной формы в Photoshop