Как да запазите изображения за

Една от най-важните функции, които Photoshop предлага, е функцията " Запиши за Уеб / Устройства ".

Защо да го използвате? Докато можете просто да запазите файла си по стандартен метод, като File / Save As , функцията "Запиши за Уеб / Устройства" прави от решаващо значение три неща.

Този инструмент работи чудесно за извеждането на Twitter икони, Facebook профили снимки, продуктови файлове, блог изображения и изходни файлове за favicons.

  • 01 - Отворете източника си файл

    Файл / Отворете Photoshop. Скрийншот от Брайън Хайнис

    За да започнете, ще трябва да отидете в File / Open, за да отворите файла си. Тя може да бъде във всеки формат - jpg, gif, psd, png или други. Докато Photoshop може да го отвори, можете да го изведете за мрежата.

  • 02 - Запазване на файла ви за мрежата

    Файл Запазване на Photoshop CS5. Скрийншот от Брайън Хайнис

    Ще преминем към спестяване за Мрежата, ако приемем, че сте направили каквито и да било корекции, които искате. Очевидно, ако трябва да редактирате изображението, направете го първо и продължете с тази стъпка по-късно.

    Отворете File / Save for Web / Devices и щракнете върху. Това е наполовина надолу от падащото меню.

    Този процес изобщо не променя оригиналния ви файл. Създавате нов файл. След като завършите този урок и се върнете към оригиналното си изображение във Photoshop, ще трябва да го запазите, ако сте направили някакви промени в него. Важно е името на новото ви изображение да е различно от първоначалното. Често просто добавянето на _web към името на файла ще работи добре. (пример: filename_web.jpg)

  • 03 - Регулиране на изгледа за сравнение на 2-нагоре

    Сравнение на страници. Скрийншот от Брайън Хайнис

    В зависимост от настройките си, може да се наложи да коригирате изгледа тук. Това, което искате, е ляво и дясно сравнение на вашето изображение. Лявата страна ще покаже оригинала, вдясно ще се покаже качеството на изображението при текущите настройки.

    Ако погледнете в горната част на прозореца, ще видите следните опции: Оригинал, Оптимизиран, 2-Up, 4-Up. За повечето цели, 2-Up е това, което ще искате.

  • 04 - Задайте размера на гледане на 100%

    Регулиране на изгледа до 100% в Photoshop CS5. Скрийншот от Брайън Хайнис

    За да сте сигурни, че гледате на 100%, проверете опцията в долния ляв ъгъл на екрана.

    Важно е да запомните, че ако прегледате изображението си по-високо от 100%, то ще изглежда зърнесто или дори неразгадаемо. Винаги работете с изображението на 100%.

  • 05 - Избор на размери на файла

    Избор на размери на файла в Photoshop CS5. Скрийншот от Брайън Хайнис

    Размерите за мрежата са почти винаги в пиксели (px). Важно е пропорциите да се запазят правилно. Освен кутията за изображения е малко изображение на верижна връзка. Това, което прави, е да мащабирате ширината, когато регулирате височината. Например, изображение, което е 600px на 400px. Ако намалите ширината до 300px, файлът автоматично ще се мащабира до височина 200px. Ако няма отметка, изображението ще бъде изкривено.

    Имате и опция за мащабиране на изображението по проценти.

  • 06 - Изберете типа файл за експортиране

    Избиране на типа файл за експортиране във Photoshop CS5. Скрийншот от Брайън Хайнис

    При тази опция типът оригинален файл няма значение. Можете да изберете какъвто и да е файл, от който се нуждаете.

    Забележка: За да започнете процеса, ще трябва да кликнете върху изображението вдясно. Изображението трябва да бъде избрано за обработка.

    Най-често срещаният е jpg за мрежата - това е най-малкият файлов формат, което означава, че той се изтегля по-бързо за посетителите на сайта ви. Ако имате прозрачност, изберете png-24. Ако не знаете каква прозрачност означава, че трябва да изберете jpg.

  • 07 - Изберете качество на изображението

    Изберете качество на изображението в Photoshop CS5. Скрийншот от Брайън Хайнис

    Всяка от трите опции за jpg (High, Medium, Low) има предварително зададени настройки за качество, които могат да бъдат коригирани ръчно. Ако гледате на 100%, можете да решите каква е качеството ви. За да настроите нивото на мащабиране, вижте Стъпка 5. Изображението ще изглежда същият като в прозореца за визуализация.

    Ако сте избрали нещо различно от jpg, можете да пропуснете тази стъпка.

  • 08 - Запазете файла си

    Запазете файла си в Photoshop CS5. Скрийншот от Брайън Хайнис

    След като сте направили необходимите корекции, вие сте готови да запазите файла. Кликнете върху "Запазване" и изберете желаната от Вас папка и име на файл за това ново изображение.

    Поздравления! Новият ви файл е готов за използване онлайн.