Porady i tricki dotyczące Adobe InDesign: Eksportowanie grafik do sieci z odpowiednim rozmiarem pikseli

Są ludzie, którzy faktycznie tworzą grafiki internetowe w programie Adobe InDesign. To jest możliwe.

Była sytuacja, gdy znajomy zapytał mnie, dlaczego rozdzielczość grafiki JPG nie jest poprawna, gdy otworzę ją w programie Photoshop. Musiałem sam sprawdzić, jak to możliwe.

Krok 1

Pokażę teraz, jak to faktycznie się robi:

Przechodzę do Plik>Nowy>Dokument i tam mogę już wybrać czy chcę to przeznaczyć dla druku, sieci lub publikacji cyfrowych. Potrzebuję sieci.

Jako jednostkę docelową używane są piksele, to jest poprawne. Mogę także określić dokładnie rozdzielczość w Formatie strony lub wprowadzić ją bezpośrednio podając szerokość i wysokość. Załóżmy, że to będzie 800 × 200 pikseli i potwierdzamy przyciskiem OK.

Krok 2

Tutaj mam teraz obszar roboczy i na przykład stworzę tutaj przycisk.

W tym celu użyję narzędzia Prostokąt i narysuję kształt.

Następnie dodam Gradient z góry na dół. Wybieram: Typ: Liniowy i Kąt: 90°.

Aby nie mieć Konturu, zmieniam ustawienia w Polach koloru.

Krok 3

Mogę także dostosować kolor, jeśli ten mi nie odpowiada. Ale na razie nie o to chodzi.

Ale jeśli tak, mogę wybrać kolor, przechodząc do Polach koloru>Nowy gradient. Natychmiast zostanie utworzony gradient, który można dostosować, np. przesuwając regulator Czarny nieco w prawo, aby uniknąć całkowitego białego koloru.

Krok 4

Teraz chciałbym dodać zaokrąglenia i przechodzę do Obiekt>Opcje narożników.

Zazwyczaj robię to z opcją Podgląd, wtedy można od razu zobaczyć, jak to wygląda. Następnie ustawiam Zaokrąglone i 20 px.

Teraz całość wygląda tak:

Krok 5

Znów pojawił się kontur, którego nie chciałam, więc go usuwam. Mogłabym teraz dodać tekst, ale na razie sobie darujemy.

Krok 6

Teraz chcę to wyeksportować, więc przechodzę do Plik>Eksportuj i nazywam to "przycisk".

Następnie mogę wybrać format pliku. Interesujące jest PNG, bo tam mogę zachować przezroczystości. Spróbujmy tego.

Następnie pojawi się dokładnie takie samo okno jak przy formacie JPG. Mogę eksportować wiele stron, ale w tym przypadku mam tylko jedną, więc jest to bez znaczenia.

Krok 7

Teraz otwieram ten plik w Photoshopie i od razu widzę, że jest trochę za duży.

Jeśli przejdę do Obraz>Rozmiar obrazu, zobaczę, że to 3334 × 834 pikseli. Jednak nie ustawiłem tego podczas tworzenia dokumentu!

Krok 8

Dlatego wracamy do InDesign i przechodzimy do Plik>Eksportuj. Tym razem nazywam to "przycisk2".

A teraz uwaga: Tutaj, w Rozdzielczości, musisz wpisać 72 ppi. To wszystko. Dopiero gdy ta wartość zostanie wpisana, to będzie dokładnie ta rozdzielczość, którą ustaliliśmy na początku.

Teraz w Photoshopie plik ma wymagane 800 × 200 pikseli.





To w zasadzie wszystko. Tylko trzeba uważać, aby podczas eksportowania wpisać 72 ppi.