Top Banner
ЭКОНОМИТЬ ОКОЛО 20 ЧАСОВ В МЕСЯЦ?!!!
39

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

Apr 12, 2017

Download

Business

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Олексій Андрусевич “Прискорення робочого процесу в Adobe Photoshop за допомогою Javascript”

ЭКОНОМИТЬОКОЛО

20 ЧАСОВ В МЕСЯЦ?!!!

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

Ускорение рабочего процесса в ADOBE PHOTOSHOP

с помощью JAVASCRIPT

Andrusevich Alex

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

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

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

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

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

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

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

РУТИНА НЕ ДОЛЖНА ПРИВОДИТЬ К ОШИБКАМ

ОТДАЙТЕ ВСЕ «МАШИНЕ»

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

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

...пока не построишь процесс правильно

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

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

Page 9: Олексій Андрусевич “Прискорення робочого процесу в Adobe Photoshop за допомогою Javascript”
Alex Andrusevich
Слайд для того чтобы сказать что проблема состоит в том что программеры во многом не понимают процесс художников а хцдожники в свою очередь не понимають что можно напрограмить
Page 10: Олексій Андрусевич “Прискорення робочого процесу в Adobe Photoshop за допомогою Javascript”

HOTKEYS

PANELS

SCRIPTS

ACTIONS

Alex Andrusevich
При использовании скриптов в работе возможно экономить сотни ато и тысячи человеко часов зависимо от масштаба компани
Page 11: Олексій Андрусевич “Прискорення робочого процесу в Adobe Photoshop за допомогою Javascript”

Layer>New>Layer>OK

Дотянутся к пиктограмки create a

new layer

Ctrl+Shift+Alt+N

до 4 сек

около 2 сек

всего 0,5 сек

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

• 20 дней - (66,66)*20 - получим около

ОКОЛО20 ЧАСОВ В МЕСЯЦ!!!

И ЕТО ТОЛЬКО ИЗ ЗА НЕ ИСНОЛЬЗАВАНИЯ «ХОТКЕЕВ»

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

Кусок кодасо

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 );

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

Так выглядит простой скрипт, написанный на Javascript

app.documents.add()var layerRef = app.activeDocument.artLayers.add() layerRef.name = "Test_Layer"

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

UV_ON_OFF.jsxВключал и отключал одной клавишей слой с именем «UV»

…Одной кнопкой?

Да… Одной кнопкой?...

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

-30 ЧАСОВ

-210 ЧАСОВ

На одной карте

При переделке всех карт под новую спецификацию

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

около 20 мин

ОКОЛО 250 СAМОЛЕТОВ!

На одном самолете

При работе над всеми самолетами!

около 80часов ПОТЕРЬ РАБОЧЕГО ВРЕМЕНИ!

Всего

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

- название файла- разрешение- расширение- формат- и т.д.

МЫ ЖЕ ЛЮДИ!И ОШИБКУ МОЖЕТ СДЕЛАТЬ КАЖДЫЙ!

QA ARTIST! – ПОЙМИ И ПРОСТИ!

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

dokmatсhcolor

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

- Бронированый скелет парящий в горах

- Огненный ведьма идущий зимой- Шершавый жук смотрящий в воде

Иногда «Бредогинератор»:(

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

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

пещере

Но бываает интересное:

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

diffuse

specular

glossiness

normal

opacity

ambient

ИМЯ С ПРЕФИКСОМ

ДИРЕКТОРИЯ

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

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

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

WOWP MAP PROTOTYP

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

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

WOWP Map Prototyp

Моё детище ;)

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

ЗАДУМКА КАРТЫ

ТЭСТ ПРОТОТИПА

Пара кнопок в панэли1-2-3-4

Около 10 разных расширения

файлов

Разные директории сохранения

Определенное именование

файлов

Разные форматов файлов

При экспорте в одном файле в каналах разные

материалы

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

8 K / 8 K 2X 4 K / 4 K

RGBRGB

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

ДО ПРИМЕНЕНИЯ WOWP MAP PROTOTYP

Прототип карты производилась от 3 до 5-ти дней

ПОСЛЕ 8 ЧАСОВ

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

ИМЕЯ ОДНУ СТРУКТУРУ ФАЙЛОВ В ПАПКЕ,

ОДНУ СТРУКТУРУ PSD ФАЙЛОВ,

ОДИН ВИД 3D ФАЙЛОВ,

МОЖНО МАКСИМАЛЬНО ПРОСТО НАСТРОИТЬ АВТОМАТИЗАЦИЮ С

ПОМОШЬЮ СКРИПТОВ

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

ПРИМЕР WGPM ИНСТРУМЕНТА В PHOTOSHOP

• Написана на HTML CSS JQUERY • Возможность кастомизации панели• Гибкость настройки каждой вкладки• Возможность добавления вкладок в зависимости от отдела (прототипирование, текстуринг, UI итд)

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

ПРИМЕРЫ УТИЛИТ ДЛЯ PHOTOSHOP

Вкладка для изменения типа

карты

Утилита изменяет тип карты одним нажатием на иконку будь то карта тропики, пустыня, Антарктика и т.д.

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

Вкладка изменения атласа

текстур

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

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

HEAD PAINT

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

COLOR PALETTE

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

RENAMER 2

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

- пишите так, как я- пишите вместе со

мной- пишите лучше меня

Да пребудет с Вамисверхскорость джедаев

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

Спасибо!Вопросы?

[email protected]

Skype - dok_offAlex Andrusevich

Senior level designer