Наши кнопки

Баннер

Авторизация



Сейчас онлайн

Сейчас 504 гостей и 0 пользователей онлайн
Нет пользователей онлайн.

altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

Если вы совсем новичок, я советую вам нажать кнопку "подробнее", чтобы узнать с чего начать изучение уроков.

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

 
Создание основы для аватары
Автор: Алиса   

Итак, найти хорошую картинку и правильно её подготовить — половина секрета успешного аватара. Поэтому начинать следует именно с этого.

alt

С чем мы познакомимся в этом уроке: инструмент Blur tool, осветление и контраст базы

Потребуется знание уроков: Как обрезать картинку? Как изменить размер картинки? Резкость аватары, Эффекты наложения слоев

 

Это совсем не сложный процесс, зато результат убедителен.
Если вам интересно добиться того, чтобы ваша аватара смотрелась профессионально - обязательно пройдите наши уроки и вполне возможно, что вы откроете для себя что-то новое и интересное smile

Красивые картинки, которые попадаются в интернете бывают различного качества. Есть такие, что и просто обрезать - выглядят хорошо, а есть "потертые". Так вот и их можно сделать эффектными. Разделим урок по основе на две части: если исходник хорошего качества, или если плохого.

 

Если исходник хорошего качества

Я взяла вот такой исходник в хорошем качестве:


alt

 

Его размеры - 447 x 592 пикселей, 47 Кбайт, с хорошим освещением и достаточной резкостью.

1. Уменьшаем до размера аватара.
Обрезаем исходник под размер аватара 100 на 100, конечно беря в кадр лицо девушки:

 

alt

 

2. Увеличиваем резкость.
Частенько небольшое увеличение резкости дает хороший эффект, попробуем. Для этого идем в "Filter > Sharpen > Sharpen" (Фильтр - Резкость - Резкость)


alt

 

Смотрим на результат

 

alt

 

И ведь действительно - стало лучше, не находите? wink

3. Эффект гладкой кожи.

Теперь, когда мы увеличили резкость, стало хорошо видно глаза и волосы, но лицо стало слишком подробным, его дефекты теперь видны. Веснушки это конечно хорошо, но в таком маленьком раземере аватары и при такой четкости они загрязняют вид лица. Мы можем добиться гладкой, фарфоровой кожи, работая инструментом "Blur Tool".


alt

 

Берем этот инструмент, увеличиваем посильнее свою аватару - 500-600 %, нажимая Ctrl + "+".
Я использую показатель strenth (сила) на 40, а размер кисти около 7 пикселей:


alt

 

Проведите blur'ом по коже, но не задевая губ, глаз и дырочек носа.
Вернемся к нормальному размеру изображения и увидим результат wink

 

alt

 

4. Регулируем прозрачность...
Есть один прием, с помощью которого можно качественно увеличить освещенность нашей девушки.
Копируем слой с девушкой еще раз, нажав Ctrl + J.


alt

 

Ставим режим наложения этой копии на "Screen":


alt

 

Вышел вот такой результат:

 

alt

 

Но сейчас она слишком светлая и яркая (хотя её и можно использовать, чтобы сделать хороший аватар, но по стандартам она считается черезчур светлой).
Мы легко можем добиться нужного результата, поиграв с настройками прозрачности этой копии. Вот несколько примеров:

 

15 % прозрачности >>  alt

 

alt

 

Вывод: Слишком темная (зачем вообще ставить на слое screen, если он почти не заметен?)

 

45 % прозрачности >> alt

 

 alt

 

Вывод: Отличная затемненность (opacity). Хотя всё зависит от того, насколько темный или светлый ваш исходник, но часто именно этот процент прозрачности делает аватару оптимальной по освещению.

5. Играем с цветом.

Еще один прием - простой, но эффектный. Можно отрегулировать цвет и насыщеность аватарки, не лазая ни в какие настройки цветов. Будем работать только со слоями.

Объедините слои, нажав на нижних слой правой кнопкой мыши и выбрав "Layers > Merge Visible" (Слои - Объединить видимые):


alt

 

И уже новый, получившийся из этих двух, слой снова копируйте (Ctrl + J)
Поставьте настройку наложения Soft Light на копию:


alt

 

Прозрачность (Opacity) 85% (Но вам следует менять opacity, если это нужно, опять-таки, в зависимости от изображения!). Вот промежуточный результат:

 

alt

 

омимо этого можно сделать эту копию черно-белой, зайдя в "Image > Adjustments > Desaturate" (Изображение - Настройки - Обесцветить) [Ctr+Alt+U], тогда результата выйдет вот такой:

 

alt

 

Вот несколько приемов создания хорошей основы из исходника хорошего качества.
Принципы собирала в инете, где-то на другом сайте с помощью них сделали из вот этой аватару такую:

 

alt >> alt

 

Есть разница? smile
Поэтому экспериментируйте со значениями, наложениями!
Удачи!

 

 

Если исходник плохого качества

Бывает и такое... нашел картинку из любимого фильма - а она (черт!) фигового качества... Что делать? Вытаскивать изображение wink Давайте попробуем! Я взяла вот такой темный и размытый исходник из фильма "Люди в черном 2":

 

 

alt

 

Ему можно помочь smile Поехали!

1. Как всегда: Откройте изображение, уменьшите до размера аватара:

 

alt

 

2. Увеличьте резкость, как мы делали это выше (Filter - Sharpen) и примените размытие (blur tool):

 

alt

 

3. Продублируйте слой, нажав Ctrl + J.
Поставьте на копии тип наложения - Screen;
Opacity (прозрачность) 100%:

 

alt

 

(заметьте, что на этот раз настройки наложения не soft light, a screen)

4. Сделайте эту копию черно-белой, зайдя в меню Image > Ajustments > Desaturate. (Изображение - Настройки - Обесцветить):

 

alt

 

Конечно уже сейчас она неплохо смотрится, но мне всё ещё не нравится яркость.

5. Поэтому продублируйте базовый слой (выделите его и нажмите Ctrl + J) и тоже поставьте его на screen.
(причем этот новый слой должен находится под предыдущим слоем (тем, который черно-белый)).

 

alt

 

Результат:

 

alt

 

Пробуйте экспериментировать с типами наложения слоев.
И учтите - и то и другое - пока только базы, а не готовые аватары. Мы просто слегка вытащили изображение и сделали его насыщеннее. С ним можно еще поработать, изменив цвета и применив какие-то популярные эффекты.

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)

 

 

Комментарии  

 
#5 Alisa 16.04.2010 10:55
Цитирую Дафута:
У меня "Копируем слой с девушкой еще раз, нажав Ctrl + J" ни как...

Не беда, используйте другой способ копирования на отдельный слой:
Layer - New - LAyer via copy (Слой - Новый - Слой как копия)
:)
Цитировать
 
 
#4 Дафута 12.04.2010 18:44
У меня "Копируем слой с девушкой еще раз, нажав Ctrl + J" ни как...
Цитировать
 
 
#3 Seaman 23.02.2010 00:20
полезный урок, спасибо!
Цитировать
 
 
#2 Alisa 27.10.2009 12:44
Цитирую Гость:
вот оригинал урока
http://community.livejournal.com/icon_tutorial/1486962.html

спасибо, действительно написано по мотивам когда-то увиденного.
Цитировать
 
 
#1 Гость 22.10.2009 16:36
вот оригинал урока
http://community.livejournal.com/icon_tutorial/1486962.html
Цитировать
 

Добавить комментарий


Защитный код
Обновить