Jak mogę wyeksportować obraz z programu Illustrator w wielu rozmiarach?

29

Jestem nowy w programie Adobe Illustrator i mam obraz logo, którego muszę używać w 5 lub 6 różnych rozmiarach. Obraz logo został utworzony w programie Adobe Illustrator, ale kiedy próbuję zapisać obraz w formacie PNG lub JPEG, to, co powinno być proste, okazuje się bardzo skomplikowane.

Rozumiem, że Adobe Illustrator chce traktować obraz jako określony rozmiar, a następnie chce pomnożyć ten rozmiar przez współczynnik skali pikseli na cal, aby uzyskać rzeczywistą liczbę zapisanych pikseli. Ma kilka ograniczonych możliwości wyboru współczynnika skali, co daje bardzo ograniczony zestaw wynikowych rozmiarów pikseli wyjściowych.

Jednak w przypadku wielu zastosowań internetowych użytkownik już zna wymiary wyjściowych pikseli, które są potrzebne. Czy istnieje sposób określenia szerokości lub wysokości zapisanej grafiki, która jest potrzebna?

Widziałem sugestie dotyczące wyeksportowania obrazu, a następnie zmiany jego rozmiaru za pomocą programu Photoshop, ale powoduje to gorszą jakość obrazu w porównaniu z tworzeniem końcowego obrazu z obrazu wektorowego.

Howard
źródło
Tam wiele sposobów, aby to zrobić, mój jest cały następnie wybierz obraz, który chcesz wyeksportować, a następnie tam opcji wysokość i szerokość w nagłówku, wystarczy zmienić go następnie wyeksportować go

Odpowiedzi:

26

Plik> Zapisz dla Internetu, a następnie wprowadź wymiary w pikselach, klikając Image Sizekartę po prawej stronie okna Zapisz dla Internetu.

A może nie rozumiem cię poprawnie?

Scott
źródło
Perfekcyjnie, dzięki. Właśnie spędziłem około 15 minut z funkcją „eksportowania”, ale ponieważ odmawia użycia mniej niż 72ppi, musiałem przeskalować grafikę i obszar roboczy w przypadku bardzo małych eksportów, to prawdopodobnie zrobił to również pytający.
Kjeld Schmidt,
12

Używanie File → Save for Webi wprowadzanie wymiarów zrobi to, czego szukasz. Ponadto program Illustrator używa skalowania wektorowego, więc wyniki są lepsze niż w przypadku wypróbowania tego samego w Photoshopie - wpisanie wymiarów, które nie pasują do dokumentu w Photoshopie, oznacza, że ​​obraz zostanie przeskalowany bitmapą.

Pamiętaj, że musisz kliknąć Zastosuj po zmianie wymiarów, jeśli używasz wersji programu Illustrator wcześniejszej niż CS6.

Zapisz w Internecie w programie Illustrator

Aha, jest bardzo duża szansa, że ​​będziesz chciał ją Convert to sRGBwyłączyć - destrukcyjnie konwertuje twój obraz z bieżącej przestrzeni kolorów do sRGB, powodując przesunięcie kolorów.

wprowadź opis zdjęcia tutaj

Marc Edwards
źródło
W CS6 nie ma przycisku Zastosuj ... i nie zgadzam się na temat Konwertuj na RGB, chcesz WŁĄCZYĆ dla obrazów przeznaczonych do Internetu.
Scott
2
Dzięki za wskazówkę dotyczącą CS6. Pozostawienie opcji Konwertuj na sRGB jest absolutnie niewłaściwe podejście do pracy w sieci i interfejsu użytkownika. Oto cały artykuł o tym, dlaczego: bjango.com/articles/photoshop ( Zmierz się ze mną na własne ryzyko!)
Marc Edwards
2
Czy rzeczywiście przeczytałeś ten artykuł? Podczas pracy w sieci i interfejsie użytkownika MUSI być zachowane dokładne wartości kolorów przez cały proces. Jeśli wpiszesz # FF0010 jako kolor, MUSI to być zapisane w pliku jako # FF0010, jeśli zamierzasz dopasować kolor w kodzie. Oznacza to, że Konwertuj na sRGB MUSI być wyłączony. Mam wrażenie, że nie wykonujesz tego rodzaju pracy i nie rozumiesz, co się z tym wiąże.
Marc Edwards
1
Scott, proszę nie traktuj tego jako ataku ad hominem, ale z podobnych dyskusji myślę, że mogłeś odkryć kilka błędnych pomysłów na temat reprezentacji kolorów RGB. Zobacz także: graphicdesign.stackexchange.com/questions/7815/… .
e100
3
Konwersja na sRGB jest złym wyborem w prawie każdej możliwej sytuacji podczas pracy dla sieci. „Istnieje POWÓD, w którym zespół Save for Web wdrożył opcję Konwertuj na sRGB” - Czas to naprawić. feedback.photoshop.com/photoshop_family/topics/…
Marc Edwards
1

Kiedy muszę obsługiwać wiele rozmiarów pikseli, kopiuję i skaluję grafikę w tym samym pliku AI. Każdy rozmiar trafia na osobny obszar roboczy o odpowiedniej wielkości. Dołączam nazwę płyty do formatu pliku, który ma zostać wyeksportowany. Następnie uruchamiam jsx, który eksportuje każdy obszar roboczy i wybiera format pliku z nazwy, używając ostatnich ustawień, które wprowadziłem dla tego formatu w tym pliku. To wszystko w CS5.

Używam tego przepływu pracy do niektórych logo, ikon i reklam displayowych.

zwykłe ubrania
źródło
Czy możesz udostępnić .jsx?
kelin
@kelin Obawiam się, że nie mogę. Minęło dużo czasu, odkąd mam problemy z produktami Adobe.
przebierańcy,
1
Nie ma problemu, znalazłem tutaj świetny skrypt: stackoverflow.com/a/28067227/3050403
kelin
0

Możesz także utworzyć dokument o odpowiednim rozmiarze w Photoshopie (lub zaznaczyć pole z prowadnicami), a następnie Plik> Umieść grafikę wektorową.

Możesz przeskalować rozmiar kształtu przed jego renderowaniem. Oczywiście późniejsze skalowanie obniży jego jakość.

Zawsze stosowałem tę technikę w logo, aby zapewnić precyzyjną kontrolę nad rozmiarem, np. Uzyskanie linii bazowej elementów tekstowych logo na granicy pikseli (forma podpowiedzi).

e100
źródło
0

Dodatkiem do tego tematu, który zainteresował projektantów aplikacji mobilnych, jest ten skrypt, który tworzy zasoby siatkówki dla iOS i Androida jednym kliknięciem.

numediaweb
źródło