Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Красный шаблон для UCOZ Супер шаблон для UCOZ Как в PhotoShop нарисовать 3D иконку коробки (упаковки)? icons for ucoz Стильная кнопка для сайта, в фотошопе Скачать WindowZ by Aspire Скачать Шаблон для CS портала на uCoz Шаблоны под uCoz Шаблон для uCoz Скачать Скачать шаблон бесплатно Rip ICQ By EVILMAN Отличный шаблон для ucoz Скачать ШАБЛОН на тему Wow Templates Как сделать Эффект загнутой страницы Шаблон UCOZ на тему cs by bannerkz Иконки груп для ucoz Анимация в PhotoShop, создание аватара в Photoshop Кисти оружее скачать Скачать иконки для форума ucoz Иконки с анимацией для форума UCOZ Адаптация под uCoz шаблон сайтов Скачать шаблон РЭП дизайн Иконки для ФОРУМА ucoz Иконки для форума UCOZ - Круглые зелёные иконки. Скачать бесплатно шаблон для ucoz на тему Rap Скачать Кисти для PhotoShop в виде различных силуэтов...
Главная » Статьи » Уроки Adobe Photoshop » Для сайта

Как сделать Иконку или логотип в фотошопе

« Иконка или логотип в фотошопе »

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

Увидел я на просторах интернета красивый набор иконок, мне он очень понравился и я решил раскрыть их секрет.

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

Иконка или стильный логотип для сайта в фотошопе

1. Создаём новое изображение:

иконка в фотошопе

2. Фон зальём белым цветом (спомощью Paint Bucket Tool). Затем выбираем инструмент Ellipse Tool, зажимаем клавишу Shift и рисуем круг любого цвета:

иконка в PhotoShop

3. Заходим в Blending Options слоя с кругом (правый клик по слою на панеле слоёв, там выбираем пункт Blending Options...) и переходим на вкладку Drop Shadow (отбрасывание тени), там выставляем следующие значения:

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

4. Переходим на вкладку Inner Glow (внутреннее свечение) и там делаем как показано ниже:

логотип для сайта

5. А на вкладке Gradient Overlay делаем вот-так:

логотип в PhotoShop

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

логотип для сайта в PhotoShop

6. Жмём Ok, снова Ok и видим такой результат:

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

7. Нарисуем ещё один круг, но немного меньшего размера (тем же способом, что и ранее):

как нарисовать иконку

8. Заходим в Blending Options слоя с верхним кругом, на вкладку Inner Shadow (внутренняя тень) и там выставим следующие значения:

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

9. На вкладке Outer Glow (внешнее свечение) такие:

нарисовать иконку в фотошоп

10. А на вкладке Gradient Overlay выставим следующие параметры градиента (красными цифрами указаны шестнадцатеричные коды цветов — устанавливаются в подробных настройках градиента, как было показано ранее):

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

11. Не закрывая окно Layer Style перейдём в окошко для рисования, зажмём левую клавишу и сместим градиент немного вниз и вправо, как показано ниже:

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

12. Теперь в окне Layer Style можно нажать Ok. Выберем инструмент Rounded Rectangle Tool, радиус скругления углов поставим равным 15 пикселей (Radius: 15px) и нарисуем фигуру следующего вида:

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

13. Применим к этой фигуре несколько эффектов. На вкладке Drop Shadow вот такие:

нарисовать иконку в PhotoShop

14. На вкладке Outer Glow такие:

красивый логотип

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

стильный логотип

16. И наконец-то перейдём на вкладку Gradient Overlay и настроим параметры градиента:

стильный логотип для сайта

Вот так выглядит окошко с подробными настройками градиента:

красивый логотип для сайта

17. Жмём везде Ok и получаем следующий результат:

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

18. Получилось что-то похожее на дорожный знак :) Давайте добавим какой-нибудь текст (цвет текста не важен). Я написал название сайта:

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

19. применим некоторые эффекты. Сначала Inner Shadow:

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

20. Затем Outer Glow:

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

21. А после Gradinet Overlay:

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

С вот-такими настройками цвета:

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

22. Жмём везде Ok. На этом этапе мы начнём рисовать блики. Для этого сразу нарисуем ещё один круг, такого же размера как и круг всерху:

логотип для сайта

23. Сейчас берём инструмент Direct Selection Tool и трансформируем круг следующим образом (если вам не хватит опорных точек, то их можно будет добавить с помощью Add Anchor Point Tool):

стильный логотип

24. Применим к полученной фигуре некоторые эффекты. сразу уберём параметр Fill Opacity до нуля:

стильной логотип для сайта

25. Затем добавим внутреннее свечение (Inner Glow):

стильное лого для сайта

26. И добавим градиент (Gradient Overlay):

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

Так выглядит окно подробной настройки градиента (напоминаю, что в нижних квадратиках выставляется цвет — в данном случае он белый, а в верхних — непрозрачность — значения непрозрачности я написал рядом красными цифрами):

нарисовать иконки

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

рисовать иконки

27. Сделаем ещё один блик. Для этого нарисуем ещё один круг и исказим его следующим образом:

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

28. Добавим к этому блику такие же эффекты, как и к прошлому (для этого на панеле слоёв, на слое с первым бликом, кликните правой клавишей и выберите пункт Copy Layer Style, затем кликните правой клавишей по слою с новым верхним бликом и выберите Paste Layer Style), непрозрачность (Opacity) этого слоя немного уменьшите:

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

29. Теперь сделаем следующее: кликните правой клавишей по слою с текстом и выберите пункт Resterize Layer; затем выделите слой с текстом и прямоугольником (чтобы выбрать два слоя, зажмите клавишу Ctrl и кликните левой клавишей по обоим слоям, по очереди), зайдите в меню Edit и выберите пункт Free Transform Path (произвольная трансформация), поверните немного выделенные слои:

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

30. Теперь исказим нашу иконку. Для этого сразу нужно выделить все слои, после этого идём в меню Edit —> Transform Path —> Skew и, передвигая верхние квадратики, искажаем наше изображение, пока не достигнем результата, похожего на мой:

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

31. Ну и последнее действие: на панеле слоёв выделим слой с самым нижним кругом, перейдём на панель рисования и немного сдвинем круг вниз (с помощью инструмента Move Tool):

как рисуется логотип

Ну вот мы и нарисовали красивую иконку, логотип или что-то похожее на них... Если вы к этому времени хорошо изучили прошлые уроки, то этот урок вы сделаете без затруднений, если плохо — перечитывайте прошлые уроки или задавайте свои вопросы мне лично.



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


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

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

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