У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается
24. 05. 12. Так как заказ стилей закрыт, вы можете оставить ваши заявки в теме Стили на очередь!, которые будут выполняться по мере возможностей дизайнеров!
22. 07. 12. Наконец у нас новый дизайн! В котором как вы успели заметить - учтены ваши пожелания! Ваши отзывы и предложения вы можете высказать в ДАННОЙ ТЕМЕ

Калейдоскоп аватар

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Калейдоскоп аватар » УРОКИ СТАТИКИ » создание иконки


создание иконки

Сообщений 1 страница 20 из 24

1

Урок. Создание иконки.
http://s004.radikal.ru/i207/1006/51/0e179b98ea08.png
В этом уроке я приведу пример создания круглой иконки,
после этого я думаю вы сможете создать любую форму!

.........................................................................................
Шаг 1.
Создаем новый документ (Файл>Новый) нужного вам размера, с прозрачным фоном.
(я приведу пример большого формата, чтобы вам было лучше видно)
Шаг 2.
Берем инструмент "Эллипс", выбираем нужный вам цвет и с зажатой клавишей Shift создаем круг.
После чего кликаем на нашем слое правой кнопкой мыши и растрируем его.
http://s001.radikal.ru/i193/1006/f1/1357a35fa2e7t.jpg
Шаг 3.
Двойным кликом на слое открываем окошко "Стиль слоя" и устанавливаем такие параметры
http://s004.radikal.ru/i206/1006/5c/9ac279ba2458t.jpg http://s43.radikal.ru/i099/1006/84/80d4dcb45b74t.jpg
Шаг 4.
Создаем новый слой
http://s61.radikal.ru/i171/1006/48/3a1ac8f305act.jpg
Берем инструмент "Овальная область"(М) и создаем овал.
http://s006.radikal.ru/i213/1006/04/49d3ca4c0c2at.jpg
Шаг 5.
Берем инструмент "Линейный градиент" с заливкой от белого к прозрачному
http://s52.radikal.ru/i137/1006/82/b6af29daeb5c.jpg
http://s02.radikal.ru/i175/1006/75/8783b2da0491t.jpg
и зальем наш овал (сверху вниз), установим прозрачность слоя приблизительно 52% и вот что у нас вышло
http://s55.radikal.ru/i148/1006/f5/cbde982d2bcat.jpg
Шаг 6.
Создаем новый слой (под слоем с заливкой) и с помощью инструмента "Текст" создаем нашу надпись.
Применяем к тексту любой эффект, какой вам нравится.
http://s53.radikal.ru/i139/1006/79/9edd3437b33ft.jpg
Сохраняем как > PNG!!!!
Далее все зависит от вашей фантазии, так как этот урок - это всего лишь основа!

.........................................................................................
Если вы хотите иконку с тенью, то к слою с основной заливкой примените следующие параметры "Стиля слоя"
http://i072.radikal.ru/1006/2c/25b529d9c84et.jpg

http://s55.radikal.ru/i147/1010/99/def522a83ba2.png

0

2

А как картинку туда втюхать?)

0

3

Elle Armond
Открываем картинку в новом окошке.
Перетаскиваем стрелочкой на нашу иконку (слой с фоном должен быть над слоем с заливкой)
http://s58.radikal.ru/i161/1006/81/dd6cead1b1d3.jpg
Кликаем с зажатой клавишей Ctrl на слой с заливкой, чтобы создать выделение!
При этом активным у нас остается слой с фоновой картинкой.
Идем Выделение > Инверсия, жмет Delete (фон обрежется по форме круга)
Жмем Ctrl+D (снимаем выделение и работаем дальше)

0

4

Спасибо))))

0

5

ммм,а как сделать квадратик,ну,такой,с неострыми краями? Не,я понимаю,что принцип тот же,но какой там делать блик?оО
До меня что-то не доходит ="(

0

6

Гелата
смотри!
Создаешь новый файл...ну например 80*80.

Заливаешь цветом (или открываешь нужный фон, переносишь на наш файл и подгоняешь по размеру).

Создаем выделение слоя с фоном (М), идем
http://s40.radikal.ru/i087/1007/6e/a2d041743559.jpg
устанавливаем значение по желанию, у меня 10 пик. (выделение не снимаем!)
Далее идем Выделение > Инверсия и жмем Delete.

Далее с зажатой клавишей Ctrl жмем на миниатюру нашего слоя (чтобы создать выделение).
Создаем новый слой и заливаем черным цветом. Идем
http://s14.radikal.ru/i187/1007/2b/b3cbc3220cb6.jpg
и выставляем значение 1 пик., жмем Delete (получаем обводку).
В принципе этот пункт можно не делать.

Пример 1.
Создаем новый слой под слоем с обводкой!!!!
Опять с помощью клика на миниатюре слоя с фоном создаем выделение.
Берем инструмент градиент - линейный (от белого к прозрачному) и заливаем наш слой сверху вниз
http://s43.radikal.ru/i100/1007/c0/bfdc7d877776.jpg
Получаем >
http://s61.radikal.ru/i172/1007/d0/896207280591.png

Пример 2.
Создаем слой, потом выделение и заливаем градиент теперь от левого верхнего угла к правому нижнему.
Берем инструмент "Овальная область"  и создаем круг приблизительно так
http://s006.radikal.ru/i215/1007/59/148e829c5a2a.jpg
жмем Delete и получаем вот
http://i062.radikal.ru/1007/71/24d8735b2a8d.png

Ну а вообще все зависит от фантазии!!!!

0

7

Вот фантазии с техоформлением у меня не хватает =З
А так с нею все в порядке,фотошоп как-то непривычен,мне карандашик с кистью роднее  http://www.kolobok.us/smiles/he_and_she/spruce_up.gif

0

8

Гелата
ооо! уважаю! у нас же есть тема ваши увлечения, покаж свою красоту! :yep:

0

9

у меня с градиентом не выходит ничего Т_Т
Он неровный получается,слишком ступенчатый Т_Т

0

10

можешь скриншот сделать? показать

0

11

Tunguska написал(а):

Гелатаооо! уважаю! у нас же есть тема ваши увлечения, покаж свою красоту

Хе-хе...Учитывая,что мне 15 лет,это выглядит довольно жутко,да еще и самоучка =="
Но похвастаться люблю х)

0

12

Tunguska вот скрин - сам градиент и настройки,которые я ставлю =="
http://s12.radikal.ru/i185/1007/70/b02c2cb84840t.jpg

0

13

Гелата
http://s15.radikal.ru/i189/1007/3c/4cd452362c29t.jpg

0

14

Tunguska,белый цвет впихнула,но выходит то же самое,это значит,что там непрозрачность какая-то левая =="
Гадкий градиент х)

0

15

Гелата
http://i078.radikal.ru/1007/a7/d48b791c28bb.jpg

0

16

Tunguska, поменяла,да фиг с ним,буду круглые рисовать х)

0

17

так там тоже градиент используется - тот-же! :rolleyes:

0

18

Там с полупрозрачным белым все выходит ровно. А с непрозрачным - ступеньки оО

0

19

Гелата
точно такой же градиент бери и для квадратной!!! разницы никакой! http://www.kolobok.us/smiles/standart/yes.gif

0

20

Tunguska, спасибо ^ ^

0


Вы здесь » Калейдоскоп аватар » УРОКИ СТАТИКИ » создание иконки