Иконка форума или чата - Школа Photoshop
Иконки для чата Иконки для чатов августа

Иконка форума или чата

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

Очень хороший урок, освещающий очень популярный вопрос «Как создать собственную иконку для своего чата или форума?». В этом уроке мы постарались ответить на этот вопрос. Что у нас получилось, смотрите чуть ниже.

Иконка форума или чата

Создайте новый документ. Я использовал размеры 400х400 px. Также я изменил фоновый цвет, но Вы можете этого не делать.

Чат иконка

Выберите инструмент Custom Shape. В панели опций данного инструмента (в самом верху окна Photoshop) кликните по стрелке вниз, расположенной сразу за иконкой формы. Вы увидите меню выбора форм. Справа в этом окне находится маленькая стрелка, указывающая направо. Кликните по ней и выберите пункт TalkBubbles.

Иконка форума или чата

Чат иконка

Выберите вот эту форму:

Иконка форума или чата

Слева вверху в окне Photoshop убедитесь в том, что выбрана иконка Paths (средняя из трех). Теперь просто зажмите левую кнопку мыши в документе и «растащите» форму.

Чат иконка

Отправляйтесь в меню Window >> Paths. В открывшемся окне Вы увидите путь, называющийся Work Path. Зажмите Ctrl и кликните на нем. Теперь создайте новый слой (Layer > New > Layer) и назовите его «Bubble«. Используя инструмент Заливка (Paint Bucket — Клавиша G), залейте выбранную область белым цветом (#FFFFFF).

Иконка чат

Кликните на слое с облачком и скопируйте его (Ctrl+J). Назовите полученный слой «Bubble2«. Теперь Edit > Transform > Flip Gorizontal. Переместите слой так, чтобы он оказался в таком же положении, как на рисунке:

Иконки для чата

Снова отправляйтесь в окно Paths. Зажмите Ctrl и кликните на пути Work Path. Перетащите его в документе так, чтобы он оказался точно над первым облачком. Теперь направляйтесь в меню Select > Modify > Expand. Впишите значение в 5px и нажмите ОК. Удостоверьтесь, что у Вас выбран слой со вторым облачком, и нажмите клавишу Delete на клавиатуре. Вот, что у Вас должно получиться:

Иконка чат

Теперь кликните правой кнопкой мыши на слое Bubble и выберите пункт Blending Options. Примените следующие настройки:

Иконки для чата

Иконка чата

Иконки для чата

Нажмите ОК. Кликните правой кнопкой мыши на этом же слое и выберите пункт Copy Layer Style. Теперь кликните правой кнопкой мыши на слое Bubble2 и выберите пункт Paste Layer Style. У Вас должно получиться что-то вроде этого:

Иконки для чатов августа

Готово! Иконки для чата

Источник: http://www.tutorialcut.com/tutorials/photoshop/drawing/create-a-chat-icon




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

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



8 комментария(-ев) к уроку “Иконка форума или чата”

  1. Урок для …. :lol:

    Максим

  2. :mrgreen: а где скачать мона???

    niels

  3. Ну да, урок элементарный :wink:

    Sheena

  4. :lol: классно, научился :) Спасибо

    Vlad

  5. Супер! :smile: Теперь появились новые навыки. :wink:

    Марк

  6. если для вас етот урок бесполезен то хватит писать и кидать понты! а урок нормальный

    вова

  7. Хороший совет! :lol:

    Юрист иркутска

  8. Поверьте для начинающих это не простой урок :)

    Webchester

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

 


Rambler's Top100