-Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в diary_elements

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 19.04.2007
Записей:
Комментариев:
Написано: 160


Туториал...

Пятница, 20 Апреля 2007 г. 09:51 + в цитатник
Chaotica все записи автора Чтобы я да писала туториалы... >_> Я себя пугаю...

Эффекты на аватаре


Для работы нам понадобится, естественно, исходная картинка. К примеру, такая:



Как вы уже, наверное, и сами видите, на ней изображена Кристина Агилера :) Я
очень уважаю её как певицу, потому что у неё замечательный голос :) Но это не суть.

Наш аватар будет размером 100*100, так что нам требуется вырезать из этой картинки
кусок именно такого размера. Чтобы вырезанный кусок получился ровным, т.е. квадратным,
нам при выделении надо удерживать нажатой клавишу Shift(но: не забывайте, клавиатура в Фотошопе работает только в английской раскладке!)
Область выделения, которую вы при этом получите, будет квадратная. Или же можно поступить по другому -
в настройках инструмента "Выделения", на панели на верху, есть переключатель "Стиль"(Style, как я полагаю).
Нам нужна строка "Фиксированный коэффициент пропорции", причем в его параметрах мы вводим один к одному. Вот так:



Полученное выделение копирует и вставляем в новый файл (Ctrl+C(копировать)*закрываем текущий файл, открываем новый*, Ctrl+V(вставить)).
А теперь нам надо подогнать его по размеру - ведь кусок мог получится больше, чем 100*100. Выбираем:

Изображение(третье сверху меню, Image) --> Размер изображения(Image size, скорее всего, шестая строка в выпавшем меню).
В вылезшем окне меняет ширину на 100. Высота автоматически изменится сама по пропорции :) Вот так:



Теперь у нас есть нужный кусок 100*100. Теперь будем добавлять эффекты, из-за которых, собственно, тут и маемся.

Я предлагаю несколько разных эффектов, которых можно добиться, используя минимальные средства.

Эффект 1

Эффект, создаваемый за счет градиента и слоев.

Итак, в открытом документе с обрезком картинки создаем новый слой (Слои --> Новый...--->Слой...(Для тех, у кого нерусифицированный:
меню Layers наверху, первая строчка сверху)) Его заливаем градиентом. Причем не любым - иначе эффект получится не тот.
Градиент должен быть 1) среднего тона, довольно темным, но не светлым 2) по типу он должен быть шумом (Noise samples)

Итак включаем инструменты "Градиент"(Gradient) и выбираем сначала сет градиентов - Noise Samples. Вот так:


Я беру красный градиент(вы можете взять любой другой, смотря какого цвета вы хотите аватар, и помните, градиенты можно создавать самому)
и заливаю им новый слой. Так что теперь у меня два слоя - один с Кристей, он ПОД слоем с градиентом. И теперь мы меняем режим перекрытия
верхнего слоя на Lighter или Светлее. Вот так:



После таких махинаций вот что получилось у меня:



Отличия от первоначальной картинки уже есть. Можно даже оставить так. Но я продублирую слой с градиентом,
причем, новый дублированный слой поставлю под старый слой с режимом "Светлее", и установлю режим нового слоя с градиентом
на "Цвет"("Color"), при этом установив прозрачность на 40%. Вы также можете создать дополнительный слой,
чтобы аватар приобрел ещё более насыщенный цвет. Причем, со значением прозрачности этого слоя рекомендую поэксперементировать.

Ну и как последний штрих, добавляем к аватару рамку...Создаем новый слой поверх слоев с градиентами.
Сначала выделяем всю рабочую область
(Выделение-->Выделить все(Selection-->Select all), или сразу комманду с клавиатуры - Ctrl+A),
а затем "Правка"--> "Обводка"(Edit-->Stroke...) Вылезет вот такое окошечко:



Выбираем нужный цвет(у меня, кстати, не тот стоит), ставим значение размера обводки на 1 пиксель(пкс писать не обязательно, можно просто написать 1),
выбираем флажок внутри(первый флажок из трех предложенных) и вуаля... Я добавлю кисточку с текстом(сам сделал ^^) и вот результат:



Можете сравнить с тем, что было вначале. Изменений не много, но теперь аватар стал гораздо более декоративен.



Эффект 2

Этот эффект схож с первым. Только вместо градиента с режимом "Светлее", я использую световую текстуру(имитирующую блики и тэ дэ) с
режимом "Светлее" К примеру, такую текстуру:




Вот, что получилось у меня. Я добавила её прямо поверх градиентов :)




Теперь на аватаре явно заметны блики. Вот и все :) Именно так я делаю аватары. Хотя, как раз так-то я их почти и не делаю))
Специально для вас придумала этот способ ^.~

Tutorial © Shadie, 2007
Рубрики:  ~Туториалы(Уроки)~
Метки:  

Noctis_Lucis_Caelum   обратиться по имени Пятница, 20 Апреля 2007 г. 15:15 (ссылка)
оооо ты гений!!!)))
а текстура откуда?)
Ответить С цитатой В цитатник
Chaotica   обратиться по имени Пятница, 20 Апреля 2007 г. 15:41 (ссылка)
Spectral_Blade_Dancer, скачало ^^
Ответить С цитатой В цитатник
Shun-   обратиться по имени Пятница, 20 Апреля 2007 г. 18:25 (ссылка)
здорово)) надо тож попробувать такии поделать))
Ответить С цитатой В цитатник
Chaotica   обратиться по имени Пятница, 20 Апреля 2007 г. 20:04 (ссылка)
пуФыстый_ангелочеГ, попробуй)) Это очень просто))
Ответить С цитатой В цитатник
BAKUDAN   обратиться по имени Пятница, 20 Апреля 2007 г. 20:46 (ссылка)
кулЬно получилося ^^
Ответить С цитатой В цитатник
Season   обратиться по имени Пятница, 20 Апреля 2007 г. 20:48 (ссылка)
Выложи на моем сообществе
Ответить С цитатой В цитатник
Noctis_Lucis_Caelum   обратиться по имени Пятница, 20 Апреля 2007 г. 21:34 (ссылка)
Vasilika, откуда?)
Ответить С цитатой В цитатник
Музанка   обратиться по имени Суббота, 21 Апреля 2007 г. 21:58 (ссылка)
С осветелением запуталась,и в результате вышло совсем другое,тоже не плохое.XD
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку