Как осветлить картинку

Тема в разделе "Веб-дизайн", создана пользователем Хомячок, 24 окт 2010.

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

    Хомячок

    Регистр.:
    10 апр 2008
    Сообщения:
    184
    Симпатии:
    103
    Подскажите пожалуйста как можно сделать из такой картинки
    archer.png
    вот такую, только без красного крестика
    archer_cross.png

    Если в фотошопе, то можно алгоритм по пунктам что и как сделать) Нужно чтобы была именно такая же коричневая цветовая гамма у осветленной картинки, а не чено-белая.
     
    krast90 нравится это.
  2. Hozey

    Hozey Постоялец

    Регистр.:
    4 авг 2008
    Сообщения:
    84
    Симпатии:
    38
    1.Открываешь в Фотошопе картинку
    2.Идешь в Изображение > Коррекция > Цветовой тон/насыщенность или нажимаешь Ctrl+U
    3. Двигаешь ползунок Яркости и уменьшаешь насыщенность.
    Все.

    Делал в Photoshop CS3

    2-й вариант.
    Определить картинку "как Кисть" и рисовать картинку кисточкой. Можно менять размер, цвет и т.д
     
  3. diron

    diron Писатель

    Регистр.:
    21 окт 2010
    Сообщения:
    5
    Симпатии:
    0
    или еще проще кидаешь в фотошопик там есть спарва Эффект прозрачности для картинки (opacity) 100% его метни на 50$ и порядок

    Добавлено через 4 минуты
    можно сделать рисунок в самом сайте светлым а при наведении таким каким он должен быть. тотже эффект прозрачности для картинки (opacity) но путем внедрения скрипта


    Источник: Перейти по ссылке

    Код
    <div class="moduletable-spy"><!-- SpyLOG -->some code<!--/ SpyLOG --></div>

    Далее в файле стилей шаблона пишем загадочные строки:
    Код
    .moduletable-spy img {
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.6; /* Mozilla 1.6 */
    -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    filter: alpha(opacity=60); /* IE 5.5+*/
    }
    .moduletable-spy a:hover img {
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    filter: alpha(opacity=90);
    }
     
  4. andy007

    andy007 Создатель

    Регистр.:
    13 янв 2009
    Сообщения:
    25
    Симпатии:
    1
    можна параметр fill шара уменшить
     
  5. SUVEREN

    SUVEREN

    Регистр.:
    13 фев 2008
    Сообщения:
    360
    Симпатии:
    175
    параметр opacity не работает в эксплорерах 6-7-8 и начальных версиях фф.
    Лучше старый добрый фотошоп.

    Можно как написали выше через насыщенность, а можно черех прозрачность.

    открываешь картинку, далее:
    1- Стиль-Стил слоя-Параметры наложения
    2- Параметры наложения по умолчанию, и потом каретку прозрачности двигаешь куда надо
    Затем
    3- слой-новый-слой
    и делаешь этот крестик, вручную (например обведя прямолинейным лассо) или можно с помощью инструмента произвольная фигура, или даже с помощью текста (буква Х)(если текстом будешь, то потом его растрировать надо слой-растрировать-текст, чтобы он превратился в фигуру).
    4 - и потом и для этого крестика надо тоже прозрачность поставить (там небольшая от 80 до 90 процентов)
     
  6. mc-mix

    mc-mix Постоялец

    Регистр.:
    16 янв 2011
    Сообщения:
    80
    Симпатии:
    14
    в фотошопе CS5 english:

    в верхнем меню:
    image--adjustments--brightness/contrast

    ползунок Brightness вправо сдвинь чуток))
     
  7. freefly

    freefly Создатель

    Регистр.:
    25 май 2008
    Сообщения:
    11
    Симпатии:
    0
    в фотошопе выбираешь ластик, делаешь прозрачность 20% стираешь картинку и белый фон подлаживаешь
     
  8. and1rey

    and1rey

    Регистр.:
    29 дек 2007
    Сообщения:
    218
    Симпатии:
    81
    накладываешь на изображение новый слой, делаешь белую заливку ему, выставляешь прозрачность как тебе нужно
     
  9. mrLom

    mrLom ♒︎

    Moderator
    Регистр.:
    24 дек 2014
    Сообщения:
    860
    Симпатии:
    1.567
    Иногда возникает необходимость делать подобные изменения пакетно — для этого использую почти ничем незаменимый imagemagick в командной строке линукса.
    Дока:

    Что бы осветлить нам нужны -gamma Гамма-коррекция число (где число получает значения: меньшие 1.0 делают изображение темнее, значения более 1.0 осветляют изображение. Обычно применяют значения от 0.8 до 2.3. Можно применять разные значения гамма-коррекции для разных цветовых каналов), -contrast (повышает контрастность) или +contrast (понижает контрастность), а можно из черного сделать серым -colorspace GRAY
    Так же можно использовать разные значения гамма-коррекции для разных цветовых каналов, например так:
    Код:
    -gamma 1.7/2.3/1.2
    Впрочем, как и любые другие изменения, в том числе конвертация из формата фотошопа в png или нужного размера jpg с накладыванием водяных знаков. Поиск в гугле поможет со скриптами или набором команд в строке.

    Например, переконвертируем в пакетном режиме из png в jpg, немного понизим качество и осветлим (обычно такая практика связана с "тумбами", с огромным количеством файлов, где по условию задачи не нужен перфекционизм, но нужна скорость работы) :
    Код:
    find . -name "*.png" -print0 | xargs -0 mogrify -format jpg -quality 50 -gamma 1.7
    
    И вы все еще хотите использовать фотошоп для таких задач?
     
Статус темы:
Закрыта.