Mam wiele obrazów sprite, które zawierają dziesiątki ikon. Czy istnieje prosty sposób na automatyczne przekształcenie sprite'ów w osobne pliki obrazów lub podanie współrzędnych, szerokości i wysokości?Łatwe narzędzie do rozkładania obrazu ikonki?
Odpowiedz
pomocą narzędzia plaster w Photoshopie:
- Użyj
slice select tool
(zwróć uwagę na wybrać część tego, patrz ilustracja). - Kliknij prawym przyciskiem myszy w dowolnym miejscu na obszarze roboczym i wybierz z rozwijanego menu
Divide Slice...
. - Wprowadź wielokrotność wysokości/szerokości lub spiczania.
- Po zakończeniu przejdź do strony
save for web and devices...
- Po zapisaniu spowoduje to wyeksportowanie wszystkich poszczególnych wycięć do wybranego formatu pliku w oddzielnym folderze.
Jeśli mają one nierówny rozmiar (nie na siatce), można również wybrać je pojedynczo za pomocą waniliowego narzędzia "wybór plasterków". Jeśli masz dużo podobnych siatek, zapisz wszystko jako akcję w Photoshopie i przetwórz je.
dać to jak spróbować, jak to będzie podzielić ją na poszczególne rzędy: http://imagesplitter.net
Ale to zakłada, że każdy rząd ma taką samą wysokość, a obrazy mogą zajmować przestrzeń różnicy. – Abadaba
Ten program jest bardzo dobry w rozkładających duszków do poszczególnych klatek
obsługuje wszystkie standardowe formaty bitmapowe,. png, .bmp, .gif, .tiff i robi wszystko prawie automatycznie.
kiedy przeciągam ikonkę na aplikację, a następnie klikam eksportuj zaznaczone, to zawiesza się ... – Abadaba
@abadaba, oh naprawdę? Wydaje się, że działa to dobrze dla mnie: S .. masz kopię swojego sprite'a, którą mogę pobrać z internetu? Próbowałem tego na własną rękę i wygląda na to, że działa idealnie – BYS2
Ok ... to było po prostu niesamowite. Działa doskonale. Nie spodziewałem się, że zrobi dla mnie CAŁĄ pracę. Dzięki za tonę! – Arbel
I napotkał podobny problem po utracie obrazy źródłowe ikonki i zbudował ten stosunkowo proste narzędzie: https://github.com/fmovlex/desprite
nadzieję, że to pomaga.
Pamiętaj, że działa to tylko wtedy, gdy masz plik CSS zawierający szerokość/wysokość i położenie tła poszczególnych zdjęć, gdy masz tylko obraz ikonkowy ta opcja nie pomoże – xorinzor
Ten pracował dobrze dla mnie, aby wyodrębnić obrazy z jquery duszków ui http://renderhjs.net/shoebox/
Awesome! Dzięki za heads-up na tej aplikacji, działało idealnie. –
Tworzenie png:
używam spritepad do tworzenia obrazu PNG, po prostu przeciągnij i upuść obrazy, aby utworzyć sprite: http://spritepad.wearekiss.com/ (ale jak przypuszczam, nie chcesz tego kroku).
CSS:
Po tym zaimportować obraz do spritecow i uzyskać CSS dla każdego obrazu (dwukrotnie kliknij każdy obraz, aby uzyskać jego wysokość szerokość i współrzędne): http://www.spritecow.com/
You mógł używać tylko spritepada, ale wolę go używać tylko do stworzenia sprite'a. Dla css, spritecow wydaje mi się łatwiejszy. W każdym razie to zależy od ciebie.
Jest android aplikacja, która dynamicznie podzielić mapę sprite:
https://play.google.com/store/apps/details?id=com.fourqueue.android.texture
- 1. Narzędzie do przycinania obrazu (Python)
- 2. Jak używać ikonki CSS do powtarzania obrazu tła?
- 3. narzędzie do uzyskania współrzędnych piksela obrazu
- 4. Narzędzie do znakowania i adnotacji obrazu
- 5. Algorytmy rozkładania personelu
- 6. łatwe do programu websocket Server
- 7. Jak utworzyć obraz ikonki
- 8. Zastosuj dwubiegunowy filtr skalujący do ikonki Pixi.js
- 9. Skalowanie ikonki w SDL
- 10. Dowolne narzędzie do przeglądania obrazu drzewa programu ładującego klasy?
- 11. Narzędzie Google Maps do dokładnego pozycjonowania nakładki obrazu?
- 12. Jak skonfigurować narzędzie onClickListener do wyświetlania obrazu w widoku listy
- 13. Łatwe do zainstalowania cache pobrane pliki
- 14. Dlaczego ikonki PHP potrzebują setlocale?
- 15. C++ Duża prędkość rozkładania w eigendach
- 16. Łatwe wyświetlanie kafelków OpenStreetMap dla Python
- 17. Łatwe kodowanie JSON z Pythonem
- 18. Łatwe przykłady gier dla Androida
- 19. pobierz obraz z ikonki i dodaj do href
- 20. Narzędzie do statystyk programu
- 21. Narzędzie do testowania Java
- 22. Darmowe narzędzie do raportowania
- 23. Narzędzie do monitorowania IIS
- 24. Narzędzie do wcięcia C
- 25. Narzędzie do Biblioteki Zależność
- 26. jak znaleźć pozycję piksela obrazu z obrazu sprite'a
- 27. Spraw, aby kompas przestał sprawdzać/kompilował ikonki
- 28. W PIXI.js jak mogę zwiększyć jasność ikonki?
- 29. Tworzenie losowe, sine wykres jak krajobraz ikonki
- 30. Szybkie pytanie dotyczące ikonki CSS i użycia pamięci
Dobre pytanie, ja zawsze ten problem, skrzaty podjąć wieku. – Adamantus