Съвети и трикове за Adobe InDesign: Експортиране на графики за уеб с правилно разделителна способност

Има хора, които наистина създават графики за уеба в Adobe InDesign. Това е възможно.

Има ситуация, в която един приятел ме попита как може да се случи, че когато експортирам графика като JPG и я отворя в Photoshop, резолюцията вече не е правилна. Трябваше сам да проверя как може да стане това.

Стъпка 1

Просто ще ви покажа как да го направите правилно:

Кликвам върху Файл>Нов документ и вече мога да избера дали искам това за Принт, Уеб или Цифров печат. Необходима ми е опция Уеб.

За единица на измерване използвам пиксели, което е правилно. Мога също така да посоча точно резолюцията, която искам, или мога да я въведа директно в Ширина и Височина. Нека кажем 800 × 200 Px и потвърждавам с OK.

Стъпка 2

Сега имам работното пространство и ще създам, например, бутон.

За целта използвам Инструмент за правоъгълник и рисувам форма.

След това добавям Градиент отгоре надолу. Избирам Тип: Линеен и Ъгъл: 90°.

Задавам, че не желая Контур чрез Цветни полета.

Мога да променя цвета, ако не ми харесва. Но за момента не е важно.

Но ако е, мога да избера цвета, като кликна върху Цветни полета>Нов Градиентно поле. То ще бъде създадено незабавно и след това мога да кликна два пъти и да преместя регулатора Черно леко надясно, за да не стига директно до пълно бяло.

Стъпка 3

Мога да задам цвета по моите предпочитания, ако не ми хареса. Но в момента това не е важно.

Но ако се налага, мога да избера цвета чрез Цветни полета>Нов Градиентно поле. То ще бъде създадено веднага и след това мога да вляза и да плъзна регулатора Черно леко надясно, така че това да не стига директно до пълно бяло.

Стъпка 4

След това бих искал цялото нещо да бъде закръглено и за тази цел отивам в Обект>Опции за ъгълчета.

Аз винаги обичам да го виждам с Преглед, така че веднага виждам резултата. И тогава просто задавам Закръглено и 20 px.

Така цялото изглежда по този начин:

Стъпка 5

Имам още един контур, който не искам, и го премахвам. В момента можех да добавя текст, но нека го оставим така.

Стъпка 6

Сега бих искал това да бъде експортирано и затова отивам в Файл>Експортиране и го кръщавам "button".

След това мога да избера формата на файла, която искам. PNG е интересен, защото там мога да запазя прозрачността. Нека го направим така.

Тогава получавам точно същото прозорец, който имам и с JPG. Мога да експортирам повече страници, но понеже в момента имам само една, това не е от значение.

Освен това мога да настроя Качество. При Разделителна способност винаги е зададено 300 ppi - ppi са пиксели на инч.

Също така е важно да има Прозрачен заден план и натискам Експортиране.

Стъпка 7

Сега отварям този файл в Photoshop и веднага виждам, че е малко голям.

И когато разгледам при Изображение>Размер на изображението, те са 3334 × 834 пиксела. Но това не бях настроил при създаване на документа!

Стъпка 8

Затова отново: Връщаме се към InDesign и вървим към Файл>Експортиране. Този път кръщавам файла "button2".

И сега това е тук: Трябва да въведете 72 ppi при Разделителна способност. Нищо повече. След като тази стойност бъде въведена, тогава и е точната резолюция, която бяхме настроили в началото.

След това и в Photoshop са желаните 800 × 200 пиксела.





Това е в основата. Толкова е трябвало. Само трябва да се погрижим да бъдат въведени 72 ppi при експортиране.