Очень подробное руководство о том, как пошагово превратить картинку в
красивый аватар, накладывая текстуры, текст, меняя цвета.
С чем мы познакомимся в этом уроке: наложение
нескольких текстур
Потребуется знание уроков: Эффекты
наложения слоев, Накладываем
текстуру, Как
изменить размер картинки? Как
обрезать картинку?
Итак, я взяла вот такой не очень-то интересный исходник крокуса:
1. Откройте изображение в Photoshop.
2. Обрежьте исходник так, чтобы крокус оказался слева, ближе к
краю. Если оставить цветок посередине у нас не останется места для
маневра - мы не сможем применить текстуру справа, некуда будет поставить
надпись, да и вообще - цветок посередине выглядит слишком статичным, а в
аватаре лучше добиваться динамики, чтобы она смотрелась живой и
интересной. Да и чего я вам говорю, сравните сами
и
Примечание: подробнее о том, как
лучше обрезать картинку в уроке "Правильный кроп"
4. Настраиваем резкость.
Внимательно посмотрите на нашу картинку... обратите внимание на то, что
она слегка белесая, хочется сделать ее чуть-чуть порезче. Давайте
попробуем.
Идем в меню Filter > Sharpen > Sharpen (Фильтр - Резкость -
Резкость):
Вот результат:
Куда лучше, теперь это больше похоже на цветок, мы убрали матовость и
размытость.
Примечание: подробнее о резкости на
аватаре в уроке "Резкость аватары"
5. Прибавляем цвет.
Теперь хочется сделать этот цветок чуть поярче...
Для этого идем в меню Image > Adjustments > Hue/Saturation
(Изображение - Настройки - Оттенок/Насыщенность):
В появившемся окне прибавляем насыщенность (Saturation). Я взяла
значение "+30". Вот мой результат:
Примечание: подробнее о настройках
цвета и насыщенности вы можете узнать в уроке "Игра цвета".
Итак, только что мы закончили готовить базу для нашей аватары. Вот
только теперь мы приступаем к оформлению.
6. Берем вот эту текстуру:
Кидаем ее сверху нашей аватарки. Не помните как? В этом
уроке очень хорошо описан принцип.
Меняем Blending Options (режим наложения) этой текстуры на Overlay
(смешивание) 100%.:
Вот, что выходит:
Берем инструмент Eraser tool (ластик) примерно в 30 пикселей
размером:
и стираем район цветка, чтобы цветок был прежним, а фон текстурой:
Дублируем эту же базу текстурную нажатием правой кнопкой мыши по слою
и командой "Duplicate layer" (дублировать слой):
и ставим ее на lighten 100%:
7. Берем вот эту текстуру:
Переворачиваем ее горизонтально.Кидаем ее поверх всех наших слоев.
И ставим режим наложения на screen (осветление):
8. Все слои объединяем в один.
Для этого жмете правой кнопкой по слою Background и выбираете "Merge
Visible" (Объединить видимые слои):
9. Создаем новый слой.
Для этого нажимаем кнопку на панели "Layers" (Слои) - "Create a new
layer" (создать новый слой):
Новый слой нужно залить цветом 031B25. Т.е. выберите инструмент
"Paint Backet Tool" (Инструмент Заливка):
потом щелкнете по выбору цвета и в появившемся окне введите
приведенный мною код цвета:
Чтобы залить слой просто щелкнете по картинке, убедившись заранее,
что выделенный нужный пустой слой.
Поставьте новый слой на режим наложения "exclusion 100%" (вычитание)
10. Создаем еще один новый слой.
Его заливаем цветом F1E596 ставим его на multiply:
11. Дублируем базу.
Ставим ее поверх всех слоев и меняем режим наложения на hard light 100%:
12. Создать еще один слой поверх других и залить его цветом
8B82CC. Режим наложения сменить на overlay (смешивание):
13. Последний штрих - надпись.
Создаем еще один слой, на который будем применять кисть с надписью.
Отдельный слой нужен для того, чтобы можно было безболезненно двигать
надпись после ее создания.
Я использовала кисть с надписью "silent", вы можете взять любую
понравившуюся вам.
Примечание:
Как
устанавливать к себе новые кисти и как имми пользоваться можно узнать в
уроке "Работа с Brushes
(кистями)"
Получилась вот такая надпись:
Сейчас я обращаю ваше внимание на то, что надпись не очень хорошо
легла. чего-то не хватает. Я даже скажу вам чего
Тени При том тень должна быть не черная, а
желтая, чтобы подчеркивать желтые нотки аватарки, которые присутствуют
вверху.
Итак, жмите на кнопку панели "Layers" (слои) - "Add a layer style"
(добавить стиль слоя). В появившейся менюшке выбираете "Drop Shadow"
(падающая тень). В настройках меняете цвет тени, расстояние и другие
настройки. Я изменила их так:
А вот и окончательный результат нашего урока
Вот другой пример этой же работы с цветком:
|