Пусто
18.05.2024
 
| Главная | Форум | Поиск | Фотоальбом | Ваша ссылка | Профиль | Выход |
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Adobe Photoshop » Уроки Adobe Photoshop » Логотип в PhotoShop
Логотип в PhotoShop
АртурДата: Суббота, 18.04.2009, 22:08 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 368
Репутация: 8
Бог сайта и форума За хорошую посещаемость на форуме
Статус: Offline
Награды
За 10 сообщений За 20 сообщений За 30 сообщений За 40 сообщений За 50 Сообщений За 100 Сообщений За 150 Сообщений За 300 Сообщений
Рисовать мы будем логотип. В данном уроке нету ничего сложного или чего-то очень особенного, необычного, за то вы повторите как работать с векторами...

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

Логотип для сайта в фотошопе

1. Сначала создадим текстуру, которую мы будем использовать в этом уроке. Для этого создайте файл с размерами 1x2 px. Возьмите карандаш (Pencil Tool) и закрасьте чёрным цветом верхний квадратик:

2. В главном меню выберите Edit —> Define Pattern:

Вводим название текстуры, жмём Ok и закрываем окно, не сохраняя (оно нам не понадобится).

3. Снова создадим новое изображение размерами с ваш будущий логотип. Затем выбираем инструмент Rounded Rectangle Tool, радиус скругления ставим 15 пикселей (Radius: 15px) и, зажав кнопку Shift, рисуем такой квадрат (Shift мы зажали чтобы получить стороны одинакового размера):

4. Сейчас выберите инструмент Add Anchor Point Tool и со всех четырёх сторон по центру добавьте по одной точке:

5. Выбираем Direct Selection Tool и передвигаем созданные точки к центру фигуры:

Вот что должно получиться:

6. Добавим к слою эффектов (зайдём в Layer Style). Для этого на панели слоёв Layers кликните правой клавишей на слое с фигурой и выберите пункт Blending Options. Там перейдите на вкладку Drop Shadow (отбрасывание тени) и выставьте следующие значения:

7. Добавим внутреннее свечение — вкладка Inner Glow:

8. На вкладке Stroke добавим обводку:

9. Ну и добавим градиент (вкладка Gradient Overlay):

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

Везде жмём Ok и смотрим на результат:

10. Создайте копию этого слоя. Для этого перетащите слой на иконку создания нового слоя, или на панели слоёв кликните по слою правой клавишей, там выберите пункт Duplicate Layer:

11. Очистите настройки слоя, для чего на панели кликните по слою правой клавишей и выберите пункт Clear Layer Style:

12. Зайдите в Layer Style на вкладку Inner Shadow (самозатенение) и выставьте следующие параметры:

13. Затем добавьте внешнее свечение (вкладка Outer Glow):

14. Добавьте градиент (Gradient Overlay):

Со следующими подробными настройками:

15. Добавьте обводку (Stroke):

Обводка в виде градиента со следующими настройками:

Жмём Ok и получаем примерно такой результат:

16. Сделаем копию только что созданного слоя. Сбросьте его настройки (Clear Layer Style), затем непрозрачность Fill поставьте в 0%:

17. Зайдите в Layer Style на вкладку Pattern Overlay и выберите в качестве градиента градиент, который мы с вами создали в первых пунктах урока:

Жмём Ok и получаем штриховку следующего вида:

18. Инструментом Ellipse Tool нарисуйте в углу маленький кружок:

19. Зайдите в Layer Style этого слоя с кружком и добавьте небольшую тень:

20. Добавьте градиент:

Со следующими настройками:

После этого кружок должен стать таким:

21. Сделайте три копии слоя с кружком и разместите их в других углах логотипа:

22. Напишите внутри какой-либо текст, желательно покороче — одну или две буквы, а можно рисунок векторный простенький вставить (или нарисовать):

23. Переходим в Layer Style на вкладку Drop Shadow и там сделаем так:

24. На вкладке Inner Glow вот так:

25. На вкладке Stroke добавьте обводку:

26. Ну и добавьте градиент:

Градент со следующими настройками:

Жмём Ok и наш текст станет металлическим:

27. Зажмите клавишу Ctrl и на панели слоёв Layers кликните по верхнему слою, чтобы создать выделение. Затем выберите заливку (инструмент Paint Bucket Tool), создайте новый слой и залейте выделение белым цветом:

28. Не убирая выделения выберем инструмент Elliptical Marque Tool, затем зажимаем Alt и создаём овальное выделение как я показал ниже:

29. Инвертируйте выделение (Shift + Ctrl + I или в меню: Select —> Inverse) и нажмите клавишу Delete чтобы удалить выделенную часть слоя:

30. К этому слою добавьте маску, для этого на панели слоёв Layers кликните по верхнему слою, а затем по кнопке Add vector mask (кнопка в виде прямоугольника, внутри которого круг):

31. Слой разделился на две части — сам слой и маска. Сейчас выбираем градиентную заливку (Gradient Tool), тип заливки — чёрная, плавно переходящая в белую, и заливаем ею нашу маску слоя снизу вверх:

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

Логотип можно доработать и усложнить, например, с помощью кисточек, или можно в начале форму логотипа сделать не такую, а что-нибудь более оригинальное.

В общем, подключите свою фантазию...

 
Форум » Adobe Photoshop » Уроки Adobe Photoshop » Логотип в PhotoShop
  • Страница 1 из 1
  • 1
Поиск:

Статистика форума
Последние темы Читаемые темы Лучшие пользователи Новые пользователи
День пожилых людей! (0)
Кто победит Windows vs Linux (1)
Как скачать бесплатно и не выжидать время! (1)
Лучшие фильмы (1)
Ужасы (1)
Лучшие мультфильмы (1)
Что Вы чаще всего смотрите по телевизору? (2)
Какие фильмы вам нравятся? (1)
КАКУЮ МУЗЫКУ ВЫ СЛУШАЕТЕ? (1)
Игра 2008 года (5)
Нравиться ли вам игра Сталкер чистое небо (8)
S.T.A.L.K.E.R: call of pripyat - прохождение (0)
Анекдоты (49)
Анекдоты.. (13)
Нравиться ли вам игра Сталкер чистое небо (8)
Игра 2008 года (5)
Конкурс (5)
Форма заказа сайта!!! (4)
Что Вы чаще всего смотрите по телевизору? (2)
На Каком уровне сложности вы проходите игры? (2)
Pop-under.ru (2)
Украина!!! (2)

Артур

Катя

Denis

maxeg

RigerCF

Decoy

Гера

Лина)))

SanYOk

Юлька

oxxxst1s

STOTTbarhah

Gypsublipsy

AstellaLast

Nixirogeaboge

orgasprox

Plonseelottor

Preebraphenna

Infonosax

suehirehimb
Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает. По истечении 24 часов материал должен быть удален с вашего компьютера. Незаконная реализация карается законами РФ: "Об авторском и смежном праве".
При копировании материала, ссылка на сайт обязательна!