|
![](/templates/hotdata/images/hotdata/spacer.gif) |
![](/templates/hotdata/images/hotdata/bl_01.gif)
![](/templates/hotdata/images/hotdata/spacer.gif) |
![](/templates/hotdata/images/hotdata/spacer.gif) |
Иконка форума или чата |
![](/templates/hotdata/images/hotdata/spacer.gif) |
|
![](/templates/hotdata/images/hotdata/spacer.gif) |
![](/templates/hotdata/images/hotdata/spacer.gif) |
Очень хороший урок, освещающий очень популярный вопрос “Как создать собственную иконку для своего чата или форума?”. В этом уроке мы постарались ответить на этот вопрос. Что у нас получилось, смотрите чуть ниже.![Иконка форума или чата](/uploads/posts/2008-07/chat_icon_12.png)
Создайте новый документ. Я использовал размеры 400х400 px. Также я изменил фоновый цвет, но Вы можете этого не делать. Выберите инструмент Custom Shape. В панели опций данного инструмента (в самом верху окна Photoshop) кликните по стрелке вниз, расположенной сразу за иконкой формы. Вы увидите меню выбора форм. Справа в этом окне находится маленькая стрелка, указывающая направо. Кликните по ней и выберите пункт TalkBubbles.![chat_icon_02.png](/uploads/posts/2008-07/chat_icon_02.png) Выберите вот эту форму: Слева вверху в окне 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. Примените следующие настройки:![chat_icon_09.png](/uploads/posts/2008-07/chat_icon_09.png) ![chat_icon_10.png](/uploads/posts/2008-07/chat_icon_10.png) Нажмите ОК. Кликните правой кнопкой мыши на этом же слое и выберите пункт Copy Layer Style. Теперь кликните правой кнопкой мыши на слое Bubble2 и выберите пункт Paste Layer Style. У Вас должно получиться что-то вроде этого: Готово! Источник: Популярность:11% |
![](/templates/hotdata/images/hotdata/spacer.gif) |
|
![](/templates/hotdata/images/hotdata/abl_03.gif) |
![Стильная голубая кнопка Стильная голубая кнопка](/uploads/posts/2008-07/stylish_blue_button_1.gif) |
Стильная голубая кнопка
Этот урок расскажет Вам, как сделать небольшую, но стильную голубую кнопку для Вашего сайта.Читать полностью »Популярность:10% |
![Создаем красивое лого в стиле Веб 2.0 Создаем красивое лого в стиле Веб 2.0](/uploads/posts/2008-07/web2_logo_15.jpg) |
Создаем красивое лого в стиле Веб 2.0
Всего за семь минут Вы сможете сделать первоклассное Web 2.0 лого для своего сайта!Приблизительное время выполнения: 7 минутЧитать полностью »Популярность:18% |
![Стильный значок для Вашего сайта Стильный значок для Вашего сайта](/uploads/posts/2008-07/glossy-starburst_1.jpg) |
Стильный значок для Вашего сайта
Узнайте, как создать красивый веб 2.0 значок, который можно использовать где-угодно!Приблизительное время выполнения: 6 минутЧитать полностью »Популярность:17% |
![Кнопка для влюбленных Кнопка для влюбленных](/uploads/posts/2008-10/resultsa.jpg) |
Кнопка для влюбленных
В этом уроке показан простой и интересный способ создания кнопки для сайта. Воспользуйтесь им!
|
![Классные кнопки со стеклянным блеском Классные кнопки со стеклянным блеском](/uploads/posts/2008-07/cool_glassy_icon_01.jpg) |
Классные кнопки со стеклянным блеском
Этот урок научит Вас создавать классные кнопки с отблеском, как у стекла, которые Вы сможете использовать не только на своем сайте, но и на баннерах, печатных материалах и т.п.Читать полностью »Популярность:15% |
|
|
![](/templates/hotdata/images/hotdata/spacer.gif) |
|
|