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

Тема в разделе "Веб-дизайн", создана пользователем dig555, 23 окт 2012.

Статус темы:
Закрыта.
Модераторы: zek24
  1. dig555

    dig555

    Регистр.:
    22 июн 2007
    Сообщения:
    363
    Симпатии:
    148
    Рассмотрим маленькую картинку:

    [​IMG]

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

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

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

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

    alexXXL Постоялец

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

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

    dig555

    Регистр.:
    22 июн 2007
    Сообщения:
    363
    Симпатии:
    148
    Действительно, нужно сделать новую, а не "покрасить" :) Мне принципы создания нужны
     
  4. alexXXL

    alexXXL Постоялец

    Регистр.:
    7 май 2012
    Сообщения:
    123
    Симпатии:
    8
    Попробуйте применить к слою с цифрами стиль "внутренняя тень". Это придаст объем цифрам.
     
    acuaplanet, antiterror и dig555 нравится это.
  5. a7ex

    a7ex Постоялец

    Регистр.:
    5 сен 2012
    Сообщения:
    78
    Симпатии:
    23
    есть такая фишка как Sharpen только этим фильтром можно добиться такой красоты
     
  6. Vvks

    Vvks Писатель

    Регистр.:
    22 окт 2012
    Сообщения:
    8
    Симпатии:
    1
    Я сделал бы так выделил текст и вырезал бы на цветовом фоне [​IMG]
     
  7. tihonnsk

    tihonnsk Постоялец

    Регистр.:
    1 сен 2012
    Сообщения:
    84
    Симпатии:
    17
    Хочу обратить внимание, что на создание аналогичного восприятия этого баннера влияет наличие градиентной заливки на подложке! Этот факт скажется и на размере конечной картинки. Хотя, с помощью выбора правильных параметров в Save for WEB в Photoshop, вполне реально уложиться в 3-5 кб конечного размера.
     
    zek24 нравится это.
  8. Егор1208

    Егор1208 Писатель

    Регистр.:
    4 дек 2012
    Сообщения:
    9
    Симпатии:
    3
    По мне так там используют
    Layer style
    DropShadow+InnerShadow
    soh4qfn5dwxc copy.jpg
    Если понравится раскажу более подробно какие параметры стилей использовал
     
    acuaplanet и wayv нравится это.
  9. huratub

    huratub Создатель

    Регистр.:
    16 мар 2012
    Сообщения:
    4
    Симпатии:
    4
    [​IMG]

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

    Вложения:

    • Untitled-1.rar
      Размер файла:
      33,5 КБ
      Просмотров:
      9
    wayv нравится это.
Статус темы:
Закрыта.