Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

地味に効く! Illustrator のテンプレートとスクリプトの小ワザ for #resem21

7,513 views

Published on

2014年12月3日(水) 第21回リクリセミナー「Illustratorで作ろう!10倍ラクするWebデザイン」で登壇したときのスライドです。
LINEスタンプの制作データを材料に、 Illustrator テンプレートと書き出しスクリプトについてご紹介しました。

当日のセッションでスライドを使わずにデモした部分は、参加者の方向けに後日フォローアップ記事を公開予定です。

参考:
LINEスタンプ用 Illustrator テンプレートと書き出しスクリプト
http://awayuki.hatenablog.com/entry/2014/07/25/124621

Scripting Developer Center | Adobe Developer Connection
http://www.adobe.com/devnet/scripting.html

Illustrator入門(入門記事一覧 | Web制作の入門サイト | Adobe Pinch In)
http://www.adobe.com/jp/jos/pinchin/start.html#ai

10倍ラクするIllustrator仕事術 【増強改訂版】 ~ベテランほど知らずに損してる効率化の新常識
http://www.amazon.co.jp/dp/4774149470

LINEスタンプ つくり方&売り方手帖 ~LINEクリエイターズマーケットの登録から販売&PRまで
http://www.amazon.co.jp/dp/4768305652/

Published in: Design
  • Be the first to comment

地味に効く! Illustrator のテンプレートとスクリプトの小ワザ for #resem21

  1. 1. ẾÌỀHỄÍỀỊZ < Ì Illustrator Ơ) ắV7L-Ft XỹlJ7JI`ŨD/Jl7`ljề` 2014Ệ12Ể3 B/ỡỗb'Òằ ẵẵẵểẳ
  2. 2. ĨỈ Ĩí`ị› É-.ờề*VJr-›ề) (@aWayukí) ?Ức 7U-ắ>Z&ỄẾE5Ệ Í[eb Ỹ`=f”Ỉ “J`“- (Zl- l"`ẵD) ửỹv-9 TVví'Ề'ter7”Ỉ Il VỄẢ ỄỄGẢ
  3. 3. QQƠỐỒ `IỐ V _ẢẢẢẢẢẢ_ > ẵ Ểl Ủ) Ả < _Y^Y^Y^Y^Y_
  4. 4. LWEXỹy7xWDĨẫĩ ỵ1»h'tIỉ‹ẤnFỞ øl LĂXIXÁIỊ' E Xét' "x/47° ›.~ gv' Ị..-_-_ E `y Ị` “J<°J7J'8.ỄF'=cPJ7ĩặĩIĩấỉ Ổ5b*0ẽ+aììí'A`RỸ I IJ -14: Ấ FỂẬ ìộí- K ẤPS E -'- -'- :': J Ũẵ ŨÍJŨỖ : Ụ O çệẵ OOK Ế .ẵĩiỉẵẫỉễ Í cầ ự` HPNDỆ r lẤ`ĩIẺ`lkịlI7l/'iii ằảữ'c°ấ*ãL`†:‹52l~=‹i ă*” ẾñmTẦẵ0 8 vs LINE-‹›-Ir`yl~l:ì:.'u=raT°ãiZ›! t2uMo0K
  5. 5. "°ềấ'L†ễ07`? Re:CreatOr's Kansai #21
  6. 6. E><:J“ QỀỄ .μ'.lỆl7W”f`J Ĩk Adobe Einmmmmữăẵấặ wan “N “Ị oumnơwdmẦE V μaả. = 27; VVVVŕA ỆIỸĨU-¶75tJF V [ mữtøẵtw-ữẳạwĩwm mã Ẹr'r:'l7-:v`JlỄlEJ DK ử† 4ẳẳ*!ẳẵỄEỊ Í ể id ịí,ĩ1A*sr"'‹rẩ' 1 ữlằlẫ V ` ,Ị n ` *, c Ỷ J rưíìẵ-18Eằ‹ể` *ăfa5` ỄỄTồ2O%OFF0ã*ằÊUfEĨítẵ ĩoodỸ:1ậỀla1]ĨF9Ẻ›ắẩ cõ `l` ` J`V!`.~Ĩ'“' Ị/ Ạị ỂããăỆ07ü7:vậa†m Ẩ.ęư ỉ ẵỆ“+ M μợỄMẵẵựưềạ“ Ạầfíuñølẵúbỉẳkơúĩằhắaữầ uĩ#mặü”7EằmịịấịậỂ g μm g Ì Eữaki Ig” Ấ.
  7. 7. °°°Ũẵ'9 ? Re:Creator°s Kansai #21
  8. 8. %ằỀ7PỂH4ẵLĩĩ! ẾấÌ“ỡ7`=1f4>ẵ`ễ ct Ế írảỉ ễẪSẾ9lZlllustratOr ”fẵ3<l`=Ẻ›3Ãắ”f l"`=Ẻ› Illustrator °C"Ỉ'lẾỗcJI ! +"N~?
  9. 9. 7aĨ0)'C“ ?'ẳ`lẵl0ẽlI°'° Re:Creator`s Kansai #21
  10. 10. Illustrator X LINE X9 V7 ĨV7L-FtXỚU7FEơmĩ
  11. 11. ịặt . ::.Ỉ M.Ýaaa^ Ị I lý À _/V ` . I lữ I ạlỈ Ĩ.ỶềlẨI`:ẵỈẫ3F.ÌIKClrIL~Ỉ“r Ễsỉlibỷẽfl ẾíỈẬĨ'I
  12. 12. ỂỂKŨỂŨ Illustrator 7_"`-Ớ Zøữhsẵăbtmĩhl - Iĩỗũlẫlả 42 IIỄI ! †:"Ir?“t"°°° - Llclĩ-=IE›7IZJĨItE7x`Z”"J"J"IỜ I`IẽIIÍlẫ'ĩ`-"! - *ẫ'l.*Ếằ7"`-90>ỄII`ỀiỀIat-°-
  13. 13. "C"IẽIIs ỄĨỒỄ IJ cl: 7J`
  14. 14. I7J””l/IIJĨI ”E"/ FI/Fổ -üẫ/ẾỄỄỄEỄLỄLẨTỦF -74ỸA®ẵmNsĨ4XF®%- IdìZÐl:ỂIỐ‹ID`ỈĨJmXỹ`/7x ‹ẵơ`73`7r.ìID ẵĨ'íĨo
  15. 15. 7-I`7I“Ĩ-I`“ằẵỄIẵẵ ầ I -7-BỂ-FẽtEỄầƯ?<0Ĩ 3ỂNỀb47ÚFOẫẵồẾẳ! -ẫhềhềüũtẵằẳbĩằỗl
  16. 16. I/=ì`l I/-"JE| VỀ Ỗ '37Ồ`ŨlIỉL,`:I/L7LoÊIr7L:fVDlcĨ°°° N Q M ORIE- ìẵỉamĩịos XIỄIìỄ7t›t‹`:" aẵ`*ề tệ ”É‹!7>'CỀI%IỄlẾI"J7ỀJĨẾ'J:ấ'="JIat ì ‹ìEẵI:0'J7b†cL
  17. 17. ỆWẨWHWWỄỀỀEỂ 7`>7b- I` I/”íI7-'Ồ `r^á”ậÉ17J`*f Fẩ‹7Ĩ<=I=7': `,^.'“ĨĨ“ỉ.`7J°ŕf I`°ẩỄỈT=I=:"' Ể Hà Lơũlẵẩli "guÍde" I/*f“"-ầ'ẫÉãỈkn_ĩIZ ›‹ 4' VF-ỉu [main] F -ỹlb-Lũ mn [tab] Ể I‹kk Q I Ú [01] [02] I / Ệ [051 [06] ă Hà L<73IIĨrỸI;Ì `^backgr0und" I/ŕf”Ĩ'-7‹Ỹ.'ầFề`Za`"xIZ [03] "iktdtqgllolơlơlđl ` ”o" I %h%'h07- Fm- I-'IZISIS 6& 'J ESI( Ì ÊẺIÌLĨẾẺ lủpx 'ÍƠHRTỒ ('iuIde 07D-Ế IÍ01I~[40ỈIấ. ẨŨZ FCZẾ'b*tÌT7- FW- FÌỈE I 'background vđf-TỄIỈKEEKỂ I 'guide / 'background 144 1'-là!!! HI Løữíàẵễìlr ấllv-tŕ`^`ì"* ~` ` 1 [041
  18. 18. %W%ẨWu%0ỄỀỀều Ĩ>7b-FL4Ỹ-T IJ'f“"-7Ỉ7"JEl`J 'kvu”‹ŕ'ỉ`t/ `;răưềÉ17J`4Fíỵẫ=I=:': ằthL0D , ỈGAỈ H `,I.'ỸĨẫ.`7J°”f FẩÊỈ=F:"- ăth Ltn `r°un - Ếø~"“"“t ra El`?`Il 4""o_[IỗVu'ø Ế qjrĩμ, :I «"A/l..`Ẻμ Ể_ , r r 1 Ệ` "Ĩ` "“l:]`o1:)I 6 -ỢIL ŕ ŕ 7 _ ỀI` 'ìkldtellơlilclồl `í" ' ` ' '*"L-4-L,,"' ỄÍĨ "V I L A. 1: $I‹ Ì , ' *auldeøđv-3# -*lì “`*' ' ` V-Fm-Ffỉđ › 1 @'°EịTIễ=Ế10F.ệ&?`.-.ĩìẵi 50% Í* _ .` . g SHI Lñữlấẵễìlr ấIL-.ŕ“Ĩ'* [011 [MI ẩặéẩạm“° ỉ^: r`ĩ"J7IJ_l`IJ”f17_J Iảĩ r7_"J7°IJ-I`J tIráIlẵIII=I.=›ỨJ'C"ẵ'
  19. 19. Zhs ỄIỄIỄỄ`ắ`ễ® ?
  20. 20. X`1I"` 7IJ`“f (ềA`) Re:CreatOr's Kansai #21
  21. 21. 7LC"7Ỉì"5"'7_“`J7°I/- I` I -Wữøỉằiñbẽzb-XE -ỂỀĨằễ7D-ỄỂDỂẺỀM - 27-"? 7ỄầẵỀ5ỀIẩẵXÐẵẵỀễ IỂỲLĨẾ IỬ'IẫỂI'LĨ=ồ ẵ ẪIẺỄỄZ ễl `ĨI"ĩL'cIII-
  22. 22. ồỗ‹`:.IrẽIZ°'° Re:Creator°s Kansaí #21
  23. 23. |ỄỆoẵỄmb~ề5bằ Ỉtzơøñầỡãbẵĩh 1541 7-I`ĩI“ì`-I"`
  24. 24. ẺIỄĨRHỄỀI I 7xằ47x Ảý - IễẨỂỮJIDIảIIầỀấÌJZ<7aĨDĨIatLỗ - ‹`:IrẽI::ã.IIì20J`/7 I`cIZ D IatĨ†ễ7b - 7”f7"LỄIZẵẫL“Ề7‹ỄấJ`IỬỗ0)IZIatIỄĨIJ - 'Z“Ẻ›Zắ”fZỂIZIĨẫ:`ú=Ẻ›5ẵĨIĨ.Ĩ`-IẾ›7aĨL
  25. 25. ỄWỀZIT-FW-P “WDĨUỒỄỀĨỄỂUẸỀỮỖỒ -Ĩt®ĨẵằẺbB?ằễ -74?ÀẽtẺẫỀHñHỐ5h “77ẨWÊẵẵWẺỨt7tỗŨ II 77”fÌIIẵ I-I 7- I`7I'ẫ`- I"`ẵ I.I ĨỆỄỄỸ I) I I
  26. 26. ỄWỆZIT-FW-P - 7 7”fÌIl'lẾ1`ẵ`7ỀẵỄ'sIJI‹`ỊỈ)`‹`Z7'IZò'5 D (I 774ILấẽu1-I7- l`l“l“ì`- Fã1.IĩẸầE?1›
  27. 27. `Ĩ"s ềỗbỗt? Re:CreatOr's Kansaí #21
  28. 28. %:?xỂUXỜU7F! ẫằ2ĨJ` 5 lởl =I'í-.L`.'Ĩ`Ì=ỉ=› ỄÊĨ ễồ I: I: Ir“J" LỂ s lỂUÚ)`ềl-.)Iị7ảẸríỄỀẵ”`J ÚDẾIẾIJĨỂ bs ă`==IlIẵŨ)ỈỄÌJI!Iả: E [Jo
  29. 29. Re:Creator`s Kansaí #21
  30. 30. BỄỀLỄỂ- 1 7_"J7°I/-I`I'Fẵổẵẵẵ 2 XỔ 'J7°I`0JZl-I"`
  31. 31. ỂỈ?ŨI:ẵỈỄ3ẾÌỀỄ'lIILệr Ểsìllìlfềíl -'^ỉ'y*"uẬ.””l
  32. 32. ?>7b-Fxữồằĩữ [ỆĨ IA *I ,r/` lý A ^V TỬ' ,, ` FF_ V ` f` _q_ ui ,_ v ‹»” ra ' .Ì l ‹"I I r»rỈ`~tt<I > r*'a s` < / > IỄIIIIẺỀ . , “ Ị K' , ~ K, V Úy ‹, Ả -ỆIỆ Í* Ít? 7W'ỸVF%ẾỀ9ệịẺỆ@ I0 ắ Ĩ3íJ`Ủ) ZÌ `ỈJ "(17 Ttras ŨI"ĨIễ Ểìẵấ I.°
  33. 33. Ềơĩởằĩ Re:CreatOr's Kansaí #21
  34. 34. fyữb-Ftĩễñẵ [77*l')l1J => [7`“`J7°L- I`‹`: LJ'Ể'í›'ĨềỀ :gr “`h ẫẫ WỨĐIỞF ẵẵ ỆR L ầĩẩẵ... SSN Ĩ`J7*`lx-l`7J`l5ñẳẵ... 038N Ễã<... 380 Ểấj ỄẵEẾFIăLJ†c77*r)l1='ua2I”aẩtJ< r› Bridge Tễẵẵ... Y880 rF,` _F_ Í Ỉqr ° `. I Ễñbễ âew 4 T v ẾẾỂ 885 ẵI1“'guÌ e ẵuẳzữẵĩậ... 0385 l"” l 1Ệịẫ'ấ=ệỆĩaĩ.v..`Ỹ_ Yses ị “ "“' F Web FỂIICỄỀ... IIÊ IM Ỷữẵẵs ‹AộI7Ịịj'Ig ỂRLỈCXỄẨẪÉỄỀ... II , X* ỉì':Z
  35. 35. ỮbDE~Ềb#4yF1 ẵlỗ/1:7°'J'I2`v Fẵẳỡlảẫẩl -774WẫỄ®@4IVF -U-ỞZN-ZEỄẺỀM
  36. 36. ỬbDKwỂHẨWryF2 IỄɶʆ7ỂỀIỜIdT5Q> 7-FỂ-FẾẺHẾW -WỂẾÉỄEDẨTÚFLỄMẸỂE -7-F#-Fv-mtẽmñưñẵ
  37. 37. 7ĩ›`IoD I:°°°It/ỄLJ/ĩ“ắ°*l“`J I` 3 7"`J7`I/-I`I1*f'7-7'‹ỄĨ=ềỊẾFIẫ - 7J"*f I"`IJỒ1Ĩ>'9Ư>7I'7"`J"IỜI` - EIElbỉẫ.Ê'9'bX=E Web Fălzẵằth bĩễt ằlảẵẵãễ !
  38. 38. ZŨNAỀỂMỀUĨỀ -ẾUEĩtỂEÐñứDPĩMỊ5E ẳbđv-®ẾẵTãNHĩB< - 7-I`ĩI'ì`-I"`1ỄlIrảIẵỂI':I:'lIJỨ>‹`;ỂIZ'. 77”f)Ilẵ (ƯD-*ỂIĨI IZ7aĨẵ›
  39. 39. ỂỈ?ŨI:ẵỈỄ3ẾÌỀỄ'lIILệr Ểsìllìlfềíl -'^ỉ'y*"uẬ.””l
  40. 40. ÍỈItCr'oso'Ft /Isrial Iẵasíc Ấ.Ẹ3l3l6SCI'II3“Ề «.l aIaỆcr'I f3't / lẵ>(`Ể6IĨIOISCỉ'l r3't
  41. 41. Iẵỗlằềỉ ỘĨẵẵIkỸ.†oẾƠ>Iỗt°°' - Microsoft Visual Basic - Appleẵcrỉpt - JavaScript/ EXtendScrípt Re:Creator's Kansaí #21
  42. 42. Zlĩằ IZ †C †ẫƠD JavaScript 7r7"`J"I*7l` (ẵblfềưễỉđẫ) ỨJ 7°l:l/“=ĩ-4 (ổ‹ũ`ẫ†J`ỸÌằơ'|ỄỄlẵ)s ›<`/"/l"` llỂỄẺỀễỦ`) lat Illustrator 0Jl:l:l'ẵlc'.7`l:l'D 'Cl°IẵI"Ễ`ắ`ễ
  43. 43. PllIẺ "l:ềỂ` X ẵllll ĨFỊ III! LỖĨÍUIII 'ắt Hĩ` tq Ilểv I 'hl g'[plầ ầ2qỊlll”` Vivlvlỹlồu ,v'IkIlŨ'7I^‹. Ijgl “ltllll-' 3:1gIll`IllpI `ollỳ.*l'4`L'Il'YIlU Jịglậql v"” Ia lỈẫ}."I ỡ<1ỵlh||rI; :l`lllu. lrĩllll; ljpl ^llllls`...:I“ llỉllrỉl 'II ,Ì!l!lÌlLì ll,lI' 'Illll:.. ‹ĩIlI ,“H:u ,ỀLỶIỈIỤ llịl ^lllll:~ "=lll»'1_lP=IF“=llIl[' olịl `IllIl:,. .-f:'I:I:l.`lIIlu'‹l -n-'F :|Ịjç..,:IIa Ì'lềỈÌ1llI|lllIl`-Ill' ."-)Ệ{›llOI ` jr'“` I.: :jịl-I `.'lçl-.. oj_lI `Illll: ẸIỸILỆIIĨỀỊẸIII
  44. 44. Re:Creator`s Kansaí #21
  45. 45. %I*LIẫè:"?Ề›7LcỊIa--°?Lỵ ot ? -ẺỊDtẸ5%®ặLNữTănư õhằDẵb<üM -jQuery 'Ể"ỂấJ"Ể"`Í.'3cl: 'D ‹`;ẵ< Ư)‹`:. %hüEẫb5üMẵẵỄ
  46. 46. I Ự Sit Iμaltc Ủ) ADoBE° ILLUSTRATOR° cc l` T -Ẹ` --Ị . -Ẹ` -Iu -' '“ L- 'IỸI Ốặểu J ” 'IỸI l'c›ì ýĩ ÍJ` 'ẩẫ , ADOBE ILLUSTRATOR cc http.//WWW.adobe.CoI^ĩT/deVnet/ scR,pT,NG REFERENCE, . . . JAVASCRIPT IIIustrator/sCI'lptlng.htmI L, †ít .^` Adobe
  47. 47. Iằfĩẵẫlyậjl/:Ề)ỗI7ŕẫễcl: EXtendScrípt Toolkit Creative Cloud 7J`Ề› Ị 4 DX F-ILỂIỄỄ
  48. 48. Ể,Ỷ?ÙŨI:ẵlỬỄỈẾÌIKỄ'llII°ẫ'r isẵl IÌLĨỸỀÍI -'^ỉ'y*"uẬ.””l
  49. 49. ẵ”7 Lỵclỉỗx ẵ7xẵĨIẵẵ5%ỗ - i1BEa=lỄll'FằẵlẺl“ò7>lZĩ'_I'3I"-7sl'F IO 'tb III-9=`J0J›Ệ‹l=l=l‹'.lẽlI7_"J7° I1- l` E - ỂấỂỄ7ầĨ7sỚ 'J 7 l"ề"=l=Jlr7`”J Z ỗllẫễ ẾlIFb'ĩl=`ắ`L0)lẽlI Web ẫũẵẵồ !
  50. 50. IIIus'ti'a'tor X //elo ?`l7L"”l”`/ ẵẵ2:í I `J ĨÍỸ ŕl' ĨJ I` IES: 7: IlỄ`. É-I,`. gal 'I`5 Ệ I "r:: ĨiÓlẵẵỞĩỗ lllustratoriiẫíllĩ ^ĩầ>ữěHBTẸLLĨễ%ÍW®ƯBă lẵìñẵĩlliẵlxt ăĩíắlllẫẳt iầtzsuồ ,`,,_, .,`~ r “ ,lỈr_Ề' -Ei . ựồệìmùeử Ị Ẹĩằĩr ẵ1ỆlEỄẫíÃlàíỄẵỞỊÌE . '-“*“>“›' ẹñxỡ, `;'I)0°ễ°V~fì"` TZ1ẵ9`I ầĩă'-c<IỊI`ầă: E_
  51. 51. ỂỄŨÁỪBHỰLĨỨ E-/T ^ F ỈVỀ ŕl,^ Ữ “ ` l“. (I /, l.) ỹ;,(yM ŕ› t Y' ‹l" 4 Ĩ

×