Сейчас обсуждают

[Ben Laden]

Всем привет.

Прошу не путать этот урок с 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%.

» Спойлер (нажмите, чтобы прочесть) «

Ну вот собственно и всё)
Моя иконка:
Выкладывайте свои)