Олексій Андрусевич “Прискорення робочого процесу в Adobe Photoshop за допомогою Javascript”

2. Ускорение рабочего процесса в
ADOBE PHOTOSHOP
с помощью JAVASCRIPT
Andrusevich Alex

3. Алексей Андрусевич
Senior level designer

4. И многие другие

5. Вступление
Скриптования и примеры моих скриптов
Написание и примеры панэлей для Photoshop

6. РУТИНА НЕ ДОЛЖНА ПРИВОДИТЬ К ОШИБКАМ
ОТДАЙТЕ ВСЕ «МАШИНЕ»

7. Изучение программирования самостоятельно - тяжелая наука...
...пока не построишь процесс правильно

8. Программист - лучший друг человека)

11. до 4 сек
около 2 сек
всего 0,5 сек

12. • 20 дней - (66,66)*20 - получим около
И ЕТО ТОЛЬКО ИЗ ЗА НЕ ИСНОЛЬЗАВАНИЯ «ХОТКЕЕВ»

13. Кусок кода
со
ScriptingListenerJS.log
// ===========
var idMk = charIDToTypeID( "Mk " );
var desc27 = new ActionDescriptor();
var idNw = charIDToTypeID( "Nw " );
var desc28 = new ActionDescriptor();
var idMd = charIDToTypeID( "Md " );
var idRGBM = charIDToTypeID( "RGBM" );
desc28.putClass( idMd, idRGBM );
var idWdth = charIDToTypeID( "Wdth" );
var idRlt = charIDToTypeID( "#Rlt" );
desc28.putUnitDouble( idWdth, idRlt, 512.000000 );
var idHght = charIDToTypeID( "Hght" );
var idRlt = charIDToTypeID( "#Rlt" );
desc28.putUnitDouble( idHght, idRlt, 512.000000 );
var idRslt = charIDToTypeID( "Rslt" );
var idRsl = charIDToTypeID( "#Rsl" );
desc28.putUnitDouble( idRslt, idRsl, 72.000000 );
var idpixelScaleFactor = stringIDToTypeID( "pixelScaleFactor" );
desc28.putDouble( idpixelScaleFactor, 1.000000 );
var idFl = charIDToTypeID( "Fl " );
var idFl = charIDToTypeID( "Fl " );
var idWht = charIDToTypeID( "Wht " );
desc28.putEnumerated( idFl, idFl, idWht );
var idDpth = charIDToTypeID( "Dpth" );
desc28.putInteger( idDpth, 8 );
var idprofile = stringIDToTypeID( "profile" );
desc28.putString( idprofile, """sRGB IEC61966-2.1""" );
var idDcmn = charIDToTypeID( "Dcmn" );
desc27.putObject( idNw, idDcmn, desc28 );
executeAction( idMk, desc27, DialogModes.NO );
//второе - новый слой
// =======================================================
var idMk = charIDToTypeID( "Mk " );
var desc29 = new ActionDescriptor();
var idnull = charIDToTypeID( "null" );
var ref12 = new ActionReference();
var idLyr = charIDToTypeID( "Lyr " );
ref12.putClass( idLyr );
desc29.putReference(idnull, ref12 );
executeAction( idMk, desc29, DialogModes.NO );
//третье - переименует данный слой в Test_layer
// =======================================================
var idsetd = charIDToTypeID( "setd" );
var desc30 = new ActionDescriptor();
var idnull = charIDToTypeID( "null" );
var ref13 = new ActionReference();
var idLyr = charIDToTypeID( "Lyr " );
var idOrdn = charIDToTypeID( "Ordn" );
var idTrgt = charIDToTypeID( "Trgt" );
ref13.putEnumerated( idLyr, idOrdn, idTrgt );
desc30.putReference(idnull, ref13 );
var idT = charIDToTypeID( "T " );
var desc31 = new ActionDescriptor();
var idNm = charIDToTypeID( "Nm " );
desc31.putString( idNm, """Test_layer""" );
var idLyr = charIDToTypeID( "Lyr " );
desc30.putObject( idT, idLyr, desc31 );
executeAction( idsetd, desc30, DialogModes.NO );

14. Так выглядит простой скрипт,
написанный на Javascript
app.documents.add()
var layerRef = app.activeDocument.artLayers.add()
layerRef.name = "Test_Layer"

15. UV_ON_OFF.jsx
Включал и отключал одной клавишей слой с именем «UV»
…Одной кнопкой?
Да… Одной кнопкой?...

16. -30 ЧАСОВ
-210 ЧАСОВ
На одной карте
При переделке всех карт под новую спецификацию

17. около 20 мин
ОКОЛО 250 СAМОЛЕТОВ!
На одном самолете
При работе над всеми самолетами!
около 80часов
ПОТЕРЬ РАБОЧЕГО ВРЕМЕНИ!
Всего

18. - название файла
- разрешение
- расширение
- формат
- и т.д.
МЫ ЖЕ ЛЮДИ!
И ОШИБКУ МОЖЕТ СДЕЛАТЬ КАЖДЫЙ!
QA ARTIST! – ПОЙМИ И ПРОСТИ!

19. dokmatсhcolor

21. - Бронированый скелет парящий в горах
- Огненный ведьма идущий зимой
- Шершавый жук смотрящий в воде
Иногда «Бредогинератор»:(

22. - Огненный солдат бегущий в замке
- Друид бьющийся на поле боя
- Огненный дракон дерущийся в пещере
Но бываает интересное:

23. diffuse
specular
glossiness
normal
opacity
ambient
ИМЯ С ПРЕФИКСОМ
ДИРЕКТОРИЯ

25. Adobe Configurator - для создания собственных панелей

26. WOWP MAP PROTOTYP
- Набор скриптов для Photoshop который
позволяет в несколько раз увеличить
скорость производства прототипов карт за
счет скриптов которые делают за
художника рутинную работу

27. WOWP Map Prototyp

29. 8 K / 8 K 2X 4 K / 4 K
R
G
B
R
G
B

30. ДО ПРИМЕНЕНИЯ WOWP MAP PROTOTYP
Прототип карты производилась от 3 до 5-ти дней
ПОСЛЕ 8 ЧАСОВ

31. ИМЕЯ ОДНУ СТРУКТУРУ ФАЙЛОВ В ПАПКЕ,
ОДНУ СТРУКТУРУ PSD ФАЙЛОВ,
ОДИН ВИД 3D ФАЙЛОВ,
МОЖНО МАКСИМАЛЬНО ПРОСТО НАСТРОИТЬ
АВТОМАТИЗАЦИЮ С ПОМОШЬЮ СКРИПТОВ

32. ПРИМЕР WGPM ИНСТРУМЕНТА В PHOTOSHOP
• Написана на HTML CSS
JQUERY
• Возможность
кастомизации панели
• Гибкость настройки
каждой вкладки
• Возможность
добавления вкладок в
зависимости от отдела
(прототипирование,
текстуринг, UI итд)

33. ПРИМЕРЫ УТИЛИТ ДЛЯ PHOTOSHOP
Вкладка для
изменения типа карты
Утилита изменяет тип
карты одним нажатием
на иконку будь то карта
тропики, пустыня,
Антарктика и т.д.

34. Вкладка изменения
атласа текстур
С помощью утилиты
можно изменять как
отдельные элементы
атласа так и атлас
полностью

35. HEAD PAINT

36. COLOR PALETTE

37. RENAMER 2

38. - пишите так, как я
- пишите вместе со мной
- пишите лучше меня
Да пребудет с Вами
сверхскорость джедаев

39. Спасибо!
Вопросы?
a_andrusevitch@wargaming.net
Skype - dok_off
Alex Andrusevich
Senior level designer