Руководство пользователя Отмена

Смешение в изображениях для веб-страниц

  1. Photoshop Elements User Guide
  2. Introduction to Photoshop Elements
    1. What's new in Photoshop Elements
    2. System requirements | Photoshop Elements
    3. Workspace basics
    4. Guided mode
    5. Making photo projects
  3. Workspace and environment
    1. Get to know the Home screen
    2. Workspace basics
    3. Preferences
    4. Tools
    5. Panels and bins
    6. Open files
    7. Rulers, grids, and guides
    8. Enhanced Quick Mode
    9. File information
    10. Presets and libraries
    11. Multitouch support
    12. Scratch disks, plug-ins, and application updates
    13. Undo, redo, and cancel actions
    14. Viewing images
  4. Fixing and enhancing photos
    1. Resize images
    2. Cropping
    3. Process camera raw image files
    4. Add blur, replace colors, and clone image areas
    5. Adjust shadows and light
    6. Retouch and correct photos
    7. Combine Photos
    8. Sharpen photos
    9. Transforming
    10. Auto Smart Tone
    11. Recomposing
    12. Using actions to process photos
    13. Photomerge Compose
    14. Create a panorama
    15. Moving Overlays
    16. Moving Elements
  5. Adding shapes and text
    1. Add text
    2. Edit text
    3. Create shapes
    4. Editing shapes
    5. Painting overview
    6. Painting tools
    7. Set up brushes
    8. Patterns
    9. Fills and strokes
    10. Gradients
    11. Work with Asian type
  6. Quick Actions
  7. Guided edits, effects, and filters
    1. Guided mode
    2. Filters
    3. Guided mode Photomerge edits
    4. Guided mode Basic edits
    5. Adjustment filters
    6. Effects
    7. Guided mode Fun edits
    8. Guided mode Special edits
    9. Artistic filters
    10. Guided mode Color edits
    11. Guided mode Black & White edits
    12. Blur filters
    13. Brush Stroke filters
    14. Distort filters
    15. Other filters
    16. Noise filters
    17. Render filters
    18. Sketch filters
    19. Stylize filters
    20. Texture filters
    21. Pixelate filters
  8. Working with colors
    1. Understanding color
    2. Set up color management
    3. Color and tonal correction basics
    4. Choose colors
    5. Adjust color, saturation, and hue
    6. Fix color casts
    7. Using image modes and color tables
    8. Color and camera raw
  9. Working with selections
    1. Make selections in Photoshop Elements
    2. Saving selections
    3. Modifying selections
    4. Move and copy selections
    5. Edit and refine selections
    6. Smooth selection edges with anti-aliasing and feathering
  10. Working with layers
    1. Create layers
    2. Edit layers
    3. Copy and arrange layers
    4. Adjustment and fill layers
    5. Clipping masks
    6. Layer masks
    7. Layer styles
    8. Opacity and blending modes
  11. Creating photo projects
    1. Project basics
    2. Making photo projects
    3. Editing photo projects
    4. Creating Photo Reels
  12. Saving, printing, and sharing photos
    1. Save images
    2. Printing photos
    3. Share photos online
    4. Optimizing images
    5. Optimizing images for the JPEG format
    6. Dithering in web images
    7. Guided Edits - Share panel
    8. Previewing web images
    9. Use transparency and mattes
    10. Optimizing images for the GIF or PNG-8 format
    11. Optimizing images for the PNG-24 format
  13. Keyboard shortcuts
    1. Keys for selecting tools
    2. Keys for selecting and moving objects
    3. Keys for the Layers panel
    4. Keys for showing or hiding panels (expert mode)
    5. Keys for painting and brushes
    6. Keys for using text
    7. Keys for the Liquify filter
    8. Keys for transforming selections
    9. Keys for the Color Swatches panel
    10. Keys for the Camera Raw dialog box
    11. Keys for the Filter Gallery
    12. Keys for using blending modes
    13. Keys for viewing images (expertmode)

Смешение

Большинство изображений для веб-страниц создаются веб-дизайнерами, использующими мониторы, рассчитанные на 24-битные цвета (отображают до 16 миллионов цветов), хотя некоторые пользователи просматривают веб-страницы на компьютерах с поддержкой 8-битовых цветов (отображают только 256 цветов). В результате этого изображения веб-страниц зачастую содержат цвета, которые не поддерживаются некоторыми компьютерами. Для имитации цветов, отсутствующих на палитре 8-битных цветов, компьютеры используют технологию, называемую смешением. Смешение — метод, используемый для получения за счет смешения пикселей двух различных смежных цветов оттенков плавных переходов при выводе цветного (полутонового) изображения на устройство, не имеющее возможности прямого вывода нужных цветов. Например, красный и желтый цвета можно смешать в виде мозаики для получения иллюзии оранжевого цвета, отсутствующего на палитре 8-битных цветов.

Смешение имитирует плавные переходы в цветном полутоновом изображении

Примечание.

Чтобы исключить смешение в 256-цветных операционных системах Windows и Mac OS, используйте цвета на панели «Веб». Для выбора цветов, поддерживаемых в Интернете, можно воспользоваться палитрой «Выбор цвета».

При выполнении оптимизации изображения помните о том. что могут произойти два вид смешения:

Смешение приложением

Происходит в изображениях в формате GIF и PNG-8 в случае, когда Photoshop Elements попытается имитировать цвета, отсутствующие в текущей цветовой таблице. Для того чтобы не допустить имитации отсутствующих цветов приложением необходимо цвета, имеющиеся в исходном изображении, заменить на близкие цвета веб-палитры или добавить большее количество цветов в таблицу.

Смешение в веб-браузере

Возникает, когда веб-браузер, использующий 8-битное отображение цветов (256-цветный режим), пытается имитировать цвета, отсутствующие в текущей 8-битной цветовой таблице. Смешение такого типа может происходить в изображениях в формате GIF, PNG или JPEG. Для того чтобы не допустить имитации отсутствующих цветов веб-браузером цвет в таблице можно заменить на самый близкий цвет к тому, который поддерживается в Интернете. Заменить цвета, имеющиеся в исходном изображении, на близкие цвета, поддерживаемые в Интернете, можно также с помощью палитры «Выбор цвета».

Оценить результаты смешения в GIF и PNG-8 можно в соответствующем окне предварительного просмотра. К изображениям сплошного цвета можно и не применять смешение. И наоборот, для полутоновых изображений (с переходами оттенков) рекомендуется применять смешение для предотвращения полошения.

Контроль смешения в изображениях для веб-страниц

  1. Откройте изображение и выберите «Файл» > «Сохранить для Web».
  2. Выберите параметры настройки оптимизации.
  3. Введите значение в числовом поле «Смешение» или нажмите стрелку меню «Смешение» и перетащите ползунок на нужное значение.
  4. Значение смешения в процентах для управления смешением, которое применяется в изображении. Более высокое значение создает впечатление присутствия большего числа цветов, что, однако, приводит к увеличению размера файла. Для оптимального сжатия выберите низкое значение смешивания приложением.

Просмотр смешения

Смешение в веб-браузере можно оценить в соответствующем окне предварительного просмотра в Photoshop Elements или в веб-браузере, использующем палитру из 8-битных цветов (режим отображения 256 цветов).

  1. Откройте изображение и выберите «Файл» > «Сохранить для Web».
  2. Выберите параметры настройки оптимизации.
  3. Для просмотра смешения в Photoshop Elements выберите команду «Смешение в веб-браузере» из меню на панели диалогового окна «Сохранить для Web». (Для вывода меню нажмите треугольник в правом верхнем углу оптимизированного изображения.)
  4. Для просмотра смешения в веб-браузере выполните следующие шаги:
    • Задайте режим отображения монитором 8-битной палитры (256 цветов). См. документацию своей операционной системы по вопросу изменения цветов монитора.

    • Выберите веб-браузер из списка «Просмотр в» в диалоговом окне «Сохранить для Web».

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?