Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Рисуем сайт для хостинговой компании Набор иконок для форумов в системе UcoZ - Оранжевые иконки Скачать ШАБЛОН на тему Wow Templates Скачать ШАБЛОН Aimp.Ru to Ucoz Скачать кнопки для ucoz Скачать Иконки для ucoz - ApexGold Отличный шаблон для ucoz на тему SOFT PORTAL Скачать кнопки для ucoz ЧАСЫ Отличный шаблон для КС сайта Анимированный дождь Скачать Шаблон на тему Call of Duty 4 Скачать лучший шаблон для ucoz Скачать Иконки групп для форума ucoz Скачать шаблон для КИНОСАЙТОВ Создание композиции в фотографиях Скачать набор кнопок для ucoz Набор кнопок для uCoz Иконки групп by kz-love Скачать бесплатно шаблон Call of Duty4_dising_by_WolF Скачать шаблон для ucoz на тему rap_diz_by_yurec Скачать Шаблон "WorldPress" Скачать шаблоны для сайтов Скачать шаблон 100mbps to Ucoz Как сделать Анимированный аватар в PhotoShop Скачать бесплатно шаблон на тему Counter Strike
Главная » Статьи » Уроки Adobe Photoshop » Для сайта

Как нарисовать красивый логотип в фотошопе...

« Логотип в PhotoShop »

Как нарисовать красивый логотип в фотошопе...

Рисовать мы будем логотип. В данном уроке нету ничего сложного или чего-то очень особенного, необычного, за то вы повторите как работать с векторами...

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

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

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

логотип в PhotoShop

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

логотип в фотошоп

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

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

логотип в фотошопе

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

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

нарисовать логотип в PhotoShop

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

как нарисовать логотип в PhotoShop

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):

урок про логотипы в PhotoShop

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

логотипы в фотошопе

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

логотипы в PhotoShop

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

логотип в фотошопе

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

логотип в PhotoShop

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 и там сделаем так:

как в PhotoShop сделать логотип

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

сделать логотип в PhotoShop

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

нарисовать логотип в PhotoShop

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

урок про создание логотипа

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

урок про создание логотипа в фотошоп

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

урок про создание логотипа в фотошопе

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

урок про создание логотипа в PhotoShop

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

урок про логотипы в фотошопе

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

урок о логотипах в фотошопе

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

уроки по фотошопу и логотипы

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

как нарисовать логотип в фотошопе

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

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

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



Категория: Для сайта | Добавил: cinemania (20.12.2008)
Просмотров: 1893 | Комментарии: 1 | Рейтинг: 0.0/0 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


Всего комментариев: 1
02.01.2009
1. Punk
Мне понравился этот материал! Спасибо, Вы работаете не зря!



Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма Входа
Вторник, 03.12.2024, 21:43
-й день

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
 
Друзья сайта
Статистика
Рейтинг сайтов
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Лучшие фильмы | Уроки Adobe Photoshop | Шаблоны для uCoz | Онлайн-TV | Кнопки для сайта UCOZ | Иконки для сайтов UCOZ | Скрипты для uCoz