Mam to .psd
(plik Photoshop) i próbuję przekonwertować go na HTML i CSS.
Jedyne, czego nie mogę określić, to, jakiej czcionki użyli w .psd
Jak mogę dowiedzieć się, jakie czcionki zostały użyte w pliku Photoshop?
fonts
adobe-photoshop
Dave
źródło
źródło
Odpowiedzi:
Zależy od tego, jak chcesz wyodrębnić informacje.
Na sekcję lub obszar tekstowy
Wybierz narzędzie Tekst ( ikona T z serifami) i kliknij obszar tekstowy, aby go edytować. Pokaże, jaka czcionka jest używana w oknie postaci.
Przegląd wszystkich używanych czcionek
Spowoduje to wyświetlenie wszystkich czcionek możliwych do osadzenia używanych w pliku PSD, pod warunkiem, że można je osadzić.
Brakujące czcionki
W narzędziu Znak przejdź do listy rozwijanej wyboru czcionek. Na końcu listy znajdują się czcionki używane w obrazie, których brakuje w systemie. Zazwyczaj będą wyszarzone.
Obrazy rastrowe
Jeśli zobaczysz jakieś zrasteryzowane obrazy, których potrzebujesz od strony czcionki, najlepiej wyeksportuj tylko tę sekcję jako wyraźny, samodzielny obraz i użyj usługi, takiej jak Czcionka, aby określić czcionkę.
źródło
Zapisz ten skrypt jako nowy plik w folderze Photoshop> Ustawienia wstępne> Skrypty. Nadaj mu dowolną nazwę, na przykład „Wykryj fonty.jsx”
źródło
Format pliku PSD jest dokumentowany przez Adobe - możesz przeczytać, jak przechowuje informacje o czcionce.
Następnie możesz sprawdzić zrzut heksadecymalny pliku i użyć specyfikacji formatu pliku, aby znaleźć czcionki.
Alternatywnie nazwy czcionek powinny być widoczne w wynikach
strings
narzędzia znalezionego w systemach Linux / Unix.źródło
W rzeczywistości jest to bardzo łatwe przy użyciu skryptów PS, które mogą iterować warstwy PSD i pobierać dane warstwy tekstowej.
Ostatnio eksperymentowałem ze skryptem opartym na JavaScript, aby nakładać informacje o czcionkach bezpośrednio na kompozycje dostarczane do programistów. Nie jest skończony, ale jeśli nadal jest zainteresowanie (widzę, że jest dość stary), mogę zainstalować szybką i brudną wersję, która po prostu wyskakuje z czcionek używanych w oknie.
AKTUALIZACJA: Stworzyłem szorstką, ale działającą, „lite” wersję skryptu, który tworzę. Zapraszamy do współpracy - https://github.com/davidklaw/completer . Dla tych, którzy nie znają skryptów, po prostu weź plik skryptu i umieść go w folderze PS Presets / Scripts, a będzie on dostępny w menu Plik -> Skrypty.
źródło
Szybki i łatwy sposób na znalezienie brakujących czcionek
Windows -> Znak Małe pole znaków wyświetli informacje o czcionkach.
Wybierz listę nazw czcionek i przewiń w dół do końca.
Na końcu listy czcionek pojawi się lista brakujących czcionek w jasnoszarym kolorze.
Od: http://www.bala-krishna.com/how-to-find-fonts-used-in-psd-file/
źródło
Jeśli tekst został już zrasteryzowany, najłatwiejszym sposobem byłoby wykadrowanie obszaru czcionką, którą chcesz zidentyfikować, zapisanie jako plik .png i przesłanie go do WhatTheFont , gdzie powinien być w stanie powiedzieć ci, co to jest, chyba że jest niejasny lub wykonany na zamówienie.
Identifont to kolejna strona, z której możesz skorzystać, gdzie opisujesz cechy kroju pisma.
źródło
Zrobiłbym krótki tekst, którego potrzebujesz (najlepiej powiększony) i użyłem WhatTheFont, aby uzyskać domysły. (Czy czcionka nie powinna być wyświetlana po otwarciu PSD i zaznaczeniu odpowiedniego tekstu?)
I oczywiście, jeśli nie jest to czcionka bezpieczna dla sieci, musisz znaleźć odpowiedni sposób na jej zastąpienie lub zapewnienie zapasowego stosu.
źródło
Użyj Creative Cloud Extract
Wyświetla listę wszystkich używanych czcionek (między innymi przydatnych rzeczy).
źródło
Na podstawie oryginalnej odpowiedzi Davida (DetectFonts.jsx) zmodyfikowałem skrypt, aby naprawić problem zgłoszony przez Drew w komentarzach: Znajdź wszystkie czcionki użyte w pliku Photoshopa .
Postępuj zgodnie z oryginalnymi instrukcjami, ale zamiast tego użyj tego skryptu - jedyną różnicą jest kilka zerowych kontroli (przypuszczalnie albo różnica w wersji Photoshopa, albo coś wspólnego z brakującymi danymi na temat określonych typów obiektów, prawdopodobnie projektanta lub systemu operacyjnego)
Prześlę również żądanie ściągnięcia na https://github.com/dcondrey/DetectFontsinPSD
źródło
Otwórz Photoshop. Przejdź do Windows »Postać . Pojawi się małe pudełko. Wystarczy wybrać warstwę tekstową, a pole pokaże rodzinę czcionek, rozmiar i tak dalej.
źródło
Użyj narzędzia online, aby uzyskać czcionki pliku psd
http://psdfonts.com/
źródło
Deweloper zapytał mnie prawie tak samo, jak potrzebujesz. Wymyśliłem edytowanie prostego skryptu, aby wyeksportować właściwości warstwy (tekst, nazwę czcionki, rozmiar czcionki, kolor czcionki), których potrzebujesz podczas programowania, do pojedynczego pliku txt (powinien działać na komputerze z systemem Windows).
Po prostu zapisz to jak „ExportTexts.js” i wstaw do Adobe Photoshop> Ustawienia wstępne> Skrypty.
Następnie uruchom (lub uruchom ponownie) Photoshop i uruchom skrypt (Plik -> Skrypty -> ExportTexts). Upewnij się również, że nie rozgrupowałeś wszystkich warstw, zanim to zrobisz. Wyeksportowany plik powinien znajdować się w tym samym katalogu, co plik psd.
źródło
Istnieje bezpłatny program Photoshop Extension / Panel, który może wykonać tę pracę za Ciebie, darmowy wykrywacz czcionek Photoshop ( http://www.layerhero.com/photoshop-font-detector/ ), a jeśli chcesz zbierać / kopiować pliki czcionek z systemu folder, wypróbuj program Photoshop Art Packer ( http://www.layerhero.com/photoshop-art-packer/ )
źródło
Na karcie Warstwy dostępna jest opcja, która pozwala filtrować wszystkie warstwy, aby wyświetlać tylko czcionki. Musisz wybrać każdą warstwę, aby je zobaczyć i jest to przydatne tylko wtedy, gdy potrzebujesz na nich szybkiego spojrzenia
Mam nadzieję, że to pomoże komuś trzy lata później.
źródło
Chciałem poznać czcionki dokumentów wraz z ich stylami, rozmiarami, kolorami, formatowaniem itp. Na potrzeby tworzenia stron internetowych i celów CSS, więc oto, co wymyśliłem:
źródło
Aby uzyskać informacje o czcionkach z pliku PSD, możesz użyć narzędzi online, jeśli nie możesz lub nie chcesz używać Photoshopa (lub jeśli wolisz używać Gimp, który rasteryzuje czcionki PSD).
Na przykład możesz wypróbować ten internetowy ekstraktor czcionek HTML5 PSD „Pobierz czcionki PSD”.
Jest to ekstraktor informacji o czcionkach PSD oparty na psd.js projektu Melitingice Github , który nie wymaga przesyłania plików, działa lokalnie na stronie przeglądarki
źródło