Photoshop, маленькие картинки и stroke

[dig555]

Рассмотрим маленькую картинку:

стоит задача сделать такую же, но, допустим, не с красным фоном, а оранжевым.

Задачу для себя разбиваю на ряд этапов.

1). Создание изображения указанного размера.
2). Выделение части под заливку.
3). Трансформация этого выделения в виде трапеции.
4). Заливка нужным цветов.
5). Написание на новом слое нужных цифр.
6). Создание контура цифр (Layer -> Layer Style -> Stroke)
7). Сохранение с приемлемым размером/качеством.

Вроде всё понятно и элементарно. Но всё равно херня получается
Вопросы касаются 6 и 7 пунктов. Как создать такой контур, как на картинке?
Как сохранить это в jpg, чтобы размер был не более 3-5 Кб, а качество не страдало?

 

[alexXXL]

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

Чтобы размер был не более 3-5 Кб - Файл - Сохранить для веб

 

[dig555]

Действительно, нужно сделать новую, а не "покрасить" Мне принципы создания нужны

 

[alexXXL]

Попробуйте применить к слою с цифрами стиль "внутренняя тень". Это придаст объем цифрам.

 

[a7ex]

есть такая фишка как Sharpen только этим фильтром можно добиться такой красоты

 

[Vvks]

Я сделал бы так выделил текст и вырезал бы на цветовом фоне

 

[tihonnsk]

Хочу обратить внимание, что на создание аналогичного восприятия этого баннера влияет наличие градиентной заливки на подложке! Этот факт скажется и на размере конечной картинки. Хотя, с помощью выбора правильных параметров в Save for WEB в Photoshop, вполне реально уложиться в 3-5 кб конечного размера.

 

[Егор1208]

По мне так там используют
Layer style
DropShadow+InnerShadow

Если понравится раскажу более подробно какие параметры стилей использовал

 

[huratub]

прикрепил .psd файл. ничего сложного нет, посмотрите мои настройки в layer style
единственное что ... я не подбирал шрифт