Davky jsou-proste-super
•
2 likes•1,226 views
Jak si poradit se záplavou obrázků a jejich hromadnou úpravou? Praktické využití dávek v Adobe produktech, generování sprite a ikon-fontů pomocí Gruntu, úprava SVG v Illustrátoru.
Davky jsou-proste-super
- 1. Dávky jsou prostě super! Daniel Střelec / @DanielStrelec / daniel.strelec@topdigital.cz
- 3. Když potřebujete zvýšit účԲԴDz
- 4. Když už nemáte místo na ploše
- 5. Obrázky 10 obrázků si upravíte ručně, 100 dáte stážistovi, co 10000?
- 6. Co je potřeba udělat 1) sjednocení formátu 2) grafické úpravy 3) ořez 4) úprava názvu 5) změna rozměru 6) optimalizace
- 8. 1) Sjednocení formátu • Adobe Photoshop • Zoner Photo Studio • Fireworks • IrfanView…
- 10. 2) grafické úpravy • dávky v Adobe Photoshopu -> • Zoner, Fireworks, IrfanView…
- 11. 3) ořez
- 12. 3) ořez • RUČNĚ! • Photoshop, Zoner, Fireworks, IrfanView…
- 13. 4) úprava názvu
- 14. 4) úprava názvu • Renamer • Advanced Renamer • PHP…
- 15. 5) změna rozměru
- 16. 5) změna rozměru • Grunt / Gulp • Photoshop, Zoner, Fireworks, IrfanView…
- 17. 6) optimalizace
- 18. 6) optimalizace • Grunt / Gulp (grunt-contrib-imagemin…) • ImageOptim • PNG gauntlet, JPEG optim, TinyPNG/JPG, JPEGmini • Prepros, Fireworks…
- 19. TIP: Zoner Photo Studio
- 20. BACHA! • zkopírovat data • animované GIFy • vektory • tiskové podklady • přeoptimalizace
- 21. Dávky Líný vývojář je dobrý vývojář?
- 22. Nahrání akce
- 25. Proč dávky? • pokročilé možnosti úprav • nestandardní operace • univerzální pomocník • navěšení klávesové zkratky • …ten pohled, když Photoshop pracuje
- 27. Dávky Acrobat
- 28. BACHA! • stavějte dávky co nejuniverzálněji • PS se zastaví v případě problému • pozor na ukládání/názvy souborů • PS může vyžrat paměť
- 29. Generování sprite - Grunt Fakt to někdo dělá ručně?
- 32. Hotovo?
- 34. Proč? • snadná aktualizace • nezávislost na službě, internetu • proměnné v preprocesoru • návaznost dalších tasků (optimalizace, upload…) • grunt-contrib-watch
- 35. Generování ikon fontu - Grunt Ikon fonty pořád mají své plusy i když frčí SVG.
- 39. Proč? • snadná aktualizace • nezávislost na službě, internetu • proměnné v preprocesoru • návaznost dalších tasků (optimalizace, upload…) • grunt-contrib-watch
- 40. Další tipy Může se hodit.
- 41. Photoshop – vytažení obrázků CTRL + klik = select
- 42. Photoshop – filtrace vrstev
- 43. SVG – změna barvy
- 44. SVG – přebarvení
- 45. Díky za pozornost Nebojte se zeptat - daniel.strelec@topdigital.cz