Как да запишете след Photoshop. Запазете изображения във Photoshop

Здравейте, скъпи читатели на блога Start-Luck! Андрей Зенков и моят практически съветипо уеб дизайн. Днес ще говорим за самите ключове, без които вашият сайт никога няма да отвори вратата към света на отметките на браузъра (и е толкова важно за потребителя да маркира любими страници със звездичка).

Както може би се досещате, ще става въпрос за изображения. Намирането на ярка снимка е само половината от успеха. След обработката му, оцветяването, наслагването на текст и други манипулации се задава нов проблем на хоризонта: как да запазите изображение във Photoshop?

Да предположим, че сте създали уебсайт за домашни любимци и нетърпеливи да добавите обширна фотогалерия. Bang - и не можете да си представите дизайн без очарователни икони на менюто под формата на щампи на лапи. Какво ще кажете за раздел със забавни анимации, които ще развеселят посетителите на вашия сайт?

С ентусиазъм персонализирате всички изображения, запазвате и ... виждате, че усилията са напразни. Пикселите напълно убиват старателно създадените „крака“ и не можете да гледате снимки в движение без сълзи. Photoshop автоматично се премества в списъка с програми за премахване и вие си обещавате да намерите истински майстор. За какво? Можете да направите всичко сами, след като сте научили основната тайна, която винаги използвам.

Алгоритъмът за запазване на изображения в оптимално качество зависи от техния формат. Не искам да навлизам в подробности, като говоря кои са растерни и кои векторни. Освен това можете да ги промените с няколко кликвания. Вече писах за това в една от моите статии, споделяйки с читателите за промяна на форматите на изображенията.

Анализирайки сайтовете, с които интернет е богат, забелязах една интересна подробност: всички графични елементи са представени само с няколко универсални формати, докато съществуването на други е напълно забравено. Какво са те?

Основните групи изображения в уеб дизайна

Графичното съдържание на сайтовете условно е разделено на три категории.

Колажи и снимки

Характеризират се с JPG формата - между другото, най -разпространеният в мрежата. Тези изображения са с малки размери, което ви позволява да ги използвате в дизайна на сайта без страх от бавно зареждане на страници. Например, същият пейзаж, запазен в JPG и PNG, се различава значително по тегло:

Икони, бутони и банери

PNG е предпочитан за тези елементи на дизайна. Тя ви позволява да изрежете обекта и да запазите изображението без фон, като вместо това използвате в бъдеще „фона“ на сайта. Бих препоръчал този формат и за изображения, които не могат да се похвалят с огромна палитра. Например, създаваме документ във Photoshop и - името на сайта:

Запазваме изображението в два формата и сравняваме резултата:

Анимация

GIF е предназначен за създаване на анимирани изображения, състоящи се от два или повече слоя. Това може да стане не само с Photoshop, но и. Бих нарекъл този формат най -капризния, защото е трудно да се постигне добро качество, докато се спестява в него. За щастие имам лайфхак, който ще ви помогне да получите анимации с минимална пикселация. Заинтригуван? Четете нататък!

Инструкции стъпка по стъпка за запазване на изображения

Нека започнем с JPG: много е лесно да получите снимка без загуба на качество с нея. За да направите това, кликнете върху „Файл“ - „Запазване като“. Ако желаете, можете да използвате комбинацията от клавиши Shift + Ctrl + S:

В прозореца, който се показва, потърсете падащия списък „Файлове от тип“ и изберете реда JPEG. Обикновено е по подразбиране:

В същия падащ списък можете също да изберете реда PNG, като по този начин опростите задачата си. Препоръчвам обаче да запазвате изображения с прозрачен фонпо различен начин.

Разгледайте прозореца, който се отваря. Вашата задача е да се уверите, че PNG-24 е избран в падащия списък и има отметки до редовете "Прозрачност" и "Преплетени":

Моля, обърнете внимание: последното отметка намалява времето за зареждане на изображението на сайта, но в същото време увеличава теглото му. Ако това не ви притеснява, кликнете върху „Запазване“. В прозореца, който се показва, изберете пътя на файла и натиснете отново желания бутон, за да получите PNG изображениеи го поставете на сайта възможно най -скоро!

Анимацията се запазва чрез същия елемент от менюто, но сега трябва да изберете опцията GIF в падащия списък. Огромен брой параметри и неразбираеми думи могат да предизвикат объркване или дори страх. Не си заслужава! Просто задайте опциите, които използвам:

Обобщаване

Работата с графики изисква постоянно усъвършенстване на уменията, без да се забива в една или две области. Как да бъде? По едно време това се превърна в истинска находка за мен набор от пет мини-курса от проекта "Photoshop-master". Научих повече от един байт от тях. полезна информация.

Материалът се предоставя в достъпна форма и безплатно. Това е чудесна алтернатива за обучение в компютърни академии и часове на търсене на правилните уроци в Интернет.

Това е всичко. Не забравяйте да се абонирате за Група ВКонтакте и актуализации в блога за седмична порция свежи и полезни статии.

Андрей Зенков беше с вас. До следващия път!

Adobe Photoshop е популярен многофункционален графичен редактор. Много потребители се сблъскват с това, особено при обработка на снимки и снимки. Как да запазите документ във Photoshop? Това е една от основните функции на графичния редактор. Всички възможни методи за запазване на снимки ще бъдат разгледани по -долу. Тези съвети значително ще улеснят процеса на работа с "Photoshop". Те са лесни за научаване и прилагане на практика.

Нормално запазване

Как да запазите снимка във Photoshop? Първата опция, налична в графичен редактор, е командата "Запазване". Обикновено се използва при обработка на предварително отворен документ. По време на изпълнението на командата съществуващият по -рано обект ще бъде заменен с редактираното изображение.

Отворете снимката и я редактирайте, както сметнете за добре.
Кликнете върху бутона „Файл“. Той се намира в лентата с инструменти в горната част на екрана.
Кликнете върху бутона „Запазване ...“.

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

Опция „Запазване като ...“

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

Кликнете върху „Файл“, след като редактирате документа.
Изберете командата „Запазване като ...“ в менюто, което се показва.
Посочете името на записания документ.
Изберете формата за запазване. Той се намира в реда "Тип файл".
Извършете указание за местоположението на запазване на графичния документ.
Кликнете върху „Запазване“.
Посочете параметрите на снимката. Обикновено тук се избират качеството на изображението и разнообразието от формати. Можете да посочите стандартна или разширена оптимизация или с постепенно подобряване на качеството на изображението, докато се зарежда.
Кликнете върху бутона „Ok“.

Това е направено. Изучихме друг начин за запазване на документи чрез Photoshop. За бързо активиране на опцията можете да натиснете Ctrl + Shift + S.

Затваряне на файла

Отидете в раздела с избраната картина.
Преместете курсора над горния десен ъгъл на раздела със съответния документ.
Щракнете върху кръста с левия бутон на мишката.
Приемете да запазите документа, като кликнете върху „Да“.

Важно: Ако щракнете върху Не, Photoshop ще се затвори, без да запазва никакви промени в документа. „Отказ“ ще върне потребителя в редактора без никакви промени.

За уеб ресурси

Често Photoshop се използва за създаване на графики за уеб сайтове. Остава само да запазите правилно документа. Какво е необходимо за това?

Изберете „File“ - „Save for Web ...“.
Посочете графичен набор и запазете формат.
Задайте параметри на фона.
Посочете качеството и размера на изображението.
Кликнете върху бутона „Край“.

Бърз достъп до опцията се осъществява с помощта на комбинацията Alt клавиши+ Shift + Ctrl + S.

Запазване на фона и картината без него

Как да запазите фона във Photoshop? Това е доста проста задача. Въпросът е, че потребителят може да използва всяко изображение като фон. Остава само да го настроите като споменатия елемент на картината.

Създаването на фон във Photoshop става по следния начин:

Отворете или създайте графичен документ.
Кликнете върху бутона „Добавяне на нов слой“.
Копирайте изображението, използвано като фон.
Поставете картината върху създадения нов слой.

Сега остава да направите необходимите корекции на изображението и след това да преместите фоновия слой до самото дъно.

Как да запазите снимка във Photoshop без заден план? За да направите това, трябва да създадете документ във формат .gif или .tiff. За предпочитане е да работите с първия вариант. За да направите това, ще трябва да активирате опцията „Запазване за мрежата ...“ и след това да поставите отметка в квадратчето до „Прозрачно“ в опциите за запазване.

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

1. В какви формати да запазвате снимки
След като сте отворили любимата си снимка във Photoshop и по някакъв начин сте я заклинали или като цяло сте създали колаж от собствено производство от нулата, трябва да запишете този файл на компютъра си. Има три най -често срещани формата за запазване на файл.

Jpg формат.Може би най -често срещаният формат. Подходящ за консервиране на комплекс графични изображенияс много цветове и нюанси и богата текстура. Тоест снимките се запазват най -добре в този формат. Сред недостатъците му - не поддържа прозрачност и е много чувствителен към червения цвят.

GIF формат.Този формат е много добър за запазване на файлове с ограничен брой цветове. Например текстови страници, таблици, диаграми, лога, прости снимки. Оказва се много по -ясно и тежи по -малко. Освен това форматът поддържа прозрачност и анимация. Форматът обаче е остарял и вече отстъпва на png формата.

PNG формат.Подобно на предишния формат, но по -напреднали и по -ефективно компресиране на изображения. Много е удобно да запазвате клипарти в png на прозрачен фон. Той съществува в два формата png-8 (за прости изображения, поддържа 256 цвята) и png-24 (за по-сложни изображения, поддържа цветове добре).

2. Запазваме с помощта на функцията „Запазване като ...“ (Запазване като ...)
Можете да запишете картината по добрия стар начин чрез менюто „Файл“ -> „Запазване като ...“ или комбинацията от клавиши „Shift + Ctrl + S“. Падащото меню избира формата на файла, в който искаме да запишем файла. (Вижте снимката по -долу) Този метод се използва, когато запазеното изображение остава на вашия компютър и не е предназначено за публикуване в Интернет.

3. Запазваме с помощта на функцията „Запазване за мрежата“ ( Запази заМрежа ...)
Ако вашата снимка е предназначена за публикуване в Интернет, тогава е по -добре да използвате функцията „Запазване за мрежата“ (Запазване за мрежата ...). С този метод картината се запазва по -добре и по -добре специално за Интернет, а плюс има няколко удобни функции. Изберете от менюто „Файл“ -> „Запазване за мрежата ...“ (Запазване за мрежата ...) или комбинацията от клавиши „Alt + Shift + Ctrl + S“. Ще се отвори диалогов прозорец.

За да запазите картината във формат jpg, изберете формата JPEG в падащото меню (1). Зададохме качеството на съхранение (2) от 75% до 95%. Винаги залагам 75%. Задаваме, ако е необходимо, необходимия размер на картината (3). Прозорците вляво показват оригиналния размер на изображението (4) и оптимизирания размер на изображението (5). След това кликнете върху „Запазване“.

За да запазите картината в gif формат, изберете GIF формат от падащото меню (1). Изберете броя цветове, които да запазите (2). Задаваме, ако е необходимо, необходимия размер на картината (3). Прозорците вляво показват оригиналния размер на изображението (4) и оптимизирания размер на изображението (5). След това кликнете върху „Запазване“.

За да запазите картината във формат png, в падащото меню (1) изберете формата PNG-8. Изберете броя цветове, които да запазите (2). Задаваме, ако е необходимо, необходимия размер на картината (3). Прозорците вляво показват оригиналния размер на изображението (4) и оптимизирания размер на изображението (5). Поставете отметка в квадратчето „Прозрачност“ (6), за да направите фона прозрачен. След това кликнете върху „Запазване“.

Ако не е ясно веднага в кой режим да запишете, най -добре е да опитате всички режими на запазване, като окото определи оптималната комбинация от качество на картината и нейното тегло след оптимизация. Като цяло е полезно да експериментирате с настройките, за да разберете как работи определена функция.

Инструкции

Начинаещият не трябва да навлиза дълбоко в теорията, но определено трябва да знаете, че JPEG е формат с алгоритъм за компресиране. Файл от този формат може да има различни разширения, например? .jpeg, .jfif, .jpg, .JPG или .JPE. Той е много удобен, тъй като заема много по -малко място от подобно изображение във формат TIFF или BMP. За разлика от последния, той има по -малко информация за изображението. Когато гледате оригиналния файл на монитора, това може да не е много забележимо, но при отпечатване на снимка в лаборатория или обработка резултатът може да е с по -ниско качество от форматите с пълна информация.

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

За по -нататъшна обработка или отпечатване в тъмна стая, запазете изображението при максимално качество и размер. Когато запазвате изображението, което търсите, отворете менюто Файл и изберете Запазване като. Изберете директорията, в която ще бъде записан файлът. В първия ред въведете името, а във втория изберете формата JPEG и щракнете върху бутона Запазване. Ако сте манипулирали файла, ще се появи диалогов прозорец с избор на качеството на запазеното изображение. Изберете максималното качество с плъзгача или съответния номер 12. Потвърдете избора, като щракнете върху OK. Ако не сте извършили никакви манипулации с изображението, след като го запазите, диалоговият прозорец с избор на качество на JPEG няма да се отвори.

Когато запазват снимка за публикуване в Интернет, самите съвременни ресурси могат да променят размера и качеството на изтегления JPEG. В някои случаи обаче трябва да го направите сами. Преди да запазите картината, преоразмерете я, като отидете в менюто Изображение и изберете Размер на изображението. Уверете се, че квадратчето Ограничи пропорциите е поставено. Изберете удобната за вас мерна единица: сантиметри, пиксели, инчове или милиметри, въведете в цифри необходимата стойност за една от страните и щракнете върху OK (в повечето случаи се използват снимки от 800 до 1500 пиксела от по -голямата страна за уеб страници). Запазете резултата с по -ниско качество. Със своите стойности от 8 до 10 и малък размер на изображението, визуалните разлики от оригиналния размер са минимални, но размерът на файла е значително намален.

Също така в Adobe Photoshop има специален модул за оптимизиране и запазване на изображения за уеб страници, което може да е по -удобно. От менюто File изберете Save for Web. В диалоговия прозорец, който се отваря, ще бъдете представени с прозорец за предварителен преглед на запазеното изображение и няколко опции за настройки. Изберете раздела 4-нагоре или 2-нагоре. Програмата ще ви представи четири или две възможни вариантиоптимизирано изображение. За да запазите подходящ, просто щракнете върху снимката и щракнете върху Запазване. Ако не сте доволни от опциите, първо използвайте инструментите, разположени вдясно от изображението.

Приветствам ви отново в необятността на моя блог, скъпи читатели и посетители. Днес ще научим как да запазвате снимка във Photoshop за различни ситуации. Ще се научим как да запазваме изображения на прозрачен фон, без загуба на качество, анимации и много други. Мнозина вероятно вече ще си помислят: „Какво, по дяволите? Когато започнем да правим нормален фотошоп, а не всякакви дреболии. " Ще ти отговоря. Не бързайте пред локомотива. Първо научете теорията и основите и едва тогава ще бъде най -интересното. Върви по ред и всичко ще е наред. Освен това тук има нюанси, започвайки от формата на картината, завършвайки с размера.

Нормално запазване

За да запазите вашия документ или по -точно снимки, трябва да отидете отново в горното меню и да щракнете къде? Точно така, трябва да кликнете върху „Файл“. И в менюто, което се отваря, изберете „Запазване като“. Има няколко основни формата, в които се препоръчва запазване. Разгледахме ги по -подробно. Накратко, ще ви кажа в кои формати за какви цели е по -добре да запазвате изображения.

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

Ако изображението предвижда работа с по -точен чертеж, където са показани някои важни малки неща, тогава поставете пълните 12, тъй като зависи от това как качеството ще се промени, когато картината се увеличи. Ако това е обикновена картина, където точността и качеството не играят особена роля, тогава не трябва да залагате повече от 8.

Кои са най -добрите формати за запазване на снимка

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

Ако вашият проект все още не е завършен, тогава запишете във формата PSD... Целият ви напредък ще бъде запазен, прозрачността, всички слоеве и така нататък. И между другото, ако проектът не е просто някакъв еднодневен, а нещо по-амбициозно, тогава е по-добре винаги да държите копие в PSD. Винаги пазя шаблони за картини, които поставям в обявата за статията, тъй като темата е същата. Картината вътре и заглавието просто се променят.
Ако сте завършили проекта си и искате да запазите крайния си резултат (например сте обработили снимка или сте направили колаж), след това я запазете в JPG (JPEG)... Най -оптималното за снимка. В по -голямата част от случаите ще го запишем в него.
Ако сте направили анимация (например анимирани банери), само тогава GIF, тъй като само той може да се състои от няколко изображения едновременно. Но въпреки огромния плюс, това разширениесъщо има смел минус. Факт е, че той не е в състояние да съхранява снимки с повече от 256 цвята.И това, както вероятно вече се досещате, е много малко, като се има предвид, че обикновената JPG снимка може да съдържа повече от 16 милиона цвята. Усещате ли разликата? Но за нискоцветни анимирани банери - това ще бъде това, от което се нуждаете.
Ако вашето изображение предполага прозрачен фон, т.е. на снимката само определен обект без бял фон(или) тогава вашият формат е PNG изображение... Факт е, че ако запазите някоя снимка с прозрачен фон във Photoshop с разширението JPG, тя просто ще бъде изпълнена с бяло. И с последващото вмъкване на картината в редактора, няма да има повече прозрачност.
Ако искате да запазите снимка във Photoshop, без да губите качество, тогава е най -добре да го направите във формат Тиф... Тук се съхраняват цялата цветова палитра и пиксели. Този формат се използва за печат при печат растерни изображенияпросто поради факта, че качеството не куца. Единственият недостатък е, че заема неприлично количество място на твърдия диск.
И разбира се, беше невъзможно да не споменем, че Photoshop е способен да създава графики във формата PDF, което ще ви позволи да го отворите не като изображение, а като документ.

Бих искал също да отбележа, че GIF, подобно на PNG, поддържа прозрачността на фона, но за разлика от последния, той не поддържа прозрачността. Или всичко 1, или нищо.

Разбира се, тук можете да видите много други разширения, но повярвайте ми, те не струват вашето внимание.

Запазване за мрежата

В допълнение към обичайното експортиране на файлове, можете да запазите изображение за качване в интернет. С този метод той ще бъде по -оптимизиран за интернет, което ще ускори отварянето му и като цяло ще бъде по -удобно. Така че, ако искате да вградите снимки в сайта, по -добре е първо да ги запазите за интернет.

И ако искате да запазите снимка във Photoshop с прозрачен фон за мрежата, изберете формата PNG-24. Уверете се, че има отметка в елемента "Прозрачност", в противен случай изображението ви ще бъде с бял фон, който ще замени цялата празнота. Както вече знаете, разширението PNG може да работи без фон.

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

Преди да запишете, вие сами можете да видите как е било и какво се е случило за сравнение. Това е много удобно нещо, защото можете да играете с плъзгачите и настройките и да гледате сами в реално време как ще се промени качеството на снимките и кои настройки са най -оптимални. Изберете опциите на раздел 2 и тогава ще видите оригиналното и оптимизираното изображение едновременно.

Опитайте се да извършите всички манипулации от началото до края. Много е просто. Също така, направете това за всяка задача.

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

Е, тук нашият днешен урок приключва. Много се радвам, ако тази статия е била полезна за вас. Между другото, ако искате да получавате актуализации в моя блог, не забравяйте да се абонирате и тогава ще бъдете наясно с най -новите новини, конкурси и просто полезни уроци за вас. Успех и ще се видим в следващите статии. Чао чао.

С уважение, Дмитрий Костин