Всем привет.
Прошу не путать этот урок с
http://forum.sibnet.ru/index.php?showtopic=273271В этом уроке я расскажу как я делаю иконки, быстро, легко, и главное красиво
1) Для начала создаем документ с прозрачным фоном, размером 150х29.
» Спойлер (нажмите, чтобы прочесть) «
2) Далее выбираем инструмент Rounded Rectangle Tool, ставим Радиус на 20px
» Спойлер (нажмите, чтобы прочесть) «
3) Рисуем форму нашей иконки.
» Спойлер (нажмите, чтобы прочесть) «
4) Теперь применяем к нашей иконки Styles - Web Styles - Chrome.
Должно получится примерно такое.
» Спойлер (нажмите, чтобы прочесть) «
5) Теперь нам понадобиться какая нибудь картинка, связанная с темой нашей иконки.
Я взял вот такую.
» Спойлер (нажмите, чтобы прочесть) «
6) Открываем нашу картинку и переносим её поверх нашего слоя с иконкой.
Я уменьшил картинку и поставил её так чтобы был виден узор.
» Спойлер (нажмите, чтобы прочесть) «
7) Далее правой кнопкой мыши по нашему слою с картинкой - Create Clipping Mask
» Спойлер (нажмите, чтобы прочесть) «
Должно получится нечто такое.
» Спойлер (нажмите, чтобы прочесть) «
8) Теперь немного подкорректируем слой с иконкой.
» Спойлер (нажмите, чтобы прочесть) «
» Спойлер (нажмите, чтобы прочесть) «
Так же не забудем добавить обводку.(цвет обводки надо выбирать в зависимости от цвета вашей иконки, я выбрал темно красный)
» Спойлер (нажмите, чтобы прочесть) «
9) Далее добавим логотип Сибнета. (он есть в прикрепленных файлах)
» Спойлер (нажмите, чтобы прочесть) «
Добавим внешнее свечение к логотипу Сибнета.
» Спойлер (нажмите, чтобы прочесть) «
10) Теперь добавляем текст.
Шрифт можно использовать любой, главное что бы был хорошо читаем.
Можно использовать Visitor.
Текст пишем белым цветом и применяем следующее..
» Спойлер (нажмите, чтобы прочесть) «
» Спойлер (нажмите, чтобы прочесть) «
11) Есть еще одна хитрость (можно пропустить)
Дублируем наш слой с текстом и перемещаем его на место, сначала между слоем с иконкой и картинкой...
» Спойлер (нажмите, чтобы прочесть) «
.... а затем над слоем с картинкой.
» Спойлер (нажмите, чтобы прочесть) «
12) Теперь у нашего верхнего слоя с текстом ставим прозрачность 50%-80%.
» Спойлер (нажмите, чтобы прочесть) «
Ну вот собственно и всё)
Моя иконка:
Выкладывайте свои)