Здравствуйте и доброго времени суток!
Сейчас я научу вас создавать красивые аватарки в графическом редакторе Adobe Photoshop.
1. Откройте Фотошоп и создайте документ любого размера (в моем случае это 80х80 пикселей - стандартный размер аватар на dota.by)
2. Возьмите любую картинку и вставьте ее в ваш созданный документ, в моем случае я вставил лицо Траксы (или Венги, хз даже)
3. Создайте 2 слоя поверх слоя с самой картинкой. На самом верхнем слое сделайте рамочку, которая должна быть
черная или цвета, чуть темнее самого темного участка на картинке. На слое ниже сделайте рамку так, что бы она как бы была внутри верхней рамки, белым цветом. На второй рамке сделайте режим наложения "мягкий свет".
4. По вашему вкусу установите цветовую гамму, контрастность и уровни.
5. Теперь инструментом "Прямоугольная область" обводим весь периметр аватарки, жмем правой кнопкой на рисунке и выбираем "Вырезать на новый слой". Фиксатор установит вас на новом слое. В таблице слоев нажмите на него правой кнопкой и выберите "Параметры наложения...". Там "Тиснение". Теперь измените
только те значения, которые я упомяну:
- Размер от 20 до 50 (по вкусу)
- Смягчение 16 пикселей
- Сглаживание включено
- Непрозрачность режима подсветки 50%
А теперь приступим к аватаркам с красивым текстом
1. Откройте или создайте аватарку по принципу, указанным мною выше. Для этого я использовал морду Фуриона и поставил ее так, что бы снизу, на бороде, можно было удобно разместить текст, не потеряв ни одного важного элемента лица. Учитывайте это!
2. Создайте текст там, где он будет смотреться наиболее гармонично и красиво. Цвет должен соответствовать гамме рисунка и быть
немного светлее, чем самый светлый участок на рисунке.
3. Теперь приступим к самому интересному - оформлению текста. Как вы можете увидеть, текст в моем изображении немного сливается с фоном. Совсем чуть-чуть, а это может немного испортить видимость текста. В таких случаях я использую такую фишку:
берем инструмент "Затемнитель" (во втором блоке инструментов). Сверху выбираем диапазон "тени" и 30% экспозиции. Размер кисточки регулируем под высоту надпсии и делаем один мазок по всему тексту. Если результат удовлетворяет - оставляем, если нет - делаем еще один мазок. Теперь жмем правой кнопкой по слою с текстом, выбираем "Параметры наложения...".
а) Тень. Непрозрачность 100%, смещение 1, размер 1-2, цвет или черный, или сильно темнее цвета самого текста.
б) Тиснение. Смягчение от 12 до 16, непрозрачность подсветки и тени 65%, цвет подсветки сильно светлее цвета текста, цвет тени сильно темнее цвета текста.
P.S: Тут я еще немного подрегулировал цвета самой картинки, т.к забыл это сделать раньше.
УДАЧИ!
Основные принципы работы с текстом и некоторые идеи
Перед тем как мы начнем, несколько простых, но ОЧЕНЬ ВАЖНЫХ советов:
а) ВСЕГДА ставьте сглаживание к тексту. Его можно сделать в верхней строке редактирования размеров текста, выбора шрифта и т.д. Рекомендую использовать "насыщенный" и "четкий" сглаживания.
б) Всегда делайте текст видимым, т.е, выделяйте его вручную! Есть несколько способов. Один я уже объяснил вам в пункте 3 создания аватарки с текстом. Второй - банально сделать тень, обводку, внешнее свечение.
в) Цвет текста должен гармонировать с общей гаммой картинки.
1. Для начала тренировки, откройте или сделайте любой цветной (не яркий) фон. Напишите любой текст. Не забудьте поставить сглаживание! Вот так выглядит текст со сглаживанием:
а так без сглаживания:
2. Теперь оформите его так, как я показал вам в 3 пункте оформления аватары с текстом. Вот что у меня вышло:
3. Можно попробовать сделать внешнее свечение (Outer Glow). Главное не переборщить! Цвет свечения должен быть как цвет самого темного участка картинки. Режим нормальный, непрозрачность 100%, размах 3, размер 6 - я сделал так, и вот результат:
4. Еще возможен градиент на тексте. Сейчас модно делать "сплошной" градиент, т.е, с резким переходом между цветами. Режим мягкий цвет, непрозрачность 100%, градиент стандартный с резким переходом (можно самому изменить, просто подвигайте ползунки), цвет нижней части темнее, верхней - светлее. Вот что вышло:
5. Можно поиграться с перекрытием узора (для ~mH - это херня ниже оверлейной заливки в списке). Опять же, главное - не переборщить. Режим перекрытие, непрозрачность 100%, комплект узоров "цветная бумага" (меняется так: жмете на квадратик с превьюшкой узора, там кнопку с двумя стрелочками и со списка выбираете). Можно получить много разных вариантов, например:
6. Сейчас самая модная фишка с текстом называется "движение", сейчас я научу вас сделать такой вот текст:
жаль, эффектнее всего смотрится с тонким текстом.
И-так, жмем правой кнопкой по слою с текстом и выбираем "Дублировать слой" ("Duplicate Layer"). Теперь на слое-копии жмем правой кнопкой и выбираем "Растрировать" ("Rast_чето_там"). После, оставаясь на этом же слое, выбираем сверху "Фильтр" ("Filtre или Effects") > Размытие (Blur) > Размытие в движении (Motion Blur). Смещение ставим примерно 40-50. Теперь оригинальный (не копию) слой с текстом перетягиваем ПОВЕРХ скопированого слоя. Готово!!!
