Очень подробное руководство о том, как пошагово превратить картинку в красивый аватар, накладывая текстуры, текст, меняя цвета.

[260x140]

С чем мы познакомимся в этом уроке: наложение нескольких текстур

Итак, я взяла вот такой не очень-то интересный исходник крокуса:

[302x302]

 

1. Откройте изображение в Photoshop.

2. Обрежьте исходник так, чтобы крокус оказался слева, ближе к краю. Если оставить цветок посередине у нас не останется места для маневра - мы не сможем применить текстуру справа, некуда будет поставить надпись, да и вообще - цветок посередине выглядит слишком статичным, а в аватаре лучше добиваться динамики, чтобы она смотрелась живой и интересной.  Да и чего я вам говорю, сравните сами [показать]

 и 

Примечание: подробнее о том, как лучше обрезать картинку в уроке "Правильный кроп"

4. Настраиваем резкость.
Внимательно посмотрите на нашу картинку... обратите внимание на то, что она слегка белесая, хочется сделать ее чуть-чуть порезче. Давайте попробуем.
Идем в меню Filter > Sharpen > Sharpen (Фильтр - Резкость - Резкость):

[247x269]

Вот результат:

Куда лучше, теперь это больше похоже на цветок, мы убрали матовость и размытость.

Примечание: подробнее о резкости на аватаре в уроке "Резкость аватары"

5. Прибавляем цвет.
Теперь хочется сделать этот цветок чуть поярче...
Для этого идем в меню Image > Adjustments > Hue/Saturation (Изображение - Настройки - Оттенок/Насыщенность):

[252x168]

В появившемся окне прибавляем насыщенность (Saturation). Я взяла значение "+30". Вот мой результат:

Примечание: подробнее о настройках цвета и насыщенности вы можете узнать в уроке "Игра цвета".

Итак, только что мы закончили готовить базу для нашей аватары. Вот только теперь мы приступаем к оформлению.

6. Берем вот эту текстуру:

Кидаем ее сверху нашей аватарки. Не помните как? В этом уроке очень хорошо описан принцип.

[212x184]

Меняем Blending Options (режим наложения) этой текстуры на Overlay (смешивание) 100%.:

[212x304]

Вот, что выходит:

Берем инструмент Eraser tool (ластик) примерно в 30 пикселей размером:

[100x301]

и стираем район цветка, чтобы цветок был прежним, а фон текстурой:

Дублируем эту же базу текстурную нажатием правой кнопкой мыши по слою и командой "Duplicate layer" (дублировать слой):

[258x225]

и ставим ее на lighten 100%:

[206x205]

 

7. Берем вот эту текстуру:

Переворачиваем ее горизонтально.Кидаем ее поверх всех наших слоев.

И ставим режим наложения на screen (осветление):

[207x249]

8. Все слои объединяем в один.
Для этого жмете правой кнопкой по слою Background и выбираете "Merge Visible" (Объединить видимые слои):

[320x367]

9. Создаем новый слой.
Для этого нажимаем кнопку на панели "Layers" (Слои) - "Create a new layer" (создать новый слой):

[210x226]

Новый слой нужно залить цветом 031B25. Т.е. выберите инструмент "Paint Backet Tool" (Инструмент Заливка):

потом щелкнете по выбору цвета и в появившемся окне введите приведенный мною код цвета:

[299x199]

Чтобы залить слой просто щелкнете по картинке, убедившись заранее, что выделенный нужный пустой слой.

Поставьте новый слой на режим наложения "exclusion 100%" (вычитание)

[206x205]

 

10. Создаем еще один новый слой.
Его заливаем цветом F1E596 ставим его на multiply:

11. Дублируем базу.
Ставим ее поверх всех слоев и меняем режим наложения на hard light 100%:

[214x285]

12. Создать еще один слой поверх других и залить его цветом 8B82CC. Режим наложения сменить на overlay (смешивание):

13. Последний штрих - надпись.
Создаем еще один слой, на который будем применять кисть с надписью. Отдельный слой нужен для того, чтобы можно было безболезненно двигать надпись после ее создания.

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

Примечание: Как устанавливать к себе новые кисти и как имми пользоваться можно узнать в уроке "Работа с Brushes (кистями)"

Получилась вот такая надпись:

Сейчас я обращаю ваше внимание на то, что надпись не очень хорошо легла. чего-то не хватает. Я даже скажу вам чего [показать] Тени [показать] При том тень должна быть не черная, а желтая, чтобы подчеркивать желтые нотки аватарки, которые присутствуют вверху.
Итак, жмите на кнопку панели "Layers" (слои) - "Add a layer style" (добавить стиль слоя). В появившейся менюшке выбираете "Drop Shadow" (падающая тень). В настройках меняете цвет тени, расстояние и другие настройки. Я изменила их так:

[292x215]

А вот и окончательный результат нашего урока [показать]

Вот другой пример этой же работы с цветком: