Як зберегти зображення у фотошопі. Як правильно зберігати зображення у Photoshop? Іконки, кнопки та банери

Інструкція

Новачку не варто сильно заглиблюватися в теорію, але обов'язково варто знати, що JPEG є форматом з алгоритмом стиснення. Файл цього формату може мати різні розширення, наприклад? .jpeg, .jfif, .jpg, .JPG, або.JPE. Він дуже зручний тим, що займає набагато менше місця, ніж аналогічне зображення TIFF або BMP. На відміну від останніх, він має менше інформації про зображення. Під час перегляду вихідного файлу на моніторі це може бути не дуже помітним, але під час друку фотографії в лабораторії або обробці результат може виявитися менш якісним, ніж формати з повною інформацією.

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

Для подальшої обробки або друкування у фотолабораторії зберігайте зображення в максимальній якості та розмірі. Якщо ви бажаєте зберегти зображення, відкрийте меню File (Файл) та виберіть Save as (Зберегти як). Виберіть каталог, куди буде збережено файл. У першому рядку впишіть назву, а в другому виберіть формат JPEG і натисніть Save (Зберегти). Якщо ви робили маніпуляції з файлом, то перед вами спливе діалогове вікно з вибором якості зображення, що зберігається. Слід вибрати максимальна якістьповзунком або відповідною цифрою 12. Підтвердьте вибір, натиснувши OK. Якщо ви не робили маніпуляцій із зображенням, то після його збереження діалогове вікно з вибором якості JPEG не відкриється.

При збереженні фотографії для публікації в інтернет, сучасні ресурси самі можуть змінювати розмір і якість JPEG, що завантажується. Тим не менш, у деяких випадках це доводиться робити самостійно. Перед збереженням зображення змініть його розмір, зайдіть в меню Image (Зображення) і виберіть Image size (Розмір зображення). Переконайтеся, що в полі Constrain Proportions (Зберігати пропорції) стоїть галочка. Виберіть зручну для вас одиницю вимірювання: сантиметри, пікселі, дюйми або міліметри, впишіть цифрами необхідне значення однієї зі сторін і натисніть Ok (у більшості випадків для веб-сторінок використовуються зображення від 800 до 1500 пікселів з більшої сторони). Збережіть результат, вибравши при цьому меншу якість. При його значеннях від 8 до 10 та невеликому розмірі зображення візуальні відмінності від вихідного розміру мінімальні, однак розмір файлу істотно скорочується.

також в Adobe Photoshopіснує спеціальний модуль для оптимізації та збереження зображень для веб-сторінок, який може виявитися зручнішим. У меню File (Файл) виберіть Save for Web (Зберегти для Web). У діалоговому вікні, що відкриється, вам буде представлено вікно перегляду зображення, що зберігається, і кілька варіантів налаштувань. Виберіть вкладку 4-up або 2-up. Програма представить вам чотири чи два можливі варіантиоптимізованого зображення. Щоб зберегти відповідний, достатньо просто натиснути на картинку і натиснути Save (Зберегти). Якщо варіанти вас не зовсім влаштували, попередньо скористайтеся інструментами, розташованими праворуч від зображення.

Adobe Photoshop – популярний багатофункціональний графічний редактор. З ним стикаються багато користувачів, особливо при обробці фотографій та картинок. Як зберегти у "Фотошопі" документ? Це з основних функцій графічного редактора. Далі будуть розглянуті всі можливі методизбереження картинок. Запропоновані до уваги поради значно полегшать процес роботи з "Фотошопом". Вони легко освоюються та застосовуються на практиці.

Звичайне збереження

Як зберегти фото у "Фотошопі"? Перша опція, наявна в графічному редакторі, - це команда "Зберегти". Зазвичай вона використовується при обробці заздалегідь відкритого документа. У ході виконання команди раніше наявний об'єкт буде замінено відредагованим зображенням.

1. Відкрити фото та відредагувати його на власний розсуд.
2. Натиснути кнопку "Файл". Вона знаходиться на панелі інструментів у верхній частині екрана.
3. Натиснути на кнопку "Зберегти...".

Важливо: якщо користувач створив графічний документ з нуля, після виконаних дій на екрані з'явиться лог збереження. Тут потрібно вказати ім'я документа, його формат зберігання та передбачуване місце розташування на комп'ютері.

Опція "Зберегти як..."

Другий спосіб збереження графічних файлів - використання команди "Зберегти як...". Цей прийомсхожий з раніше вивченим алгоритмом процесів. Він відрізняється різноманітністю параметрів збереження. Метод чудово підходить для дублювання картинок.

1. Натиснути "Файл" після редагування документа.
2. Вибрати в меню, що з'явилося, команду "Зберегти як...".
3. Вказати ім'я документа, що зберігається.
4. Виберіть формат збереження. Він знаходиться у рядку "Тип файлу".
5. Здійснити вказівку місця збереження графічного документа.
6. Клікнути по "Зберегти".
7. Вказати параметри фотографії. Зазвичай тут вибирають якість зображення та різновид формату. Можна вказати стандартну або покращену оптимізацію або з поступовим поліпшенням якості картинки в міру її завантаження.
8. Натиснути на кнопку "Ок".

Справу зроблено. Ми вивчили ще один спосіб збереження документів через "Фотошоп". Для швидкої активації опції можна натиснути Ctrl+Shift+S.

Із закриттям файлу

1. Перейти у вкладку з вибраним зображенням.
2. Навести курсор на правий верхній кутвкладки із відповідним документом.
3. Клікнути хрестиком лівою кнопкою миші.
4. Погодитись зі збереженням документа, натиснувши на "Так".

Важливо: Якщо клацнути на "Ні", Photoshop буде закрито без збереження змін у документі. "Скасування" поверне користувача до редактора без будь-яких змін.

Для Web-ресурсів

Часто "Фотошоп" використовується для створення графіки для Web-сайтів. Залишиться лише правильно здійснити збереження документа. Що для цього потрібно?

1. Вибрати "Файл" - "Зберегти для Web...".
2. Вказати графічний набір та формат збереження.
3. Виставити параметри тла.
4. Вказати якість знімка та його розмір.
5. Натиснути на кнопку "Готово".

Швидкий доступ до опції здійснюється за допомогою клавіш Alt + Shift + Ctrl + S.

Збереження фону та картинки без нього

А як зберегти фон у "Фотошопі"? Це досить просте завдання. Справа все в тому, що користувач може як фон використовувати будь-яке зображення. Залишиться тільки виставити його як згаданий елемент картинки.

Створення фону у "Фотошопі" здійснюється так:

1. Відкрити чи створити графічний документ.
2. Натиснути кнопку "Додати новий шар".
3. Копіювати зображення, що використовується як фон.
4. Вставити картинку на новий шар.

Тепер залишається провести необхідні коригування із зображенням, а потім перенести шар із тлом у самий низ.

Як зберегти у "Фотошопі" картинку без заднього фону? Для цього потрібно створити документ у форматі.gif або .tiff. Краще працювати з першим варіантом. Для цього доведеться активувати опцію "Зберегти для Web...", а потім у параметрах збереження поставити позначку біля "Прозоро".

Збережену на комп'ютері, і навчитися останньому штриху — як зберегти картинку (зображення, фотографію) у фотошопі.

Процес збереження зображення тісно пов'язаний з форматами графічних файлів. Оскільки від того, який ви виберіть формат, залежатиме багато (підтримка прозорості, розмір файлу і кількість кольорів, що відображаються). Я не повторюватимусь і розписуватиму про кожен формат, оскільки вся ця інформація вже докладно викладена у статті, присвяченій використовуваним фотошопом.

Файл — Зберегти (Ctrl+S)

Як правило, ця команда використовується, коли користувач відкрив уже існуюче зображеннята займається його редагуванням. Виконавши цю команду, фотошоп оновить цей файл у тому форматі, що він і був раніше. Можна сказати, що це швидке збереження, яка не вимагатиме від вас відрегулювати будь-які параметри зображення.

Якщо ви створили зображення з нуля, то ця команда буде працювати як Зберегти як.

Файл — Зберегти як… (Shift+Ctrl+S)

Ця команда є основною і наділена безліччю «складнощів».

Вибравши цю команду, потрібно вказати фотошопу куди, з яким ім'ям і в якому форматі бажаєте зберегти свою фотографію. Для цього з'явиться діалогове вікно:

Зеленими стрілками вказані кнопки керування навігацією (для вказівки місця збереження файлу), а блакитною стрілкою показано меню вибору формату майбутнього зображення. Після цього натисніть кнопку Зберегти.

Але це ще не все. Фотошоп покаже ще одне вікно Параметри. Вміст цього вікна безпосередньо залежатиме від вибраного вами формату файлу.

Найголовніше, що тут можна налаштувати, то це якість зображення. У полі з цифрами можна внести значення якості від 1 до 10 або вибрати його текстове позначенняу списку, що випадає, або рухаючи повзунок. Підсумковий розмір файлу відображається у правій половині вікна.

Якість зображення впливає на його розмір, а значить і швидкість завантаження в інтернеті і відкриття на комп'ютері.

Також вам пропонується три різновиди формату:

• Базовий («стандартний») – це відображення зображень на екрані рядково. Тобто звичайнісінький спосіб відображення вмісту JPG-файлу.
• Базовий оптимізований - це зображення з оптимізованим кодуванням Huffman.
• Прогресивний — це формат, який забезпечує показ із поступовим покращенням якості зображень у міру їх завантаження.

Процес збереження можна розглядати з іншого боку збереження проміжних етапів роботи. Для цього існують формат PSD, формат який створено спеціально для фотошопу.

Виберіть його зі списку форматів вікна, що розкриває. Зберегти як,щоб мати можливість знову повернути фотографію до редагування, адже збережеться вся палітра шарів, всі фільтри та ефекти, які ви застосували. Все це можна буде заново налаштувати та доповнити. .

Третій спосіб збереження у фотошопі

Натисніть на хрестик цього зображення (червона стрілочка), якщо хочете закрити зображення, але залишитися у фотошопі, або на хрестик самого фотошопу (синя стрілочка), якщо хочете закінчити свою роботу. Дякую!

Я вас знову вітаю на просторах мого блогу, шановні читачі та відвідувачі. Сьогодні ми дізнаємося, як зберегти картинку у фотошопі для різних ситуацій. Ми дізнаємося, як зберігати зображення на прозорий фон, без втрати якості, анімацію та багато іншого. Багато хто вже напевно вдумає: «Що за фігня? Коли ми почнемо нормальним фотошопом займатися, а не дрібницями». Я вам відповім. Не поспішайте наперед паровоза. Вивчіть спочатку теорію та ази, а вже потім і найцікавіше буде. Ідіть по порядку і все буде круто. Тим більше тут є свої нюанси, починаючи з формату малюнка, закінчуючи розміром.

Звичайне збереження

Щоб зберегти ваш документ або точніше сказати картинки, вам потрібно знову йти у верхнє меню і натиснути там куди? Правильно, треба натиснути на "Файл". А у меню вибрати «Зберегти як» . Є кілька основних форматів, які рекомендується зберігати. Докладніше ми їх розглядали. Коротко скажу вам у які формати для яких цілей краще зберігати зображення.

І, до речі, коли ви збережете картинку у формат JPG, то вам вискочить віконце, де запропонують вибрати якість. Я зазвичай ставлю 8 для звичайних фотографій. В принципі, якість вище невиразно особливо. Різновид формату ролі особливим не грає, принаймні ви нічого точно не помітите. Можете поставити базовий оптимізований, тоді підсумкове зображення займатиме трохи менше місця.

Якщо зображення передбачає роботу з більш точним малюнком, де показані якісь важливі дрібниці, то ставте на повні 12, тому що від цього залежить, як змінюватиметься якість зі збільшенням картинки. Якщо це звичайна картинка, де точність та якість особливої ​​ролі не відіграє, то не варто ставити більше 8.

В яких форматах найкраще зберігати картинку

Розглянемо найпопулярніші формати картинок, які використовуються для різних цілей.

• Якщо ваш проект ще не закінчено, то зберігайте у форматі PSD. Збережеться весь ваш прогрес, прозорість, усі шари тощо. Та й, до речі, якщо проект не просто якась одноденка, а щось масштабніше, то краще завжди тримати копію в PSD. Я завжди тримаю шаблони картинки, які вставляю в анонс до статті, оскільки тема одна й та сама. Просто змінюється картинка всередині та заголовок.
• Якщо ви закінчили ваш проект і хочете зберегти ваш кінцевий результат (наприклад, обробили фотографію або зробили колаж), то зберігайте в JPG (JPEG). Найоптимальніша для фото. У переважній більшості випадків будемо зберігати саме в ньому.
• Якщо ви робили анімацію (наприклад анімовані банери), то вам підійде лише GIF, оскільки він може складатися одночасно з кількох зображень. Але незважаючи на величезний плюс, це розширення має і жирний мінус. Справа в тому, що воно не здатне зберігати картинки з кількістю кольорів більше 256. А це, як ви вже напевно здогадалися, дуже мало, з урахуванням того, що звичайна фотографія JPG здатна містити в собі більше 16 мільйонів кольорів. Чуєте різницю? Але для малоколірних анімованих банерів це буде те, що треба.
• Якщо у вас зображення має на увазі прозоре тло, тобто. на картинці тільки певний об'єктбез білого фону (або), тоді ваш формат PNG. Справа в тому, що якщо ви збережете будь-яку картинку з прозорим фоном у фотошопі з розширенням JPG, то він просто заллється білим кольором. І при наступній вставці картинки в редактор ніякої прозорості більше не буде.
• Якщо ви хочете зберегти картинку у фотошопі без втрати якості, то найкраще робити це у форматі TIFF. Саме тут зберігається вся палітра кольорів і пікселі. Цей форматвикористовують для поліграфії при роздруківці растрових зображеньсаме так через те, що якість не кульгає. Єдиним мінусом стає те, що він займає багато місця на жорсткому диску.
• Ну і звичайно, не можна було не згадати, що фотошоп здатний створювати графіку у форматі PDF, що дозволить відкривати його як зображення,а як документ.

Ще хотілося б помітити, що GIF, як і PNG, підтримує прозорість фону, але на відміну від останнього він не підтримує напівпрозорість. Або все, або нічого.

Звичайно, тут ви можете побачити багато інших розширень, але повірте мені, вони не варті вашої уваги.

Збереження для Web

Крім звичайного експорту файлів, ви можете зберегти зображення для викладання в інтернеті. При такому способі воно буде оптимізованіше під інтернет, що прискорить його відкриття і взагалі буде зручнішим. Так що якщо ви хочете вставляти картинки на сайт, то краще заздалегідь зберегти їх для інтернету.

А якщо ви хочете зберегти картинку у фотошопі з прозорим фоном для Web, виберіть формат PNG-24. Обов'язково переконайтеся, що в пункті «Прозорість» стоїть галочка, інакше ваше зображення буде з білим тлом, який замінить усю порожнечу. Як ви вже знаєте, розширення PNG здатне працювати без фону.

Щоб зберегти анімацію, багато сил теж не потрібно. Просто виберіть формат збереження GIF і за потреби поставте повноцвіт, тобто. усі 256 кольорів, якщо ви вважаєте, що це потрібно. Інші налаштування чіпати не потрібно, залиште все без дезерингу, щоб не займати зайвий простір.

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

Спробуйте виконати всі маніпуляції від початку до кінця самостійно. Це дуже просто. Крім того, зробіть це для кожного призначення.

Ну а якщо ви хочете детальніше вивчити фотошоп, то можу вам запропонувати чудовий відеокурсзавдяки якому ви навчитеся фотошопу за пару-трійку тижнів. Повірте, це зовсім не складно, якщо приділяти програмі 1-2 години на день. Всі уроки виконані у форматі відео та розраховані для початківців, так що вам не буде дискомфортно і ви все зрозумієте з першого разу. Повірте, це справді курс!

Ну а на цьому наш сьогоднішній урок добігає кінця. Я дуже радий, якщо ця стаття була для вас корисною. До речі, якщо хочете отримувати оновлення на моєму блозі, то обов'язково підпишіться, і тоді ви будете знати найсвіжіші новини, конкурси і просто корисні уроки для вас. Успіхів вам і побачимося в наступних статтях. Бувай.

З повагою, Дмитро Костін

Сьогодні ми поговоримо про те, як правильно зберегти та оптимізувати картинку у фотошопі та в якому форматі це краще зробити. Але ж правильний вибірформату збереження дуже сильно впливає на якість і зовнішній виглядкартинки, а також на вагу картинки в кілобайтах. Це особливо важливо для тих, хто враховує витрати трафіку. Отже, давайте розберемося по порядку з jpg, gif та png.

1. У яких форматах зберігати картинки
Після того, як ви відкрили у фотошопі улюблену фотографію і якимось чином почаклували над нею або взагалі створили з нуля колаж власного виробництва, вам належить зберегти цей файл у себе на комп'ютері. Для збереження файлу існують три найпоширеніші формати.

Формат jpg.Мабуть, найпоширеніший формат. Підходить для збереження складних графічних зображеньз безліччю кольорів та відтінків та насиченою текстурою. Тобто фотографії найкраще зберігати у цьому форматі. Серед його недоліків - не підтримує прозорість і дуже чутливий до червоного кольору.

Формат GIF.У цьому форматі дуже добре зберігати файли з обмеженою кількістю кольорів. Наприклад, текстові сторінки, таблиці, схеми, логотипи, прості картинки. Виходить набагато чіткіше та важить менше. Плюс формат підтримує прозорість та анімацію. Однак, формат морально старіє і вже поступається формату png.

Формат png.Схожий на попередній формат, але більш просунутий та ефективніше стискає картинки. У PNG дуже зручно зберігати кліпарти на прозорому тлі. Існує у двох форматах png-8 (для простих картинок, підтримує 256 кольорів) та png-24 (для більш складних зображень, добре підтримує кольори).

2. Зберігаємо за допомогою функції «Зберегти як…» (Save as…)
Можна зберегти картинку, використовуючи старий добрий спосіб через меню «Файл» -> «Зберегти як…» (Save as…) або комбінація клавіш «Shift+Ctrl+S». У меню, що випадає, вибирається формат файлу, в якому хочемо зберегти файл. (Дивимося малюнок нижче) Цей спосіб використовується, коли картинка, що зберігається, залишиться на вашому комп'ютері і не призначається для публікації в інтернеті.

3. Зберігаємо за допомогою функції «Зберегти для Web» (Save for Web…)
Якщо ваша картинка призначена для того, щоб бути вивішеною в інтернеті, то краще скористатися функцією «Зберегти для Web» (Save for Web…). При такому способі картинка краще та якісніше зберігається саме для інтернету і плюс там є кілька зручних можливостей. Вибираємо в меню "Файл" -> "Зберегти для Web ..." (Save for Web ...) або комбінація клавіш "Alt + Shift + Ctrl + S". Відкриється діалогове вікно.

Для того, щоб зберегти картинку у форматі jpg у меню (1) вибираємо формат JPEG. Ставимо якість збереження (2) від 75% до 95%. Я завжди ставлю 75%. Встановлюємо, якщо треба, потрібні розміри картинки (3). У вікнах зліва показаний початковий розмір картинки (4) і розмір оптимізованої картинки (5). Після цього натискаємо "Зберегти".

Для того, щоб зберегти картинку у форматі gif у меню (1) вибираємо формат GIF. Вибираємо кількість кольорів для збереження (2). Встановлюємо, якщо треба, потрібні розміри картинки (3). У віконцях зліва показаний початковий розмір картинки (4) і розмір оптимізованої картинки (5). Після цього натискаємо "Зберегти".

Для того, щоб зберегти картинку в формат pngу меню (1) вибираємо формат PNG-8. Вибираємо кількість кольорів для збереження (2). Встановлюємо, якщо треба, потрібні розміри картинки (3). У віконцях зліва показаний початковий розмір картинки (4) і розмір оптимізованої картинки (5). Ставимо галочку в чекбоксі «Прозорість» (6) для того, щоб фон був прозорим. Після цього натискаємо "Зберегти".

Якщо відразу не зрозуміло, в якому режимі зберігати, краще перепробувати всі режими збереження, на око визначаючи оптимальне для вас поєднання якості картинки і її ваги після оптимізації. Взагалі корисно поекспериментувати з налаштуваннями, щоб зрозуміти, як працює та чи інша функція.