Стильный значок для Вашего сайта - Школа Photoshop
Значок фотошоп Уроки фотошопа значки

Стильный значок для Вашего сайта

05.09.2007Категория урока: Веб-графика

Узнайте, как создать красивый веб 2.0 значок, который можно использовать где-угодно!

Значок фотошоп

Приблизительное время выполнения: 6 минут

Создайте новый документ 500х500 px с белым фоном. Выберите цвет, который хотите использовать в значке. Я выбрал темно-синий. Выберите инструмент Custom Shape:

Урок фотошоп значок

Photoshop значок

Выберите фигуру Starburst (если ее не видно изначально, кликните по маленькой стрелочке справа вверху в этом маленьком окошке и выберите там пункт ALL).

На новом слое нарисуйте значок нужного Вам размера (зажмите SHIFT для сохранения пропорций) и назовите слой «Основа»

Зажмите CTRL и кликните по иконке этого слоя, чтобы выделить его содержимое

Создайте новый слой над слоем «Основа» и назовите его «яркость». Выберите этот слой. Убедитесь, что у Вас до сих пор выделена фигура. Отправляйтесь в Select > Modify > Contract и вводите 1px. Нажимайте ОК.

Не снимая выделения, выберите красивый яркий цвет того же оттенка, что и цвет фигуры. К примеру, если фигура у Вас темно-синяя, выбирайте ярко-голубой и т.п. Выбирайте инструмент Gradient

Стильные значки

Расположите курсор мыши в правом нижнем углу фигуры за контуром выделения и тяните линию заливки по направлению к верхнему левому углу. Отпустите клавишу мыши примерно в середине пути.

Опять же, не снимая выделения, создайте новый слой над остальными и назовите его «блеск». Выделите его. Выберите инструмент Elleptical Marquee и, зажав. SHIFT и ALT, выделите область, как на рисунке прямо поверх существующего выделения

Уроки фотошопа значки

Залейте выделение белым цветом (выберите белый цвет и нажмите ALT+BackSpace). Нажмите CTRL+D, чтобы снять выделение. Понизьте непрозрачность слоя «Блеск» до примерно 27%

Значок фотошоп

Правый клик по слою «Основа» в панели слоев и пункт Blending Options. Примените стиль Drop Shadow:

Урок фотошоп значок

Готово! Значки для фотошопа

Урок фотошоп значок

Источник: Glossy Starburst




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



6 комментария(-ев) к уроку “Стильный значок для Вашего сайта”

  1. [...] перейдем к столь популярному в последнее время веб 2.0 значку. Он смотрится очень эффектно. Выберите инструмент Polygon [...]

    Делаем первоклассную веб 2.0 кнопку » Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки adobe photoshop :: Регулярные пополнения базы уроков

  2. Очень понравился урок! Столько комбинаций! :grin: Обожаю рисовать с комбинациями. Это очень даже быстрее, чем кликать. А глаза всё разбегаются и можно допустить какую-нибудь ошибку, при кликании. :wink: У меня один вопрос! :?: Как сделать так, чтобы линия была гладкая, а не резкая. Хочется, чтобы тоже выглядела как и на этом уроке. :smile: :razz:

    Марк

  3. Сколько не пытался, нифига не получилось!
    :(

    Muzhik

  4. :mrgreen: лузеры)))все нормально выходит)))только значек не круглый а звездой почему то)

    ЫЫЫыкало)))

  5. Спасибо! Все получилось!!!

    bhecz

  6. Elleptical Marquee у мя фотошоп кс4 как эт будет на русском?

    BloodCrow

Прокомментировать урок

 


Rambler's Top100