Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Шаблон uCoz Скачать бесплатно Новый шаблон на тему КС,CS 1.6,Counter Strike Скачать шаблон для ucoz Шаблон беспалатный ДЛЯ ucoz Скачать Шаблон "WorldPress" Шаблон игрового поратал для УКОЗ Как сделать макияж в Adobe Photoshop Шаблон для онлайн кинотеатра скачать Скачать бесплатно шаблон для UCOZ Rip BY Fifarus.ru By EVILMAN Скачать шаблон для СОФТПОРТАЛА uCozIcons Огненные иконки для форума UCOZ Как добавить фотографиям реалистично ярких цветов Иконки групп для uCoz СКАЧАТЬ ШАБЛОН ДЛЯ UCOZ cs ! Скачать шаблон для ucoz Новый шаблон на тему КС,CS для UCOZ Скачать шаблон для сайта клана CS 1.6 Зелёные иконки , для тёмного форума UCOZ Отличный шаблон для ucoz на SUM 41 wow шаблон Шаблон uCoz музыкального портала Abstrakt by r0man Кс шаблон для uCoz Шаблон для UCOZ на тему КС от ExTRa_THeMe by ToM@TiK
Главная » Статьи » Уроки 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)
Просмотров: 1520 | Комментарии: 1 | Рейтинг: 0.0/0 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


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



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

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

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