Главная страницаОбратная связьКарта сайта

Adobe Photoshop - Из Photoshop - в Сеть

Из Photoshop - в Сеть

C Интернетом и способами доступа к нему мы с вами уже познакомились . Забыли уже о том, что это такое? Ха-ха-ха. Так я и поверил. Забудешь его, как же…

В этом разделе поговорим об изображениях, Интернете и Photoshop сразу.

Итак, в Сеть цифровые Фотографии попадают двумя путями. Первый - с электронными письмами. Поделиться со знакомыми красивой фотографией хотят все нормальные люди. Они вкладывают в электронные послания пачки цифровых изображений и удивляются, «отчего это почта сегодня такая медленная». Второй путь - публикация в веб. Сегодня модно выкладывать семейные архивы или фотоотчеты о мероприятиях на своих сайтах или специально созданных для этой цели сайтах-«фотостендах».

В обоих случаях первым делом нужно максимально сократить размер файла. Пусть у вас нет проблем с доступом в Интернет (отсылаете письма с рабочего места, а в офисе у вас высокоскоростная выделенная линия), однако не факт, что получатель ваших посланий живет в таких же комфортных условиях. Сделаете изображения слишком громоздкими - и он проклянет вас миллион раз, прежде чем картинки появятся на экране.

Поэтому начнем с простого, но главного - с уменьшения размера графического файла.

Совет

Перед отправкой можете проверить, что получилось в результате уменьшения размеров файла. Для этого дважды щелкните кнопкой мыши на значке вложенного изображения. В появившемся окне прикажите открыть файл и придирчиво изучите качество. Возможно, после проверки вам расхочется отправлять картинку в таком виде.

ВЫЖИМАЕМ ЦИФРОВУЮ ВОДУ

Речь пойдет о размере файла в килобайтах: именно он жизненно важен при передаче изображений по Интернету.

Проводник Windows

Самый простой способ уменьшить «вес» графического файла предлагает Windows. Откройте папку, в которой храните свои цифровые фотографии, выделите одну из них и щелкните на кнопке Электронная почта в верхней части окна папки. Тут же выскочит окошко (рис. 12.54).




Рис. 12.54. Уменьшение размера изображения для пересылки по электронной почте

В этом окошке нужно выбрать размер изображения из соответствующего раскрывающегося списка. Чем меньше размер в пикселах, тем меньше и размер в килобайтах.

После нажатия Вложить появится стандартный бланк письма, в который вложен пересылаемый графический файл. Вписывайте адрес получателя, необходимые пояснения и отправляйте.

Подобный способ уменьшить количество килобайтов не всегда хорош. Слишком грубое упрощение получается. Поэтому советую для сжатия изображений использовать все-таки Photoshop.

Команда Save for Web (Сохранить для веб) в Photoshop

Есть в меню File (Файл) замечательная команда Save for Web & Devices (Сохранить для веб и

устройств). Ради нее одной стоит установить на компьютере Photoshop.

Эта команда позволяет подобрать наилучшие параметры сжатия изображения при приемлемом качестве. Громоздкая фраза получилась, но смысл простой: вы можете сильно уменьшить размер файла, но качество картинки не пострадает. Или почти не пострадает. Или пострадает, но вы сознательно идете на такие жертвы. Этот процесс - достижение баланса между качеством и размером изображения - называется оптимизацией.
Рис. 12.55. Окно Save for Web & Devices (Сохранить для веб и устройств)



Откройте в Photoshop какое-нибудь цифровое фото и выполните команду File ► Save for Web & Devices (Файл ► Сохранить для веб и устройств). Появится не просто окно, а суперокно (рис. 12.55). Этому мегаокну по функциям уступают некоторые графические редакторы.

Давайте рассмотрим его подробно, оно этого достойно. Первое, что бросается в глаза, - область просмотра в центре окна. В ней вы можете увидеть одно, два или четыре варианта изображения (почти как в фильме «Карнавальная ночь», если кто помнит лекцию о жизни на Марсе). Над областью просмотра есть четыре вкладки, они-то и определяют количество вариантов.

•  Original (Исходное) - изображение до оптимизации. Никакие операции, которые вы будете выполнять, на этом варианте не видны. Не совсем понятно, зачем он вообще нужен.

•  Optimized (Оптимизированное) - изображение после оптимизации. Опять-таки не очень удобно, потому что не с чем сравнивать.

•  2-Up (Два окна) - показывается две копии изображения. Слева -до оптимизации, справа - после. Этот вариант от души советую всем начинающим пользователям Photoshop. Сразу виден результат.

•   4-Up (Четыре окна) - четыре копии. Кроме оригинального изображения, видны три
оптимизированных. Это имеет смысл, если вы достаточно набили руку и глаз. Тогда можете
попробовать несколько разных способов оптимизации и сравнить их. Пока советую воздержаться
от использования 4-Up (Четыре окна).

Слева сверху от области просмотра расположена небольшая панель инструментов. Вы должны уметь пользоваться хотя бы двумя.

Hand (Рука) - если изображение не помещается в области просмотра полностью, этим инструментом можно сдвигать картинку и рассматривать ее по частям.

Zoom (Лупа) - увеличивает или уменьшает масштаб просмотра. С увеличением понятно: просто выбираете инструмент и щелкаете в области просмотра. А вот уменьшение не так очевидно -нужно щелкать при нажатой клавише Alt.

Наконец, правая часть окна Save for Web & Devices (Сохранить для веб и устройств) отведена под настройки. С ними лучше разбираться не теоретически, а на примере.

Допустим, вы открыли цифровую фотографию, чтобы отправить ее тетушке в Житомир. У тетушки нет цветного принтера, в цифровую лабораторию она картинку не понесет. Следовательно, рассматривать фото она будет на экране монитора. А монитор у нее, насколько вы помните, небольшой, дюймов пятнадцать, и работает он в разрешении 800 х 600 точек.

Значит, первое, что стоит сделать, - уменьшить размер в пикселах. В самом деле, ну, пришлете вы ей картинку 2800 х 1700 точек, так она на житомирском мониторе элементарно не поместится.

Для уменьшения реального размера изображения служит вкладка Image Size (Размер изображения) (рис. 12.56).



Рис. 12.56. Настройка размера изображения в пикселах

В области Original Size (Исходный размер) постоянно отображается количество пикселов в исходном изображении -так, для справки. Вам нужно ввести новые значения в полях области New Size (Новый размер): Width (Ширина) и Height (Высота). При этом учитывайте, что экран горизонтальный, а кадр может быть ориентирован вертикально. Например, у картинки с рис. 12.55 исходные размеры 1536 х 2048 пикселов. У описанного выше житомирского монитора разрешение 800 х 600, то есть 800 точек по горизонтали и 600 по вертикали. Попробуем ввести в поле Height (Высота) значение 800. Если установлен флажок Constrain Proportions (Сохранять пропорции) (а он должен быть установлен постоянно во избежание искажений), то в поле Width (Ширина) появится 600.

Внимание!

Я специально пишу не «для изменения размера», а «для уменьшения». Увеличивать количество пикселов в изображении недопустимо и легкомысленно. Никакого выигрыша в качестве не получите, а размер в килобайтах увеличится.

Когда определитесь с параметрами, нажмите Apply (Применить).

Следующий шаг - выбор формата файла. Если представление о форматах у вас все еще смутное, прочитайте приложение.
Рис. 12.57. Настройки формата файла



Для выбора формата и изменения его параметров используйте группу настроек, которая расположена справа вверху, сразу под кнопками Save (Сохранить), Cancel (Отменить) и Done (Выполнить) (рис. 12.57).

Поскольку мы имеем дело с фотографией, то в левом верхнем раскрывающемся списке нужно выбрать JPEG. Этот формат очень хорошо сжимает и почти не портит изображения с плавными переходами цветов.

Тут есть нюанс: качество и количество в формате JPEG взаимосвязаны. Чем выше качество, тем меньше сжатие, и наоборот. В окне Save for Web & Devices (Сохранить для веб и устройств) вы можете указать, что для вас важнее - качество или размер файла. Причем главным считается качество. В раскрывающемся списке, расположенном ниже, выберите один из вариантов от Low (Низкое) до Maximum (Максимальное). В первом случае вы рискуете заметно ухудшить картинку, зато файлик получится очень компактный. При максимальном качестве потери будут почти не видны (а то и совсем не видны), но размер в килобайтах изменится ненамного. Что выбрать? А вы отслеживайте качество картинки в области просмотра. Для более точной настройки используйте параметр Quality (Качество). Уменьшайте его до тех пор, пока качество изображения вас устраивает.

Остальные настройки можете не трогать.

Не слишком сложно? Думаю, нет. Зато очень эффективно. Возьмем для примера снимок, который вы можете лицезреть на рис. 12.55. Исходный размер файла - 9 Мбайт. Уменьшим его реальный размер до 435 х 580 пикселов, используем JPEG-формат с уровнем качества High (Высокое) и получим… не поверите! Всего 198 Кбайт! То есть почти в 50 раз меньше! А качество вполне приемлемое для просмотра на мониторе тети из Житомира.

Есть одна хитрость, которой хочется вас научить, завершая разговор об окне Save for Web & Devices (Сохранить для веб и устройств). Она очень облегчает жизнь, если нужно ужать файл до определенного количества килобайтов.
Рис. 12.58. Окно Optimize To File Size (Оптимизировать под размер файла)


Допустим, тетушка позвонила вам и слезно просила не присылать файлы, размер которых превышает 100 Кбайт. «Нет проблем!» - говорите вы, открываете картинку в Photoshop и выполняете команду File ► Save for Web & Devices (Файл ► Сохранить для веб и устройств). Найдите справа над настройками значок ► . Щелкните на нем - появится меню. Выберите в нем пункт Optimize To File Size (Оптимизировать под размер файла). Появится одноименное окно (рис. 12.58).

Теперь введите в поле Desired File Size (Необходимый размер файла) значение 100. Затем в области Start With (Начинать с) установите переключатель в положение Auto Select GIF/JPEG (Автоматический выбор GIF/JPEG) - это упростит задачу. Осталось нажать OK, подождать, пока умная машина немного потрещит, и насладиться результатом.

Советы по уменьшению размеров файлов

Команда Save for Web & Devices (Сохранить для веб и устройств) позволяет «вогнать» размер файла практически в любые пределы. Но вот вопрос - а какими должны быть эти пределы? Принцип «Чем меньше, тем лучше» тут не работает.

За каждый сэкономленный байт приходится расплачиваться качеством. Когда вы достаточно долго поупражняетесь с цифровыми фотографиями, будете примерно представлять, какого размера должен быть файл в каждом конкретном случае. На первое время можете пользоваться несколькими приблизительными правилами.

•  Не пытайтесь переслать картинку, размер которой превышает 5 Мбайт. Во-первых, если ваш адресат платит за трафик, вряд ли он скажет вам спасибо за файл такого объема. Во-вторых, чем больше размер электронного письма, тем выше вероятность того, что оно потеряется по дороге (особенно если использовать бесплатные почтовые серверы). Оптимальный размер - от 100 до 500 Кбайт. Исключение составляют ситуации, когда у вас и адресата высокоскоростные линии для подключения к Интернету и безлимитные тарифные планы.

•  Не помещайте все изображения в одно письмо. Десять файлов по 500 Кбайт - это уже 5 Мбайт. А размер. см. выше.

•  Сначала уменьшайте реальный размер, а потом подбирайте параметры форматов. Если
попытаетесь ужать картинку только за счет параметров JPEG, получится нечто грязное, словно
руками захватанное.

•  Если вы предполагаете, что кадры будут напечатаны, максимально сохраняйте качество. То, что на мониторе не бросается в глаза, на печати может смотреться чудовищно. В таких случаях лучше всего не использовать Save for Web & Devices (Сохранить для веб и устройств), а сохранять изображения в формате TIFF. В крайнем случае - в JPEG с максимальным качеством. Размер в пикселах тоже не должен быть слишком маленьким.

•  Сохраняйте исходные файлы, то есть все изменения с фотографиями выполняйте только с их копиями! Часто так бывает: человек сожмет любимую фотографию до размера почтовой марки, да и сохранит под исходным именем. В результате у него остается только уменьшенный (то есть плохого качества) вариант.

Таким образом, можно оптимизировать отдельные кадры и отправить их конкретным людям. Но бывают случаи, когда визуальной радостью хочется поделиться буквально со всем миром. Здесь на помощь приходит публикация картинок на интернет-сайтах.

ПУБЛИКАЦИЯ В ИНТЕРНЕТЕ

Как ни странно, размещать (еще говорят «выкладывать») Фотографии во Всемирной сети любят, прежде всего, женщины. Я сам знаком с некоторыми из таких любительниц. Это очень неожиданно, потому что вообще прекрасная половина человечества с компьютером возиться не очень любит, предпочитает использовать готовые решения. Однако фотографии чад и домочадцев дамы предоставляют на суд сетевой общественности с фанатичной целеустремленностью.  Видимо, это проявление древнего инстинкта под  названием  «Дорогие


гости, полистайте пока фотографии». Возможно, и наскальные изображения появились именно потому, что первобытные домохозяйки стремились занять гостей.

Впрочем, не об этом речь. Поговорим, как подготовить целые серии цифровых Фотографий и выложить их в Интернете.

Подготовка веб-галереи в Photoshop

Удобнее всего собирать изображения в веб-галереи. Веб-галерея - это страница формата HTML,

на которой в уменьшенном варианте видны все картинки данного набора. При определенных

условиях каждую отдельную Фотографию можно показать в реальном размере.

Хорошим аналогом веб-галереи может считаться выпускной альбом. Там на первой странице располагается групповая фотография, на которой каждый выпускник таращится в объектив с умным (как ему кажется) видом. Это главная страница веб-галереи. Чтобы рассмотреть персонажей поподробнее, нужно полистать альбом. На каждой странице - один-два выпускника в полный рост, иногда в движении и, в целом, не с такой напряженной физиономией, как на первой общей фотографии.

Главное отличие (оно же достоинство) веб-галереи от альбома - удобство использования. Достаточно щелкнуть на заинтересовавшей вас миниатюре, чтобы крупное изображение заполнило собой экран.

Фотографии, которые хотите объединить в галерею, сложите в отдельную папку: так удобнее будет работать. Посторонних изображений в этой папке быть не должно. Откройте Photoshop и выполните команду File ► Automate ► Web Photo Gallery (Файл ► Автоматизация ► Веб-галерея). Появится окно, изображенное на рис. 12.59.



Рис. 12.59. Создание веб-галереи

Совет

Освойте искусство создания веб-галереи, даже если вы не собираетесь размещать ее в Интернете. Увидите, это отличный вариант для домашнего фотоальбома. Пользоваться им - одно удовольствие.

В простейшем случае от вас потребуется всего несколько действий.

Первое - обязательное. Вы должны указать папку, содержимое которой войдет в галерею. Для этого в области Source Images (Исходные изображения) в списке Use (Использовать) выберите Folder (Папка) и нажмите кнопку Browse (Поиск). Появится стандартное окно, с помощью которого нужно разыскать и указать папку с заготовленными файлами. Затем нажмите Destination (Расположение), чтобы указать, где будет храниться файл (на самом деле файлов там несколько) веб-галереи. Лучше выбрать отдельную папку или даже создать новую.

Следующий ход не обязательный, но очень советую не полениться и выполнить его. Выберите в списке Styles (Стили) один из стилей оформления, заготовленных создателями Photoshop. В правой части окна есть небольшое окно просмотра, в котором картинка меняется в соответствии с


выбранным стилем. Подберите себе оформление по душе, потом ведь людям показывать придется.

После этого, в принципе, можете нажимать OK и дожидаться, пока программа будет возиться с созданием галереи. Это довольно сложное дело, если картинок много. По окончании работы созданная веб-галерея будет вызвана на экран, дабы вы оценили всю ее красоту и изящество. Если оформление вас не устроило, то можете создать все заново.

Любители сделать по-своему могут покопаться в настройках окна. В его нижней части есть список Options (Настройки). Вы можете выбрать любой из пунктов этого списка и настроить параметры, которые появятся в окне. Советую обратить внимание на несколько таких пунктов и их параметров.

• Пункт Banner (Баннер), параметр Site Name (Имя сайта) - введите понятное имя, которое будет
отображаться в заголовке окна браузера. Например, «Галерея семьи Ивановых» или «Мы с
Мухтаром на рыбалке».

•     Пункт Large Images (Большие изображения), параметр Resize Images (Изменить размер изображений) - подгоняет размер картинок в пикселах к «общему знаменателю». По умолчанию предлагается сделать их размером Medium (Средний), то есть 350 пикселов по ширине. Это из расчета на маленький экран. Советую выбрать Large (Большой) - 450 точек. Если делаете галерею исключительно для собственных нужд, а монитор у вас большой (больше 17 дюймов), то можете указать в поле после списка точное значение - 600-800 пикселов. Снимать флажок Resize Images (Изменить размер изображений) не стоит: слишком большие Фотографии будут просто не помещаться на экране. Да и скорость показа их в Интернете невелика.

•     Пункт Thumbnails (Миниатюры), параметр Size (Размер) - выбор размера уменьшенных вариантов Фотографий. Подбирайте на глаз. Слишком мелкие миниатюры плохо видны, слишком крупные занимают много места. Ищите оптимум.

Немного поэкспериментировав, вы получите галерею в том виде, который вас наиболее устраивает. Впоследствии вы сможете со скромной гордостью показывать ее гостям или перенести в Интернет.

В первом случае достаточно найти папку, которую вы выбрали при нажатии кнопки Destination (Расположение), а в ней - файл index.htm. Откройте этот файл и наслаждайтесь.

О переносе веб-галереи в Интернет рассказывать не буду, ибо это тема совсем другой книги. Замечу только, что перенести галерею можно только на свой сайт - созданный по вашему заказу или предоставленный бесплатно.

Готовые веб-галереи в Интернете Внимание!

Учтите: веб-галерея состоит из нескольких папок и файлов. Index.htm - только верхушка «айсберга». Если вы решите перенести ее в другое место - на другой диск или в Интернет, -выделять нужно все. Именно поэтому для веб-галереи нужно сразу создавать отдельную папку.

Не у каждого есть свой сайт - хотя бы бесплатный. А фотографии в Сети выложить хочется. Идя навстречу пожеланиям трудящихся, многие хозяева крупных сайтов позволяют размещать на своих страницах частные коллекции фотографий.

Возьмем для примера сайт PhotoFile.Ru. На первой странице можете сразу нажать кнопку Размести свои фото. Сразу разместить ничего не получится, придется зарегистрироваться. Это не


слишком хлопотная операция, да и выполнить ее нужно только один раз, при первом посещении сайта. Впоследствии для входа будете использовать пароль, который высылается на ваш почтовый адрес.

Сразу же после регистрации вы окажетесь на своей персональной странице. Здесь вы полный хозяин. Правда, пока на вашей странице пусто.

Легко догадаться, что для добавления Фотографии нужно щелкнуть кнопкой мыши на ссылке Загрузить фото. В открывшемся окне нажмите ссылку Выбрать Фотографии для загрузки. Появится обычное окно открытия файлов, в котором нужно выбрать Фотографии, которые вы хотите загрузить, и нажать Открыть. Сразу же начнется процесс закачки Фотографий (рис. 12.60).



Рис. 12.60. Заполнение альбома Фотографиями

По окончании вы увидите окно с жизнеутверждающей надписью Фотографии добавлены в альбом. Теперь ваши снимки доступны любому посетителю PhotoFile.Ru.

Я честно проделал все описанные манипуляции, вы можете в этом убедиться. Откройте сайт и найдите в списке Жанры пункт Разное, а в нем - Школа/Учеба. Где-то среди альбомов есть Проще пареной репы. Это я создал, я! Заодно увидите, каков ваш покорный слуга в жизни.

Кстати, чтобы найти альбом, можно воспользоваться поиском. Введите название нужного альбома в поле в правом верхнем углу сайта и нажмите кнопку Найти.


Думаю, мне удалось убедить вас в простоте и удобстве использования веб-галерей. Итак, с графическими файлами разобрались. Но это ведь не все развлечения, доступные на компьютере! Как насчет музыки и фильмов?

Обсудить статью на форуме


Если прочитаная статья из нашей обширной энциклопедия компьютера - "Adobe Photoshop - Из Photoshop - в Сеть", оказалась полезной или интересной, Вы можете поставить закладку в социальной сети или в своём блоге на данную страницу:

Так же Вы можете задать вопрос по статье через форму обратной связи, в сообщение обязательно указывайте название или ссылку на статью!
   


Copyright © 2008 - 2017 Дискета.info