tag:blogger.com,1999:blog-75294598987906175042024-03-20T16:10:05.955+09:00派遣DTP つくる積読Illustration+DTPのTipsや疑問など。
絵と、デザインと、DTP勉強中です。Unknownnoreply@blogger.comBlogger29125tag:blogger.com,1999:blog-7529459898790617504.post-56015327150806391112016-01-13T02:46:00.000+09:002016-03-02T22:40:21.145+09:00Ai_+3D効果で広がる?パターンの可能性<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQK7kH5T_M5_SMvOmEYQOscDMYutROdHASQXRfTYXLG0d5AtozFf55Z-y7EG-FOzRyVjHHExNGYDuy0eedHTxlqqfCUCl4joNdRRsAQ-N8xsbwQ9kFSDHBe5KfwxelT6KMKeG08RVLgA/s1600/160112-0001.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQK7kH5T_M5_SMvOmEYQOscDMYutROdHASQXRfTYXLG0d5AtozFf55Z-y7EG-FOzRyVjHHExNGYDuy0eedHTxlqqfCUCl4joNdRRsAQ-N8xsbwQ9kFSDHBe5KfwxelT6KMKeG08RVLgA/s1600/160112-0001.jpg" /></a><br />
3D効果によって、パターンに効果を適用することができます。<br />
<br />
<a name='more'></a><br />
<br />
遅くなりましたが、明けましておめでとうございます。<br />
今年もどうぞよろしくお願い致します。<br />
今回の記事は昨年ずっと温めてきた内容の一部です。<br />
変なところや抜けてそうなところがあったら指摘お願いします。<br />
<h2>
<br />
経緯</h2>
以前から気になっていたことの一つに、<br />
「パターンにはドロップシャドウが期待通りには適用されない」<br />
ということがありました。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI-kQvw8irDpL6w9k7np-6bbsQauxwliql66toLHFoYmCitIHq7yc606G3DzhisolvgFQ8fTmKMOlyWXyEdgtbUU1UaHtmwARixhAZCFQwFfhBvCYsxajBJyuSngdPlfWer2yVyLrsCA/s1600/160112-0002-1.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI-kQvw8irDpL6w9k7np-6bbsQauxwliql66toLHFoYmCitIHq7yc606G3DzhisolvgFQ8fTmKMOlyWXyEdgtbUU1UaHtmwARixhAZCFQwFfhBvCYsxajBJyuSngdPlfWer2yVyLrsCA/s1600/160112-0002-1.jpg" /></a><br />
<br />
↑ストライプの塗りに対してドロップシャドウはべた塗り状態。<br />
<br />
背面にパターンの塗りをもう一枚追加してぼかせばそれっぽくなるのでさほど問題はありませんが、なんだか気持ち悪い、ということで色々試して見つけた回避策と、それによって可能になったいろんなことをご紹介します。<br />
<br />
<br />
<h2>
今回解決したこと</h2>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSlVGSggGHxcmhDBRbEX21a2i12Xel4YGxR4SYuCc-guwWYqDS0G1PcK__3FJBxMruXsn0krLs5rpCN6MQoVybB4qViDy4bjiJWuQbCosQyMx5qyqewvyBCOyhZOk3rAKY6mTgYo6HNw/s1600/160112-0002-2.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSlVGSggGHxcmhDBRbEX21a2i12Xel4YGxR4SYuCc-guwWYqDS0G1PcK__3FJBxMruXsn0krLs5rpCN6MQoVybB4qViDy4bjiJWuQbCosQyMx5qyqewvyBCOyhZOk3rAKY6mTgYo6HNw/s1600/160112-0002-2.jpg" /></a><br />
<h4>
通常では、パターンの柄そのものには効果メニューで影響を与えることができません。<br />
これを今回の方法を使用することで、アピアランス属性やテキストを生かしたまま適用し、影響を与えることができます。</h4>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKiQdhztRmUjDMnEIaY4dGCGyOaFvie6_5mEhqHK17hkiCItM7hsx0Uk0AjK6TR_19FKE1i9g-tNilAqXSE28CwsZSlhKxgCsQ0DpJtkQUiEzg8oq6MwLCYnyNsgBFT8h7_nFRDas3eg/s1600/160113-0004.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKiQdhztRmUjDMnEIaY4dGCGyOaFvie6_5mEhqHK17hkiCItM7hsx0Uk0AjK6TR_19FKE1i9g-tNilAqXSE28CwsZSlhKxgCsQ0DpJtkQUiEzg8oq6MwLCYnyNsgBFT8h7_nFRDas3eg/s1600/160113-0004.jpg" /></a><br />
<br />
↑塗りにパターンを適用したオブジェクトにラフ効果を適用しても、オブジェクトの外殻には影響を与えられても、パターンの柄そのものをラフにすることはできません。<br />
<h2>
<br />
とても残念なこと</h2>
<h4>
処理は重いです。<br />
必ず開いているファイルを保存してからお試しください。</h4>
<div>
処理が重いので、この方法をわざわざ使う必要があるのかと思ったりもしているんですが、一つの方法として、公開します。</div>
<div>
<br /></div>
<h4>
拡大縮小で見た目が変化することがあります。</h4>
<h4>
<div style="font-weight: normal;">
[パターンも拡大縮小][線幅と効果も拡大縮小]にチェックを入れていたとしてもパターンの継ぎ目が影響したりして、拡大縮小すると見た目が変化することがあります。</div>
<div style="font-weight: normal;">
効果によっては、予想外の動きをすることもあります。</div>
<div style="font-weight: normal;">
シビアなお仕事には向いていません。</div>
<div style="font-weight: normal;">
ここだー!というところで分割してしまうほうがいいかもしれないです。</div>
</h4>
<h4>
<br />
印刷に適しているかはわかりません。保証できません。</h4>
<div>
必ずアピアランス分割・透明分割を行う、印刷屋さんに相談する、などで対応してください。</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<h2>
パターンに効果を適用させる方法</h2>
いよいよ方法です。<br />
簡単です。<br />
<br />
<h3>
パターン ([3D効果] +[合流]+[任意の効果])</h3>
これでできます。<br />
任意の効果を適用させるためには[3D効果]だけで大丈夫なんですが、[パスファインダ効果-合流]を適用することでパターンの継ぎ目が目立たなくなるので、必ずセットで使います。<br />
<br />
<h3>
細かい設定内容です。</h3>
パターンを適用した塗りに効果を加えていきます。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIJw3EiiKV5t27cuxTk7KTAvi7gbbEhWdUWXiR9PEItYuGJAmAULriOd-XX1KPlZyxFttvRggcqmg258eUy-gYKiF8xwDTR_VlL2BbWTeyFOn_2NMl4qJ3fuyh7R7CLjjW9zcek2_grQ/s1600/160113-0010.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIJw3EiiKV5t27cuxTk7KTAvi7gbbEhWdUWXiR9PEItYuGJAmAULriOd-XX1KPlZyxFttvRggcqmg258eUy-gYKiF8xwDTR_VlL2BbWTeyFOn_2NMl4qJ3fuyh7R7CLjjW9zcek2_grQ/s1600/160113-0010.jpg" /></a><br />
<br />
<h4>
1.[効果]>[3D]>[押し出し・ベベル]を適用。</h4>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwAlSVSefoOHJe92RTUfY58qN9n5Cr0KtC2kO-y_yvcxBNZ7w0R6Vt4BMGwkC8CNQNvN6M3p7yFeOm6XSs1sFNr0_HjFs-XR2XrJ7yrxQAEy7JPqzh8bPoBXVZ-QJXxayXJy-VByMoww/s1600/160113-0005.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwAlSVSefoOHJe92RTUfY58qN9n5Cr0KtC2kO-y_yvcxBNZ7w0R6Vt4BMGwkC8CNQNvN6M3p7yFeOm6XSs1sFNr0_HjFs-XR2XrJ7yrxQAEy7JPqzh8bPoBXVZ-QJXxayXJy-VByMoww/s1600/160113-0005.jpg" /></a><br />
<br />
<h4>
ダイアログが出るので、[位置]のドロップダウンメニューを[前面]に、その他の数値は全て[0]、[表面]は[陰影なし]に設定。</h4>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5T1f3mP6Wa1Bpeb9SyfLRssCenUAI58R2WGAjyAASaCqUh25YVk0EsZT6a5PXTWKcejXSqjem_Jb9xCZZqLclLnuJuCNFvJ1i7rssvY_NXqcEivgo1OEuw7TcTLDjDZrbMGxw-UIDIg/s1600/160113-0008.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5T1f3mP6Wa1Bpeb9SyfLRssCenUAI58R2WGAjyAASaCqUh25YVk0EsZT6a5PXTWKcejXSqjem_Jb9xCZZqLclLnuJuCNFvJ1i7rssvY_NXqcEivgo1OEuw7TcTLDjDZrbMGxw-UIDIg/s1600/160113-0008.jpg" /></a><br />
<br />
アピアランスパネル上には3D効果が表示されましたが、オブジェクトに表面上の変化はありません。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYmCWOLvmRJktmJNmE-Da19lB_gEg2UV8cYKlKaQLlaofEAZKTfu7QpywWC7FQt9RlnEr-LXaOJNFXyDZ4zh6jWWIwz3wFH2htxnjyNw60iZRSxbc7n45eG61e11GGY26wCj85YCxOqg/s1600/160113-0014.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYmCWOLvmRJktmJNmE-Da19lB_gEg2UV8cYKlKaQLlaofEAZKTfu7QpywWC7FQt9RlnEr-LXaOJNFXyDZ4zh6jWWIwz3wFH2htxnjyNw60iZRSxbc7n45eG61e11GGY26wCj85YCxOqg/s1600/160113-0014.jpg" /></a><br />
<br />
<br />
<h4>
2.続いて、[効果]>[パスファインダー]>[合流]を適用。</h4>
<div>
<br /></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNvYcZsSsakzD64Sm6v6LpboHBjnE6Easpa266PVtrxQMYkqp-x8sHUh1P0dDdwSjaI4EdtJDVL9fY0XRSM-UnTNT4wh_0UKyCddxyLYAMPXgcqcuVaWpj2lxBvWqWG_4Ko3eQpxYpFw/s1600/160113-0020.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNvYcZsSsakzD64Sm6v6LpboHBjnE6Easpa266PVtrxQMYkqp-x8sHUh1P0dDdwSjaI4EdtJDVL9fY0XRSM-UnTNT4wh_0UKyCddxyLYAMPXgcqcuVaWpj2lxBvWqWG_4Ko3eQpxYpFw/s1600/160113-0020.jpg" /></a><br />
<br />
ここも表面上の変化はほとんどありません。<br />
<br />
<h4>
3.任意の効果メニューを適用して完成。</h4>
今回は[ラフ]です。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6MUidcWTwka2zddtmIiAUJPmQK586RsQVoWeN3ZoAO-A2l-KZbJ-hGEHaxBiWne2f1olOjn-0Vhn14-5XfTsP4eeHkUSpvs-8z3wrf7TmxajmXicidcFe-pTZ4-Z-y4i__wtY1rYjhQ/s1600/160113-0021.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6MUidcWTwka2zddtmIiAUJPmQK586RsQVoWeN3ZoAO-A2l-KZbJ-hGEHaxBiWne2f1olOjn-0Vhn14-5XfTsP4eeHkUSpvs-8z3wrf7TmxajmXicidcFe-pTZ4-Z-y4i__wtY1rYjhQ/s1600/160113-0021.jpg" /></a><br />
<br />
<br />
ダイアログが出るので適当な数値を入れて適用します。<br />
完成です。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjae4dv6zwcn6bfxY5ql-2uZmVT15k09MVxwhzRMPtK6QXYb7-v01OyzdE0We55aIiSVO2w03kz5i9HVrxLE8huCUmwUrL0cLqRjIHPJqdinN5Rdo6sOKKvONDtlEmfsOs3JfQduGT9w/s1600/160113-0017.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjae4dv6zwcn6bfxY5ql-2uZmVT15k09MVxwhzRMPtK6QXYb7-v01OyzdE0We55aIiSVO2w03kz5i9HVrxLE8huCUmwUrL0cLqRjIHPJqdinN5Rdo6sOKKvONDtlEmfsOs3JfQduGT9w/s1600/160113-0017.jpg" /></a><br />
<br />
<br />
<h2>
使えそうな効果の一例</h2>
<div>
全て、テキスト及びアピアランス構造は生かしたままです。</div>
<div>
作り方は全て上と同じです。</div>
<div>
<br /></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnWTMExSMjCb2EAPm5SvFw_-v4ttfACKTN2u6jE4SBr7okx-KeJBorXh-7IJhwPCtB5jQUM9pH3f1zdugzJ9E8o8Mb-YXHu4TdyZJSbvObW7Aziyqjk3RJp-KcZYfYlFAdmcSkCR9PYw/s1600/160113-0022.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnWTMExSMjCb2EAPm5SvFw_-v4ttfACKTN2u6jE4SBr7okx-KeJBorXh-7IJhwPCtB5jQUM9pH3f1zdugzJ9E8o8Mb-YXHu4TdyZJSbvObW7Aziyqjk3RJp-KcZYfYlFAdmcSkCR9PYw/s1600/160113-0022.jpg" /></a><br />
<br />
<h3>
<br class="Apple-interchange-newline" />テキスト属性を活用する</h3>
テキスト属性を活用するとパターンにパターンを適用したりグラデーションを適用することもできます。<br />
実務で使うにはちょっとなんとなく怖いですが実際どうなんでしょう。<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1_zOMe1Q8MNIBhrqDM3eFCfwXISvV7b_SQf0Kan2NTiySjpZZ3BDFrbVebxhtNMVsotT0CZeXIOXRoS4-hqi0I0b5E9dJXasqNUJf9peLE2L_YNatIhbb7IYmPdKuk0Tu8VFKRkcRPw/s1600/160113-0023.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1_zOMe1Q8MNIBhrqDM3eFCfwXISvV7b_SQf0Kan2NTiySjpZZ3BDFrbVebxhtNMVsotT0CZeXIOXRoS4-hqi0I0b5E9dJXasqNUJf9peLE2L_YNatIhbb7IYmPdKuk0Tu8VFKRkcRPw/s1600/160113-0023.jpg" /></a><br />
<br />
<h3>
応用編です。</h3>
パターンにはつなぎ目があるのでそこが乱れやすいのですが、あえてそこにひねりを入れると手書きっぽくなります。<br />
上の例では単色のパターンばかりを載せましたが、下の例のように複数のカラーのものでも大丈夫です。<br />
[落書き効果]は通常はパターンの柄に影響しないのですが、[3D効果]を使用することで色ごとに落書き線が分かれて刺繍のような効果を得ることができます。<br />
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqEXtUJziuGFxOBqZkXZzjICMgEOPbkFMwCc2fkffNevXrEQ9kRpjcAtLpbxlLX-MqdCgLGbEmvECg6GZOEWM7oWe7KDPWDSIriLmggW_sIwLGmxzphFcOyJWiPHNYSxW0uXLtoEkK7w/s1600/160113-0025.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqEXtUJziuGFxOBqZkXZzjICMgEOPbkFMwCc2fkffNevXrEQ9kRpjcAtLpbxlLX-MqdCgLGbEmvECg6GZOEWM7oWe7KDPWDSIriLmggW_sIwLGmxzphFcOyJWiPHNYSxW0uXLtoEkK7w/s1600/160113-0025.jpg" /></a><br />
<h2>
<br />
なんで効果が適用できるのか?分解してみた。</h2>
3D効果と合流を適用した時点のオブジェクトを分割してみると、パターンがパスとして分割されていました。これは以前のエントリ、<a href="http://nodokantoko.blogspot.jp/2015/07/ai.html" target="_blank">Ai_パターン部分を見たままにパス化する方法</a>の仕上がりと同じ状態でした。<br />
<br />
↓余分なパスが残っていない状態<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdvDAK-w6wAOOtYysukRhgaHng1cxYMeVCMXj1qMcFBawmYWjWRkbo1gybQcGMgqCTaf3o8wg9EgXqN-5b4eg-oxfoKl3TU4oHCWTJVgh-z4cDaL3nz0S3uBSaA4q6OG4-SA1tVjSQaA/s1600/150729-0010.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdvDAK-w6wAOOtYysukRhgaHng1cxYMeVCMXj1qMcFBawmYWjWRkbo1gybQcGMgqCTaf3o8wg9EgXqN-5b4eg-oxfoKl3TU4oHCWTJVgh-z4cDaL3nz0S3uBSaA4q6OG4-SA1tVjSQaA/s1600/150729-0010.jpg" /></a><br />
<br />
色々試してみた結果、おそらくですが「パターンに3D効果をかけると、擬似的に[分割・拡張]>[透明分割]が適用されている状態」なのではないかと思います。<br />
<br />
例えパターン上では線オブジェクトであっても、3D効果を適用すると全て塗りに分割されます。また、3D効果で[前面位置]以外では思ったような効果が得られませんでした。<br />
<br />
面白いのでぜひ試してみて欲しいのですが、3D効果を適用した状態で[効果-自由変形]を適用してダイアログを覗いてみると、通常は現れないパターンがそこにパスとなって現れます。自由変形では通常パターンまで変形することはできませんが、この状態だとパターンも変形させることができます。<br />
<br />
実は、[3D効果-前面]>[マッピング(あらかじめ登録したパターン柄のシンボルを配置する)]でもほとんど同じ効果を得ることができます。細かく比較していくと異なる動きをすることがあるので、全く同じもの、というわけではなさそうでした。<br />
<br />
今回の方法は残念ながらパターンでしか動作を確認できていません。<br />
通常の塗りには反応しないので、どうしても使いたいときは単色の塗りのパッチを作ってパターン化しないといけません。また、パターンの塗りが複数になると、仕上がりが悪くなる印象です。<br />
<h2>
<br />
終わりに</h2>
3Dを使うとどうしても動作が重くなってしまうのが残念です。<br />
とはいえ、今までの効果メニューでは得られなかった効果が得られるのは面白くもあります。みなさんでこねこねしてもらえると嬉しいです。<br />
<br />
ついでに、3Dを使わずにパターンも含めて変形させるのはエンベロープで可能です。パターンの変形はエンベロープオプションで設定します。<br />
エンベロープ大好きなんですがあんまり使われていない印象なので書きました。<br />
おすすめです。<br />
<br />
<h2>
お知らせ</h2>
<h3>
DTPの勉強会が開催されます</h3>
私がいつもお世話になっている<a href="http://dtpstudy.blog51.fc2.com/blog-entry-91.html" target="_blank">第20回 DTPの勉強会</a>が開催されます。<br />
1月20日21時に参加受付開始です。<br />
いつも達人の皆さんが丁寧に説明してくださってとても勉強になるので、おすすめです。<br />
<br />
<img alt="第20回 DTPの勉強会" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguKKRZQEXEdMJ2voSoDwpOprWbkj-CvfVC74ZX9N9WeLPgB8ESb1zaYoIRi3ZUEB1QveRsZHS9e4ME6wgTZL5_zYJOzobOE2wNBMVkwD6jI_wGi_071g1RY3HiZRBKXQ8cLA6WOEyKyA/s320/vol20_0220.jpg" width="320" /><br />
<br />
<br />
<h3>
中南米向けに四コマ漫画サイトをOPENしました</h3>
<a href="http://hola-amigos-manga.blogspot.jp/" target="_blank">Hola! Amigos!</a><br />
<br />
※移転したのでリンク先変更しました。<br />
メキシコに移住した私の知り合いの実話を基にした漫画です。<br />
週間くらいのペースで更新予定です。<br />
サイト内はほぼスペイン語です。<br />
メキシコに縁のあるお知り合いがいらっしゃいましたらご紹介いただけると幸いです。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSmzDKF9QapBvpAin6TOutIzLsSmBTArS3Pyc8tw_vqJdK4WZNGIHbyG8QkhKPhwnDVojj8qAYPtQYOLQflQ65dl53mDWY4UkHyILwnkZt7353L9yGOXgYGZGkw84sXz2GNKnQ9pBU6w/s1600/305e7e_3d297590fc9f4db783813c68f7549f67.jpg" imageanchor="1"><img border="0" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSmzDKF9QapBvpAin6TOutIzLsSmBTArS3Pyc8tw_vqJdK4WZNGIHbyG8QkhKPhwnDVojj8qAYPtQYOLQflQ65dl53mDWY4UkHyILwnkZt7353L9yGOXgYGZGkw84sXz2GNKnQ9pBU6w/s400/305e7e_3d297590fc9f4db783813c68f7549f67.jpg" width="400" /></a><br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-69876034899761258362015-11-19T01:05:00.000+09:002016-01-13T02:53:05.938+09:00Ai_端が切れないパターン状の柄を作る<div>
パターン状の柄がオブジェクトに合わせて半端に切れない方法です。</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWrIjFHe3KjtZG1yXK-seRX5ZIwOomeKvSc_gYdkIA_keasA3pjmEKQHZFtydN_0KLt4HSNB9StcySgZeWubxfXdRpnZUj7dY3BHUIsMm0XRlnTB1Pxnt8_kGnKhqQNsWmhd4JSnvCrA/s1600/151118-0050.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWrIjFHe3KjtZG1yXK-seRX5ZIwOomeKvSc_gYdkIA_keasA3pjmEKQHZFtydN_0KLt4HSNB9StcySgZeWubxfXdRpnZUj7dY3BHUIsMm0XRlnTB1Pxnt8_kGnKhqQNsWmhd4JSnvCrA/s1600/151118-0050.jpg" /></a></div>
<br /></div>
<div>
<a name='more'></a><br />
<h3>
1月13日追記<br />高橋さんが後からオブジェクトをシンボルに変換するスクリプトを配布してくださいました。</h3>
1アクションでシンボルに変換できるのでおすすめです。<br />
<a href="http://graphicartsunit.tumblr.com/post/134802610854/object-to-symbol" target="_blank">Illustratorのオブジェクトをシンボルに置き換えるスクリプトを作りました(CS5以降対応)</a><br />
<a href="http://graphicartsunit.tumblr.com/post/134977388379/create-individual-symbols" target="_blank">Illustratorのグループを一気にシンボルへ変換するスクリプトを作りました(CS5以降対応)</a><br />
いつも素敵なスクリプトを配布してらっしゃるので、他のページもぜひご覧ください。<br />
<br />
<br />
<br /></div>
<div>
パターンを適用するとオブジェクトの端で半端にパターンが切れてしまいます。</div>
<div>
あれがどうにかならないかなあと思ってシンボルに置き換える方法を考えてみました。</div>
<div>
着物や帯の絞り柄のようなものを表現したい時や、ロゴ作成などにおすすめです。</div>
<div>
<br /></div>
<h3>
ご報告と謝意</h3>
<div>
今回の記事は鈴木メモさんの記事、<a href="http://suzukimemo.com/post-10" target="_blank">複数のオブジェクトを後からシンボルに変換する</a>を基に考え、<a href="http://d.hatena.ne.jp/shspage/" target="_blank">s.h’s pageさん</a>の下記のスクリプトを使用させていただきました。</div>
<div>
<div>
<a href="http://d.hatena.ne.jp/shspage/20110528/1306550314">オブジェクトの中心をつなぐパスを作成Add Star</a></div>
<div>
<a href="http://shspage.com/aijs/">選択アンカーの位置に複製</a></div>
<div>
<br /></div>
<div>
素晴らしい記事を公開していただいている鈴木メモさんと素敵なスクリプトを配布してくださっているs.h’s pageさんに大感謝!</div>
</div>
<div>
いつも本当にお世話になっています。</div>
<div>
<br /></div>
<div>
<h3>
ご案内</h3>
<h4>
前回CC2015を導入した、と書きましたが、今回だけはCS5で作成します。CS6以降では変更された機能を使用するためです。</h4>
CS6以降でも再現できないというわけではありませんが、多少手間はかかります。</div>
<div>
<br /></div>
<h2>
簡単な概要</h2>
<h4>
今回は少しだけややこしいので先に簡単な概要を記します。</h4>
おおまかには3段階です。<br />
<h4>
オブジェクトにスタンダードなパターンを適用し、画像化。<br /> ↓<br />画像をパス化し、同時に半端部分を一括削除。<br /> ↓<br />残ったオブジェクトを〈後からシンボル化〉で完成。</h4>
<div>
<div>
ポイントは画像化したオブジェクトをパス化する行程です。行ったり来たりのような行程ですが、ここがないと半端部分を削除できません。</div>
</div>
<div>
<br /></div>
<h2>
初めに準備</h2>
<div>
<div>
今回は、<a href="http://d.hatena.ne.jp/shspage/" target="_blank">s.h’s pageさん</a>作の下記の二つのスクリプトを使用します。</div>
<div>
先にダウンロードし、使用可能にしておきます。</div>
<div>
<div>
<a href="http://d.hatena.ne.jp/shspage/20110528/1306550314">オブジェクトの中心をつなぐパスを作成Add Star</a>(connect_centers_nearest.jsx)</div>
<div>
<a href="http://shspage.com/aijs/">選択アンカーの位置に複製</a>(選択アンカーの位置に複製.jsx)</div>
</div>
</div>
<h4>
スクリプトフォルダへのコピー方法</h4>
<div>
<div>
ダウンロードしたスクリプトを[Macintosh HD]→[アプリケーション]→[Adobe Illustrator CS5.1]→[プリセット]→[ja_JP]→[スクリプト]内にドロップしてコピー。</div>
<div>
イラストレーターを一度再起動しておきます。</div>
<div>
今回はCS5で書いていますが、CCでもフォルダ名が英字表記などの違いはあっても同じ場所にあります。</div>
</div>
<div>
<br /></div>
<h2>
パターン状の柄が半端に切れない方法</h2>
<h4>
1.オブジェクトにシンプルなドットパターン(※1)を適用し、ラスタライズ化(※2)。</h4>
<div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjik8DHqTw3JhANbrQh8El0CvEmTnOiVo34LCTbZhQspy1hd9Fy3275s-6tXQyCI6AA9VvnLl0nIIKWfWLgqvNpICuwgo0f_eAmOYi8ygnjPmtwu92gNVfO9642VBMNwoIptYrALowOFA/s1600/151118-0020.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjik8DHqTw3JhANbrQh8El0CvEmTnOiVo34LCTbZhQspy1hd9Fy3275s-6tXQyCI6AA9VvnLl0nIIKWfWLgqvNpICuwgo0f_eAmOYi8ygnjPmtwu92gNVfO9642VBMNwoIptYrALowOFA/s1600/151118-0020.jpg" /></a></div>
<br />
<h4>
ドットパターンを適用(※1)。</h4>
パターンをオブジェクトに合わせて縮小しておく。<br />
拡大縮小はオブジェクトを選択した状態でツールパレットの[拡大・縮小ツール]をダブルクリック。ダイアログが表示されるので、オプションのパターンのみにチェックを入れて実行する。<br />
(たまに縮小されない時がありますが、アピアランスパネル上で該当の塗りをクリックしてもう一度試してみてください。大体は解決します。)<br />
ドットの一つ一つが仕上がり時にはシンボルに置き換わるので、仕上がりをイメージしつつパターンのサイズを決めてください。(※2)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1JPsePslRNpCNfuTjxoEfBKwYB9KFWzpt-pGIU4wB72D1111XHsNsP5SEPA6zZ3rluMe-383iO04yx09sPho7G55YN1NijI51_5XFm_dt7uzbOpj1WdqGdfSJ7pkTzLjzsCeJuZn96A/s1600/151118-0021.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1JPsePslRNpCNfuTjxoEfBKwYB9KFWzpt-pGIU4wB72D1111XHsNsP5SEPA6zZ3rluMe-383iO04yx09sPho7G55YN1NijI51_5XFm_dt7uzbOpj1WdqGdfSJ7pkTzLjzsCeJuZn96A/s1600/151118-0021.jpg" /></a></div>
<br /></div>
<div>
<br /></div>
<div>
※1 このパターンの並びが最終仕上がりの並びになります。お好みの並びのシンプルなパターンを用意してください。</div>
</div>
<div>
私はスウォッチライブラリ内の[パターン]>[ベーシック]>[ベーシック_点]の中の、やや点が大きめのものをよく使います。</div>
<div>
※2 ラスタライズ前のオブジェクトが小さすぎると、この後の行程で支障があります。適用したパターンが最低でも直径10px程度あるほうが無難です。</div>
<div>
<br />
<h4>
画像化する。</h4>
</div>
<div>
画像を選択した状態で[オブジェクト]>[ラスタライズ]>ダイアログで[高解像度]を選択してOK。</div>
<div>
オブジェクトが画像化されます。</div>
<div>
ラスタライズに時間がかかるようなら適宜解像度を下げて調節してください。</div>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu6B6tynZ01vyerVmIbSn9CPfEeaOaPZO3tJ1LZqz-B3SQYEA4PwrYpCatGlnC24XYNV8HFT1IZmiwngCq78O5tKwPTtxJhVYY95ZXWn2IjzECz26OC5EtHJwaBeSFk_XKtjUKtpzvRQ/s1600/151118-0022.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu6B6tynZ01vyerVmIbSn9CPfEeaOaPZO3tJ1LZqz-B3SQYEA4PwrYpCatGlnC24XYNV8HFT1IZmiwngCq78O5tKwPTtxJhVYY95ZXWn2IjzECz26OC5EtHJwaBeSFk_XKtjUKtpzvRQ/s1600/151118-0022.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVrtSEhex8CW6jeuVvrJCY-az0qIweclISTFySC1sG77k2QKBApZ5Bezk8f-J7joJsOqOT9ksa-5iVxMk9O1qkPhyLWO21B32PoN2DzZqPxo7BctDXRmpmk6oAVMNyJFJupt1rxCwXoQ/s1600/151118-0023.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVrtSEhex8CW6jeuVvrJCY-az0qIweclISTFySC1sG77k2QKBApZ5Bezk8f-J7joJsOqOT9ksa-5iVxMk9O1qkPhyLWO21B32PoN2DzZqPxo7BctDXRmpmk6oAVMNyJFJupt1rxCwXoQ/s1600/151118-0023.jpg" /></a></div>
<br />
カラーモードはRGBでもグレースケールでも構いません。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIXRpI3Tmk5MI0CK86Vw2lIWAe3co2QATlFnrIUdVD6dPllfgXkhKAtDb-h3FykeiXmnpm5SEDR3lkH4rF-qGd-bt0m6fibUuEPQTrcRsPhBMSJKD-xrxLl-EBXT2M-vbfXsCF72ghrw/s1600/151118-0024.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIXRpI3Tmk5MI0CK86Vw2lIWAe3co2QATlFnrIUdVD6dPllfgXkhKAtDb-h3FykeiXmnpm5SEDR3lkH4rF-qGd-bt0m6fibUuEPQTrcRsPhBMSJKD-xrxLl-EBXT2M-vbfXsCF72ghrw/s1600/151118-0024.jpg" /></a></div>
<br /></div>
<div>
画像化されました。<br />
<br /></div>
<div>
<br /></div>
<h4>
2.画像をライブトレースして調整する。</h4>
<div>
ここで使用する、[トレースオプション]の内容がCS6以降変更され、今回の肝である[最小エリア(CS6以降は[ノイズ])]で設定できる数値が大幅に狭まっています。(最大値が3000pxから100pxへ減少)そのため、今回はCS5を使用しています。</div>
<div>
CS6以降で試す方はオブジェクトを一時的に大きくするなどで対応してみてください。</div>
<div>
<br />
<br /></div>
<div>
画像を選択し、コントロールバーの[ライブトレース]ボタン横にあるドロップダウンリスト(もしくは[オブジェクト]>[ライブトレース])から[トレースオプション]を選択。<br />
<br />
(CCの場合:コントロールバーの[画像トレース]ボタン横のドロップダウンリストから[白黒ロゴ]を選択。ダイアログが出るのでダイアログ中腹にある、[詳細]をクリックして展開すれば同様のメニューがある。)<br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFeoCidtmVG31mv1WhA-6VcwzytfE7K9Be_TqfKJ_F-L86Fzh3klRO2RjgeiuCFJe_VIdoxrJyl4ZDWwrc7t3gFSIMZEaVPtouyFZCV7l_2eq-rLqMU050zutU4FrwZEzHeWXuYa7-Uw/s1600/151118-0028.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFeoCidtmVG31mv1WhA-6VcwzytfE7K9Be_TqfKJ_F-L86Fzh3klRO2RjgeiuCFJe_VIdoxrJyl4ZDWwrc7t3gFSIMZEaVPtouyFZCV7l_2eq-rLqMU050zutU4FrwZEzHeWXuYa7-Uw/s1600/151118-0028.jpg" /></a></div>
<br />
<div>
ダイアログが開くので、[カラーモード]を[白黒]、[ホワイトを無視]にチェックを入れる。[ぼかし]と[誤差の許容値]は [0]もしくは[0〜2]程度。</div>
<div>
ここが大切で、[最小エリア]で半端部分を排除します。<br />
[最小エリア]の値はプレビューを見ながら半端なオブジェクトが無くなるまで調整する。</div>
<div>
(CCの場合:[最小エリア]=
[ノイズ])</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdCat3z5mIjWXyqH1nvtHwvcsz-XdnozncLtJ7BK1onfj6tup8DNdMsENAbUisGrXVW6pAmZQq5z1c2iXwaMkHUM9Tl9YRYRbSc3H_qlO29yJN3mPrTsoDSOaXjsjzx9qq43xo5p7QLQ/s1600/151118-0030.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdCat3z5mIjWXyqH1nvtHwvcsz-XdnozncLtJ7BK1onfj6tup8DNdMsENAbUisGrXVW6pAmZQq5z1c2iXwaMkHUM9Tl9YRYRbSc3H_qlO29yJN3mPrTsoDSOaXjsjzx9qq43xo5p7QLQ/s1600/151118-0030.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
多少は欠けていても問題無いですが、最後に置き換えられるシンボルは全て同じ大きさになるので不要なものを残すと仕上がりが全体が乱れます。</div>
↓半端なオブジェクトが消えました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYSd9KnvhjrkWl4_hjWRIqje9yogGWudgZnahawVSZmB8iNY5KIoMp2qUKov9i8740fsyqCZhQCIFmvcK0qMt4rsd8P3YP-kmQAVUj0R4c7x4r3ar2RAS-rlvn6P8V4GobNZLxq3zLiQ/s1600/151118-0031.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYSd9KnvhjrkWl4_hjWRIqje9yogGWudgZnahawVSZmB8iNY5KIoMp2qUKov9i8740fsyqCZhQCIFmvcK0qMt4rsd8P3YP-kmQAVUj0R4c7x4r3ar2RAS-rlvn6P8V4GobNZLxq3zLiQ/s1600/151118-0031.jpg" /></a></div>
<br />
<h4>
画像をパス化させる。</h4>
<div>
コントロールバー(もしくは[オブジェクト]>[ライブトレース])から[拡張]を適用。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAnUHR6zidjJjqWeqokv3ytGPeCcwVFAE5kIouM3Ahf-nd4z-5ANHMKkAzZ-HiuSih_Mcl9_XPIx6HSpDRJCijaEuIXHe7nPrWEtRGVIwqGwDn7pBuXjISHuPPEg3cX0Wc3uMFLaaypQ/s1600/151118-0032.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAnUHR6zidjJjqWeqokv3ytGPeCcwVFAE5kIouM3Ahf-nd4z-5ANHMKkAzZ-HiuSih_Mcl9_XPIx6HSpDRJCijaEuIXHe7nPrWEtRGVIwqGwDn7pBuXjISHuPPEg3cX0Wc3uMFLaaypQ/s1600/151118-0032.jpg" /></a></div>
<br />
↓パス化されました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvsygTcP2nGlwBgez3KD5wObahQU7oTItswdrZcs05WeMWB3C52pFT5o1poC0VrmOdN2_bi1kYaEtDOtNCEv5p4Wb-3FqXbJ9GOG2v6z85dJkQmIDU6OWRLceGkKJkHBHXgQkLlNzPKg/s1600/151118-0033.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvsygTcP2nGlwBgez3KD5wObahQU7oTItswdrZcs05WeMWB3C52pFT5o1poC0VrmOdN2_bi1kYaEtDOtNCEv5p4Wb-3FqXbJ9GOG2v6z85dJkQmIDU6OWRLceGkKJkHBHXgQkLlNzPKg/s1600/151118-0033.jpg" /></a></div>
<br /></div>
<div>
<br /></div>
<h4>
3.残りのオブジェクトをシンボルに置き換える。</h4>
<div>
ライブトレース後のオブジェクトはグループ化されているため、[オブジェクト]>[グループ解除]しておく。</div>
<div>
<br /></div>
<div>
以下、<a href="http://suzukimemo.com/post-10" target="_blank">鈴木メモさんのページ</a>を参考に進めます。(引用許可はいただいています。)</div>
<div>
画像はこちらで作り変えました。</div>
<div>
</div>
<blockquote class="tr_bq">
<blockquote class="tr_bq">
<span style="color: #76a5af;">●取り替えたいオブジェクトをまとめて選択し、スクリプトから、「オブジェクトの中心をつなぐパスを作成」を実行。ハート同士が線で一気につながれます。</span></blockquote>
<blockquote class="tr_bq">
<span style="color: #76a5af;">●選択状態になっているハートオブジェクトを削除。</span></blockquote>
</blockquote>
<h4>
今回は[ハート]=[パターンのドット]ですが、進め方は同じ。</h4>
先ほどグループ解除 したオブジェクトを全て選択し、[ファイル]→[スクリプト]→[connect_centers_nearest(オブジェクトの中心をつなぐパスを作成)]を実行。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeolRNlefB1lIovYsYYQdfHr2jyGQShkBemcBkwtUNVTREtGvOdpVQbgwrWmcvOOC4jpIDPq9TnJ2rwar2lMtDouscp1C6cNUCBHnVkQRn0WorW8WGUXuRxrsJFE_AVrGHOvQuAuslEg/s1600/151118-0034.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeolRNlefB1lIovYsYYQdfHr2jyGQShkBemcBkwtUNVTREtGvOdpVQbgwrWmcvOOC4jpIDPq9TnJ2rwar2lMtDouscp1C6cNUCBHnVkQRn0WorW8WGUXuRxrsJFE_AVrGHOvQuAuslEg/s1600/151118-0034.jpg" /></a></div>
<br />
オブジェクトの中心を繋ぐ線が描画され、オブジェクトは選択状態になるのでそのまま削除。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioNh3QDBV7s314k1HA1A0Aawt9Lpx1fwI8mGnl9FjOSQLOWTbPn-Yq08E8CSNwJmQEAR2cSbNGiJPEiNIL5o6ONYYgcrNFQV6HDyZ7_onvZNzF0r6C04U0CcjXEXP94BUnlSrkzremDw/s1600/151118-0036.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioNh3QDBV7s314k1HA1A0Aawt9Lpx1fwI8mGnl9FjOSQLOWTbPn-Yq08E8CSNwJmQEAR2cSbNGiJPEiNIL5o6ONYYgcrNFQV6HDyZ7_onvZNzF0r6C04U0CcjXEXP94BUnlSrkzremDw/s1600/151118-0036.jpg" /></a></div>
<br />
<blockquote class="tr_bq">
<blockquote class="tr_bq">
</blockquote>
<blockquote class="tr_bq">
<span style="color: #76a5af;">●同じファイル上の隅っこで、新しくシンボルにしたいオブジェクトを1個作り、シンボルパネルにドラッグして新規シンボル化して用意します。</span></blockquote>
<blockquote class="tr_bq">
<span style="color: #76a5af;">(※シンボルオプションの種類と基準点はどこでもいい。デフォルトでok。)</span></blockquote>
</blockquote>
<blockquote class="tr_bq">
<blockquote class="tr_bq">
<span style="color: #76a5af;">(※シンボルは後から気軽に内容を編集できるのでとりあえず適当な丸とか四角とかでもok。)</span></blockquote>
</blockquote>
<br />
<h4>
花柄をシンボルに変換。</h4>
置き換え用のオブジェクトをドットに近い大きさに調整し(大切)、シンボルパレットにドロップ。ダイアログが出ますが、そのままOK。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1RtmEYCMUItLYQhsdwsfotMd8cAa23V2X72yjmds2vOR_N9aY_wkw9t9XA9eXy0y-4g2lnRSuIlaTS2_hcCtjJxT3qq1LVezIzhTcbPkBxTN1k19aZGV6YcT6ax-_Xsm6tmtyPgBFbg/s1600/151118-0038.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1RtmEYCMUItLYQhsdwsfotMd8cAa23V2X72yjmds2vOR_N9aY_wkw9t9XA9eXy0y-4g2lnRSuIlaTS2_hcCtjJxT3qq1LVezIzhTcbPkBxTN1k19aZGV6YcT6ax-_Xsm6tmtyPgBFbg/s1600/151118-0038.jpg" /></a></div>
<br />
<br />
シンボル化してからサイズを調整するよりも、シンボル化する前のオブジェクトサイズをドットに近い大きさに調整しておいたほうが後々使い勝手が良いのでおすすめです。<br />
<br />
<br />
<blockquote class="tr_bq">
<blockquote class="tr_bq">
<span style="color: #76a5af;">●シンボルを1つパネルからドロップして配置し、先程出来た直線と一緒に選択。</span></blockquote>
<blockquote class="tr_bq">
<span style="color: #76a5af;">●スクリプトから、「選択アンカーの位置に複製」を実行。シンボルが直線のアンカーポイントの位置に一気に配置されます。</span></blockquote>
<blockquote class="tr_bq">
<span style="color: #76a5af;">●つないだ直線を削除。できあがり。</span></blockquote>
</blockquote>
<br />
<h4>
シンボルを配置していきます。</h4>
シンボルが前面にある状態で、先に作成された直線オブジェクトと一緒に選択し、[ファイル]→[スクリプト]→[選択アンカーの位置に複製]を実行。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZBjLRXp1fM9Epv5PQ9XCokdT7Q_vZOLCGXxbASFIiOBHcBeiPI_qovHla5nGLxd3ikZxvjTLoYkobbIBrXRGJq33eg8l1UtrU-KAsvlwXphd6qWj3ELZKx7t9ShRCHbx1MbzUUb8m7A/s1600/151118-0042.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZBjLRXp1fM9Epv5PQ9XCokdT7Q_vZOLCGXxbASFIiOBHcBeiPI_qovHla5nGLxd3ikZxvjTLoYkobbIBrXRGJq33eg8l1UtrU-KAsvlwXphd6qWj3ELZKx7t9ShRCHbx1MbzUUb8m7A/s1600/151118-0042.jpg" /></a></div>
<br />
直線のアンカーポイントの位置にシンボルインスタンスが一気に配置されるので、直線を削除して完成。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh01mG2qsOfLhMrNgQ6zYD8NykQFJjmizSAUcXEY2dn1I8KCnzpPrx8oKWCGlOx6Y26G9ZblApdyvcuSCj4HVNyTiIesuhQ2keXwQQ7KZ-Oe438k-h0s0FFXplWj5g_JUpPUyLpw8gOqw/s1600/151118-0043.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh01mG2qsOfLhMrNgQ6zYD8NykQFJjmizSAUcXEY2dn1I8KCnzpPrx8oKWCGlOx6Y26G9ZblApdyvcuSCj4HVNyTiIesuhQ2keXwQQ7KZ-Oe438k-h0s0FFXplWj5g_JUpPUyLpw8gOqw/s1600/151118-0043.jpg" /></a></div>
<br />
全てがシンボルインスタンスに置き換えられ、半端がないパターン状の柄になりました。<br />
<h4>
これで完成。</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz_rdPlY6ptwC3q5oemRxsodQSUNXBShpihmLIH77AANtS7jhtW3d6vvn9HbBAWO-FubIf26-6QJolGDThZufZz22mSUWU72ItVM7pqdvW4_ISEuck8YBXWqi1Kv4SHinlnIVRUfqcFA/s1600/151118-0045-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz_rdPlY6ptwC3q5oemRxsodQSUNXBShpihmLIH77AANtS7jhtW3d6vvn9HbBAWO-FubIf26-6QJolGDThZufZz22mSUWU72ItVM7pqdvW4_ISEuck8YBXWqi1Kv4SHinlnIVRUfqcFA/s1600/151118-0045-1.jpg" /></a></div>
<br />
<br />
<h4>
シンボルなので一括編集できる。</h4>
シンボルを使うメリットは、一度に編集が可能なことです。<br />
シンボルを編集することでドキュメント上に配置されているシンボルインスタンスを一括で変更できます。<br />
また、シンボルインスタンスを選択した状態で、コントロールバーの[置換]から他のシンボルに置き換えることができます。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisbc3SCrtzyjUqTBl4HQ2uz2M_Oe_v2OCi8EEUtqLLoAvaUYIJ-VjSCuKz21a3NqWvn15hzFpIw1yWjO1_kXy3mLeghS9raMNNNUSI8kF7x1gbWMRCUKrVgEQRQG_mk1CrKPLCSzvwBA/s1600/151118-0053.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisbc3SCrtzyjUqTBl4HQ2uz2M_Oe_v2OCi8EEUtqLLoAvaUYIJ-VjSCuKz21a3NqWvn15hzFpIw1yWjO1_kXy3mLeghS9raMNNNUSI8kF7x1gbWMRCUKrVgEQRQG_mk1CrKPLCSzvwBA/s1600/151118-0053.jpg" /></a></div>
<br />
ハートになりました。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjda5d6V3lD4QC-QhG8P27J_UuVMy7vm7lnr15IvQB4anNLmr2VJ5GQDN-nfB8waYbBFj7zcNc6woOdrt-69EcVLul_WWZ8Kyn41BRsz6CK2mQbTikdpibOYona_i4cH3oPpSbo8p_Nlw/s1600/151118-0055.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjda5d6V3lD4QC-QhG8P27J_UuVMy7vm7lnr15IvQB4anNLmr2VJ5GQDN-nfB8waYbBFj7zcNc6woOdrt-69EcVLul_WWZ8Kyn41BRsz6CK2mQbTikdpibOYona_i4cH3oPpSbo8p_Nlw/s1600/151118-0055.jpg" /></a></div>
<br />
<h4>
よくあるドットでできた地図も色んな柄で作れます。</h4>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvXmNF9Cgl7kRAPxg2fqsL6v_sW4iF-aUl07h57x5Xy_OdJ7d5pWGzIz6mreOS-bppc57ymJR6Pkvr_T8Qqe60pK7hFsajGIoNb0QSlae_ykGbvAOtTt_Yix-a99JSzirbYzRoWNM-SA/s1600/151118-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvXmNF9Cgl7kRAPxg2fqsL6v_sW4iF-aUl07h57x5Xy_OdJ7d5pWGzIz6mreOS-bppc57ymJR6Pkvr_T8Qqe60pK7hFsajGIoNb0QSlae_ykGbvAOtTt_Yix-a99JSzirbYzRoWNM-SA/s1600/151118-0001.jpg" /></a></div>
<br />
<br />
ドットでできた地図は、おそらく画像から[オブジェクト]→[モザイクオブジェクトを作成]→[効果]→[形状を変換]の行程で作る方が多いんじゃないかと思いますが、並びは変えられません。<br />
今回の方法であれば最初に使用するパターンを変えたり、回転させることによって並びの位置まで好みに調整できるのでそこが利点かなと思います。<br />
<br />
<h2>
小ネタ</h2>
<h3>
同じ並びで違う柄のパターンの量産</h3>
<a href="http://suzukimemo.com/post-10" target="_blank">鈴木メモさんのページ</a>を基にもうひとつ。<br />
この<a href="http://suzukimemo.com/post-10" target="_blank">複数のオブジェクトを後からシンボルに変換する</a>を利用することで、同じ並びで違う柄のパターンを簡単に量産できます。<br />
CS5でももちろん、CCではパターン編集モード内でスクリプトが動くようなのでより素早く作ることができます。<br />
<br />
シームレスでランダムなものが欲しければ、元々イラストレーターに入っている、スウォッチライブラリ内の[パターン]→[ベーシック]→[ベーシック_テクスチャ]内のパターンを利用するのもひとつの手です。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFlKL0Nj1hgUJWVosXaeJnxT1LvThoxscxhjkI4Cy_dOYM5z-2F5ank0VMb4Uey0OF1JRE9Z86fpLT8AI48-1Hw6XetpmYCVkOTwS-CItUNHlL9ZsMUV3mDCBaGMLFanekG2axyQrudw/s1600/151118-0008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFlKL0Nj1hgUJWVosXaeJnxT1LvThoxscxhjkI4Cy_dOYM5z-2F5ank0VMb4Uey0OF1JRE9Z86fpLT8AI48-1Hw6XetpmYCVkOTwS-CItUNHlL9ZsMUV3mDCBaGMLFanekG2axyQrudw/s1600/151118-0008.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
パターン編集モード内で置き換える時はシンボルを使うとうまくいかないようです。シンボル化していないオブジェクトを最前面においてスクリプトを実行してください。<br />
(パターン内程度のオブジェクト量であればメリットもそんなにないです。一度パターン編集モードを抜けるとパターン内のシンボルは分割されてシンボルパレットとのリンクも解除されてしまいます。)<br />
<br />
<h2>
追記</h2>
<h3>
トレースオプションの変更について</h3>
トレースオプションの内容がCS6から変更されていました。便利になっている部分もあるので改定、というべきなんでしょうけど、3000pxから100pxは減らしすぎでは?と感じました。<br />
変更された当時は知らなかったので情報が得られてないんですけど、名称も[最小値]から[ノイズ]になっているので用途に応じて減らしたのかな。<br />
面積を数値で調整できるのはこの機能だけで、私はけっこう好きだったので残念でした。<br />
次回増やしてくれることを願ってここでひっそりお願いします!<br />
<br />
<h3>
イラストレーターでフォトショップの選択範囲が作りたい</h3>
今回の方法を考え始めた時、初めはシンボルへ置き換えるのではなく、フォトショップでの[選択範囲]が作れないかなあと考えていました。<br />
選択範囲そのもの、が作れなくても[任意のオブジェクトに(見た目上)重なっているオブジェクトだけを選択]できるだけでずいぶん便利なので、そんなイメージでいろいろ試して結局方法は見つからず断念。<br />
イラストレーターの選択ツール類では[なげなわツール]が矩形にとらわれなくて、一番近い働きをしているのでスクリプトなどで自動化できれば実現しそうな気もしてます。<br />
<br />
<br />
ではでは、良かったらお試しください。<br />
お読みいただいてありがとうございました。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-81052304236145620102015-07-30T00:40:00.000+09:002015-08-08T16:55:57.156+09:00Ai_パターン部分を見たままにパス化する方法パターンを適用しているオブジェクトからパターン部分を見た目のとおりに塗りとしてパス化する方法です。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhugZns6NJ-I4SET2Z6PqV_nwF1v9RQfcbVV8h5C-UvO4L0B6KrJGK5ZJT62gJjlPoWFMF-MK9uodeHMU6DbG1xrqiTl76I9AQ_AQYeqNYD6OaFJY2Bjr11mmWPbGj2vjOmiITPPWFA8Q/s1600/150729-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhugZns6NJ-I4SET2Z6PqV_nwF1v9RQfcbVV8h5C-UvO4L0B6KrJGK5ZJT62gJjlPoWFMF-MK9uodeHMU6DbG1xrqiTl76I9AQ_AQYeqNYD6OaFJY2Bjr11mmWPbGj2vjOmiITPPWFA8Q/s1600/150729-0001.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
先に。</div>
<div style="text-align: left;">
記事を書いてから検索してみたらOK waveさんで<a href="http://okwave.jp/qa/q8056731.html">同じ内容の質問</a>を見つけました。</div>
<div style="text-align: left;">
記事を下げようかと思ったのですが、少し方法が異なるようなので更新することにしました。</div>
<div style="text-align: left;">
<br /></div>
<h3 style="text-align: left;">
ご報告</h3>
<div style="text-align: left;">
遅ればせながら、IllustratorCC2015を入れました。</div>
<div style="text-align: left;">
私は仕事でCS4を使っていて、CS4や家のPCに入っているCS5で検証してここを書いていましたが、今回からCC2015で書いてみようかと思います。</div>
<div style="text-align: left;">
とはいえCS4からCC2015では、浦島太郎状態なのでしばらくは旧バージョンの機能でも問題無い内容になると思います。</div>
<div style="text-align: left;">
練習して理解したら新機能も踏み込みたいです。<br />
今回の内容はCS(10)あたりの頃から使っていたのでほとんどの方で大丈夫だと思います。簡単なのでぜひ試してみてください。</div>
<div style="text-align: left;">
あと、まだ記事書いてないですが、今後の内容に今回は繋がっていく予定です。</div>
<div style="text-align: left;">
<br /></div>
<h2 style="text-align: left;">
</h2>
<h2 style="text-align: left;">
パターン部分を見た目のままにパス化する</h2>
<h4 style="text-align: left;">
</h4>
<h4 style="text-align: left;">
塗りにパターンが設定された状態です。</h4>
オブジェクトにパターン以外の部分があっても大丈夫ですが、最終的に1つの塗りとして合体してしまうので、そうなりたくない場合は他の線や塗りとは分けてパターン部分だけのオブジェクトにしておく必要があります。<br />
<div style="text-align: left;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitAJxfa_WkqWDQ5VXY1A4J0T8PIIQf56I6BOADY4sYx7m-72OPcYv-4j3nrvJs4eBrHA_2gJkE97cakMVjrB84pHTWHsz2q_19FEvllsjyhjorut8fs5L2c2ECw-N9bvwT77s77KCC3Q/s1600/150729-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitAJxfa_WkqWDQ5VXY1A4J0T8PIIQf56I6BOADY4sYx7m-72OPcYv-4j3nrvJs4eBrHA_2gJkE97cakMVjrB84pHTWHsz2q_19FEvllsjyhjorut8fs5L2c2ECw-N9bvwT77s77KCC3Q/s1600/150729-0002.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h4 style="clear: both; text-align: left;">
1.オブジェクトを選択し、[オブジェクト]>[分割・拡張]、<br />ダイアログが出るので[塗り]にチェックが入っているのを確認し、[OK]します。</h4>
<div>
線にパターンを適用している場合は[オブジェクト]>[アピアランス分割]の後、[オブジェクト]>[分割・拡張]になります。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmAD0xDqYTZC-OwftFg2cExLb5AWu9HC8osCmKJKjSPhgtxKlOxzoVffjhYnmCNtkrlwVRqNe6DDrhiHRe5pAVSdPEFCRywomMr1358FrB8wGECnsO-RQ1bu5xf1dALPFjw5x_j_sSGg/s1600/150729-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmAD0xDqYTZC-OwftFg2cExLb5AWu9HC8osCmKJKjSPhgtxKlOxzoVffjhYnmCNtkrlwVRqNe6DDrhiHRe5pAVSdPEFCRywomMr1358FrB8wGECnsO-RQ1bu5xf1dALPFjw5x_j_sSGg/s1600/150729-0003.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBHeTZDSa9kEI6dsos9xtyH1-hSpxW5vQnouTKfxEBrd53ia4I1ZKzGjYJF4I8V_qhfAQUvx2I2GcWRgoOL2pHccKq-Fol93ecprA8upB5N0N_zWV7jva5JT_PPhL9t4GJuZvxz87C2A/s1600/150729-0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBHeTZDSa9kEI6dsos9xtyH1-hSpxW5vQnouTKfxEBrd53ia4I1ZKzGjYJF4I8V_qhfAQUvx2I2GcWRgoOL2pHccKq-Fol93ecprA8upB5N0N_zWV7jva5JT_PPhL9t4GJuZvxz87C2A/s1600/150729-0004.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h4 style="clear: both; text-align: left;">
2.[オブジェクト]>[透明部分を分割・拡張]を選択し、ダイアログが出るので、[ラスタライズとベクトルのバランス]のスライダを一番右の[100]に合わせて[OK]します。</h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLsB08IXUYDu6uXCqEMr2H_eYv156Yas-UQOMyzujj5VPpofld3RvSFVv1zMha8np_jtvstOYHv9ecB5_eNTPQLEk4smkKrwE5wKHrUzHIZ6m9eppiagBj3EXo2gDo-mRbhyk-CchNfQ/s1600/150729-0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLsB08IXUYDu6uXCqEMr2H_eYv156Yas-UQOMyzujj5VPpofld3RvSFVv1zMha8np_jtvstOYHv9ecB5_eNTPQLEk4smkKrwE5wKHrUzHIZ6m9eppiagBj3EXo2gDo-mRbhyk-CchNfQ/s1600/150729-0006.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFdcsAILeNTchOwrEZasYxWSpjHEc1D-FaAsTMznkykqc7hA_bbzPs8MWK5SKnxRISphTn9yZVOKq5FRDqnL-7C9QQxqm0Wuznr0qEkH8jwxwBeq6Q0zM9mfSAZ66gyXDVkv59FeldWw/s1600/150729-0008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFdcsAILeNTchOwrEZasYxWSpjHEc1D-FaAsTMznkykqc7hA_bbzPs8MWK5SKnxRISphTn9yZVOKq5FRDqnL-7C9QQxqm0Wuznr0qEkH8jwxwBeq6Q0zM9mfSAZ66gyXDVkv59FeldWw/s1600/150729-0008.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h4 style="clear: both; text-align: left;">
3.[パスファインダー]パネルの[合流]を実行します。</h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMLBCVluzSVWqWK1bXOOy_qSiuZdIE3lnZHc8PpdlHtw6UAPEtmyaWsmdqQCTCUH4k2fOeXwquv3G3DEAJ61-gvGFA-hnEDq83G4f93MeopWgtVJje4UJn4PQ-nZJeEKtQzg1upb1YWw/s1600/150729-0009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMLBCVluzSVWqWK1bXOOy_qSiuZdIE3lnZHc8PpdlHtw6UAPEtmyaWsmdqQCTCUH4k2fOeXwquv3G3DEAJ61-gvGFA-hnEDq83G4f93MeopWgtVJje4UJn4PQ-nZJeEKtQzg1upb1YWw/s1600/150729-0009.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h4 style="clear: both; text-align: left;">
完成です。</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPMQCAHiORcvI0y-ybEK1RiCtqT3_5q6wqYvlbdaJEEmiTxD0zmBB6Sg7zAlHjALe0X2KalcYWxzpAmKmkarwu7I65bWIPHmUn7PDN2QE8fYMecuf4nvvkSmdMXivmR83y3yx086jAdA/s1600/150729-0010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPMQCAHiORcvI0y-ybEK1RiCtqT3_5q6wqYvlbdaJEEmiTxD0zmBB6Sg7zAlHjALe0X2KalcYWxzpAmKmkarwu7I65bWIPHmUn7PDN2QE8fYMecuf4nvvkSmdMXivmR83y3yx086jAdA/s1600/150729-0010.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
これ、何に使うの?と思われるかもしれませんが、以前私がSPツール関連の仕事をしていた時にカッティングシートやステッカーのカットラインを作るのに重宝していました。</div>
<div>
編集予定がなくてデータを軽くしたい時もいいかと思います。</div>
<div>
よかったら使ってみてください。</div>
<div>
<br /></div>
<div>
<br /></div>
<h2>
追記</h2>
<div>
CC2015にしましたと書きましたが、Adobeさんのお安いキャンペーンでとりあえず一年間だけのお友達の予定なのでそのうち戻ってしまうかもしれません。</div>
<div>
その時はごめんなさい。</div>
<div>
<br /></div>
<div>
<br /></div>
<h3>
最近まで理解していなかったイラストレーターの機能</h3>
<h3>
「グループの抜き」</h3>
<div>
従来の透明パネルにある「グループの抜き」のチェックボックスと同じようで、アピアランスと共に使うと段違いな効果を発揮できます。</div>
<div>
以前に茄子川さんのセッションで聞いたことがあるくせに失念しておりました…!</div>
<div>
過去の自分にビンタしたいです。</div>
<div>
<br /></div>
<div>
サキミタマさんがチュートリアルマニアックスの記事<a href="http://www.tutorialmaniacs.net/archives/2770" target="_blank">Illustratorアピアランスで作る市松模様の線</a>で詳しい解説をしてくださっています。(グループの抜きの解説については記事下部)</div>
<div>
最近はずっとこの機能の検証ばかりをしていて、いくつか発見がありました。</div>
<div>
おもしろい使い方ができそうです。</div>
<div>
この機能もですが、昔から(CSやそれ以前から)あるのによくよく理解されていなかったり見落とされていたりする機能ってちょくちょくある印象です。</div>
<div>
まだ気づいていないものもあるのでしょうね。</div>
<div>
<br /></div>
<div>
<br /></div>
<h3>
ここからはみなさまへのお礼と最近の出来事。</h3>
<div>
ポストに入っていたチラシに角丸になったUD新ゴが使われていました。<br />
おそらく「効果も拡大縮小」のチェックを外していたのか小さめの見出しはやや形が崩れていて、これでこの見出しが「パスのオフセット」の重ねがけで作られたものなのだなあと気付きました。</div>
<div>
時々、そうかな?と思う広告を見かけてはこっそり嬉しくなったりしていたものですが、明らかな証拠を見つけるとドキドキしてしまいました。</div>
<div>
さすがに鷹野さんのDTP Transitの記事をご覧になったのだと思いますが 。</div>
<div>
私の小さな発信が誰かを少し幸せにしたかもしれないと思うと嬉しい出来事でした。</div>
<div>
<br /></div>
<div>
先日(と言っても2月…)は24時間Illustratorのイベントにもゲストとして出演させていただきました。更新しておらずお礼もすっかり遅くなってしまってごめんなさい。</div>
<div>
見てくださったみなさま、フォローしてくださったみなさま、ありがとうございました。</div>
<div>
とてもとてもとても、とっても楽しかったです。</div>
<div>
みなさまの一助となれば嬉しいです。</div>
<div>
ブログは全然更新しておらずごめんなさい。</div>
<div>
新しい発見や書きたいことはたくさんあるので、もう少し頑張ります。</div>
<div>
<br /></div>
<div>
ではでは、お読みいただきありがとうございました!</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-73822835404812255642015-04-24T22:40:00.000+09:002015-08-08T16:40:59.906+09:00Ai_使わない方へ。シンボルのススメ<div class="p1">
<h4 style="text-align: left;">
皆さん、シンボルはどんな時に使っていますか?</h4>
<h4 style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvdT9Lt1E1o7vwmvmqXQ7o0c0H_1ljYPM0iotlC9DPZfCVYZykcmO3_DXUuUrxvibdwWDXWFJsPl3AOPSGiFWCglP7Vh8cPYKcVfW5w6voq0f9P-tCdTdP8tjXhqcHQqy6y7Q3eglnCA/s1600/150423-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvdT9Lt1E1o7vwmvmqXQ7o0c0H_1ljYPM0iotlC9DPZfCVYZykcmO3_DXUuUrxvibdwWDXWFJsPl3AOPSGiFWCglP7Vh8cPYKcVfW5w6voq0f9P-tCdTdP8tjXhqcHQqy6y7Q3eglnCA/s1600/150423-0001.jpg" /></a></h4>
<div>
<div style="text-align: left;">
<br /></div>
</div>
</div>
<div class="p1">
</div>
<a name='more'></a><div style="text-align: left;">
<br /></div>
<div class="p1">
<div style="text-align: left;">
いえ、むしろワークスペースにシンボルパネルは表示されているでしょうか…?</div>
</div>
<div class="p1">
<div style="text-align: left;">
シンボルは能力の割にあまり大事にされていないんじゃないかな、と常々気になっていました。</div>
</div>
<div class="p1">
<div style="text-align: left;">
シンボルの利点でよく知られているのは以下の二つかと思います。</div>
</div>
<div class="p1">
</div>
<ul>
<li style="text-align: left;">「繰り返し同じオブジェクトを使う時にデータが軽くすむ」</li>
<li style="text-align: left;">「シンボルを更新するとドキュメント上の全ての<strike>同一シンボル</strike>シンボルインスタンスにも反映される」</li>
</ul>
<div class="p3">
</div>
<div class="p2">
<div style="text-align: left;">
<br /></div>
</div>
<div class="p1">
<div style="text-align: left;">
どちらも魅力的な利点ではあるのですが、その割にシンボルは利用されていない!ような気がしています。</div>
</div>
<div class="p1">
<div style="text-align: left;">
シンボルと言えば一番に思い浮かぶのが、あのバーッと同じオブジェクトが増えるやつ、シンボルスプレーツールだと思います。</div>
</div>
<div class="p1">
<div style="text-align: left;">
多くの参考書籍などでシンボルとセットでシンボルスプレーツールの紹介がされているためか、シンボルスプレーツール「専用」なイメージがなんとなくしています。</div>
</div>
<div class="p1">
<div style="text-align: left;">
大量に同じオブジェクトを使う場合はシンボルを使いましょう、といった紹介も多いですね。</div>
</div>
<div class="p1">
<div style="text-align: left;">
それは正しいのですが、そういった使い方をしない私には長らくシンボルの使いどころを見つけられずにいました。</div>
</div>
<div class="p2">
<div style="text-align: left;">
<br /></div>
</div>
<div class="p1">
<div style="text-align: left;">
ですが、1度、シンボル系のツールと切り離してシンボル自体の機能をおさらいみると、実はとても便利で優秀な機能であることに気付きました。</div>
</div>
<div class="p2">
<div style="text-align: left;">
<br /></div>
</div>
<div class="p1">
<div style="text-align: left;">
今回はシンボル系ツールを除いた、シンボルの特徴・利点について私なりに試した結果をご紹介します。<br />
現在進行形で調べているので時々更新するかもしれないです。<br />
<br /></div>
</div>
<div class="p2">
<div style="text-align: left;">
<br /></div>
</div>
<h2 style="text-align: left;">
シンボルの特徴・使い方</h2>
<div class="p1">
<div style="text-align: left;">
まずはおさらい。</div>
</div>
<div class="p1">
<div style="text-align: left;">
シンボルの基本的な使い方、特徴です。</div>
</div>
<div class="p1">
<div style="text-align: left;">
<br /></div>
</div>
<div class="p1">
</div>
<h3 style="text-align: left;">
シンボルの登録</h3>
<ul>
<li style="text-align: left;">シンボルはオブジェクトをシンボルパネルにドロップすることで新規登録できる。</li>
</ul>
<div>
</div>
<h3>
シンボルの使用方法</h3>
<div>
<div style="text-align: left;">
<ul>
<li>シンボルスプレーツールなどのシンボル系ツールを使用する。</li>
<li>シンボルパレットから任意のシンボルをドキュメント上へドロップしてコピーしつつ使用する。 </li>
</ul>
</div>
</div>
<h3 style="text-align: left;">
シンボル自体の編集・上書き</h3>
<ul>
<li style="text-align: left;">編集はドキュメント上のシンボルをダブルクリックしてシンボルの編集モードへ入るか、シンボルを編集ボタンより行う。</li>
<li style="text-align: left;">シンボルは上書きすることができ、シンボルパネルに表示されているシンボル(A)上に別オブジェクト(B)を[alt]を押しつつドロップすることで可能。</li>
<li style="text-align: left;">編集もしくは上書き後すぐに、ドキュメント上に配置されている<strike>シンボル</strike>シンボルインスタンスは更新される。</li>
</ul>
<div>
<div style="text-align: left;">
</div>
</div>
<h3 style="text-align: left;">
シンボルの置き換え</h3>
<ul>
<li style="text-align: left;">配置済みの<strike>シンボル</strike>シンボルインスタンスは別のシンボルへ置き換えることができる。</li>
<li style="text-align: left;">複数の異なる<strike>シンボル</strike>シンボルインスタンスを一度に同一シンボルへ置き換えることも可能。</li>
<li><div style="text-align: left;">
通常オブジェクトを登録済みのシンボルへ置き換えることはできない。</div>
<div style="text-align: left;">
一度シンボル登録してから置き換えることになる。</div>
</li>
<li><div style="text-align: left;">
<strike>シンボルを置き換えるときはオブジェクトの中央が起点となる。新規登録時にダイアログで指定する基準点はFlashに使用されるものなのでIllustratorでは影響しない。</strike></div>
<div style="text-align: left;">
<strike>中央を起点とするだけなので、大きさの異なるシンボルで置き換えると大きさにズレが生じる。</strike>(CS4時点)<br />
CS5以降、シンボル置き換え時に基準点からの置き換えになっているようです。ここでは触れていないですが、CS5以降では9スライスもイラストレーター上で有効になっています。</div>
</li>
</ul>
<div>
<div style="text-align: left;">
</div>
</div>
<h3 style="text-align: left;">
シンボルへの変形・効果</h3>
<ul>
<li style="text-align: left;">シンボルに対して各種変形効果を適用することができる。</li>
<li style="text-align: left;">シンボルに対してアピアランス効果を適用することができる。</li>
</ul>
<div>
<div style="text-align: left;">
<br /></div>
</div>
<h3 style="text-align: left;">
注意点</h3>
<div class="p1">
</div>
<ul>
<li style="text-align: left;">シンボルを上書きすると、同一のシンボルを使用しているところは全て上書きされてしまいます。これを防ぐために、シンボルの置き換えを適宜使用していくことが大切です。</li>
<li style="text-align: left;">シンボル内テキストは通常オブジェクトのようにアウトラインが適用されません。[分割・拡張]でアウトライン化するか、シンボルの元データをアウトライン化していまう必要があります。</li>
</ul>
<div style="text-align: left;">
<br /></div>
<div class="p2">
<div style="text-align: left;">
<br /></div>
</div>
<h2 style="text-align: left;">
グラフィックスタイルとの違い</h2>
<div class="p1">
</div>
<h3 style="text-align: left;">
グラフィックスタイルはアピアランス属性、<br />シンボルはオブジェクトそのもの</h3>
<ul>
<li style="text-align: left;">グラフィックスタイルが効果などのアピアランス属性を登録するのに対し、シンボルはパス、テキストなどの様々な要素(後述)を含んだ、オブジェクトそのものをシンボルとして登録することができる。</li>
</ul>
<ul>
<li style="text-align: left;">そのため、グラフィックスタイルは適用してもオブジェクトそのものへは影響を与えないが、シンボルは全く異なるオブジェクトと置き換えることができる。</li>
</ul>
<ul>
<li style="text-align: left;">シンボル登録するとアピアランスパネルには「シンボル」と表示され、アピアランスパネルからでは編集できない。</li>
</ul>
<ul>
<li style="text-align: left;">シンボルパネル上でもオブジェクトの形状が確認でき、直接ドロップして取り出すことができる。</li>
</ul>
<ul>
<li style="text-align: left;">配置時の<strike>シンボル</strike>シンボルインスタンスのサイズは登録時のサイズと同じになる。</li>
</ul>
<ul>
<li style="text-align: left;">配置された<strike>シンボル</strike>シンボルインスタンス(A)に縮小を加えてから別のシンボル(B)に置き換えた場合、Aの縮小率と同じ比率だけBも登録時のサイズより縮小されたサイズで置き換えされている(私調べ)。</li>
</ul>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
<div style="text-align: left;">
<span style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px;">アピアランス属性は、基本構造を変更せずにオブジェクトの外観にのみ作用するプロパティです。 アピアランス属性には、塗り、線、透明度および効果があります。 オブジェクトにアピアランス属性を適用した後、その属性を編集または削除した場合でも、基本となるオブジェクトや、そのオブジェクトに適用されている他の属性は変更されません。(<a href="https://helpx.adobe.com/jp/illustrator/using/appearance-attributes.html" target="_blank">https://helpx.adobe.com/jp/illustrator/using/appearance-attributes.html</a></span><span style="color: #333333; font-family: Arial, sans-serif;"><span style="font-size: 14px; line-height: 18px;">)</span></span></div>
</blockquote>
<div style="text-align: left;">
<br /></div>
<div class="p2">
<div style="text-align: left;">
<br /></div>
</div>
<div class="p1">
<h2 style="text-align: left;">
シンボルの利点</h2>
</div>
<div class="p1">
<h3 style="text-align: left;">
データが軽くすむ</h3>
<ul>
<li style="text-align: left;">シンボルは一つのシンボルデータを繰り返して使用しているため、データ量が小さくすむ。</li>
</ul>
<h3>
何でも登録できる</h3>
<div style="text-align: left;">
<ul>
<li>ほとんど何でもシンボルには登録できます。私が試した中でできなかったのはリンク画像だけでした。飲み込みすぎて心配になるほど…これは本当にすごい!</li>
</ul>
</div>
<h3 style="text-align: left;">
変更に強い</h3>
<ul>
<li style="text-align: left;">シンボルを更新すると全ての同一<strike>シンボル</strike>シンボルインスタンスにも反映されるため、一気にオブジェクトの置き換えができる</li>
<li style="text-align: left;">シンボル内ではあらゆる属性(後述)が生きており、後からの編集や変更が可能となっている。</li>
<li style="text-align: left;">グラフィックスタイルと連携することができ、変形効果を適用後であってもシンボル内のグラフィックスタイルとの連携は保たれる。連携ができると、グラフィックスタイルを使用しているオブジェクトをシンボル登録した時に、グラフィックスタイルを更新することでシンボルのアピアランス属性も更新することができる(入れ子を3重に使用するなど、例外的にできない場合もあり)</li>
<li><div style="text-align: left;">
グラフィックスタイルを含む<strike>シンボル</strike>シンボルインスタンスを他のドキュメントへ持ち込むと、そのドキュメントに自動で同一のグラフィックスタイルが追加される。</div>
<div style="text-align: left;">
グラデーション・ブラシ・文字スタイルなどでも同様に追加される。</div>
</li>
<li style="text-align: left;">上書きや編集での更新に対し、置き換えは選択したシンボルのみに適用できる。これは、ドキュメントに配置済みの複数の同一シンボルの中で、選択した一部だけを変更できる。</li>
<li style="text-align: left;">シンボルに対してアピアランス属性を適用している状態で他のシンボルに置き換えると、同じアピアランス効果を受け継ぐ。</li>
<li><div style="text-align: left;">
シンボルは、メインメニューの[選択]より、[シンボルインスタンス]を選ぶことで同一のシンボルを容易に選択することができる。</div>
<div style="text-align: left;">
(エンベロープでの変形をかけたものなど、例外的にできない場合もあり)</div>
</li>
</ul>
<div>
<div style="text-align: left;">
</div>
</div>
<h3 style="text-align: left;">
ライブラリとして使うことができる</h3>
<ul>
<li style="text-align: left;">シンボルパネルに表示されるシンボルはオブジェクトの見た目そのままなのでわかりやすい。</li>
<li style="text-align: left;">汎用的なオブジェクトを登録し、シンボルパネルを名前を付けて保存しておけば、随時必要な時にシンボルライブラリより呼び出して容易に利用することができる。</li>
<li style="text-align: left;">シンボルへシンボルを入れ子に登録できるので、段階的にシンボルを解除してオブジェクトの一部だけを変更するなどが可能。</li>
</ul>
<div>
<div style="text-align: left;">
</div>
</div>
<h3 style="text-align: left;">
アピアランス分割ではシンボル内は分割されない</h3>
<ul>
<li><div style="text-align: left;">
シンボルにアピアランス属性を適用した状態でアピアランス分割すると、追加したアピアランス属性部分のみが分割され、シンボル内は生きている。</div>
<div style="text-align: left;">
これにより、変形効果でコピーした時に、アピアランス属性を壊さずに意図した位置にオブジェクトを増やすことができる。<br />
これはシンボルスプレーツールと同じ挙動です。</div>
</li>
</ul>
<div>
<div style="text-align: left;">
<br /></div>
</div>
<h2 style="text-align: left;">
文字だけではよくわからない!という方へ</h2>
<div>
<div style="text-align: left;">
相関図はこんな感じです。<br />
<br />
<br /></div>
</div>
<div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgLiSwtUrhxr_LBOJQdngCgffW93O3D5PubOwNlgQz0_n8PHtDcghcQoxd2VGz0ELMMQscQnhVkQD6-wOeurt6ENRQ9Ly2QAH8nYPXTqQrRS9whL87E5aMcaLysUupZQCMu6Y4ec9c7A/s1600/shinboru.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgLiSwtUrhxr_LBOJQdngCgffW93O3D5PubOwNlgQz0_n8PHtDcghcQoxd2VGz0ELMMQscQnhVkQD6-wOeurt6ENRQ9Ly2QAH8nYPXTqQrRS9whL87E5aMcaLysUupZQCMu6Y4ec9c7A/s1600/shinboru.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
更にわけがわからない??</div>
<div class="separator" style="clear: both; text-align: left;">
どうでしょうか。</div>
<div class="separator" style="clear: both; text-align: left;">
知ってほしいのは、シンボル内では元になったオブジェクトのいろんな属性は生きている、ということです。属性が生きたままなので編集も加えられるし、他の機能との連携もできます。</div>
<div class="separator" style="clear: both; text-align: left;">
そして、シンボルはシンボルで完結する機能ではなく、後からも加工ができるということも知っておいてください。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
本当はグラフィックスタイルとシンボルの間にオブジェクトを挟むべきなんですが、複雑になってしまうので外しました。<br />
アピアランス属性を登録したグラフィックスタイルを使用したオブジェクトをシンボルへ登録、ということももちろん可能です。<br />
ラスター画像のシンボル化は埋め込み画像のみ可能です。<br />
これは<a href="http://nodokantoko.blogspot.jp/2013/06/ai_28.html" target="_blank">パターンのとき</a>と同じですね。<br />
この記事もシンボルを利用しているのでよろしければ一緒にご覧ください。<br />
<br />
<h2>
まとめ</h2>
長々と書きましたが、シンボルの特に素晴らしい!ところは、何でも登録できて、あらゆる機能と連携、そして再編集できるところです。<br />
アピアランスと一緒に使えば最強だと思います。<br />
シンボルは決してシンボル系ツール専用の機能ではありません。<br />
ぜひぜひ皆さんのワークスペースにも加えてあげてください!<br />
まだまだ調べ中なので、間違いや他の要素などありましたら教えてくださると嬉しいです。<br />
<br />
利点一つ一つについても詳しい解説を入れたいのですが、今回は長くなりすぎたのでまた今度にします。<br />
ではでは、お読みいただいてありがとうございました。<br />
<br />
<br />
<h4>
追記</h4>
<br />
7/30<br />
シンボルとシンボルインスタンスを混同して使用していたので修正しました。<br />
シンボル登録時のダイアログの説明が間違っていたので修正しました。</div>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-22592963764541020352015-04-17T00:23:00.002+09:002015-04-23T22:25:38.406+09:00Ai_ふっくらとした美しいハートを描く<div class="separator" style="clear: both; text-align: left;">
ふっくらとした美しいハートを基本ツールでの変形だけで描く方法です。</div>
<div class="separator" style="clear: both; text-align: left;">
かなりアナログな作り方です。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYPO2pfYoiH4lObyytxYRRwPnKgUBHdeZZMUU6gEyKN2cC_uTFsORGPFAz8zsnAKuXKgejMaqefPukwItWPA4tZY8qr-1tZlXSA7UIvkXxpQCUaarwooyF-8UI-Q2JlgKNRRXpLuLrQQ/s1600/141210-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYPO2pfYoiH4lObyytxYRRwPnKgUBHdeZZMUU6gEyKN2cC_uTFsORGPFAz8zsnAKuXKgejMaqefPukwItWPA4tZY8qr-1tZlXSA7UIvkXxpQCUaarwooyF-8UI-Q2JlgKNRRXpLuLrQQ/s1600/141210-0002.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a>描こうとするとハートは案外難しいですよね。<br />
<div>
女子高生が好きそうな?ふっくらとしたハートはさらに難しいです。</div>
<div>
今回はペンツールは使わず、アピアランスも使わず(着色はアピアランス使っています)基本的な、でも皆に忘れられていそうなツール達の力で描きます。</div>
<div>
<br /></div>
<div>
移動距離、回転度数などは自由です、細かく書いていません。</div>
<div>
実際に形を見ながら大体でやってみてください。</div>
<div>
<br />
<br /></div>
<div>
<br />
<h2 style="clear: both; text-align: left;">
ふっくらしたハートを描く</h2>
<div style="clear: both; text-align: left;">
<b>
1.楕円形ツールで正円を描き、[option]+[shift]を押しつつ選択ツールで横方向へコピーします。</b></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
楕円形ツールで[Shift]を押しつつドラッグすると正円になります。</div>
<div class="separator" style="clear: both; text-align: left;">
選択状態で[option]と[Shift]を押しつつドラッグすると水平方向へコピーできます。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
円と円の距離なんですが、だいたい図のような距離です。</div>
<div class="separator" style="clear: both; text-align: left;">
1/7くらい端がかぶる程度でしょうか…</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcFklOEY6QbuOLn2BMKDKLMvXghUcNlEtKFTlCpsHlKDOgo5bPZ0zYSa1WW1pjNoH3nFTpEsGqZVofgvVW3MhrtTSTEv8hS5W0_TUKpDx4v6bqbqmxRCMHvI3Mx0yqhm31OXwPy7x0jA/s1600/141208-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcFklOEY6QbuOLn2BMKDKLMvXghUcNlEtKFTlCpsHlKDOgo5bPZ0zYSa1WW1pjNoH3nFTpEsGqZVofgvVW3MhrtTSTEv8hS5W0_TUKpDx4v6bqbqmxRCMHvI3Mx0yqhm31OXwPy7x0jA/s1600/141208-0002.jpg" /></a></div>
<br />
<h4 style="clear: both;">
2.円を合体させていきます。</h4>
<h4 style="clear: both;">
シェイプ形成ツール[A]で2つの円の上をドラッグします。<br />
または、パスファインダーパネルから合体[B]を選択し、円をくっつけます。</h4>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJjLbCf-nBDPmkiQwGtwKHfcwRs4qFkNAev7yqvyxy7DEE69EZ5ZZig4nOp-cXkfuRZa47AW2MS3PV1KsjEGTnHOVud7yNQodZ2cvDtTfttc-OzueqcsuLw7RqDskjFlgO-y53INLKHw/s1600/141208-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJjLbCf-nBDPmkiQwGtwKHfcwRs4qFkNAev7yqvyxy7DEE69EZ5ZZig4nOp-cXkfuRZa47AW2MS3PV1KsjEGTnHOVud7yNQodZ2cvDtTfttc-OzueqcsuLw7RqDskjFlgO-y53INLKHw/s1600/141208-0003.jpg" /></a></div>
<br />
<h4 style="clear: both;">
3.ポイントに反転をかけ、ハートの形の基本を作ります。</h4>
<h4 style="clear: both;">
図の[1]のポイントをダイレクト選択ツールで選択し、リフレクトツールで垂直方向へ反転させます。</h4>
<h4 style="clear: both;">
ポイントを選択した後、リフレクトツールの状態で図のカーソルの位置あたりでクリックすると、クリック位置で軸が定まるのでそのまま下方向へドラッグすると反転されます。</h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ダイレクト選択ツールは[ポイント]だけ、[ポイント間のパス]だけ、を個別に選択できる優れものです。</div>
<div class="separator" style="clear: both; text-align: left;">
今回は[ポイント]だけに何回か変形をかけるので重要なツールです。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYOwb_sOUloEoEHcCwPD55YUd8YWs_OKb5qsnwYNia03E0kuJxxX5sxrc-PDL0d7sVYH8e_2ziu2RfBcO4C72TAyKF0nLQNFyTG8izowY3eYZqEJdGmfB8j08ArIEiWbYQQrPZIFX_Xw/s1600/141208-0012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYOwb_sOUloEoEHcCwPD55YUd8YWs_OKb5qsnwYNia03E0kuJxxX5sxrc-PDL0d7sVYH8e_2ziu2RfBcO4C72TAyKF0nLQNFyTG8izowY3eYZqEJdGmfB8j08ArIEiWbYQQrPZIFX_Xw/s1600/141208-0012.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
軸が定まるとドラッグする時に[1]のポイントに触れる必要はありません。</div>
<div class="separator" style="clear: both; text-align: left;">
図の点線を軸にするイメージで[1]の位置から、図のマウスの位置あたりまでドラッグします。</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIFdili9pGXU_uXJg8t-QBZOQyIMrRlRec2U9ZBie-CZ3fmbDbQ-mImMu8rjVUxPVFzjqI3omTcERgeQJUza3LGwjdQO3BNzj1979UjBKFtmkPzc8y9_LAIKAyxiVNF4iswYzcvWTQBQ/s1600/141208-0013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIFdili9pGXU_uXJg8t-QBZOQyIMrRlRec2U9ZBie-CZ3fmbDbQ-mImMu8rjVUxPVFzjqI3omTcERgeQJUza3LGwjdQO3BNzj1979UjBKFtmkPzc8y9_LAIKAyxiVNF4iswYzcvWTQBQ/s1600/141208-0013.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
反転されてハートっぽくなりました。</div>
<div class="separator" style="clear: both; text-align: left;">
こういうハートもテキスタイルとかで見かける気がします。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigLPKmRLXTf5ozZPL46esxYJlJruRVu4X9KsnCww5FJXoliCQSO1KCias2zOme_9LB_1e0XzTAfjPAroSpADcRZ8xbvTPy1ddbb1Uo86D6bR5VPeDjFeQaAqfhoWkLOeLuk0964Xb3ow/s1600/141208-0014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigLPKmRLXTf5ozZPL46esxYJlJruRVu4X9KsnCww5FJXoliCQSO1KCias2zOme_9LB_1e0XzTAfjPAroSpADcRZ8xbvTPy1ddbb1Uo86D6bR5VPeDjFeQaAqfhoWkLOeLuk0964Xb3ow/s1600/141208-0014.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
もうちょっと手を加えます。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4 style="clear: both;">
4.ハート下部[1][2][3]のポイントをダイレクト選択ツールでドラッグして選択し、そのまま少し下げます。</h4>
<br />
下げる距離は自由ですが、下げすぎると崩れやすいです。(後述)<br />
図を参考にしてみてください。<br />
縦に伸ばすときは[1][2][3]のポイント以外の上部は絶対に触らないようにしてください。<br />
上部の円形カーブはとっても大切なものです。<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd5rj0SKSPQsyD_WW2C7lhmia83qY0F4WAjQzXmALA1ukVsmzNEF2uE779jIJDWUREunNKRYOTggSB4yOIfDWYUzXQGZoCi8d4MxODY9I3ZE9lYAACLY2yr9Oe6YQeanCRyf4cOnIEhQ/s1600/141208-0019.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd5rj0SKSPQsyD_WW2C7lhmia83qY0F4WAjQzXmALA1ukVsmzNEF2uE779jIJDWUREunNKRYOTggSB4yOIfDWYUzXQGZoCi8d4MxODY9I3ZE9lYAACLY2yr9Oe6YQeanCRyf4cOnIEhQ/s1600/141208-0019.jpg" /></a></div>
<br />
少しだけ、下げます。<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiM1MoWT3nO7JEIUFNx0AhjlThrHcsmzPPldLTAIQvLL2dq4-B7-PA0ul-YeixQfLgUmaMfcyyZdRzpsqIACjdKGNwd3AnqzkCTQPWjlG9VnM8iuP-tS7nrkYUkKoiAnAk0OI5TovmqA/s1600/141208-0020.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiM1MoWT3nO7JEIUFNx0AhjlThrHcsmzPPldLTAIQvLL2dq4-B7-PA0ul-YeixQfLgUmaMfcyyZdRzpsqIACjdKGNwd3AnqzkCTQPWjlG9VnM8iuP-tS7nrkYUkKoiAnAk0OI5TovmqA/s1600/141208-0020.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4 style="clear: both;">
5.さっき下げた距離の半分くらいの距離だけ、図の[2]のポイントだけ下げます。</h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
[2]のポイントは【4】の行程と同じく、ダイレクト選択ツールで選択します。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtklmC_CTyC1k7xE4dR-zyC2sjxDypMmoB_NQyV86ldfAe93Rr3tSZ5QjOlfPc1btIEGikjLAZz8sgu1aR5nKkmoDZxaNzAfjJuL6WmPNz-BLERt1_i7IVhNVgOGBqD83hwVMcDftl0g/s1600/141208-0025.jpg" /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
完成系に近づいてきました。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4 style="clear: both;">
6.ハートの形を整えていきます。<br />
図の[1]のポイントをダイレクト選択ツールで選択し、回転ツールをダブルクリックします。<br />
回転ダイアログが出るのでプレビューを見ながら、[時計回り]に回転させます。</h4>
<div>
<br /></div>
[1]のポイントが時計回りに進むように[負の値]の数値を入れます。<br />
これでカーブがなだらかになります。<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD8kteaSwNo_zxOOk0MAKRIYnBLSiJCl8q48Jsm4TWrS4O6QrVD-tbwU3ie9zh2R-FgynwLpoZzUSTFvII2AZCyFRiebhrmPF_k_rq0atutzkQcRf9qrBQ8ZOtzzAepK2pQ8hXPiEkBg/s1600/141208-0026.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD8kteaSwNo_zxOOk0MAKRIYnBLSiJCl8q48Jsm4TWrS4O6QrVD-tbwU3ie9zh2R-FgynwLpoZzUSTFvII2AZCyFRiebhrmPF_k_rq0atutzkQcRf9qrBQ8ZOtzzAepK2pQ8hXPiEkBg/s1600/141208-0026.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
なだらかになりました!</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ8UE2u4qp8lvPAT1RScXBQ7_VkjM58lzmkkM32yMoTIc3E9lQ3LgHQZXy3peOT4ehlOEWEyFR4E8-DnmN2h68AIe-aTOSmrAHsfd3GtAVuc4Zu_i0fwfKFlcdyYHYjnajYu9t9fGd7A/s1600/141208-0027.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ8UE2u4qp8lvPAT1RScXBQ7_VkjM58lzmkkM32yMoTIc3E9lQ3LgHQZXy3peOT4ehlOEWEyFR4E8-DnmN2h68AIe-aTOSmrAHsfd3GtAVuc4Zu_i0fwfKFlcdyYHYjnajYu9t9fGd7A/s1600/141208-0027.jpg" /></a></div>
<br />
<h4 style="clear: both;">
反対側の[3]のポイントも同じように選択し、[1]のポイントと同じ角度だけ[反時計回り]に回転させます。</h4>
<div>
<br /></div>
<div>
今度は[正の数値]を入力。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDU49PuYDTO460fozc-iCVu1vQc0F_fD1Cape647IOa9Lz1yWdnEglhY5ZuQ5h23VQKjbhaJMxYlekdS1fdBEV7bAyhLlKbsAIXvTi_qWbjimUCd_0IrchdiBAkinYny-BQonvkdB-sA/s1600/141208-0028.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDU49PuYDTO460fozc-iCVu1vQc0F_fD1Cape647IOa9Lz1yWdnEglhY5ZuQ5h23VQKjbhaJMxYlekdS1fdBEV7bAyhLlKbsAIXvTi_qWbjimUCd_0IrchdiBAkinYny-BQonvkdB-sA/s1600/141208-0028.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
両方ともなだらかになりました。</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_vDtkmBhKWtJ6KBhdn3fRaARVyZCCF36Yu2ZruFdW2c3kXXXROQlr5W2qKxMCvDIbtFNZ_7eNq3dtNbIC9TT5IfVShd3DwLtgrO7wfnjrGZ87REo_XFA7TMTvEBGT-E0MCrWhOot1ZA/s1600/141208-0029.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_vDtkmBhKWtJ6KBhdn3fRaARVyZCCF36Yu2ZruFdW2c3kXXXROQlr5W2qKxMCvDIbtFNZ_7eNq3dtNbIC9TT5IfVShd3DwLtgrO7wfnjrGZ87REo_XFA7TMTvEBGT-E0MCrWhOot1ZA/s1600/141208-0029.jpg" /></a></div>
<br />
<h4 style="clear: both;">
5.色をつけて、完成です。</h4>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsQzAo_CCU0VRDMCdFdXck2R5mBj-6yKAOgYfwmf62wCiqwAopKaotsrDaD5BP5M6nXSNQGkub1Ywc3iiSFQ9Hpe5hsuo2IIoQDzPikdPq9K95WVcKUg0QKz0bhj0wVYA5dKsvSufWGw/s1600/141208-0030.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsQzAo_CCU0VRDMCdFdXck2R5mBj-6yKAOgYfwmf62wCiqwAopKaotsrDaD5BP5M6nXSNQGkub1Ywc3iiSFQ9Hpe5hsuo2IIoQDzPikdPq9K95WVcKUg0QKz0bhj0wVYA5dKsvSufWGw/s1600/141208-0030.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h2 style="clear: both;">
もっと縦長にしたい場合</h2>
<div>
<br /></div>
<h4 style="clear: both; text-align: left;">
単に下部を下に伸ばすだけだと形が崩れてきます。<br />
これを整えていきます。</h4>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
伸ばすときはハート下部の3箇所のポイントを下に下げて伸ばします。(上記[4]の行程)</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-amuTby9FA_TTijgKsAO92xGR1HMWF6-0kaxkkyH-mBHUMO0rICgxny7YHJDnjFIsioQITzyQIP7GWubXvXBk2nmud0N-PUcptT26xLLGEHEvdbmNUbkwDIags1cVLduEHI18nmKZEw/s1600/141210-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-amuTby9FA_TTijgKsAO92xGR1HMWF6-0kaxkkyH-mBHUMO0rICgxny7YHJDnjFIsioQITzyQIP7GWubXvXBk2nmud0N-PUcptT26xLLGEHEvdbmNUbkwDIags1cVLduEHI18nmKZEw/s1600/141210-0003.jpg" /></a></div>
<br />
<h4 style="clear: both;">
1.形を整える前に。<br />
図の[1]のポイントに注目してみると、ポイントから出ているハンドルが短いです。<br />
これが形が崩れている原因なのでハンドルを伸ばしていきます。</h4>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdstMKXe8-WBqbGx_GQB0mmljKT5AykffSIJwKOutWny-CKi2Cqlwtw4ezJFs_Y-6T90j4-UZ5MLwEcIiIb54utKG_V-od49Pjet0eOH6FM_q0oZQYi5Hhkh4rEDneP00A_DUJstngKA/s1600/141210-0007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdstMKXe8-WBqbGx_GQB0mmljKT5AykffSIJwKOutWny-CKi2Cqlwtw4ezJFs_Y-6T90j4-UZ5MLwEcIiIb54utKG_V-od49Pjet0eOH6FM_q0oZQYi5Hhkh4rEDneP00A_DUJstngKA/s1600/141210-0007.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4 style="clear: both;">
2.[1]のポイントをダイレクト選択ツールで選択し、拡大縮小ツールをダブルクリックします。<br />
拡大縮小ダイアログが出てくるので、[縦横比を固定]の欄に100%より大きい数値を入力します。</h4>
<div>
<br />
プレビューを見ながら数値は調整してみてください。</div>
<div>
画像に誤植がありますね、ごめんなさい!</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdplXmQFtjICag2mNpq0WeWoSSQYqFsl0HaQ6f1GIJv6_MlWwQ2yj3F9LfgHw3Xs6asANvspr8k1R_mHADTNKyx4JPu1Dyk_l1jr2J-MxlYc3jeOIskEzMP-T9XUAvHp73aLfxNwQs2g/s1600/141210-0008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdplXmQFtjICag2mNpq0WeWoSSQYqFsl0HaQ6f1GIJv6_MlWwQ2yj3F9LfgHw3Xs6asANvspr8k1R_mHADTNKyx4JPu1Dyk_l1jr2J-MxlYc3jeOIskEzMP-T9XUAvHp73aLfxNwQs2g/s1600/141210-0008.jpg" /></a></div>
<br />
わかりにくいですが、元のハートのアウトラインを重ねています。<br />
丸みを帯びたの、わかりますか?<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Ump9bLbCIOR8ayIF9LLc901RSD2d8bCO5a20AgsEmB6ZX3y-B4Efx-yHjKoVarIlTw8XllmSgTW80yx7Fx4mJEFXeDi5OJ-GlKf3ZS0baRGF9Gl6tWYekXeVbWOC9Z_2aB1W30JZWw/s1600/141210-0009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Ump9bLbCIOR8ayIF9LLc901RSD2d8bCO5a20AgsEmB6ZX3y-B4Efx-yHjKoVarIlTw8XllmSgTW80yx7Fx4mJEFXeDi5OJ-GlKf3ZS0baRGF9Gl6tWYekXeVbWOC9Z_2aB1W30JZWw/s1600/141210-0009.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4 style="clear: both;">
[2]のポイントも同じように同じ数値だけ拡大します。</h4>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7lHIgj0RToRSa09dNh8repyxU33crSt_N8X4vVQVtwlHBCXa88vYvwdb4jPyrMhREvWRL-dULu2pyESIXYeye8M8-OwD75zkVwTCabR0iG0M5I3-kG9nDvl5f-nK1vJ1QxSKeUZa0w/s1600/141210-0011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7lHIgj0RToRSa09dNh8repyxU33crSt_N8X4vVQVtwlHBCXa88vYvwdb4jPyrMhREvWRL-dULu2pyESIXYeye8M8-OwD75zkVwTCabR0iG0M5I3-kG9nDvl5f-nK1vJ1QxSKeUZa0w/s1600/141210-0011.jpg" /></a></div>
<br />
丸みを帯びました。<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN99J9DGRj6Ka05isuMfl8wbKzfggV20KTngz2h8KQpZb35fjHTmxEnK9VtFnqmgKE3K3-029ysgDolBooHnKHqQ-6u-DSNA2-Z4FiXW_8IStbLjvqHM9yidmXz0HkcfMEACLkAW2Oeg/s1600/141210-0012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN99J9DGRj6Ka05isuMfl8wbKzfggV20KTngz2h8KQpZb35fjHTmxEnK9VtFnqmgKE3K3-029ysgDolBooHnKHqQ-6u-DSNA2-Z4FiXW_8IStbLjvqHM9yidmXz0HkcfMEACLkAW2Oeg/s1600/141210-0012.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4 style="clear: both;">
3.微調整して、完成!です。</h4>
<div>
<br /></div>
<div>
微調整の方法は</div>
<div>
・[1]と[2]のポイントを上下に少し動かしてみる。<br />
(「ふっくらしたハートを描く」4の行程)</div>
<div>
・[1]と[2]のポイントのハンドルの角度を左右同じだけ回転させてみる。</div>
<div>
(「ふっくらしたハートを描く」5の行程)</div>
<div>
の2つで十分です。</div>
<div>
どちらも作る行程で行ったことと同じなのでおさらいしてみてください。</div>
<div>
[変更は左右均等に]、[ポイントを左右には絶対に動かさないこと]、これだけ守れば大丈夫です。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-WRil-n9JEQ93rho5j2Z-mNYj95UTELnle7pEnEiYgE0WlP0hvPNOBKVNAYx572PJClg3G2xSB_boj6lsYOMZURIdIvxji8ADlICSIG3ZpMcxg0gHaUKuhZYmAv_flkIUOjMD0bRHmA/s1600/141210-0013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-WRil-n9JEQ93rho5j2Z-mNYj95UTELnle7pEnEiYgE0WlP0hvPNOBKVNAYx572PJClg3G2xSB_boj6lsYOMZURIdIvxji8ADlICSIG3ZpMcxg0gHaUKuhZYmAv_flkIUOjMD0bRHmA/s1600/141210-0013.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglysxkNEkjc-nmw3P6BgBFbFeAif4K2ZkBpByS43sR933rFH5tOVwUaTDD7DfMekuFd8HMAQ7n_-_oVuXRyK9Nb8-C-dgiPcPYtk7f1mKKn6MdbhPaByzmg1krzVMkbDmdOQJ6hYvpWQ/s1600/141210-0014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglysxkNEkjc-nmw3P6BgBFbFeAif4K2ZkBpByS43sR933rFH5tOVwUaTDD7DfMekuFd8HMAQ7n_-_oVuXRyK9Nb8-C-dgiPcPYtk7f1mKKn6MdbhPaByzmg1krzVMkbDmdOQJ6hYvpWQ/s1600/141210-0014.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
今回は基本ツールの忘れられていそうな方法を使いました。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ポイントに対して、回転やリフレクト、拡大を適用できること、覚えていましたか?</div>
<div class="separator" style="clear: both; text-align: left;">
私は長い間、ポイントに拡大が使えることを知りませんでした。</div>
<div class="separator" style="clear: both; text-align: left;">
こういった、複数箇所で形を揃えたい、というような形のときは下手にハンドルを触れません。(ハートなら反転・合体させればいいのですが)</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ついつい忘れがちですが、基本ツールも意外なとてもいい働きをしてくれるのでぜひぜひ活用してみてください!</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
塩漬けネタが一つ解消できてスッキリ!</div>
<div class="separator" style="clear: both; text-align: left;">
ではでは、お読みいただいてありがとうございました。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
来週、開催されるIllustratorの単独イベント!</div>
<div class="separator" style="clear: both; text-align: left;">
面白そうです!</div>
<div class="separator" style="clear: both; text-align: left;">
私もちょっとお邪魔できそうです。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://www.event-web.net/illustrator/"><img alt="24時間Illustrator「愛(Ai)はクリエイティブを救う」" src="http://www.event-web.net/illustrator/bnr/ai24h_650x70.png" height="70" width="650" /></a></div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-47824562114897950722014-12-03T02:17:00.001+09:002015-04-23T21:47:11.229+09:00Ai_よくあるリボンの早い作り方<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVuk4tkPcuITEa9kx8RrILupm6SGwsrK57kDGUdc8PjBLqhnhoFnCD-Z2EtvnaIrouyxaJi7vfGFWmarv_9qGMzd3IeC8AK2WXXA2GsDCbs7W0-BBCH91tx4hCXoMs8UCrc2ESmFcHlQ/s1600/141202-0015.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVuk4tkPcuITEa9kx8RrILupm6SGwsrK57kDGUdc8PjBLqhnhoFnCD-Z2EtvnaIrouyxaJi7vfGFWmarv_9qGMzd3IeC8AK2WXXA2GsDCbs7W0-BBCH91tx4hCXoMs8UCrc2ESmFcHlQ/s1600/141202-0015.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br class="Apple-interchange-newline" /></div>
よくあるリボンの私の定番の作り方です。<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: left;">
使い方の記事は本当に久しぶりに書きます。がんばります。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
制作する時に飾りにリボンのようなパーツを使うことがあります。</div>
<div>
シンボルパネルから探すのがめんどくさい時やシンプルなパーツのときは私はその場で作ることもよくあります。<br />
自分で作ると後々も使いやすいので、便利だったりします。<br />
今日はよくある左右がへこんでいるリボンの作り方と応用編をご紹介します。<br />
<br />
<br />
<h2>
よくある左右がへこんでいるリボンを3秒で作る</h2>
<b> 1.ツールパレットから多角形ツールを選び、[shift]を押しながら<span style="line-height: 19.6000003814697px;">六角形を描画。</span></b><br />
[shift]を押しながら描画すると描画角度が限定されるので水平に描けます。<br />
<br /></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcBAIguzmLPZR3C2hQNcM9nUYrJLI3wAigB6xeZ9Njv0ZJPgOKRsG0YFAdqbCOlkE-V9Flr0h6BKzlrk1noDFCSCwCC06vaHI0rYXiEiVGGpDj2R9-13fFcTymySZUI_bcZ0MqXW2LOQ/s1600/141202-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcBAIguzmLPZR3C2hQNcM9nUYrJLI3wAigB6xeZ9Njv0ZJPgOKRsG0YFAdqbCOlkE-V9Flr0h6BKzlrk1noDFCSCwCC06vaHI0rYXiEiVGGpDj2R9-13fFcTymySZUI_bcZ0MqXW2LOQ/s1600/141202-0001.jpg" /></a><br />
<br />
<br />
<b> 2.六角形の左半分の3つのポイントをダイレクト選択ツールで選択して右へドラッグします。</b><br />
<br />
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJv57-GzLXS9_v5f_vaG_IpPDUOREYmCO0Zn610SeItvtynl3LjYWT9u4SLH7Bba9wfaKY8BIbsELl6lR7YRsMB4aiffd0918I68vf5XnT7Vpo5gmY1o3f22r6CWKDd-54I_s-0FlGNg/s1600/141202-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJv57-GzLXS9_v5f_vaG_IpPDUOREYmCO0Zn610SeItvtynl3LjYWT9u4SLH7Bba9wfaKY8BIbsELl6lR7YRsMB4aiffd0918I68vf5XnT7Vpo5gmY1o3f22r6CWKDd-54I_s-0FlGNg/s1600/141202-0002.jpg" /></a></div>
<br />
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCxgBLJicjhue0G61ExomIzmLY5cQ9j8o6etl1hGg7CfIKd11bSxYhTk7Kxxs0J9JiyNkFle-6-6EVY1vwOEPwg5IonwNgBPpM-B9tFIQIwzWJIYsR3-ExaIPlI31Q65AADCViewM9vw/s1600/141202-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCxgBLJicjhue0G61ExomIzmLY5cQ9j8o6etl1hGg7CfIKd11bSxYhTk7Kxxs0J9JiyNkFle-6-6EVY1vwOEPwg5IonwNgBPpM-B9tFIQIwzWJIYsR3-ExaIPlI31Q65AADCViewM9vw/s1600/141202-0003.jpg" /></a></div>
<br />
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTWCrs7Xgk52O27vAuY33ba5QD_Q_iTFzFkJAHoKH7xi7pjMZs9HSXNPCHL9dka6Y7XS1xkNAk24N_iLUT6ly7azmuPbLyHj1FpFT28OiKBvVXBI4oLXprCPUyCe3qpK_M6RVLD4qHBg/s1600/141202-0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTWCrs7Xgk52O27vAuY33ba5QD_Q_iTFzFkJAHoKH7xi7pjMZs9HSXNPCHL9dka6Y7XS1xkNAk24N_iLUT6ly7azmuPbLyHj1FpFT28OiKBvVXBI4oLXprCPUyCe3qpK_M6RVLD4qHBg/s1600/141202-0004.jpg" /></a></div>
<br />
<b> 3.横の長さを調節して完成です。</b><br />
<div>
縦幅を動かすと端の三角部分の角度が変化してきれいじゃなくなってしまうので、なるべく横幅を調整して使った方がいいかなと思います。</div>
<br />
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV600QO_U118_AhMunNoha56e3iK2oN5K-Cm34C1QcfBgWu13izAUsXN_Bb_Z-9s0XNcKnbhEQQeE7ZnepsTrAmsq-5cNxQV10BVtajQQkOWmwLfp6NXjKizWRqMcmAJmQwp8MS5q-Ow/s1600/141202-005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV600QO_U118_AhMunNoha56e3iK2oN5K-Cm34C1QcfBgWu13izAUsXN_Bb_Z-9s0XNcKnbhEQQeE7ZnepsTrAmsq-5cNxQV10BVtajQQkOWmwLfp6NXjKizWRqMcmAJmQwp8MS5q-Ow/s1600/141202-005.jpg" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
3秒でできましたか?</div>
<div class="separator" style="clear: both;">
シンボルパネルに登録してもいいですが、簡単なのでその度作ってもいいかなと思います。</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<h2 style="clear: both;">
応用編</h2>
ちょっとしたパーツに便利なよくあるやつです。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFidp3ONP3kZJ1jJr6s5n2K14J6wa1p9uyAKSg6moqQiTpRUx-vTSCcPbHDZKeWS9pNweNsEUJpf0Ooa5DkWeibQo39wtyx7TPkNHBGwM2-bSAbZFnbS4MoWiF-edZrfkSYKVfbVaJVA/s1600/141202-0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFidp3ONP3kZJ1jJr6s5n2K14J6wa1p9uyAKSg6moqQiTpRUx-vTSCcPbHDZKeWS9pNweNsEUJpf0Ooa5DkWeibQo39wtyx7TPkNHBGwM2-bSAbZFnbS4MoWiF-edZrfkSYKVfbVaJVA/s1600/141202-0006.jpg" /></a><br />
<br />
<b> 1.ツールパネルから長方形ツールを選択し、左右幅の異なる四角形を2つ描画します。<br />
サイズは後で調整できるので適当で大丈夫です。</b><br />
<b><br />
<span style="line-height: 19.6000003814697px;">2.</span><span style="line-height: 19.6000003814697px;">上で作ったリボンと四角形2つを[水平方向中央で整列]させます。</span></b><br />
<div>
<span style="font-weight: bolder; line-height: 19.6000003814697px;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5H9wOhgylZf6b2N5VV0GllBQV0_-x1NBYnPvzqSjZUwpfLANHm1udU_Dbi8e3icdUM_74mkxS5rdWFnTdsddwMEfnCvWCsw84Zq5H-f15uyqI3futdsIVkeUoaAMD-J1e1XEJwgw9cQ/s1600/141202-0007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5H9wOhgylZf6b2N5VV0GllBQV0_-x1NBYnPvzqSjZUwpfLANHm1udU_Dbi8e3icdUM_74mkxS5rdWFnTdsddwMEfnCvWCsw84Zq5H-f15uyqI3futdsIVkeUoaAMD-J1e1XEJwgw9cQ/s1600/141202-0007.jpg" /></a></div>
<br />
<b> 3.リボンと四角形2つを選択し、[パスファインダー]の[分割]を適用します。<br />
これでリボンが5つのパーツに分割されます。</b><br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjB88QbuM4ykfgrAevzZ8B5_NQye-7Vxy3hU9R2oUr32DULn5WBuSMZvUTErcfoHVmNvVmMwUAZJCm9RWS1i-LYYKmH_dUvpTx6Vpe02Cs1jd-1EiRsXEK7dVbRqGh-EMEm36AKw3CJw/s1600/141202-0008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjB88QbuM4ykfgrAevzZ8B5_NQye-7Vxy3hU9R2oUr32DULn5WBuSMZvUTErcfoHVmNvVmMwUAZJCm9RWS1i-LYYKmH_dUvpTx6Vpe02Cs1jd-1EiRsXEK7dVbRqGh-EMEm36AKw3CJw/s1600/141202-0008.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<b>4.四角形の残りを削除し、図の[2]と[3]のポイントをダイレクト選択ツールでドラッグして選択し、任意の距離移動させます。</b><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnG-hH4TKHAIorcwTuu9iWfoj48u99SFXVO7rYW_WjfHqcHfphNivoqY19whJ_SmhqL9XM9ocyPKrmo9O0uHVYvZzXSFOk3eqcaaSBv3i3pS7tKcKjT5LHuPqIsx3fZY6QYBSGsg95CA/s1600/141202-0009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnG-hH4TKHAIorcwTuu9iWfoj48u99SFXVO7rYW_WjfHqcHfphNivoqY19whJ_SmhqL9XM9ocyPKrmo9O0uHVYvZzXSFOk3eqcaaSBv3i3pS7tKcKjT5LHuPqIsx3fZY6QYBSGsg95CA/s1600/141202-0009.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjesRULlRnRW4yHnoUplILlWOCSt-iKuXxmyZ25vQAITOatJ5IzqsDK0amkYQgN_zWOzHOhLvHHzShNG102c8FLWddGRg8CRkjp4xms3KwJ86BuSRgbgvJgrAZmX3H8seRxVJIYtKC8_w/s1600/141202-0010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjesRULlRnRW4yHnoUplILlWOCSt-iKuXxmyZ25vQAITOatJ5IzqsDK0amkYQgN_zWOzHOhLvHHzShNG102c8FLWddGRg8CRkjp4xms3KwJ86BuSRgbgvJgrAZmX3H8seRxVJIYtKC8_w/s1600/141202-0010.jpg" /></a></div>
<br />
<b>5.図の[1]のポイントを任意の数だけリボン中央へ向かって数値入力で移動させます。<br />
ポイントを選択して[ダイレクト選択ツール]のままで[Enter]を押すと<span style="line-height: 19.6000003814697px;">移動のダイアログが</span><span style="line-height: 19.6000003814697px;">表示されるので数値で移動できます。</span></b><br />
<div>
<br /></div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmc163TFCQDOHxvOBKnIXKaLuUQDgzUkPhED5dug9sKdPmRViccqUfVEA0CuYscLQmx6beG8uggZiz58Eh9kRj7vhMOFFNrlYdvkLd0PJxGf6Z1LX2wuOkiNJFch42N2NVULQboPBzjA/s1600/141202-0011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmc163TFCQDOHxvOBKnIXKaLuUQDgzUkPhED5dug9sKdPmRViccqUfVEA0CuYscLQmx6beG8uggZiz58Eh9kRj7vhMOFFNrlYdvkLd0PJxGf6Z1LX2wuOkiNJFch42N2NVULQboPBzjA/s1600/141202-0011.jpg" /></a></div>
<br />
<b> [4]のポイントも[1]と同じようにリボンの中央に向かって同じ数字だけ移動させます。</b><br />
<div>
<br /></div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWbIn-KnQdc1WP-qDqxPlMywW04R1WUki5ZltpVNfuj8j7AsovR6SoEqIgPz05yCzIf9ZvtJ6nwnra_aK3-X6dWaA39eMwRZg7V4LbHUb0_KNjj45tBAF_ORoTq144QwSe_IHtW3C2Eg/s1600/141202-0012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWbIn-KnQdc1WP-qDqxPlMywW04R1WUki5ZltpVNfuj8j7AsovR6SoEqIgPz05yCzIf9ZvtJ6nwnra_aK3-X6dWaA39eMwRZg7V4LbHUb0_KNjj45tBAF_ORoTq144QwSe_IHtW3C2Eg/s1600/141202-0012.jpg" /></a></div>
<br />
<b>6.色やアピアランスなどを適用して完成です。<br />
縦横比は[4]の要領で調整できます(<span style="line-height: 19.6000003814697px;">ダイレクト選択ツールでポイントを選択して移動)</span><span style="line-height: 19.6000003814697px;">。</span></b><br />
<br />
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4H7G6rhc5IS3NilHbyRWrAaojfY0x8LHcjlDZjHW_DKO3D05jYpyHzKqZYtmZF6226AY8Ou1FUxo_850B7Ata3M0uzCcLRtYecWoEYwo8f16H9UTSgjNzkfIi8MAHMO-OboQuIa2fog/s1600/141202-0013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4H7G6rhc5IS3NilHbyRWrAaojfY0x8LHcjlDZjHW_DKO3D05jYpyHzKqZYtmZF6226AY8Ou1FUxo_850B7Ata3M0uzCcLRtYecWoEYwo8f16H9UTSgjNzkfIi8MAHMO-OboQuIa2fog/s1600/141202-0013.jpg" /></a></div>
<br />
<div>
<b>ワープを適用すれば色んな形に変化します。</b></div>
<br />
シンボルに登録するととても便利なのでおすすめです。<br />
シンボルに変換してもアピアランスは有効なので(シンボル化で分割されません)シンボルパネルとのリンクを解除してアピアランスパネルから再度編集できます。<br />
便利!<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoMmBgyjpLzZq3XtyxOO2miSCrJ9zgG02D_DvnZkoMxS6bD7pWXLKBktkWxgVVo5tTyLoyVX-RxmLvspZz6p8LEnT6sdDd9o68i0CdzeaOknit5842wI1tmBV32WKnvAC0lLzhIEhl-Q/s1600/141202-0014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoMmBgyjpLzZq3XtyxOO2miSCrJ9zgG02D_DvnZkoMxS6bD7pWXLKBktkWxgVVo5tTyLoyVX-RxmLvspZz6p8LEnT6sdDd9o68i0CdzeaOknit5842wI1tmBV32WKnvAC0lLzhIEhl-Q/s1600/141202-0014.jpg" /></a></div>
<br />
<b> よくあるこういうパーツ(矢印?)も六角形からのアプローチだとスムーズです。<br />
不要なポイントを削除して、[パスファインダー]の[合成]を適用。</b><br />
<b><br />
</b> <br />
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr1C8Lopz0uRSMX9s6AzaN-GgyFH1ks8oNXJ94ImAKkC8A7v87medbbAHnISd7Oirv7okfTURdTGrRH2J14JtM9HQ2fLNrF8-ZuyGikZAe1YzNjXh_KdFobtu0eTFwQxEYN3ZLpF2Sag/s1600/141202-0016.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr1C8Lopz0uRSMX9s6AzaN-GgyFH1ks8oNXJ94ImAKkC8A7v87medbbAHnISd7Oirv7okfTURdTGrRH2J14JtM9HQ2fLNrF8-ZuyGikZAe1YzNjXh_KdFobtu0eTFwQxEYN3ZLpF2Sag/s1600/141202-0016.jpg" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
自分で作ったパーツは変に分割もされてないのでとても使いやすいのが大きな利点です。</div>
<div>
<br /></div>
イラストレーターを触り始めたころはこんなシンプルなパーツ1つ作るのに四苦八苦してたのを思い出してなんだか切なくなりますね。<br />
<div>
六角形を思いつく前は長方形に三角を合成しようとして端がきれいに合わず無駄なポイントが増えたりなんて日常茶飯事でしたが、これで解決。</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
私のイラストレーターは今もCS5なので機能的に追いつけなくなってどうしようかなあと思っているんですが、こういった基本的な機能を使ったものやCS5時点での発見もご紹介できればと思います。</div>
<div>
機能面での変化についてはCCをご使用のみなさま、検証いただければ幸いです。</div>
<div>
<br /></div>
<div>
ご覧頂いてありがとうございました。</div>
Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-7529459898790617504.post-50343643142530956122014-10-18T20:39:00.000+09:002014-10-18T20:40:49.516+09:0010倍ラクするIllustrator仕事術 増強改訂版を献本いただきました!<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJKccSYZYHvt7SRAXhiCdzdgqazgpvRJtQJ93dVZFbNDPpAQ4UGPtftQrvrBaCfbvNfqDNw0bbZfdaMl05LHF2EfumzyoSBGCu7FKh8yhG8z374ytPLmqyBVjKSVHv3T9YitnnKzPopQ/s1600/141014_02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJKccSYZYHvt7SRAXhiCdzdgqazgpvRJtQJ93dVZFbNDPpAQ4UGPtftQrvrBaCfbvNfqDNw0bbZfdaMl05LHF2EfumzyoSBGCu7FKh8yhG8z374ytPLmqyBVjKSVHv3T9YitnnKzPopQ/s1600/141014_02.jpg" height="320" width="320" /></a></div>
<div>
<br /></div>
<a href="http://www.dtp-transit.jp/" target="_blank">DTP Trasit</a>を主催されている鷹野さんから先日発売されたばかりの「10倍ラクするIllustrator仕事術(増強改訂版)」を献本いただきました!<br />
<div>
まだじっくり読み込めてはないですが、感想を書かせていただきます。<br />
<div>
<a name='more'></a><br />
<div>
私の過去のエントリー、「Ai_文字の角を丸くする+スミ溜まりを作る 」の内容もご紹介いただいたということで人生初の献本に感激しています。</div>
<div>
やっててよかった!(さぼってたけど…ごめんなさい)</div>
<div>
<br /></div>
<div>
内容漏らさない程度に感想書きます。<br />
<br /></div>
<div>
<h2>
実務に沿った内容が紹介されています</h2>
<div>
これは改訂前からそうでしたが、「仕事術」のタイトル通り、実務で使える内容がたくさん載っています。<br />
ある程度使用経験がある方に向けて書かれているので、初心者の方は少し経験積んでからの方がいいかな、と思います。</div>
</div>
<div>
<br />
<h2>
内容は「DTP(印刷)・Web」向けですが…</h2>
デザインの考え方とかは(経験者向きなのもあってか)必要以上には多くはなく、テクニックについて書かれています。</div>
<div>
イラストを描きたい人は最初ちょっと違うな、と思うかもしれません。<br />
(イラストに向けて書かれたTipsは多くはないです)<br />
ですが、イラスト志向の方でもぜひ読んでみて欲しいです。<br />
これはイラスト志向だった私が改訂前を買った当初「ちょっと違うかも」と思ったからなんですが(ごめんなさい!)結局はとても役に立つ結果となりました。<br />
イラストと文字やレイアウトというのは切り離せないものです。<br />
イラスト向けに書かれていなくても汎用的に使えるテクニックが多いので実際は絵を描くときでも生きてきます。<br />
<br /></div>
<h2>
文字周辺の機能がとても丁寧に解説されています</h2>
<div>
割と最近まで、Illustratorの文字周辺の機能は語ることがタブーなの?というくらい、実務面の情報を得ることが難しかったように思うのですが、今回とても丁寧に解説されています。</div>
<div>
文字周辺の機能・パネルのメニューもハウツー本ではさらっと流されていることが多いのでちゃんと記載があるのが嬉しいです。</div>
<div>
あと、改訂前より「文字の扱い方・考え方」についての記載が増えています。</div>
<div>
<br /></div>
<div>
サブタイトルに「ベテランほど…」とはあるのですが、Illustratorでデザインぽいことを始めて少し経つよ、という方にも強くお勧めしたいです。</div>
<div>
試行錯誤しながら覚えるのはとてもいいことではあるんですが、継続していく仕事や流用が頻繁にある内容だと後から文字周辺の設定を変えるのが難しくなってくるからです。</div>
<div>
<br /></div>
<div>
文字周辺はエラーが起きやすい箇所でもあるのでリスク回避でもあります。</div>
<div>
賛否あるとは思いますが、内容がいまいちよくわからなくても理解より前に現時点での最善の設定にしたほうが後々のためだと思います。</div>
<div>
<br /></div>
<h2>
80ページも増量してます</h2>
<div>
ページが多いからいいってものでも無いですが…</div>
<div>
100円で80ページ、しかもページ内の密度も上がっている!</div>
<div>
これはお得だと言わざるを得ません!<br />
<br />
なんてちょっと冗談のように書きましたが、改訂前の「10倍ラクするIllustrator仕事術」も持っていますが載っている情報やテクニックを私も全部使えているわけではありません。使うか使わないかは自分の判断で、でも知っていることは大きいなと思います。<br />
<br />
改訂前を読んで鷹野さんの過去のセミナーをネットで見たり著者の一人の茄子川さんのセミナーに参加したりなどして衝撃を受けたことが私がイラストレーターを勉強し直すきっかけでした。。<br />
<br />
今回改訂版が出たのも同じように衝撃を受けた方の支持を受けてもあるのかな、と思うととても嬉しく思います。<br />
ちょっとべた褒めしすぎのようで気持ち悪いかもしれないですが…<br />
私のきっかけになった本でもあるのでお勧めさせてもらいました。<br />
上記でご紹介した他にも幅広い内容が紹介されています。<br />
きっと、「気づき」があると思いますよー。<br />
<br /></div>
</div>
<div>
<h2>
届いてパラパラと見ていると衝撃が…</h2>
</div>
<div>
このブログのURLが載っていました。鷹野さん、紹介したとしか言っていなかったので衝撃。<br />
本当に一般市民の私なのでビクビクしてます。<br />
もうこのブログ消せないですね。<br />
決意を新たに溜まってるネタもちょこちょこ更新します。最近マスクでずっと悩んでた問題が解決したのでそれをぜひ紹介したい!のです。<br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQcouhielA6B2Ac1ECx_oB7bkv8qEGyIxDrQteya6qia2b_zyxEogKshiuG6AP8pvtXeAQE0AfZBPOQ2Cpw1Kk29_5kR1TAvyzbEndt8Ri-Xx-kqdM_TX5hZxnxxtyEIBfnrENiBWx4w/s1600/141014_01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQcouhielA6B2Ac1ECx_oB7bkv8qEGyIxDrQteya6qia2b_zyxEogKshiuG6AP8pvtXeAQE0AfZBPOQ2Cpw1Kk29_5kR1TAvyzbEndt8Ri-Xx-kqdM_TX5hZxnxxtyEIBfnrENiBWx4w/s1600/141014_01.jpg" height="320" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h2 style="clear: both; text-align: left;">
LINEスタンプを作りました!</h2>
<div class="separator" style="clear: both; text-align: left;">
少し前になるんですが、LINEクリエイターズスタンプを作りました!</div>
<div class="separator" style="clear: both; text-align: left;">
桃太郎・金太郎・浦島太郎の昔話をモチーフにした<a href="https://store.line.me/stickershop/product/1020375/ja" target="_blank">太郎ちゃんズ</a>です。</div>
<div class="separator" style="clear: both; text-align: left;">
(姉達と共同で作ったので私の名前では無いです。)</div>
<div class="separator" style="clear: both; text-align: left;">
絵は全部イラストレーターで描いてます。</div>
<div class="separator" style="clear: both; text-align: left;">
審査に出してから一ヶ月半以上…長かったです。</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://xn--n8jzbqptcabc7dbn8204hfdgrndeyjya725xsm5htbqbec7g/" target="_blank"><img alt=" 太郎ちゃんズ" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Gi1kEGZJsroC8fXVhVneFcTUHV3AgxlBU4P2TCijMhGXcL0Fli2LBttb7QbPA8qniTp9HbVRl9MM8oaZFs8QJyQ_UoIE6CR2fSI1OeNyNE-7CcK6QM6xZQq5Hq_qhOlfBn3wjqWNMg/s1600/main.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
良かったら見てみてください!!!</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-38387975716669344902014-01-10T13:39:00.001+09:002014-12-05T23:53:20.058+09:00Ai_グループ選択ツールの小ワザ5つ<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_KxCejZk0yaO-PdbWN4Gk4ZrmoDmhGCNWHUk_qE2Rhelv230Frn37WHGXHjUkBsOcIPk0q7B0OZ0DCqMG0NVCpFZmflslCcKNQjCbQO5RaMwiddkA8ARWl1eBKjYV0mZIjqMGMQHtMg/s1600/%E3%83%92%E3%82%9A%E3%82%AF%E3%83%81%E3%83%A3+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_KxCejZk0yaO-PdbWN4Gk4ZrmoDmhGCNWHUk_qE2Rhelv230Frn37WHGXHjUkBsOcIPk0q7B0OZ0DCqMG0NVCpFZmflslCcKNQjCbQO5RaMwiddkA8ARWl1eBKjYV0mZIjqMGMQHtMg/s1600/%E3%83%92%E3%82%9A%E3%82%AF%E3%83%81%E3%83%A3+2.png" /></a></div><br />
<div style="font-stretch: normal; margin: 0px;">知っていると便利なグループ選択ツールを使ってできる小さな時短ワザです。</div><a name='more'></a>明けましておめでとうございます。<br />
皆様にとって2014年が実り多き年になりますようにお祈り申し上げます。<br />
長い間放置していたのですがゆっくり再開できればと思います。<br />
私はCS5からまだバージョンの更新はできないけれど、CS5でも以前のバージョンでもできることもまだまだあるはずなので勉強の手は休めずにいきたいと思います。<br />
<br />
今回は他の方法でもできるけれど、なるべく早くやるための方法として私がいつも使っている方法です。<br />
今回は画像も無いうえ、説明がざっくり・・なのでわからないところがあればコメントへお願いします。<br />
バージョンは問わずに大丈夫だと思います。<br />
<br />
<h2>グループ内の一部のオブジェクトの強制グループ化解除</h2><h4>グループから一部オブジェクトだけを削除もグループ解除もせずに素早くグループから除外する方法です。</h4>新規レイヤーを作成。<br />
グループの中からグループから外したいオブジェクトだけを「グループ選択ツール」でクリックして選択。<br />
レイヤーパレットに移動すると、選択中のオブジェクトのあるレイヤーの右端に小さな色の付いた四角形(現在選択中のアートを示します)があるので、それを先に作成した新規レイヤーへドラッグ。<br />
以上でグループから強制解除されます。<br />
同じ要領でドラッグする時にoption(alt)を押しつつドラッグすると同じ位置にコピーすることができます。グループ内外に関係なく全部のオブジェクトでできます。<br />
グループのアピアランスに設定がされている状態だとグループ化解除すると設定が消えてしまうのですが、これだと残ったグループにはアピアランスが継続されるので便利です。<br />
<br />
<h2>グループ内へ追加</h2><h4>既存のグループ内にグループを再度適用し直したりせずに素早く追加する方法です。</h4>追加したいオブジェクトを選択し、カット(⌘X)。<br />
グループ内の一部のオブジェクトだけを「グループ選択ツール」で選択し、前面へペースト(⌘F)。<br />
これで既存のグループ内に追加されます。<br />
<br />
カット(⌘X)はコピー(⌘C)でも大丈夫です。<br />
前面へペースト(⌘F)は背面へペースト(⌘B)でも大丈夫です。<br />
グループ内での位置や前後関係は前面へ(⌘])や背面へ(⌘[)、もしくはレイヤーパレットで移動して入れ替えて下さい。<br />
<br />
グループに既にアピアランスが設定されている場合、そのアピアランスが追加したオブジェクトにも反映されます。<br />
<br />
<br />
<h2>重複するクリッピングマスクのうちの一部だけを解除</h2><h4>複数のクリッピングマスクが混在、重複するオブジェクト内の一部のクリッピングマスクだけを強制解除する方法です。</h4>解除したいマスクの中から、線も塗りも無いパスだけのマスクオブジェクト(枠の部分)を探し「グループ選択ツール」でクリックして選択し、削除。これで一部のマスクだけ解除できます。<br />
マスクオブジェクトを残しておきたければ新規レイヤーにレイヤーパレットから移動させておいて、また使用するときはマスクしたい(切り抜きたい)オブジェクトの前面へペーストして使用すれば同じ階層でマスクできます。<br />
新規レイヤーへの移動方法は先に書いた「グループ内の一部のオブジェクトの強制グループ化解除」を参照して下さい。<br />
<br />
マスクされたオブジェクトに更にマスクをかけているような状態だと「マスクを解除」すると想定外の部分も解除されてしまったりするので、必要な場所だけ解除してしまいましょう。バージョン下げてもらったデータとかでよくマスクだらけの悲惨なことになってます。<br />
選択グループ編集モードでもできますが、マスクオブジェクトが特定できるなら一番早いです。<br />
<br />
<h2>クリッピングマスク内へ追加</h2><h4>既存のクリッピングマスクの切り抜かれている部分に新たなオブジェクトを追加する方法です。</h4>「グループ内へ追加」と要領は同じです。追加したいオブジェクトを既存のマスクの枠の内側にあたる位置へ移動させます。<br />
選択し、カット(⌘X)。<br />
マスク内の切り抜かれている部分のオブジェクトだけを「グループ選択ツール」で選択し、前面へペースト(⌘F)。<br />
これで既存のクリッピングマスク内に追加されます。<br />
前面へペースト(⌘F)は背面へペースト(⌘B)でも大丈夫です。<br />
<br />
マスク内での位置や前後関係は選択クリッピングマスク編集モード(マスクを選択ツールでダブルクリック)などで前面へ(⌘])や背面へ(⌘[)を使用して移動・入れ替えて下さい。<br />
一番最初に既存のマスクの内側に移動していないと、ペースト後に枠の外がマスクされて位置が分からなくなってしまいますので注意して下さい。<br />
写真の入れ替えする時にも使用したりします。位置やサイズを前回の写真と比べて調整後、前回の写真のみを削除すればOKです。<br />
<br />
<br />
<h2>グループ内の特定のオブジェクトを基準に整列</h2><h4>グループを解除せずにグループ内の一部のオブジェクトをキーオブジェクトにして整列する方法です。</h4>既存のグループに含まれるキーオブジェクトにしたいオブジェクト(揃えたい基準のオブジェクト)と、揃えたいオブジェクトの両方を「グループ選択ツール」で選択する。<br />
「選択ツール」に持ち替え、キーオブジェクトにしたいオブジェクト(揃えたい基準のオブジェクト)だけをクリックする。<br />
クリックしたオブジェクトがキーオブジェクト(太枠での選択状態になる)になるので、その状態で整列を適用する。<br />
<br />
一番最初に「グループ選択ツール」で選択したオブジェクトが整列の対象となるのでグループ内で移動したくないオブジェクトは誤って選択しないように注意して下さい。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-21423546821828964582013-06-28T02:58:00.003+09:002015-07-29T22:41:36.925+09:00Ai_シンプルなパターン作成で楽する方法<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDDovrXJoXDLa0017SGTd_OmG66ATCHsOduhrZTPK01g81xStUDMKBPXrpTpM6JEDDYi9bhq9c7g-vcyH-lLd8HCNvxdzaaP3V-B8rA7DOmUoxwFpUmaBCZ4BC0fJV5qynSnognQRgUQ/s595/130628-0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDDovrXJoXDLa0017SGTd_OmG66ATCHsOduhrZTPK01g81xStUDMKBPXrpTpM6JEDDYi9bhq9c7g-vcyH-lLd8HCNvxdzaaP3V-B8rA7DOmUoxwFpUmaBCZ4BC0fJV5qynSnognQRgUQ/s595/130628-0004.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
シンプルなパターン作成にはシンボルを利用するとちょっと楽ですよ、ということをご紹介です。</div>
直接的にはパターン作成機能の無い、CS5以前のバージョンを使われている方に有用だと思いますが、(今回は詳しくご紹介しませんが)応用すればCS6以降のパターン作成機能で難しいようなランダムなパターン作成にも有効なのではと思っています。<br />
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: left;">
<br class="Apple-interchange-newline" /></div>
CS5以前でパターン作るのってオブジェクトが不規則な形だとシンプルな繰り返しでも境目がずれてしまったりしてけっこう面倒だと思うんですが、この方法ならずれません。<br />
<div class="separator" style="clear: both; text-align: left;">
そういう面ではとっても便利かもしれないです。</div>
<div class="separator" style="clear: both; text-align: left;">
我ながら「おお!」と思ったので賛同してくださると嬉しいです。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h2>
作り方</h2>
<h4>
1.今回はデフォルトでイラストレーターに入っているドットパターンを利用します。<br />スウォッチパレットから左下のボタンをクリックして[パターン]>[ベーシック]>[ベーシック_点] を選択、開きます。</h4>
画像の右側にある星は今回パターンにしようとしているオブジェクトです。<br />
スウォッチパレットが見当たらない場合は ウインドウ>スウォッチ をクリックして表示させます。<br />
<div>
<br /></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiYY6rmGSfxChS61WDJGhAGrIbjqWxc9PF-9GV2-f14gIYHJz1IbUApIc-xYCTtE0tglYlKeBbbgRYPLPXabSBSwzy8yIa9xa2GU3jkjBW2DLIO8MwUh09WxbkIgyQdavelf0pr80UVQ/s595/130626-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiYY6rmGSfxChS61WDJGhAGrIbjqWxc9PF-9GV2-f14gIYHJz1IbUApIc-xYCTtE0tglYlKeBbbgRYPLPXabSBSwzy8yIa9xa2GU3jkjBW2DLIO8MwUh09WxbkIgyQdavelf0pr80UVQ/s595/130626-0002.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcNxmKyayztr4ZPzkncGyY3ARTvyiO5Fun-5c5JkY2ryqDylT9Vn2IYOz9Y2ET1EHUstMO1YBY82iJVYR2v7gWgrYrQT-x0KX4XNloqUQDsBxl9lXrz-yj18Jiv4FLFhiQGsenNyp7rw/s595/130626-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcNxmKyayztr4ZPzkncGyY3ARTvyiO5Fun-5c5JkY2ryqDylT9Vn2IYOz9Y2ET1EHUstMO1YBY82iJVYR2v7gWgrYrQT-x0KX4XNloqUQDsBxl9lXrz-yj18Jiv4FLFhiQGsenNyp7rw/s595/130626-0003.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
2.開いた[点]のパレットからパターンをドロップして取り出します。丸と丸がそれぞれはっきり離れていればどれでもいいです。<br /><br />取り出すと、15個の丸と、右側の13個を囲む四角形(透明枠)があります。<br />この透明枠は最背面に配置されていて、それによって透明枠の内側のみが最終的にパターンとして認識されます。<br />左側の2つの丸は削除しても問題ありません。</h4>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivAhuwJphDhuLjQdkvKO18zHua-BNQOrgIWrKYKkFOTORKPwJADISJU4vOIM5EBkzBW0Rt8gLzjbwobySX5G2WvkQehqsEQIdLGKxhPkdZJL7o3A0UOyBQkZ3gCOt3HDw-ZjaXnOKAVg/s595/130626-0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivAhuwJphDhuLjQdkvKO18zHua-BNQOrgIWrKYKkFOTORKPwJADISJU4vOIM5EBkzBW0Rt8gLzjbwobySX5G2WvkQehqsEQIdLGKxhPkdZJL7o3A0UOyBQkZ3gCOt3HDw-ZjaXnOKAVg/s595/130626-0004.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
3.取り出したパターンから丸●を1つだけ、どれでもいいのでシンボルパレットへドロップします。シンボルパレットにドロップすることでシンボル登録することができます。</h4>
<h4>
この時に透明枠は絶対に動かさないようにしてください。<br />不安ならロックしておくと良いです。<br />透明枠を選択して[オブジェクト]>[ロック]でロックできます。パターンにする時に透明枠は必ず必要なので後ほどロックを解除します。</h4>
<div>
シンボルパレットの出し方はスウォッチパレットと同じです。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFG8QVnWeE-8E941PCPYE-4oW3AufwLWMph7hnW7IGN_vW0r2AkQc2gp-RpanbQkLnSzKpPWgT-GzYsU0gsmyUgqbwCNBeyTtOni7f2WRIfUPb7zqfjIeHORmJpktSm1wCp-bQ9BGN2A/s595/130626-0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFG8QVnWeE-8E941PCPYE-4oW3AufwLWMph7hnW7IGN_vW0r2AkQc2gp-RpanbQkLnSzKpPWgT-GzYsU0gsmyUgqbwCNBeyTtOni7f2WRIfUPb7zqfjIeHORmJpktSm1wCp-bQ9BGN2A/s595/130626-0005.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<span style="font-weight: normal;">取り出したパターンの中身を触る時はグループ選択ツールを使うのが一番便利です。</span><span style="font-weight: normal;">取り出したパターンはグループ化されているのですが、グループ選択ツールならグループを解除せずに1つずつの丸をスムーズに選べます。</span><span style="font-weight: normal;">ツールパレットから切り離せるので慣れないうちは画面上においておくと便利かも。</span><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_2iv5hCCABT-S3Nci3FMnn_uEbBw6v9wAvAP1mwBWghE96ymNT1Gpw1Lh_A3ZTDuYOwJhVfwbiJguvDgbr3F_5VDi6M9nALfjicLLLAJ7xcu7kt8Yv2-oHeGuwLzs3VBoi1-gGXiL0w/s595/130626-0011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_2iv5hCCABT-S3Nci3FMnn_uEbBw6v9wAvAP1mwBWghE96ymNT1Gpw1Lh_A3ZTDuYOwJhVfwbiJguvDgbr3F_5VDi6M9nALfjicLLLAJ7xcu7kt8Yv2-oHeGuwLzs3VBoi1-gGXiL0w/s595/130626-0011.jpg" /></a></div>
<h4>
シンボルパレットにドロップするとオプション画面が出るので、基準点が中央になっていることだけ確認してOK。<br />丸●がシンボルに登録されてパレット上に表示されます。<br />種類はどちらでも変わらないです。</h4>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbzRrv7pwn_t-88N08zC39KkygMxH7Ogqefx24iZ6NWCPioaZpAkk7Uopo9EMcCi3KE09qL4bpIgnMZwhKYzUOVIHeKmOSlF75oUu_6iDHEFuewvqTipYPy2_6DeXYtyVmCjONNqOWVg/s595/130626-0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbzRrv7pwn_t-88N08zC39KkygMxH7Ogqefx24iZ6NWCPioaZpAkk7Uopo9EMcCi3KE09qL4bpIgnMZwhKYzUOVIHeKmOSlF75oUu_6iDHEFuewvqTipYPy2_6DeXYtyVmCjONNqOWVg/s595/130626-0006.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
4.[option(ALT)]を押した状態で先ほどのシンボル(丸●)の上に他の丸もひとつずつドロップしていきます。<br />[option]を押しつつ既存のシンボル上にドロップすることで上書きすることができます。<br />なので、シンボルパレット上に残るのは丸●ひとつだけです。<br />13個、ここの行程は面倒ですが頑張って登録。</h4>
<br />
左側の丸●2つも残している場合はそれも登録してしまったほうが良いかもしれません。<br />
<br />
<div>
<div>
CS5ではドロップしたオブジェクトはシンボルが適用された状態になりますが、ここはバージョン間で違いがあるかもしれないので確認してみてください。</div>
<div>
シンボルが適用されていない場合は、シンボルの上書きではなく、ひとつめのシンボルをそれぞれの丸●に適用する方法が有効なのではと思います。(動作確認できていません)<br />
シンボルが適用された状態は2枚下の画像を参照。</div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhxffElbvaG8XrDQsYbKvTKaGmEapeykQXsR2SXhgskUUbleFAvOTj6Ra1kD9-MfFM7BnBQriQTmTW4hMmCniRkD0u0B3o4A7wY-OzGiZxV7zss11q0NWq73U5twmBfwEB5dWuosRwHQ/s595/130626-0007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhxffElbvaG8XrDQsYbKvTKaGmEapeykQXsR2SXhgskUUbleFAvOTj6Ra1kD9-MfFM7BnBQriQTmTW4hMmCniRkD0u0B3o4A7wY-OzGiZxV7zss11q0NWq73U5twmBfwEB5dWuosRwHQ/s595/130626-0007.jpg" /></a></div>
<h4>
全ての丸に1つのシンボルが適用された状態になりました。<br />それぞれの丸の周囲にバウンディングボックス(のようなもの?)と中央に十字マーク(?)が付きます。</h4>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLpu9d9_Dv3IxLcZ7-8ZbG8P__VpVnqjyQCGjs3nWjIuCl3_0ZnOAi08VyxMhdHN95m-SijQuxDjdlvN-hCHVykEuoLrmoeztZORwFrnPlpAV-HbuJFQEVs3cMEpHzK5vwoeIInVzb3Q/s595/130626-0009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLpu9d9_Dv3IxLcZ7-8ZbG8P__VpVnqjyQCGjs3nWjIuCl3_0ZnOAi08VyxMhdHN95m-SijQuxDjdlvN-hCHVykEuoLrmoeztZORwFrnPlpAV-HbuJFQEVs3cMEpHzK5vwoeIInVzb3Q/s595/130626-0009.jpg" /></a></div>
<br />
<h4>
5.ここでパターンにしたいオブジェクトを先ほどのシンボルに上書きします。<br />[option]を押しつつシンボルパレット上の丸●へドロップします。</h4>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqu9i7Z4G4uQeYPB5iTNkkr7tF_hFowr-xpOEXATpr-VA_73-HO8-UiASX9OGSwRbB2WpeoptwgWyYTDztVxv0oPZP228Yj3a68PcVda7W4e4v7SHqTyxudulgBMha3pQ6lUoifQyOOA/s595/130626-0012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqu9i7Z4G4uQeYPB5iTNkkr7tF_hFowr-xpOEXATpr-VA_73-HO8-UiASX9OGSwRbB2WpeoptwgWyYTDztVxv0oPZP228Yj3a68PcVda7W4e4v7SHqTyxudulgBMha3pQ6lUoifQyOOA/s595/130626-0012.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
シンボルが上書きされ、パターン素材上の丸●が一度で星に変換されます。<br />大きすぎたりする場合はシンボルの時点で縮小したものを再度上書き登録すると反映されます。</h4>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZVgbeGzIY89VuR2rnZ8A3nquoyCMClOR_1POY3nGsCtozk6yRAzfqgjFWGKGKY8-ZOcCwk1eM4VypOZiukWNXTvATlcR4tEQMe-noDDpc4yGvvwnRilVt9Z1YcMlOsM0dKNYih-yKQw/s595/130626-0014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZVgbeGzIY89VuR2rnZ8A3nquoyCMClOR_1POY3nGsCtozk6yRAzfqgjFWGKGKY8-ZOcCwk1eM4VypOZiukWNXTvATlcR4tEQMe-noDDpc4yGvvwnRilVt9Z1YcMlOsM0dKNYih-yKQw/s595/130626-0014.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
6.星に変換されたパターン素材を全て(透明枠含む)選択し、スウォッチパレット上にドロップして登録します。</h4>
<h4>
<span style="font-weight: normal;">先に透明枠をロックしていた場合は、同じ手順でロックを解除してから登録してください。</span></h4>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBiOwEOP3RWJczs3GJKvrdVgumxiyKbZ6G9QQr3Pt4_e0mOTw9_1xokJ2wx3Hntwt48TMFsBbMkK-RiK7oAXRGA4dOE817OmLpz3U-AR-UoXKZyLHmXq_HV7Lq6fX7Wu5RQ_XCo_iEyQ/s595/130626-0016.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBiOwEOP3RWJczs3GJKvrdVgumxiyKbZ6G9QQr3Pt4_e0mOTw9_1xokJ2wx3Hntwt48TMFsBbMkK-RiK7oAXRGA4dOE817OmLpz3U-AR-UoXKZyLHmXq_HV7Lq6fX7Wu5RQ_XCo_iEyQ/s595/130626-0016.jpg" /></a></div>
<h4>
スウォッチパレットにパターンとして登録されたので、円の塗りに適用してみました。<br />ここで変になっている場合は、透明枠がずれたり間違って塗りが適用されていたり、最背面に配置されていなかったりしていないか確認してみてください。</h4>
<div>
<h4>
完成!!</h4>
</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb905QdUH7WCaYvcAaC7G80Bw0LjYuHL_Wvkcyzjm2Se1S_aMIzJf5zzKSzNEMMxQ-y2qOKSHpC846S66d_3c8HxeTUsHQd-6Jf2Py3Ham58nb8_GhFOgLUX8BX9WKJjcGzImUrgIFtg/s595/130628-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb905QdUH7WCaYvcAaC7G80Bw0LjYuHL_Wvkcyzjm2Se1S_aMIzJf5zzKSzNEMMxQ-y2qOKSHpC846S66d_3c8HxeTUsHQd-6Jf2Py3Ham58nb8_GhFOgLUX8BX9WKJjcGzImUrgIFtg/s595/130628-0001.jpg" /></a></div>
<br />
<h4>
手順が多いようですが、一度シンボル化したパターンを残しておくとすぐに作れる&量産できるのでけっこう便利だと思います。<br />今回は既存のパターンを利用しましたが、別の動きをするパターンでも、丸●で最初は作ってしまって、後から適用の方が簡単なんじゃないでしょうか。<br /><br />パターンを上書きすると以前のが消えて困る!という場合は、完成したパターン素材(スウォッチパレットにドロップする以前の状態)を選択して、シンボルパレットの下部中央にある、鎖が切れているようなボタンを押すことでリンクを解除することができます。<br />丸で作ったパターン素材(それぞれの丸●はシンボル登録済み)は別ファイルで残しつつ、コピー先でパターンを量産するのが良いのではと思います。</h4>
<div>
<br /></div>
<div>
<h3>
おまけ(複雑なパターンについても少し)</h3>
<h4>
パターンって、埋め込み画像も登録できるのでこんなのを作ってみました。<br />今回の記事は単純な星型なので境目を合わす苦労がそもそもあまり無いのですが、ずれたら大変なこんなオブジェクトでもこの方法なら境目を気にせずにどんどん作れます。</h4>
</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjarZc47l2CATApAGlLLYxikd-m5_dFlT_m0xsfabCB3SVieAZOYk0VWcQbu_tnsxHQb4Ra8yfY7v6cRrRZkW6gouZy1LL_e4WXRv9h5qDEoYlKDwSeUgBzL8UuFKFgsvhSMKMBodN7qQ/s595/130628-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjarZc47l2CATApAGlLLYxikd-m5_dFlT_m0xsfabCB3SVieAZOYk0VWcQbu_tnsxHQb4Ra8yfY7v6cRrRZkW6gouZy1LL_e4WXRv9h5qDEoYlKDwSeUgBzL8UuFKFgsvhSMKMBodN7qQ/s595/130628-0003.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
きれいに合ってます(感動)<br /><br />オブジェクトが重なる場合はスウォッチパレットに登録する前に順序を入れ替えてください。<br />透明枠の上下左右に触れるオブジェクトはそれぞれ繰り返した時に繋がるので矛盾しないように注意。<br /><br /><span style="font-weight: normal;">にわとり少し気持ち悪いですね…<br />このにわとりは以前自分で描いたものをスキャン後、背景を透明化してPSD形式で配置、埋め込みしたものです。</span><br />
</h4>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDDovrXJoXDLa0017SGTd_OmG66ATCHsOduhrZTPK01g81xStUDMKBPXrpTpM6JEDDYi9bhq9c7g-vcyH-lLd8HCNvxdzaaP3V-B8rA7DOmUoxwFpUmaBCZ4BC0fJV5qynSnognQRgUQ/s595/130628-0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDDovrXJoXDLa0017SGTd_OmG66ATCHsOduhrZTPK01g81xStUDMKBPXrpTpM6JEDDYi9bhq9c7g-vcyH-lLd8HCNvxdzaaP3V-B8rA7DOmUoxwFpUmaBCZ4BC0fJV5qynSnognQRgUQ/s595/130628-0004.jpg" /></a></div>
<br />
画像をパターンにするのは印刷上良くなさそうな気がするのでおすすめしませんが、最終的に画像にするならいいように思います。<br />
<h4>
あと、これを作っていて気付いたんですが、アピアランスを使用したオブジェクトをシンボル登録するとアピアランスの上書き更新をした時にシンボルへ自動で反映されます。<br />残念ながらパターンにまでは反映されないですが…<br />何か他のことできそうですよね。<br />今はまだ試せていませんが、時間できたらやってみたいなーと思っています。</h4>
<div>
<br /></div>
<h4>
<span style="font-weight: normal;">冒頭に触れた複雑なパターンの作成方法なのですが、少し難しい話かもしれないです。</span><br />
<span style="font-weight: normal;">あまり詳しくは書きません。<br />方法は、今回、丸をどんどん1つのシンボルとして上書き保存したところをそれぞれ繰り返し時に重なる部分以外をそれぞれ別のシンボルとして登録してみるとできます。</span><br />
</h4>
複雑なパターンを作るとき、私は<br />
<br />
1.パターン素材を透明枠の幅・高さで縦横に3つずつ(計9つ)になるようぴったりコピー<br />
2.同じ位置のオブジェクトを同時に選択して動かす<br />
3.最終的に中央の透明枠にかかる部分だけ残して他は削除<br />
4.パターン登録<br />
<br />
という手順を踏んでいるのですが、<br />
これを繰り返し時に重なる部分以外は別々のシンボルとして登録してある丸のパターン素材で行ったら多少楽なのでは、と思ってます。<br />
<br />
シンボルを使うと 2.の段階でランダムな動きをつけるためにパターン素材の丸●自体を移動しなくても、シンボルとして登録する時に複数オブジェクトを1つのシンボルとして登録すれば(もしくは透明オブジェクトを使用して後から一括削除など)動きをつけることができます。はみ出しに注意が必要なので、思い通りにするのは難しいかもしれないですが…<br />
<br />
パターンって量産するのがけっこう面倒なので、ランダムな動きでも楽に量産できたらなーと思ってます。<br />
これはよくよく試していないので今後の課題ですね。<br />
もっと良い方法が見つかれば、お知らせします。<br />
<br />
長くなりましたが、読んでいただいてありがとうございます。<br />
<br />
今週末はdot.aiですね。<br />
懇親会は参加できないのですが、本編には私もリスナーとして参加しますのでみなさまとお話できれば嬉しいです。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-49798756552423054672013-06-14T16:37:00.000+09:002013-06-14T18:10:04.330+09:00Ai_内側描画と絵筆ブラシ<div class="separator" style="clear: both; text-align: left;">
内側描画と絵筆ブラシをちゃんと使ってみたので感想です。</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmNtvsvdqKuX5D_aEmtV-kiMMJkkpAzHlUQVx4HfhwwHEcKfnByboMhaEsFu4XAWrQwEICSaRSF241Qs8bXrAqOhZx70wtS-FL9GuE94n_l1qM6EjEc1wemNM8gOGcXFBRWVr5NDmnQQ/s1600/130612-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmNtvsvdqKuX5D_aEmtV-kiMMJkkpAzHlUQVx4HfhwwHEcKfnByboMhaEsFu4XAWrQwEICSaRSF241Qs8bXrAqOhZx70wtS-FL9GuE94n_l1qM6EjEc1wemNM8gOGcXFBRWVr5NDmnQQ/s1600/130612-0001.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: left;">
クラウドに完全移行しようとしているのにとても今更なんですが、</div>
<div class="separator" style="clear: both; text-align: left;">
CS5から実装された内側描画と絵筆ブラシを今更ちゃんと使ってみたら絵を描くには効果的だった!ので残しておきます。</div>
<br />
今回ほとんど初めて使いました・・<br />
この機能、知ってはいたんですがDTPの実務では必要性を感じていませんでした。<br />
なので全然使っていなかったんですが絵を描くにはなかなか便利です。<br />
<br />
というのは、CS4以前の機能だとちょっとした色の変化やニュアンスをつけるのがなかなか難しかったのですが、内側描画ツールと絵筆ブラシを使うとけっこう楽にできるんです。<br />
それでいてベクターデータ!<br />
イラストレーターから入ってイラストレーターばかり使ってきたのでベクターが大好きです。フォトショップも使いますけど、ベクターだと嬉しい。<br />
<br />
イラストレーターはベクターのパスで描かれているので、ゆがみやひずみの無い滑らかな線が描けます。<br />
ロゴやキャラクターを描くときはそれでいいんですが、ナチュラルなテイストを出しつつ描きたいときはそれが邪魔になってしまうことがあります。<br />
<br />
パスを細かく切って描けば、グラデーションメッシュを使って描けば、不透明マスクを使えば、画像を利用しつつ描けば…リアルな絵や、滑らかな絵も描けます。<br />
ですが、作る時間もかかればデータ量も保存時間もすごいことになるのでちょちょっと描きたい私には現実的ではない、と思ってます。<br />
あと、イラストレーター特有のペッタリ感が私にはうまく扱えなくてけっこう苦手です。<br />
でもベクターデータがいいんです…<br />
<br />
なので今まで私が使っていたのは、全体に効果のラフを細かくかける、鉛筆風のブラシで輪郭を描く、という方法でした。<br />
けっこうよく見かける方法だと思います。<br />
<br />
でも、これだと特定の場所に絵の具で塗ったようなちょっとした色の変化やニュアンスを出すことができません。<br />
<br />
それが、今回の内側描画と絵筆ブラシを利用すると思いのほか簡単に下のようなニュアンスを追加できるようになりました。<br />
頬や体の一部に赤みや光の部分を作ってます。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmNtvsvdqKuX5D_aEmtV-kiMMJkkpAzHlUQVx4HfhwwHEcKfnByboMhaEsFu4XAWrQwEICSaRSF241Qs8bXrAqOhZx70wtS-FL9GuE94n_l1qM6EjEc1wemNM8gOGcXFBRWVr5NDmnQQ/s1600/130612-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmNtvsvdqKuX5D_aEmtV-kiMMJkkpAzHlUQVx4HfhwwHEcKfnByboMhaEsFu4XAWrQwEICSaRSF241Qs8bXrAqOhZx70wtS-FL9GuE94n_l1qM6EjEc1wemNM8gOGcXFBRWVr5NDmnQQ/s1600/130612-0001.jpg" /></a><br />
<br />
<br />
腕の赤みだと、腕を内側描画モードに指定して絵筆ブラシで任意の場所へ色を塗るようにくるくると描いています。<br />
内側描画モードに指定するとその単体オブジェクトに対して点線の括弧がつきます。<br />
この状態で指定オブジェクトにかかる位置にオブジェクトを作成するとクリッピングマスクをかけたような効果が得られます。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizaO6hV-xmRBX7s276hKzFwpt3kIxfzPUf9mVk825PL9MwDtJdxdksB7HETkTW7H5OhSJbifrBgAsFE1iB1OHxPvalJ96XY82Jcl1I1OA9dOYkj-Ul_NoP50nsKfcUvU-3IWP91ZN2nw/s1600/130612-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizaO6hV-xmRBX7s276hKzFwpt3kIxfzPUf9mVk825PL9MwDtJdxdksB7HETkTW7H5OhSJbifrBgAsFE1iB1OHxPvalJ96XY82Jcl1I1OA9dOYkj-Ul_NoP50nsKfcUvU-3IWP91ZN2nw/s1600/130612-0003.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
クリッピングマスクと同じのように感じられるかもしれませんが、</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
内側描画モードはマスク専用のオブジェクトを用意する必要がありません。</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
また、マスクの役目をするオブジェクトは塗りや線のある状態で内側描画モードを設定しても、設定後もその塗りや線の属性を失いません。</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
これは、絵などの複雑なオブジェクトを作成する時にはとても重要になってきます。</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
アピアランスで文字オブジェクトを重ねなくてもフチ付き文字が作れるようになってすごく楽になったように、マスクオブジェクトも無駄に重ねなくて済むとずいぶん楽になるからです。修正に強くもなります。</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizxBTEnW6XD7M6xCtf8_5uSKqAE8lBOjnSoUtfGWIBhHVL1G9hV0uqbCPvmzreLFxyYxNbYA8ieG0dyKjtZBc5k1IAUcSA9vtYIipLvcPKBoZ8WJJ7lb7jWGLJFvZun1LnDsScbckSDw/s1600/130612-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizxBTEnW6XD7M6xCtf8_5uSKqAE8lBOjnSoUtfGWIBhHVL1G9hV0uqbCPvmzreLFxyYxNbYA8ieG0dyKjtZBc5k1IAUcSA9vtYIipLvcPKBoZ8WJJ7lb7jWGLJFvZun1LnDsScbckSDw/s1600/130612-0002.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
最終的に画像にするのであればフォトショップでもいいのだとは思いますが、修正の容易さからベクターがやはり好きです。</div>
<div class="separator" style="clear: both; text-align: left;">
絵筆ブラシも出力のとき処理が大変なのかなとは思いますが・・絵を描くには良いのではないでしょうか??</div>
<div class="separator" style="clear: both; text-align: left;">
みなさん使ってますか??</div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-14328785361687704162013-06-05T22:37:00.000+09:002013-06-14T16:41:18.434+09:00Ai中級_文字周りの便利機能3つ<br />
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Times;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgilTZntoPXDvOtWeneyiAxExJYjqZwazBkePCww8Pn10cC1VtJMohj6Z3vqTLElT7R8Hu-9RZzMe3CoGJ-qTUMgXO_LW1cpMaNsBXDpqynovFD53kqTlfJqzsuqK4f-51WFtZXdYkLdw/s1600/130605-0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgilTZntoPXDvOtWeneyiAxExJYjqZwazBkePCww8Pn10cC1VtJMohj6Z3vqTLElT7R8Hu-9RZzMe3CoGJ-qTUMgXO_LW1cpMaNsBXDpqynovFD53kqTlfJqzsuqK4f-51WFtZXdYkLdw/s1600/130605-0005.jpg" /></a></span></span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">意外と知らないかもしれない、文字まわりの便利機能を紹介します。</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"></span><br />
<a name='more'></a><span class="Apple-style-span" style="font-family: Helvetica;">記事が増えてきたのでテンプレート変えてみました。見やすくなっていれば良いのですが。</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">仕事上で他部署の営業さんだったり専門職ではない方が作ったデータを見ることが多いのですが、文字周りで知らないせいで苦労してるなあって部分がちょろちょろあるのが気になってます。</span></div>
<span class="Apple-style-span" style="font-family: Helvetica;">習ったことはないけどそれなりに使える、でももうちょっと早くきれいに作りたいという方に読んでほしいです。</span><span class="Apple-style-span" style="font-family: Helvetica;">私が勉強を始めて「もっと早く知ってたら」と思った部分も含めて書いてみます。</span><span class="Apple-style-span" style="font-family: Helvetica;">「インデント」「タブ」「字形パネル」の3つです。</span><br />
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<br />
<br />
<br />
<h3>
<span class="Apple-style-span" style="font-family: Helvetica;">インデント</span></h3>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">wordでよく使われるインデント機能です。</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">操作方法は全く異なりますが、同じようなことがIllustratorの段落パネルでもできます。</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">段落パネルが表示されていない場合は</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">メニューバーのウインドウ>書式>段落 を選択</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">チェックマークが付いていれば表示されています。</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;">テキストエリアを作成すると、段落の頭のアイコンや箇条書きの数字が他の折り返しの行と揃ってしまいます。</span><span class="Apple-style-span" style="font-family: Helvetica;">これを段落の頭のアイコン部分だけ飛び出させたいときにインデントを使うときれいにできます。</span></h4>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;">テキストを変更したりしてもスペースを入れて行頭を調整していないので修正する必要がありません。</span></h4>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">インデントの前に…</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">もし何も設定されていないのであれば、テキストエリアを使う時は</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">・「均等揃え(最終行左揃え)」を適用</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">・「禁則処理」と文字組みは</span><span class="Apple-style-span" style="font-family: Helvetica;">「</span><span class="Apple-style-span" style="font-family: Helvetica;">行末約物半角」を適用</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">・文字パネルのカーニング(A/Vとなっているところ)を「自動」に設定</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">することをおすすめします。</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">ここはもっと詳細な設定があるのですが、今回はそこまでする必要は無いと思いますので書きません。ご自分の設定が既にある方はそちらをご使用ください。</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"></span></div>
<div class="separator" style="clear: both; font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNbE4qceud7_oHGlxKRPWPp2NV9913Xk1Ks1zsrnXT95AquOgfUIiJLvfFymQdauzvWCMmo1sTYnJEVkz9f27wtDH0rq1UouHBlsqoliu01W-5BOXsXJ9q3TI22nqj-nGrZzgjSfuKQA/s1600/130605-0008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNbE4qceud7_oHGlxKRPWPp2NV9913Xk1Ks1zsrnXT95AquOgfUIiJLvfFymQdauzvWCMmo1sTYnJEVkz9f27wtDH0rq1UouHBlsqoliu01W-5BOXsXJ9q3TI22nqj-nGrZzgjSfuKQA/s1600/130605-0008.jpg" /></a></div>
<div class="separator" style="clear: both; font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<br /></div>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;">段落パネルの「一行目左インデント」の数値を−値にすると段落の頭だけ飛び出してきます。</span></h4>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;">改行したいけど行頭は飛び出させたくない!というときは、改行するときに「shift+return(Enter)」で改行すると折り返しの行と同じ位置で揃います。</span></h4>
<br />
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"></span></div>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRKEylak5NUFcF3COTV6-ANzqOlefaEp0VLLI1qgsU2vf9-KaQFmaXrow9o1YuPb0pftnwqB0e3vnTT9UdCFqoXs83FIAM3z2PNL5n0JpgpwTaufw85EfRWkG4r9kc0wHIxkW2OmXMfw/s1600/130605-0009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRKEylak5NUFcF3COTV6-ANzqOlefaEp0VLLI1qgsU2vf9-KaQFmaXrow9o1YuPb0pftnwqB0e3vnTT9UdCFqoXs83FIAM3z2PNL5n0JpgpwTaufw85EfRWkG4r9kc0wHIxkW2OmXMfw/s1600/130605-0009.jpg" /></a></div>
<span class="Apple-style-span" style="font-family: Helvetica;"></span><br />
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></span></div>
<span class="Apple-style-span" style="font-family: Helvetica;">
テキストエリアから飛び出しているとレイアウト上扱いづらいので「一行目左インデント」でマイナスしたぶんだけ「左インデント」をプラス値で設定してテキストエリア内に収めてしまうと便利です。</span><span class="Apple-style-span" style="font-family: Helvetica;"></span><br />
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<span class="Apple-style-span" style="font-family: Helvetica;">
</span>
<br />
<div class="separator" style="clear: both; font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvOolRGJP7kNUTohzsz7FzK3Y-zvq39dadxjrtLQ6bpTROCEGrZFmhhId42CjGhdV68y8uzq4OYjqjCcgSLreayLUyGquuyGl8eCkugL7yi8d7Ay2IHUgrVyncBRZYDlVX8VjLdH9x8w/s1600/130605-0010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvOolRGJP7kNUTohzsz7FzK3Y-zvq39dadxjrtLQ6bpTROCEGrZFmhhId42CjGhdV68y8uzq4OYjqjCcgSLreayLUyGquuyGl8eCkugL7yi8d7Ay2IHUgrVyncBRZYDlVX8VjLdH9x8w/s1600/130605-0010.jpg" /></a></span></div>
<span class="Apple-style-span" style="font-family: Helvetica;">
</span>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h3>
<span class="Apple-style-span" style="font-family: Helvetica;">タブ</span></h3>
<br />
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span>
<span class="Apple-style-span" style="font-family: Helvetica;">wordでもよく使われる、テキストの頭をぴったり揃えることができるタブ機能。<span class="Apple-style-span" style="font-family: Helvetica;">Illustratorでも使えます。</span></span><br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Helvetica;">タブを適用するテキストは中央揃え以外にしてください。中央揃えでも適用は</span><span class="Apple-style-span" style="font-family: Helvetica;">できますがとても使いづらいです。</span></div>
<div>
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;">ウインドウ>書式からタブを表示させると切り離しのできるルーラーが表示されます。</span></h4>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;">他のウインドウから切り離された状態でルーラーの右端にある磁石のようなマークをクリックすると今選択しているテキストの上にピッタリサイズで吸着されるので、仕上がりを見ながらタブの位置を調整できます。</span></h4>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Helvetica;">最初はテキストとタブの頭の位置が揃っているか確認してみて下さい。一度で頭が揃わないときは2、3回クリックすると合うと思います。</span></div>
<span class="Apple-style-span" style="font-family: Helvetica;">ルーラーは</span><span class="Apple-style-span" style="font-family: Helvetica;">画面上に一つだけしか無いので、離れた位置にあっても</span><span class="Apple-style-span" style="font-family: Helvetica;">今現在選択しているテキストの状態を反映します。</span><span class="Apple-style-span" style="font-family: Helvetica;">また、吸着させたり手動で動かさない限りはルーラーの画面上の表示位置は変わりません。</span><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="font-family: Times;">
<span class="Apple-style-span" style="font-family: Helvetica;">私はよく使うので小さい状態で常駐させています。</span></div>
<div style="font-family: Times;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<span class="Apple-style-span" style="font-family: Helvetica;">↓ルーラーの右端に磁石のマークがあります。</span></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTH4FpvpO1_gIm5Ypey-KynP7UTu4Fv1vj0_neSiDAv6V4MK-RlpRZyqZ-quh6RV4URfw9mjhAys5Mg7N0PhGe1uW3-ioyQ3L5AIyckorwsQXAEeSySN2q5JHDkOzWgtbST7_x0Xvg9Q/s1600/130605-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTH4FpvpO1_gIm5Ypey-KynP7UTu4Fv1vj0_neSiDAv6V4MK-RlpRZyqZ-quh6RV4URfw9mjhAys5Mg7N0PhGe1uW3-ioyQ3L5AIyckorwsQXAEeSySN2q5JHDkOzWgtbST7_x0Xvg9Q/s1600/130605-0002.jpg" /></a></div>
<div style="font-family: Helvetica;">
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Times;"></span></span></div>
</div>
<div style="font-family: Helvetica;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div style="font-family: Helvetica;">
<span class="Apple-style-span" style="font-family: Helvetica;">タブの適用方法ですが、今回は左揃え<span class="Apple-style-span" style="font-family: Helvetica;">で説明します。</span></span></div>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;">テキストの揃えたい位置の直前に「Tabキー」でタブを挿入します。一行に何個あってもOKです。</span></span></h4>
<div style="font-family: Helvetica;">
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;">ルーラーで設定すると左揃えの場合、左端のタブから順次適用されていきます。</span></span></div>
<div style="font-family: Helvetica;">
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></span></div>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;">次に適用する全てのテキストを選択したままの状態で、テキストと頭の位置を揃えたルーラーで左揃えの矢印を選択しメモリ上でクリックします。</span></span></h4>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;">すると選択しているテキストの左端のタブにその位置が適用されます。</span></span></h4>
<div style="font-family: Helvetica;">
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;">位置が悪ければ調整してください。ルーラーの「位置」に数値を入力する事でも移動できます。</span></span></div>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;">同じようにメモリ上にタブを追加すると左から二つ目のタブにも適用されます。</span></span></h4>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;">タブの位置よりもテキストの行長が長い場合はそのタブ位置は無視され、その次のタブが適用されます。</span></span></h4>
<div style="font-family: Helvetica;">
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;">また、二つ目のタブに行頭を揃えたい場合は行頭の前にタブを二つ挿入することで可能です。</span></span><br />
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;">注意してほしいのですが、いずれかの行にカーソルを置いたままタブを触らないようにしてください。</span></span></h4>
<h4>
<span class="Apple-style-span" style="color: red;">カーソルが点滅している状態でタブを適用すると、カーソルのある段落だけにタブが適用されてしまいます。</span></h4>
<h4>
必ず(慣れて意図的に使用できるようになるまでは)各選択ツールもしくは文字ツールでテキストを全選択した上でタブを適用してください。</h4>
<br /></div>
<div style="font-family: Helvetica;">
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;">不要に作ってしまったタブはルーラーの外にドラッグして捨ててしまいましょう。</span></span></div>
<br />
<span class="Apple-style-span" style="font-family: Helvetica;"></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTTXtYTUHWuaNp-_rxfp_KNws6SJhWVWdp-Ft8gnFSdtEOK21DFPqGy2qaHouZgcTfjeJsiqLdQhacz5fGPArmCEaqPSAOI-z50tyZZT4fgDeBPKBALCsazOqCG0nkU5YJj1sN5g1KZA/s1600/130605-0001.jpg" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTTXtYTUHWuaNp-_rxfp_KNws6SJhWVWdp-Ft8gnFSdtEOK21DFPqGy2qaHouZgcTfjeJsiqLdQhacz5fGPArmCEaqPSAOI-z50tyZZT4fgDeBPKBALCsazOqCG0nkU5YJj1sN5g1KZA/s1600/130605-0001.jpg" /></a><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTTXtYTUHWuaNp-_rxfp_KNws6SJhWVWdp-Ft8gnFSdtEOK21DFPqGy2qaHouZgcTfjeJsiqLdQhacz5fGPArmCEaqPSAOI-z50tyZZT4fgDeBPKBALCsazOqCG0nkU5YJj1sN5g1KZA/s1600/130605-0001.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /></a><span class="Apple-style-span" style="font-family: Helvetica;"><br /></span>
<span class="Apple-style-span" style="font-family: Helvetica;">右揃えの場合は左揃えと要領は同じですが、中央揃えの場合は少し異なります。</span><br />
<span class="Apple-style-span" style="font-family: Helvetica;">中央揃えを行の半ばに設定する時は「前後」に「tabキーでの挿入」が必要です。どこからどこまでを中央揃えにするか、の定義が必要だからだと思います。</span><br />
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span>
<span class="Apple-style-span" style="font-family: Helvetica;"></span><br />
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;">同じ長さのタブをくり返したい!という時は、タブルーラーの右上のメニューから「タブの繰り返し」を選択するとそのようなものができるんですが…なんだかうまくいかないことが多いので私は微妙だなーと思ってます。</span></span></div>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></span></div>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;">使い慣れない時期に「タブがぐちゃぐちゃになってしまった!」という場合は、</span></span></div>
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;"><br /></span>
1.書式>制御文字を表示を選択すれば制御文字が出てくるので、重なっているタブやスペースを削除して整理しましょう。</span><span class="Apple-style-span" style="font-family: Helvetica;">(上の画像は制御文字を表示させています。青い矢印などがそうです)</span><span class="Apple-style-span" style="font-family: Helvetica;"></span><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<span class="Apple-style-span" style="font-family: Helvetica;">
</span><span class="Apple-style-span" style="font-family: Helvetica;"></span>
<br />
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;">2.タブルーラーの右上のメニューから「全てのタブを削除」で全部消してやり直すのが早いときもあります。</span></span></div>
<span class="Apple-style-span" style="font-family: Helvetica;">
</span>
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span>
<span class="Apple-style-span" style="font-family: Helvetica;">他にも小数点で揃えることや、任意の文字で揃えたりタブの部分に「…」を適用することができます。</span><br />
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span>
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span>
<br />
<h3>
<span class="Apple-style-span" style="font-family: Helvetica;">字形パネル</span></h3>
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span>
<br />
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Helvetica;">1という文字を打つ時に、①(丸で囲んだ1)と表示させたり⑴(括弧でつつんだ1)と表示させたりできますよね。</span></div>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Helvetica;">そのような文字のいくつかの形式や異字体、特殊な文字を格納してあるのが字形パネルです。</span><br />
<span class="Apple-style-span" style="font-family: Helvetica;">大切な事と書き忘れていました。</span><br />
<span class="Apple-style-span" style="font-family: Helvetica;">字形は 書式>字形 からでも、ウインドウ>書式>字形 からでも表示させられます。</span><br />
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<h4 style="font-family: Helvetica;">
<span class="Apple-style-span" style="font-family: Helvetica;">字形パネル上で任意の字形をダブルクリックするだけで選択している位置に挿入することができます。</span></h4>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">文字を選択している状態→選択している文字と差し替えになる</span></div>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
</div>
<div style="font-family: Times; text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">文字間にカーソルがある状態→字形がいくつでも続いて挿入できる</span></div>
<div style="font-family: Times; text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
</div>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
</div>
<div style="font-family: Times; text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">どんな文字が揃っているかはフォントによって異なります。小塚ゴシックやいくつかのOpenTypeフォントだと特に多くの字形(絵文字や矢印も)が用意されています。</span></div>
<div style="font-family: Times; text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
</div>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
</div>
<div style="font-family: Times; text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">また、字形パネルの下部からフォントを変更できるので、選択したフォントに気に入るのが無ければ他のフォントから探すこともできます。</span></div>
<div style="font-family: Times; text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<div style="font-family: Times; text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></div>
<br />
<span class="Apple-style-span" style="font-family: Helvetica;"></span><br />
<div class="separator" style="clear: both; font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDH0JiEXdcqF45AUPPhrYvf7P7L_fIP9Z_sjF1-dTtojpJxrnTviL8iGwSpTx5Iqd8RRPfUyGEn4ewi0iZlPT5Bf1bJOrijE1oPw_zTrMhl0oe2t207sv2Yy8S6EdswCnvn7lZcxFdgA/s1600/130605-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDH0JiEXdcqF45AUPPhrYvf7P7L_fIP9Z_sjF1-dTtojpJxrnTviL8iGwSpTx5Iqd8RRPfUyGEn4ewi0iZlPT5Bf1bJOrijE1oPw_zTrMhl0oe2t207sv2Yy8S6EdswCnvn7lZcxFdgA/s1600/130605-0003.jpg" /></a></div>
<div class="separator" style="clear: both; font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<br /></div>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;">文字を選択した状態で字形パネルの表示を「現在の選択文字の異字体」にすると選択中の文字の色々なバリエーションが表示されます。</span></h4>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgilTZntoPXDvOtWeneyiAxExJYjqZwazBkePCww8Pn10cC1VtJMohj6Z3vqTLElT7R8Hu-9RZzMe3CoGJ-qTUMgXO_LW1cpMaNsBXDpqynovFD53kqTlfJqzsuqK4f-51WFtZXdYkLdw/s1600/130605-0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgilTZntoPXDvOtWeneyiAxExJYjqZwazBkePCww8Pn10cC1VtJMohj6Z3vqTLElT7R8Hu-9RZzMe3CoGJ-qTUMgXO_LW1cpMaNsBXDpqynovFD53kqTlfJqzsuqK4f-51WFtZXdYkLdw/s1600/130605-0005.jpg" /></a></div>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<br /></div>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;">文字間にカーソルがある状態で表示を「フォント全体」にすると続いて色々な字形を追加入力できます。</span></h4>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigGjo9_uiHkAnm5X3cENZnRuYhzW5nNkaNUY2XP-l5ve1gCgYduDwOzONv9xSko4Ij-7bdN7lUtmgXjQcXsogTSSqDRNcSLibG4L-RIu-B5pmi3j4b2ELfnOy5EUbh7EGFJMzD-NRMIA/s1600/130605-0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigGjo9_uiHkAnm5X3cENZnRuYhzW5nNkaNUY2XP-l5ve1gCgYduDwOzONv9xSko4Ij-7bdN7lUtmgXjQcXsogTSSqDRNcSLibG4L-RIu-B5pmi3j4b2ELfnOy5EUbh7EGFJMzD-NRMIA/s1600/130605-0006.jpg" /></a></div>
<div class="separator" style="clear: both; font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<br /></div>
<h4>
<span class="Apple-style-span" style="font-family: Helvetica;">Wingdingsなどの絵文字フォントを使用する時も、字形パネルの表示を「フォント全体」にすることでフォントの絵文字を一覧で表示できるのでとっても便利です。</span></h4>
<div class="separator" style="clear: both; font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<span class="Apple-style-span" style="font-family: Helvetica;">これも文字周りを作る時は常駐させています。</span></div>
<div style="font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMILRx979Mf_yQUAPyRFrOQ5BQAsDkLN9K8jsg9bEV8AOA7IiOzhoPFDO2KI73zLdgoiN7B43l5xOTvp5Z-Bccy272FlpTC1dVHBM4SaFbJXe7KncabJm4QBySayDuAcPqybTNPa9byQ/s1600/130605-0007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMILRx979Mf_yQUAPyRFrOQ5BQAsDkLN9K8jsg9bEV8AOA7IiOzhoPFDO2KI73zLdgoiN7B43l5xOTvp5Z-Bccy272FlpTC1dVHBM4SaFbJXe7KncabJm4QBySayDuAcPqybTNPa9byQ/s1600/130605-0007.jpg" /></a></div>
<div class="separator" style="clear: both; font-family: Times; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<br /></div>
<br />
<span class="Apple-style-span" style="font-family: Helvetica;"><br /></span>
<span class="Apple-style-span" style="font-family: Helvetica;"></span><br />
<div>
<span class="Apple-style-span" style="font-family: Helvetica;"><span class="Apple-style-span" style="font-family: Helvetica;"><br /></span></span></div>
<span class="Apple-style-span" style="font-family: Helvetica;">
他にも後から知った機能では文字スタイルやエリア内文字オプション、とても便利ー!な合成フォントなどなどあるんですけど使用率が高くてすぐ使える簡単なのはこの3つかなーと思いました。</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-86483155682419375652013-05-30T23:46:00.000+09:002013-06-05T22:47:13.278+09:00Ai_10秒で作る、失敗無しのモダンパターン<div class="separator" style="clear: both; text-align: left;">
失敗しないモダンなパターンの作り方です。四角形しか使いません。簡単です。</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyvDrbyfxtwOk4ISHYyjPDWP-vimLLkm6GMHW70ilBgrVa0xuHJyaWCn8B5kP_Ik-nPAj4zgUyn0Turpk7kL5ySqQn1dFh-YaeO1C9MBLPTibQBhcGrxW6nJyEak5h9EDWCD7i7LQowg/s1600/130529-0005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyvDrbyfxtwOk4ISHYyjPDWP-vimLLkm6GMHW70ilBgrVa0xuHJyaWCn8B5kP_Ik-nPAj4zgUyn0Turpk7kL5ySqQn1dFh-YaeO1C9MBLPTibQBhcGrxW6nJyEak5h9EDWCD7i7LQowg/s400/130529-0005.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><br />
<br />
まずはパターンの基本の構造をおさらいします。<br />
今回はイラストレーターCS4で作成していますので、CS6からサポートされているパターン作成の機能は使用していません。<br />
<br />
普段、パターンはスウォッチパレットにスウォッチと一緒に表示されます。<br />
パターンを作成する時も、適用する時もスウォッチパレットから行います。<br />
<br />
作り方は、パターンにしたいオブジェクトを作成、その最背面に塗りも線も無い四角形を作成し、スウォッチパレットにドロップします。<br />
これによって、最背面に作成した四角形のサイズでパターンが繰り返されることになります。<br />
最背面の四角は無くてもパターンは作成できますが、その場合はオブジェクトの端で繰り返されることになります。<br />
最背面の四角形は正四角形である必要はありません。長方形でも、四角形であればOKです。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsKVWHd_xGZTUoTzKWawmh1VfIy9XT2tFNhMbYRdig6LQdMS7HX3xwwAadwU5rPVvWVDUIAnxxwgnl_3eZhWGHUabQLwLhYf-8Rmym_iMumBCVneysa-CGTzjZNoddXVPMWktsQzrp9w/s1600/130529-0013.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsKVWHd_xGZTUoTzKWawmh1VfIy9XT2tFNhMbYRdig6LQdMS7HX3xwwAadwU5rPVvWVDUIAnxxwgnl_3eZhWGHUabQLwLhYf-8Rmym_iMumBCVneysa-CGTzjZNoddXVPMWktsQzrp9w/s400/130529-0013.png" /></a><br />
<div style="text-align: left;">
<br />
<br />
このパターンですが、複雑な柄になってくると作るのが面倒だったり、うまくいかなかったり少し時間のかかる作業です。<br />
今回は制限はありますが、簡単にモダンなパターンを失敗無しで作成できる方法をご紹介します。<br />
四角形を二つ重ねて、背面はパターン用の透明四角に、前面の四角に効果を適用すれば簡単にパターンになるよって方法です。それぞれの設定の数値はお好きなように調整していただければと思います。<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXJL8y1toTp0hHJQ9aDPc8DPbdfGivpbFa86aKBnmYI3_Etu1r9XEhW8SmgjumCFqY_Y5KZmAf9FqHE47nLCTYXCCH91dVP7Chl0TMU6suOBqvMal-KZsgr9cRnVV69IcT7LQnhkzJrQ/s1600/130529-0006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXJL8y1toTp0hHJQ9aDPc8DPbdfGivpbFa86aKBnmYI3_Etu1r9XEhW8SmgjumCFqY_Y5KZmAf9FqHE47nLCTYXCCH91dVP7Chl0TMU6suOBqvMal-KZsgr9cRnVV69IcT7LQnhkzJrQ/s400/130529-0006.png" /></a><br />
<br />
<h3>
作り方</h3>
<div>
<br /></div>
<h4>
1.長方形ツールで塗りだけの四角形を描きます。</h4>
<div>
<br /></div>
<h4>
2.四角形を選択し、編集>コピー、そのまま再び、編集>背面へペースト(四角形を選択した状態のまま)選択を解除せずそのまま3へ</h4>
<div>
<br /></div>
<h4>
</h4>
<h4>
3.ツールバーから線と塗りを無しにします。</h4>
<div>
これで同じ場所へ四角形が2つ重なって、最背面には線も塗りも無い四角形ができました。ペーストした直後は背面の四角が選択された状態なので、背面の四角形だけの線と塗りを透明にできます。<br />
<br /></div>
<h4>
</h4>
<h4>
4.効果からお好きな設定を適用します。簡単でおすすめなのは、効果>パスの変形>パンク・膨張。</h4>
<div>
ここで気をつけたいのは一定の動きをする効果を使用すること。</div>
<div>
ジグザグやOKですが、ラフやランダム・ひねりはお勧めしません。</div>
<div>
パターンは繰り返して使用するので、一定の動きをする効果でないとつなぎ目が目立ってしまいます。</div>
<div>
ですが、使いどころだとは思うので、作る行程が簡単なぶん、色々試してみてください。</div>
</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC7u_1-DtQhUN4p8MNX4BNt_j-sWwSSZh_FBsn9061Pzjz-rCHCv_flMyjGeCtBhCHUhmXxhIX7v-aCt44R8fuyFhkBQp3kCLM7Mcl-W40cR1Y5gL8FkCB5RPqaMBfhp5PG-drco7O9Q/s1600/130529-0008.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC7u_1-DtQhUN4p8MNX4BNt_j-sWwSSZh_FBsn9061Pzjz-rCHCv_flMyjGeCtBhCHUhmXxhIX7v-aCt44R8fuyFhkBQp3kCLM7Mcl-W40cR1Y5gL8FkCB5RPqaMBfhp5PG-drco7O9Q/s400/130529-0008.png" /></a></div>
<div style="text-align: left;">
<br />
<br />
<h4>
5.スウォッチパレットにドロップして、完成!お好きなオブジェクトに適用してみてください。</h4>
<div>
ちょっと説明なんかで手順が長くなってしまっていますが、作業自体は単純なので10秒くらいでできると思います。言い過ぎだったらごめんなさい。20秒くらいかな…</div>
<div>
下に見本に作っている柄に適用している効果を並べておきます。</div>
<br />
塗りも線も無い透明枠を使っていないものもあります。<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXJL8y1toTp0hHJQ9aDPc8DPbdfGivpbFa86aKBnmYI3_Etu1r9XEhW8SmgjumCFqY_Y5KZmAf9FqHE47nLCTYXCCH91dVP7Chl0TMU6suOBqvMal-KZsgr9cRnVV69IcT7LQnhkzJrQ/s1600/130529-0006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXJL8y1toTp0hHJQ9aDPc8DPbdfGivpbFa86aKBnmYI3_Etu1r9XEhW8SmgjumCFqY_Y5KZmAf9FqHE47nLCTYXCCH91dVP7Chl0TMU6suOBqvMal-KZsgr9cRnVV69IcT7LQnhkzJrQ/s400/130529-0006.png" /></a><br />
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFeuQ8DH_GKqehamwIRzQN0njg8qO49Is21i0yUtwC5opJK_piUC2Jl19phG8JY7MP5rzCR4sOgVCdzK11DxSVcGu_o0LIwv0NmUwIIrQDbNGQH7nGcWu7fwPhPb0rsg5Bvkp31sgp4g/s1600/130529-0011.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFeuQ8DH_GKqehamwIRzQN0njg8qO49Is21i0yUtwC5opJK_piUC2Jl19phG8JY7MP5rzCR4sOgVCdzK11DxSVcGu_o0LIwv0NmUwIIrQDbNGQH7nGcWu7fwPhPb0rsg5Bvkp31sgp4g/s400/130529-0011.png" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhof6NYhBNHAJ2mroxXq6hHQ6fQUoMrukmNIVEgTc_Qen3BKsASyRFo-TyWp8Pvcj_U13XSTmLxkKf84TzBXn8hxgKKHRHWHVMabDjQFrzIxgQN6aCxLXF5ueGQKjUF5hc2onzltag5bQ/s1600/130529-0012.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhof6NYhBNHAJ2mroxXq6hHQ6fQUoMrukmNIVEgTc_Qen3BKsASyRFo-TyWp8Pvcj_U13XSTmLxkKf84TzBXn8hxgKKHRHWHVMabDjQFrzIxgQN6aCxLXF5ueGQKjUF5hc2onzltag5bQ/s400/130529-0012.png" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
仕事の片手間に作っていたので単純な形ばかりですが、もっと色んな展開ができると思いますよー。アピアランス大好きーな皆さま、ぜひお試しください。</div>
<div style="text-align: left;">
<br /></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-43169062325563637182013-05-28T00:38:00.001+09:002013-06-05T22:48:22.933+09:00Ai_調整可能なバーンって感じのふきだしを作る方法<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYq6wOBu2h5cYcnLUnvstUYOJ0QQRsN2Pw5IllJIgDXvz4T0mqjNtdzkDLgMjaaqe3wOaAHmieOJSln8QeAKM9NOCqsPsUzG7UnNswrxfdF_Q14h3sH1cxESn4pfSwsmXsd7GJfJujeQ/s1600/130527-0025.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYq6wOBu2h5cYcnLUnvstUYOJ0QQRsN2Pw5IllJIgDXvz4T0mqjNtdzkDLgMjaaqe3wOaAHmieOJSln8QeAKM9NOCqsPsUzG7UnNswrxfdF_Q14h3sH1cxESn4pfSwsmXsd7GJfJujeQ/s1600/130527-0025.jpg" height="287" style="cursor: move;" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
簡単に調整できる、バーンって感じのふきだしを作る方法</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: left;">
久々更新です。</div>
<div class="separator" style="clear: both; text-align: left;">
放置していてごめんなさい。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
目立たせたいときによく使う勢いのあるふきだしですが、素材では形が合わず、調整するとなるとけっこう大変だったりします。バランスも難しいですよね。</div>
<div class="separator" style="clear: both; text-align: left;">
これを簡単に調整できるように今回はアピアランスで作ります。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h3>
作り方</h3>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
1.楕円形ツールで塗りだけの楕円を描きます。</h4>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWbRPAjQMl8Afw2OskTkraQ42qMngbNDwIsWqboUJ8xcPwW1BDa2CjoVcwMySzVo6vVTMRZ7l67f5YRIyWi5Uz2m1CaWD_tFlgDhL8itIIugJSBCYqOCpfVod0Nn7FrnLN6SequQqQxA/s1600/130527-0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWbRPAjQMl8Afw2OskTkraQ42qMngbNDwIsWqboUJ8xcPwW1BDa2CjoVcwMySzVo6vVTMRZ7l67f5YRIyWi5Uz2m1CaWD_tFlgDhL8itIIugJSBCYqOCpfVod0Nn7FrnLN6SequQqQxA/s1600/130527-0006.jpg" height="288" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
2.効果>パスの変形>ランダム・ひねり を適用します。数値は現時点では小さめに設定しておいて、後から調整します。</h4>
<br />
<div style="text-align: left;">
ふきだしの形を少し不規則にするために設定します。少し不規則なくらいが自然に仕上がります。</div>
<div style="text-align: left;">
きれいな円でいい方には必要ないので設定しなくても大丈夫です。 </div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4dN42uaYI9QHS1udPRsXg4ciFvbcriY3tDCFBtodcyxRThnTCRYzEbtw1Ko0_1JQSs4026wzaAhwUuCXmNvX23Mdh5F-RSnbfgKw9O1bhjyn6JEBUH_I6JVDXmCTjQ2tpJmU8lxm5rg/s1600/130527-0007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4dN42uaYI9QHS1udPRsXg4ciFvbcriY3tDCFBtodcyxRThnTCRYzEbtw1Ko0_1JQSs4026wzaAhwUuCXmNvX23Mdh5F-RSnbfgKw9O1bhjyn6JEBUH_I6JVDXmCTjQ2tpJmU8lxm5rg/s1600/130527-0007.jpg" height="288" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
3.効果>パスの変形>ラフ を適用します。サイズは0に、詳細は小さめに設定します。</h4>
<br />
<div style="text-align: left;">
ここでのサイズは「ギザギザの大きさ」を</div>
<div style="text-align: left;">
詳細は「どれくらいの細かさ」かを表します。</div>
<div style="text-align: left;">
ラフは本来ランダムにギザギザにさせることができる効果なのですが、今回はランダムさは欲しいのですが、ギザギザは必要ないのでサイズを0にしています。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqkBTCw2QbXCBq1QcY1EfZF3mMty2lJZyizY4Vz6KvDYHaXhVV1gKko5Rts49Rq1ZP19muF9SLTyQxqlSqsCPlIyVzujNSdg4-RcgZdbRXArFtwYdOkP6zo9w_4Wgz4S4H5BDiF34iuw/s1600/130527-0011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqkBTCw2QbXCBq1QcY1EfZF3mMty2lJZyizY4Vz6KvDYHaXhVV1gKko5Rts49Rq1ZP19muF9SLTyQxqlSqsCPlIyVzujNSdg4-RcgZdbRXArFtwYdOkP6zo9w_4Wgz4S4H5BDiF34iuw/s1600/130527-0011.jpg" height="288" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
こんなふうになりました。</div>
<div class="separator" style="clear: both; text-align: left;">
ランダムもラフも適用されていますが、数値が小さかったりであまり変化はありませんが、後々役立ってきます。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqsBsrJOCY04_XR9Pc9JSHco-Ab0LTxANdrnJcD2YuPzLrxF8EivYj6JpaVxAJrht-wu4HxQIS4zTRMQTaO2sR4LI57S7CS44i4QAYxyS6PLQDazpYnBnvcFm5atuuLwtAJGre-_fhyA/s1600/130527-0012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqsBsrJOCY04_XR9Pc9JSHco-Ab0LTxANdrnJcD2YuPzLrxF8EivYj6JpaVxAJrht-wu4HxQIS4zTRMQTaO2sR4LI57S7CS44i4QAYxyS6PLQDazpYnBnvcFm5atuuLwtAJGre-_fhyA/s1600/130527-0012.jpg" height="288" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
4.アピアランスパネルで塗りを選択し、その状態で 効果>パスの変形>パンク・膨張 を適用します。スライドを収縮側に動かします。</h4>
<br />
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidM3KT8o2H35wQITuEi7aL_-gXLOj5e2WkrXNZ0YvIT8NzBb5h6XhOl1D8wbDvTxOOUbC4zW5htIrfB19BAC2yep4anSVbf8m56g97ZGuEleO_Q4MMkjEN0el5yOmRzGyVczAeivn7hA/s1600/130527-0013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidM3KT8o2H35wQITuEi7aL_-gXLOj5e2WkrXNZ0YvIT8NzBb5h6XhOl1D8wbDvTxOOUbC4zW5htIrfB19BAC2yep4anSVbf8m56g97ZGuEleO_Q4MMkjEN0el5yOmRzGyVczAeivn7hA/s1600/130527-0013.jpg" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1TXhrqFyyqYFs4EBhFBmyTKgXZ-fYXHyYvZkG1T7dwSp6tsD6mXdg7NbIcporxcq3TmbQgthPaZohbwXeWGCG4PJf2j7rz2rJPFV6Pshs_DSPjFqutE_ToiEheZfW6qejfu-AowAiSw/s1600/130527-0014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1TXhrqFyyqYFs4EBhFBmyTKgXZ-fYXHyYvZkG1T7dwSp6tsD6mXdg7NbIcporxcq3TmbQgthPaZohbwXeWGCG4PJf2j7rz2rJPFV6Pshs_DSPjFqutE_ToiEheZfW6qejfu-AowAiSw/s1600/130527-0014.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
アピアランスパネルを確認すると塗りだけにパンク・膨張が適用されているのが分かります。</h4>
<br />
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuQiqE6r4DqXoxITT59n-tmvvpK7vhCGBremvmkDC4U5r8vZaNhCUzbz6wGZqCBPH8qIOM6bZTpBHYdnyg__34YE5fC57vfmAGvZMR4P-_76CNVQnd0EptxBCWBqWZrhCQteGbpPvbQA/s1600/130527-0015.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuQiqE6r4DqXoxITT59n-tmvvpK7vhCGBremvmkDC4U5r8vZaNhCUzbz6wGZqCBPH8qIOM6bZTpBHYdnyg__34YE5fC57vfmAGvZMR4P-_76CNVQnd0EptxBCWBqWZrhCQteGbpPvbQA/s1600/130527-0015.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
5.アピアランスパネルで先ほどの塗りを選択し、パネル右下のボタンから塗りを複製します。パンク・膨張の適用されている塗りが複製されました。ついでに色も変えておきます。</h4>
<br />
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI50xvKCwtIPnGzVK9coc4xMLFrWPK_WL0mgyyYAB6HTqrRxdULWyzU1r9vy7NEg9EOsmA9Sq2hcSDZIsUE07J7Rv1czqQ6kSnj-4lvr295QHi2LZ0gTV9k5S-ErAZiqPjaGn6BxAfRQ/s1600/130527-0016.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI50xvKCwtIPnGzVK9coc4xMLFrWPK_WL0mgyyYAB6HTqrRxdULWyzU1r9vy7NEg9EOsmA9Sq2hcSDZIsUE07J7Rv1czqQ6kSnj-4lvr295QHi2LZ0gTV9k5S-ErAZiqPjaGn6BxAfRQ/s1600/130527-0016.jpg" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw3EOktAqF99nCXF4zDspKbYIRbPmuLE8JieFrbHWqcvU9aRc2OmcdTTYqyaM3VMkK-vKjqoC3MLeYgrAls8HWe5KymlGaJGGlTOw7-ieEsEk2YPKwdSgPxpL-AW139CCvICMvlcSeOg/s1600/130527-0017.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw3EOktAqF99nCXF4zDspKbYIRbPmuLE8JieFrbHWqcvU9aRc2OmcdTTYqyaM3VMkK-vKjqoC3MLeYgrAls8HWe5KymlGaJGGlTOw7-ieEsEk2YPKwdSgPxpL-AW139CCvICMvlcSeOg/s1600/130527-0017.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
6.5で複製した、背面にある塗りを選択し、 効果>パス>パスのオフセットを適用します。オフセットの値だけ外側に塗りが大きくなります。角の形状は「マイター」に、角の比率は10、20など大きめに設定します。</h4>
<div>
比率が大きいほどよく尖ります。</div>
<div>
<br /></div>
<br />
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpKAEkodguURsu6ZMAwLb5kbdx_SZHMP2KJ8OVbcEg1Lvz7g2iKULbgP-aE0onANkrzhVW5gN3JQhyphenhypheneV3ojqER0JB-3KeCK_TigwQV83C_y8ebFyXME7n8b45yUs-ocg_lJOldAqksmg/s1600/130527-0018-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpKAEkodguURsu6ZMAwLb5kbdx_SZHMP2KJ8OVbcEg1Lvz7g2iKULbgP-aE0onANkrzhVW5gN3JQhyphenhypheneV3ojqER0JB-3KeCK_TigwQV83C_y8ebFyXME7n8b45yUs-ocg_lJOldAqksmg/s1600/130527-0018-1.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
<span class="Apple-style-span" style="font-weight: normal;"><h4>
7.アピアランスパネルから、背面の塗りの「パンク・膨張」をクリックして開き、再設定します。当初は複製したままの数字なのでマイナス値を小さく(膨張方向へスライド)します。※値は−マイナス値の範囲内にする。プラス値までスライドしないでください。</h4>
</span></h4>
<br />
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5XOaiJkfzQLtuztMxW13goKdTPrZcaQ9NABJZfizQPoAaxkfaL3RztIeEMkxwnmgGWANHh2DSj1Fj3zGGreZsTtjcWslYvKkQ08GK56V3uAzVn_vqjeWqvnyc5ZsB4ExqcDw-PrI1Gg/s1600/130527-0019.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5XOaiJkfzQLtuztMxW13goKdTPrZcaQ9NABJZfizQPoAaxkfaL3RztIeEMkxwnmgGWANHh2DSj1Fj3zGGreZsTtjcWslYvKkQ08GK56V3uAzVn_vqjeWqvnyc5ZsB4ExqcDw-PrI1Gg/s1600/130527-0019.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
わかりやすいように数値の差を大きくしてみました。前面の塗りと、背面の塗りの「パンク・膨張」の値の差を大きくすることでギザギザ部分の根元と先の太さに差を出すことができます。</h4>
<br />
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT8fqeRbvgfZQkWRtGj9E_m2maAkDBQxlkxRztaqoDPRqzfttP-09x5gE1u0lf4Ly7S86BEJlqQq2Uh_i7lz2Lb3HaaMSScI7LKdMEqCOjo5ngnC5W-jKhDrsGRKx9evq-Zg05xfWadw/s1600/130527-0020.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT8fqeRbvgfZQkWRtGj9E_m2maAkDBQxlkxRztaqoDPRqzfttP-09x5gE1u0lf4Ly7S86BEJlqQq2Uh_i7lz2Lb3HaaMSScI7LKdMEqCOjo5ngnC5W-jKhDrsGRKx9evq-Zg05xfWadw/s1600/130527-0020.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
8.アピアランスパネルから、一番最初に設定した、「ランダム・ひねり」もクリックして開き、数値を大きくして形を見ながら調整します。これでギザギザの大きさや方向にバラつきを作ることができます。</h4>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzFYzbgd7Lhw0rgxbHeJw_hnp7fa0-jxL11TiHzKru7wlezZi4zIBgdYQsflnuidRP2RqHq9SPhCXC4cBA-kItrPPxl8-3LDwD-1TrxR659bABwY4cihhtOnjamImOZeXQJYo9Bv25WA/s1600/130527-0021.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzFYzbgd7Lhw0rgxbHeJw_hnp7fa0-jxL11TiHzKru7wlezZi4zIBgdYQsflnuidRP2RqHq9SPhCXC4cBA-kItrPPxl8-3LDwD-1TrxR659bABwY4cihhtOnjamImOZeXQJYo9Bv25WA/s1600/130527-0021.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
こんな感じになりました。</h4>
<br />
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggOuMqt9ZgXiuuWjqHoK-RMHKK2ttnNMEO8aQwU5_o8pTWs8hXp7FyD5HGMcLbMEYhnFRg20hqASbEooqFl2OPDlMyCx9usdfXIDl27WBUBz4Y_GOfyDIT5U9CHKBfByRPPuP_xnS2Hw/s1600/130527-0022.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggOuMqt9ZgXiuuWjqHoK-RMHKK2ttnNMEO8aQwU5_o8pTWs8hXp7FyD5HGMcLbMEYhnFRg20hqASbEooqFl2OPDlMyCx9usdfXIDl27WBUBz4Y_GOfyDIT5U9CHKBfByRPPuP_xnS2Hw/s1600/130527-0022.jpg" height="287" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
9.最後に、全体の形をパスを調整して整えます。効果が追随してくるので変形も楽です。</h4>
<br />
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPWbNxXgp5S0KB3x-rTkoAZpJwf700o10Q7kLTr6fIteZBI1Gq9RfPikmCC5PtDeBEp6o2kxLVIwhf4flHoTRxKEyLS-_iZLK1rDcC5NF_g9v9l7L-tqW1z3xDt9DLd4oOaNAXc2Wp2g/s1600/130527-0023.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPWbNxXgp5S0KB3x-rTkoAZpJwf700o10Q7kLTr6fIteZBI1Gq9RfPikmCC5PtDeBEp6o2kxLVIwhf4flHoTRxKEyLS-_iZLK1rDcC5NF_g9v9l7L-tqW1z3xDt9DLd4oOaNAXc2Wp2g/s1600/130527-0023.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
追記:</h4>
<div>
ギザギザの数を増やしたい時→ラフの数値を大きくする。0.1ずつでも変化します。</div>
<div>
ギザギザが尖りすぎた時→前面、背面の塗りのパンク・膨張の数値を控えめにする。</div>
<div>
背面のギザギザの先が尖らず平たくなる→パスのオフセットのマイターの数値を大きくする。</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
バーーーーン!!</div>
<div>
(背面の集中線は<a href="http://nodokantoko.blogspot.jp/2013/02/ai10.html" target="_blank">以前のエントリ</a>です。)</div>
<br />
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYq6wOBu2h5cYcnLUnvstUYOJ0QQRsN2Pw5IllJIgDXvz4T0mqjNtdzkDLgMjaaqe3wOaAHmieOJSln8QeAKM9NOCqsPsUzG7UnNswrxfdF_Q14h3sH1cxESn4pfSwsmXsd7GJfJujeQ/s1600/130527-0025.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYq6wOBu2h5cYcnLUnvstUYOJ0QQRsN2Pw5IllJIgDXvz4T0mqjNtdzkDLgMjaaqe3wOaAHmieOJSln8QeAKM9NOCqsPsUzG7UnNswrxfdF_Q14h3sH1cxESn4pfSwsmXsd7GJfJujeQ/s1600/130527-0025.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
先日のDTPの勉強会、番外編に参加された方々、お疲れさまでした。</div>
<div class="separator" style="clear: both; text-align: left;">
初めて懇親会に参加しましたが、優しくお話してくださったみなさま、私がチキンすぎてお話できなかった方も、ぜひまたお話させていただきたいです。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
-----</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
近頃はイラストレーターとしてもちょこちょこ活動しています。</div>
<div style="text-align: left;">
こちらが少したてこんでしまってブログを放置していました・・</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
もしご興味のある方は<a href="http://www.nodokantoko.com/?page_id=14" target="_blank">こちら</a>よりご連絡ください。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlFzPcieWT1tcWnai5n5Kc3WTuSYWU4HDwi3GL5HCuV1YZ6TZhpf3x0AtKNNKm0csWrkGn_I0GZ-9txPqhsxWUogDWOUjTENNdSaysBUMyh2ucWqqGYbhN0m5t7yaVri7SNxwIeweU2w/s1600/130528-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlFzPcieWT1tcWnai5n5Kc3WTuSYWU4HDwi3GL5HCuV1YZ6TZhpf3x0AtKNNKm0csWrkGn_I0GZ-9txPqhsxWUogDWOUjTENNdSaysBUMyh2ucWqqGYbhN0m5t7yaVri7SNxwIeweU2w/s1600/130528-0001.jpg" height="230" width="320" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiICJszJ9_aFw77_yrdlzZFFUq4yS211GDFbPXDY4MPFVj0dUlONiAqYysuS2nv-cMyNZbc6eIB01IMi7TrjBpCtlE20LemjYrj7Ccf5Ep8sbxf6zTwhKK49mJl3oGgEbgshboYZNoP9g/s1600/130528-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiICJszJ9_aFw77_yrdlzZFFUq4yS211GDFbPXDY4MPFVj0dUlONiAqYysuS2nv-cMyNZbc6eIB01IMi7TrjBpCtlE20LemjYrj7Ccf5Ep8sbxf6zTwhKK49mJl3oGgEbgshboYZNoP9g/s1600/130528-0002.jpg" height="230" width="320" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgziIyuRxq4FecjXjwxpKEhlHXqES8_-rRVZ92cwIpJiAjGPOWxKmPd9V9jYiaAXLrN-jATzEqgMb4f4EjMYyMdr-4SiTn5eUBXYECm6Wqv-CscTly63zAC04vgmmDll3jO5hFBefOJXw/s1600/130528-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgziIyuRxq4FecjXjwxpKEhlHXqES8_-rRVZ92cwIpJiAjGPOWxKmPd9V9jYiaAXLrN-jATzEqgMb4f4EjMYyMdr-4SiTn5eUBXYECm6Wqv-CscTly63zAC04vgmmDll3jO5hFBefOJXw/s1600/130528-0003.jpg" height="230" width="320" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH8pT-0Kiiaqnod66-ha7c4rRCS5ZcwieRUQ_PTJZ3dDLYXPwzS0WD_cjEbnuXOCiTB1-3G_4z3XBoonpGER5s21gvRlI2zGHZFQj_4LyhQDieXHKic9eiKkPqtv1p10Bi2JF9CBdmjw/s1600/130528-0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH8pT-0Kiiaqnod66-ha7c4rRCS5ZcwieRUQ_PTJZ3dDLYXPwzS0WD_cjEbnuXOCiTB1-3G_4z3XBoonpGER5s21gvRlI2zGHZFQj_4LyhQDieXHKic9eiKkPqtv1p10Bi2JF9CBdmjw/s1600/130528-0004.jpg" height="230" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
その関係で近頃タブレットを購入したのですが、これ、イラストレーター使いの方にもオススメです。フォトショップのために買ったんですが、イラストレーターでもとても楽です。思いのほかパスが引きやすいですよー!!</div>
<div class="separator" style="clear: both; text-align: left;">
家では完全マウス派、会社では今でもそうなのでタブレットに慣れるまでが少し私は苦戦しましたが、購入して1ヶ月ほどなりますが、慣れました。</div>
<div class="separator" style="clear: both; text-align: left;">
安くないので躊躇するところですが、機会があればお試しください!</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-64008391986529755452013-03-16T01:10:00.004+09:002013-03-16T01:12:20.805+09:00Ai_分割されたテキストをさくっと取り出すPDF化やバージョン間のやり取りで分割されたテキストをさくさく取り出す方法です。<br />
<a href="http://nodokantoko.blogspot.jp/2013/02/blog-post_26.html" target="_blank">PDFから取りたいとこだけテキストを取る</a>の応用です。<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCR4Kx-_ETR-AF75_DGcsrsCS_1ExeZ05oWNZ8hmRWELMI5GbBk8F3NTzONeNesUJs2ScgJl0vhGwzTRh_oLSpdDpHnCXouTAIElQszPkh2HDPiUs-PXgFMRvPuNdh1-87Pev3fbjzxQ/s1600/130316-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCR4Kx-_ETR-AF75_DGcsrsCS_1ExeZ05oWNZ8hmRWELMI5GbBk8F3NTzONeNesUJs2ScgJl0vhGwzTRh_oLSpdDpHnCXouTAIElQszPkh2HDPiUs-PXgFMRvPuNdh1-87Pev3fbjzxQ/s1600/130316-0002.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
バージョン間でデータをやり取りしたために上のようにカーニング部分などで文字がブチブチちぎれてしまうことがあります。</div>
<div class="separator" style="clear: both; text-align: left;">
これを繋がった文章として取り出す方法です。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
よく知られているのはちぎれたテキストを一気に選択してコピーし、テキストツールでペーストする方法です。</div>
<div class="separator" style="clear: both; text-align: left;">
私もこの方法を使っていたんですが、前後の順番が狂うことがちょくちょくあって見落としやすくて困っていました。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
今回は以前に書いた、<a href="http://nodokantoko.blogspot.jp/2013/02/blog-post_26.html" target="_blank">PDFから取りたいとこだけテキストを取る</a>という記事の応用です。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h3>
使い方</h3>
<h4>
<br />1.テキストがちぎれてしまっているイラストレーターデータをAdobe ReaderかAcrobatで開きます。</h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpJmk1lgINI6_VDCMfd2KR-T-QVlWVj1nhQ2kDKNZWSc7fSjqwSq3ial9Y5kO8QrE01iRIx1fLAv_xrjzl9yyO7JkTx1tjqw9Mq6x19oCejhx6w1b0JmuV8dtFIdgDU-mfixs1AhB1Ow/s1600/130316-0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpJmk1lgINI6_VDCMfd2KR-T-QVlWVj1nhQ2kDKNZWSc7fSjqwSq3ial9Y5kO8QrE01iRIx1fLAv_xrjzl9yyO7JkTx1tjqw9Mq6x19oCejhx6w1b0JmuV8dtFIdgDU-mfixs1AhB1Ow/s1600/130316-0004.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
※保存時にPDF互換ファイルを作成にチェックが入っていないと開けません。開けない場合はイラストレーターで開いてチェックを入れて別名保存してください。</h4>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjogHth8zP2kqZ8c2SDdnHw5Qqm4yxCr_SQbjC0yDW-Y5NMolaq0vNu3Y4SRcTmH4v24x-olCV24fnUes_wdZvPMk-_ZEoxSQ0AIvfzTpsBWNj10L6saNhKrqaaCftiTKWF8bijHAYZyg/s1600/130316-0007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjogHth8zP2kqZ8c2SDdnHw5Qqm4yxCr_SQbjC0yDW-Y5NMolaq0vNu3Y4SRcTmH4v24x-olCV24fnUes_wdZvPMk-_ZEoxSQ0AIvfzTpsBWNj10L6saNhKrqaaCftiTKWF8bijHAYZyg/s1600/130316-0007.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
2.Altを押しつつ、必要な部分だけをドラッグして選択し、コピーします。</h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
下のように矩形の内側の必要部分だけを選択することができない場合は⌘(WinではCtr)を使ってください。バージョンの違いのようです。今回はver.11.0です。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJuHLny1eS-ug3WflQKUHaRCiY9IwxWL2-afW5dIlqMWJQf8vbxyO55fL5h6iy82dbDxSgAkwX-3bbWQglfMDZEW52EpuIer78BJ0AVQjjKA4v3nn1AWCksK1teRPFRx9d7EkGI7-dtw/s1600/130316-0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJuHLny1eS-ug3WflQKUHaRCiY9IwxWL2-afW5dIlqMWJQf8vbxyO55fL5h6iy82dbDxSgAkwX-3bbWQglfMDZEW52EpuIer78BJ0AVQjjKA4v3nn1AWCksK1teRPFRx9d7EkGI7-dtw/s1600/130316-0005.jpg" height="312" width="400" /></a></div>
<br />
<h4>
</h4>
<h4>
3.テキストエディットなどに貼付けて、完了。</h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
必要に応じて改行などを削除してイラストレーターで使用してください。</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-Epm7NQYSMX9_ZR_27QyhbFh8ycTFA35sl-cHsqUcipfGQsqwIEjNOX0lbLX4Fkq9nRj_LXGA6xAHyWH398uNaAyVpN7gU7cX8MspmAYckQ399qreIZPCwocWGrKY_H1rRG5O0f_jg/s1600/130316-0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-Epm7NQYSMX9_ZR_27QyhbFh8ycTFA35sl-cHsqUcipfGQsqwIEjNOX0lbLX4Fkq9nRj_LXGA6xAHyWH398uNaAyVpN7gU7cX8MspmAYckQ399qreIZPCwocWGrKY_H1rRG5O0f_jg/s1600/130316-0006.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
<span style="color: red;">イラストレーター上で作業するより軽くて、正確に取り出せるようです。</span></h4>
<h4>
<span style="color: red;">前後の順が狂うことも少ないです。</span></h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ちょっこっと楽になるかもしれません。</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-5449936394753638062013-03-15T23:51:00.001+09:002013-03-16T01:11:18.554+09:00アピアランスとは?_バンフーセミナーにて<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LHhOpIC4uutPDuclLy68_wShiKXDCDKKlcJOT-y3TrdaBKi0WF7h8gicDGEszLLNatRoSgHRI5msga7aEuvDf5lSoIGx7GNp-FE9kOiT7IDo1uKEVhJEbCDjcjAf62GT4VjBoN_WMw/s1600/130315-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LHhOpIC4uutPDuclLy68_wShiKXDCDKKlcJOT-y3TrdaBKi0WF7h8gicDGEszLLNatRoSgHRI5msga7aEuvDf5lSoIGx7GNp-FE9kOiT7IDo1uKEVhJEbCDjcjAf62GT4VjBoN_WMw/s1600/130315-0001.jpg" height="312" width="400" /></a></div>
<br />
バンフーセミナーへ行ってきました。アピアランスについての疑問と、私なりの考えです。<br />
<br />
<a name='more'></a><br />
今回はイラストレーターの回で、アピアランスメインのお話でした。<br />
<br />
セミナーの内容とは直接関係ないのだけれど、今までも頭をよぎることがあったけれどまとまっていなかったことが、鷹野さんの質問の「アピアランスを言葉で説明してみると?」で少し見えてきた気がします。<br />
<br />
アピアランスとは?の私の回答は「いくつもの行程をまとめてわかりやすくしたオブジェクトの設計図」、隣の席の方は無回答だったのですが「効果が使えるって感じで感覚的に使っているので言葉にできない」とおっしゃっていました。<br />
<br />
私が違和感を覚えていたのは「効果」と「アピアランス」の使い分けです。<br />
アピアランスを効果と一緒くたに覚えてしまう方がいるかも、と感じました。<br />
アピアランスを効果を扱うための機能、と思ってしまうと「アピアランスを分割」という言葉に混乱しませんか。だって「効果を分割」でいいじゃない、パネルも「効果パネル」で良いのでは?と私なら思います。<br />
<br />
なんて考えていたのですが、adobeではアピアランスをどう定義しているかを調べてみました。<br />
<a href="http://help.adobe.com/ja_JP/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-61fba.html" target="_blank">アピアランス属性</a><br />
<br />
<b>アピアランスとはアピアランス属性のことで、アピアランスパネルはアピアランス属性を扱うためにある。</b><br />
<b>そしてアピアランス属性は、基本構造を変更せずにオブジェクトの外観にのみ作用するプロパティであり、塗り、線、透明度および効果がある、ということです。 </b><br />
<br />
なるほど、そういうことだったんですね。<br />
当初私が考えていた「オブジェクトの設計図」という考え方はアピアランスパネルの説明だったようです。<br />
以前は「アピアランス(パレット)を適用する」、という言い方に違和感があったのですが「アピアランス(属性)を適用する」ならわかりますよね。<br />
「基本構造を変更せずにオブジェクトの外観にのみ作用するプロパティ」ということで、アピアランスは正に「直しに強いデータ作り」のための機能のように思います。<br />
<br />
<b>ただ、直接作用する機能の数々の中、メニューにあるならまだしも、パネルだけにいきなり概念の名前を突っ込まれても、全く伝わってきませんけど。</b><br />
<b><br /></b>
<b>効果が「基本構造を変更せずにオブジェクトの外観にのみ作用するプロパティ」だということは知られていると思いますが、アピアランス自体が「基本構造を変更せずにオブジェクトの外観にのみ作用するプロパティ」であって、効果がその下の階層だということって知られているのかな・・?</b><br />
<br />
<br />
階層としては上から<br />
<br />
アピアランス<br />
▼<br />
効果・塗り・線・透明度<br />
▼<br />
効果内の各効果(パスの変形など)<br />
<br />
それらを扱うためにアピアランスパネルがある、ということです。<br />
(下の階層だからこそ各設定パネルにショートカットできる?)<br />
<br />
<br />
appearanceの本来の言葉の意味は「外観・外見」なのだそうです。イラストレーターのアピアランスもそこから来ているのだとして、「アピアランスを分割」は「外観を保ったまま分割」というところでしょうか。<br />
効果がアピアランスの一部であるからこそ「効果を分割」ではなく「アピアランスを分割」なんですね。<br />
<br />
なんというか、ちゃんと説明してもらわないと最初に学ぶ時に混乱しそうですよね。<br />
メニューのどこを見てもアピアランス属性の関係性なんて見当たらないし。<br />
機能として知っていても理解しないとその先に繋げるのって難しいと思います。<br />
今後さらに重要になりそうな機能なのにな・・<br />
<br />
<br />
余談ですが、じゃあグラフィックスタイルはアピアランススタイルでいいんじゃないの?という印象。なぜわざわざグラフィックにするのかな?<br />
<br />
adobeにも「グラフィックスタイルとは、再利用可能なアピアランス属性のセットです。」とあるし・・アピアランススタイルで良いのでは?<br />
<a href="http://help.adobe.com/ja_JP/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-61c8a.html" target="_blank">グラフィックスタイル</a><br />
<br />
単体で見れば「グラフィック」のほうが直感的に多くの人に分かりやすいのかもしれないですけど、アピアランスと連携している機能だってことがわかりにくいです。<br />
アピアランスあっての機能なのにアピアランスパネルから直接グラフィックスタイルパネルにアクセスして登録できないのも不思議。(CS6は違うんでしょうか?)<br />
それなのにグラフィックスタイルを更新はできるし・・(パネルメニューから)<br />
<br />
<br />
それなら他の機能だって・・ってなりそうですね;<br />
成長途中の機能なんだ、と思っておきます。<br />
<br />
名称については機能誕生当時からの経緯とかあるのかもしれないですね。<br />
ご存知の方、いらっしゃいますか?<br />
<br />
今日の記事は特に私の今現在の知識と主観だけで書いているので、見落としや間違っている部分があれば教えていただければ幸いです。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-20341315824390504602013-03-06T22:19:00.003+09:002013-03-06T22:20:01.043+09:00Ai_整列の便利な使い方_整列でエッジを揃える<div class="separator" style="clear: both; text-align: left;">
整列を使うとドラッグや数値指定をせずに、簡単に角やオブジェクト同士の端を合わすことができます。便利です。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3od-K2XC22BCkloxatUh3lOliFUjg5IKKqXRbcOi5RwwajnyprGJRnKF3WUGVPd09Xtb704EhS3SG8qeMLpMpD4jMVoTwOWr2v1D1Aub84yeI7L0p1OU4rgkFfxKlWlZgJuILmz2_PA/s1600/130306-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3od-K2XC22BCkloxatUh3lOliFUjg5IKKqXRbcOi5RwwajnyprGJRnKF3WUGVPd09Xtb704EhS3SG8qeMLpMpD4jMVoTwOWr2v1D1Aub84yeI7L0p1OU4rgkFfxKlWlZgJuILmz2_PA/s1600/130306-0002.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><br />
<br />
<h3>
オブジェクト同士の端を合わす方法(いくつでも有効)<br />作り方</h3>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
1.端を合わせたい全てのオブジェクトを選択した状態のまま、基準にしたいオブジェクトを一度クリックします。</h4>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Das0N1hW6zfpS6Y-Wysy_Wp6tMJy6E0EcIWYnhf1pGrv0ABFihPpbJJZf82zWzNjao8WyJhZpyp4c9ytkVTV58DdZ-NoOhcRzD7axmSdx_uMJ144UBwEjpHV-ATTJwRsafRdHN6I0g/s1600/130306-0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Das0N1hW6zfpS6Y-Wysy_Wp6tMJy6E0EcIWYnhf1pGrv0ABFihPpbJJZf82zWzNjao8WyJhZpyp4c9ytkVTV58DdZ-NoOhcRzD7axmSdx_uMJ144UBwEjpHV-ATTJwRsafRdHN6I0g/s1600/130306-0005.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
選択された基準になるオブジェクトの周囲だけ選択中を表す線が太くなります。<br />これで基準になるオブジェクトが選択されました。(キーオブジェクト)</h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5AgZsu4IhJ3HNXITPXdHwUEMwWLjrMVLRP8VEd5KhrvMAqWJlNNLSxi03SRGxuz_GG8yBdO6lkVdVq271Gp555U7lD2HHz7SDzdOCmKQC4dirN2vi_cgTb_5wczNVFZ7w5tMMsV3-cQ/s1600/130306-0004-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5AgZsu4IhJ3HNXITPXdHwUEMwWLjrMVLRP8VEd5KhrvMAqWJlNNLSxi03SRGxuz_GG8yBdO6lkVdVq271Gp555U7lD2HHz7SDzdOCmKQC4dirN2vi_cgTb_5wczNVFZ7w5tMMsV3-cQ/s1600/130306-0004-1.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
2.整列パネルの水平方向等間隔に分布を適用します。以上です。<br />これで揃いました。</h4>
<h4>
<span class="Apple-style-span" style="font-weight: normal;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9jUlvD5Ykctvh8zCHoxPrBdrQdFSgKl3zSD-AZz-7QY3ufVvkfRNwrZlRho_4apbvucKqggVVPx-1XNfKByOAGbzoSwAEg_cXawV8t6G7HXAIgCi0Frk0J0oXB-TbLMYMpdxQjklrNw/s1600/130306-0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9jUlvD5Ykctvh8zCHoxPrBdrQdFSgKl3zSD-AZz-7QY3ufVvkfRNwrZlRho_4apbvucKqggVVPx-1XNfKByOAGbzoSwAEg_cXawV8t6G7HXAIgCi0Frk0J0oXB-TbLMYMpdxQjklrNw/s1600/130306-0006.jpg" height="312" width="400" /></a></span></h4>
<h4>
<br /><span class="Apple-style-span" style="color: red;">3個以上でも大丈夫ですし、大きさがバラバラでも大丈夫です。<br />キーオブジェクトの位置が中央である必要もありません。並んでいる順番通りにそれぞれの大きさに合わせた端っこで揃います。</span></h4>
<h4>
<span class="Apple-style-span" style="color: red;">下のように2個でもできます。</span></h4>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL1IYTwPrNT8O65WWVWi46MEw37bhWPsje3ZrzVdb0OJ8fmqifRTR0Kl4FLP_axFr7x5F3JVG8D1mrHl5V1ziMhjbDa7moe5nQqFv0JcPYXZ5nvuruyx4GabbMuPLJ4YRneV5wxozmfw/s1600/130306-0008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL1IYTwPrNT8O65WWVWi46MEw37bhWPsje3ZrzVdb0OJ8fmqifRTR0Kl4FLP_axFr7x5F3JVG8D1mrHl5V1ziMhjbDa7moe5nQqFv0JcPYXZ5nvuruyx4GabbMuPLJ4YRneV5wxozmfw/s1600/130306-0008.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h3>
角を合わす方法(2オブジェクトに対してのみ有効)<br />作り方</h3>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
1.<span class="Apple-style-span" style="font-weight: bold;">二つのオブジェクトを選択した状態のまま、基準にしたいオブジェクトをキーオブジェクト(上記を参照)にします。</span></h4>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiItsOofFxBQQIHIkVL0B03bw3xLfydHDtWyOYnM6n-WUESF2Ybd964vMC1IKVoojbiQtpKXxnI58R8BwafCu-79HJjbvIa7TAm4fFeRcY4frap1SXG1ZOzOHj4Y_S-M206VmjNixxxcA/s1600/130306-0013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiItsOofFxBQQIHIkVL0B03bw3xLfydHDtWyOYnM6n-WUESF2Ybd964vMC1IKVoojbiQtpKXxnI58R8BwafCu-79HJjbvIa7TAm4fFeRcY4frap1SXG1ZOzOHj4Y_S-M206VmjNixxxcA/s1600/130306-0013.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
2.垂直方向等間隔に分布を適用します。<span class="Apple-style-span" style="font-weight: normal;"> </span></h4>
<div>
<span class="Apple-style-span" style="font-weight: normal;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfM9TTrxlFUdj3f49siiIca1SMnxuvasR3jBP4UENXWFVrhyphenhyphenpMBvAwZo_1xAfINOd6yJqcKCJKP4VTLFdUN0mWUmIAzvRjfEZcOhIZp-KmTzHiBFQYv7ya-JwAezA-bb-7NMvIoLZdEA/s1600/130306-0014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfM9TTrxlFUdj3f49siiIca1SMnxuvasR3jBP4UENXWFVrhyphenhyphenpMBvAwZo_1xAfINOd6yJqcKCJKP4VTLFdUN0mWUmIAzvRjfEZcOhIZp-KmTzHiBFQYv7ya-JwAezA-bb-7NMvIoLZdEA/s1600/130306-0014.jpg" height="312" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
3.水平方向等間隔に分布を適用します。 以上です。</h4>
<h4>
角が合いました!</h4>
<h4>
<span class="Apple-style-span" style="color: red;">3つ以上オブジェクトがあると角が合わなくなるので、こちらは2オブジェクトのみに対して有効です。</span></h4>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFU7ejiZtIAK6NsABDfFRhyphenhyphenz0sxDQqSP8FLL9qZxe8EDTff0FGLbbsPUCzsS8IJ62hXmavztPil2kzrNYmZPp4ORmtXOfTn9SO4_DoqLPI_E7w-sZ290yJTxlB08CHKyatQzhh8fYXNg/s1600/130306-0016.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFU7ejiZtIAK6NsABDfFRhyphenhyphenz0sxDQqSP8FLL9qZxe8EDTff0FGLbbsPUCzsS8IJ62hXmavztPil2kzrNYmZPp4ORmtXOfTn9SO4_DoqLPI_E7w-sZ290yJTxlB08CHKyatQzhh8fYXNg/s1600/130306-0016.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
もちろん、四角じゃなくてもできますよ!</h4>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0uzODVQslQNhOoDR15dRjOrI65POYFhVolrc_rbi5zjMVxI4LaSwG3tGaGT9iM23MbqxYRypRg4Y6QNLqddyAjDIeYVdpD_v3Y_T07DRNyhXqPJtKHAZQigra4qmUnkkv2lPpHQjQtQ/s1600/130306-0017.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0uzODVQslQNhOoDR15dRjOrI65POYFhVolrc_rbi5zjMVxI4LaSwG3tGaGT9iM23MbqxYRypRg4Y6QNLqddyAjDIeYVdpD_v3Y_T07DRNyhXqPJtKHAZQigra4qmUnkkv2lPpHQjQtQ/s1600/130306-0017.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ちょこっと便利かもしれません。</div>
<div style="text-align: left;">
<br /></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-89422052416640032032013-03-02T02:13:00.000+09:002013-03-02T20:10:39.069+09:00Ai_線にグラデやパターンを適用できることが判明_〜CS5.5<div class="separator" style="clear: both; text-align: left;">
衝撃・・イラストレーターCS3〜CS5までのバージョンでも線に擬似的にグラデーションやパターンが適用できることに気付きました。</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzbIRiAzxohk1VVqmWR96LfOk0ZFvzPa47K4IyaxB6sdW1N6y7o2yTPNHCAiV6Xx2KgUcDgT4L16TYalNDWLgDQn63Z7MFh1M7UOVIgaGlglq-Dn-8cFsXe8LDI5kUe1ALQ59TBE6h8g/s1600/130302-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzbIRiAzxohk1VVqmWR96LfOk0ZFvzPa47K4IyaxB6sdW1N6y7o2yTPNHCAiV6Xx2KgUcDgT4L16TYalNDWLgDQn63Z7MFh1M7UOVIgaGlglq-Dn-8cFsXe8LDI5kUe1ALQ59TBE6h8g/s1600/130302-0001.jpg" height="312" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
</div>
<a name='more'></a><br />
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
イラストレーターの線にはグラデーションが適用できない、グラデーションを使うにはパスのアウトライン化をしよう!というのが常識でした。</div>
<div style="text-align: left;">
CS6から線グラデの機能が追加され線にグラデーションを適用できるようになりましたが、あいにく手持ちがCS5なので今まで使ったことがありません。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
でも、今日、擬似的にではありますがCS5以前のバージョンでも線グラデーションが適用できることに気付きました。<br />
ツイッターでご報告したところ、CS3〜CS6で同じことができることを確認していただけました。CS2以前のバージョンでも使えるかも!試してみてできたらぜひ教えてください!<br />
CS6の線グラデーションのような使い方はできないかもしれませんが、使いようによっては線グラデより使えるかもしれません。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<h3>
作り方</h3>
<h4>
①塗りのあるオープンパスに 効果>パス>パスのオフセット を適用</h4>
<div style="text-align: left;">
以上です。</div>
<h4>
オフセット値が線の太さに、塗りが線の塗り部分として適用されます。角の形状で端の形の処理も選べます。すごい。</h4>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
以下経緯をまとめます。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
皆さん、オープンパスにパスのオフセットが適用できることを知っていましたか?</div>
<div style="text-align: left;">
私は全く知りませんでした。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
今日の仕事でアピアランスの消去時にミスをして下のようなオブジェクトが現れました。</div>
<div style="text-align: left;">
これ、オープンパスにオフセットを適用するとこうなるようです。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
帰宅してから色々試していたのですが、これ、色々適用できるようです。</div>
<h4>
<span class="Apple-style-span" style="color: red;">そして、線なのでアンカーポイントをつかんで移動させれば全部くっついてきます。</span></h4>
<div style="text-align: left;">
何が適用できるのか、試していきます。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMG3Z0IAKoZszgr3NGsZNrp78XpNSvOT9wWYW0PjzAHo1ZuGtv_luZXDqjp96x17fggVQ_b0lKxbi8Kot-YhMC6Lcz0PgxX4iGqdoudm_OtH-rKABVkns_iQHzJ7l2BsVMvuh6x4VceA/s1600/130302-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMG3Z0IAKoZszgr3NGsZNrp78XpNSvOT9wWYW0PjzAHo1ZuGtv_luZXDqjp96x17fggVQ_b0lKxbi8Kot-YhMC6Lcz0PgxX4iGqdoudm_OtH-rKABVkns_iQHzJ7l2BsVMvuh6x4VceA/s1600/130302-0002.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ブラシを適用。オフセット後の部分に適用されます。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT0NDXZpYx1SufKycmsxqVp-zUrNuXzwdDFer9HK_XE4zlnn_NcLoYU4393gMTw-W7RMYX7hCbhpckBcpbHqfjecLqmo4v8DCix3zBsdPSP7i_kxjv1qmxOht2YGABrbXVS2ALqMAzmg/s1600/130302-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT0NDXZpYx1SufKycmsxqVp-zUrNuXzwdDFer9HK_XE4zlnn_NcLoYU4393gMTw-W7RMYX7hCbhpckBcpbHqfjecLqmo4v8DCix3zBsdPSP7i_kxjv1qmxOht2YGABrbXVS2ALqMAzmg/s1600/130302-0003.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
更に</div>
<div class="separator" style="clear: both; text-align: left;">
効果>パスの変形>ラフを適用。</div>
<div class="separator" style="clear: both; text-align: left;">
どうやら元の線は一本ではあるものの、オフセット後の2重になっている上下の線は連動していないようです。上と下でそれぞれ違った動きをしていますね。</div>
<div class="separator" style="clear: both; text-align: left;">
擬似的に円形のパスになっているのかな。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMAFnuaZZaT2hnQbZunbManNLmzsdhrafeCHs7d4_HPq91uEJ-aKupG4Z2QcCCS0eUivhOszdN6c7YUzL6L-8WYdS4mWkKPxpLMDBtF8SiVABgIkZvUCAMwFNPaVC5KyFtDJF16c9x4w/s1600/130302-0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMAFnuaZZaT2hnQbZunbManNLmzsdhrafeCHs7d4_HPq91uEJ-aKupG4Z2QcCCS0eUivhOszdN6c7YUzL6L-8WYdS4mWkKPxpLMDBtF8SiVABgIkZvUCAMwFNPaVC5KyFtDJF16c9x4w/s1600/130302-0004.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ブラシを変えてみました</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEietkBJ9ab5hgj6YwehbqosLOtPhpnRuDZ7NfDRy8lIWY8WPpV0DEz-7Imht9zF6ts1AiLidXQpnJYVeubOSybxBT0zjm2YgXiYGJiNO9yx23EBa-F1Ps-_Vyz0Hw8VU03oCzzdO257oQ/s1600/130302-0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEietkBJ9ab5hgj6YwehbqosLOtPhpnRuDZ7NfDRy8lIWY8WPpV0DEz-7Imht9zF6ts1AiLidXQpnJYVeubOSybxBT0zjm2YgXiYGJiNO9yx23EBa-F1Ps-_Vyz0Hw8VU03oCzzdO257oQ/s1600/130302-0005.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3Dを適用。ブラシに3Dかけるとこんなことになっちゃうんですね!知りませんでした。</div>
<div class="separator" style="clear: both; text-align: left;">
ということは・・・!他のエントリができそうです。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC6f1uKyEsHKdHq1lo7DJL0gOaGkV9a99N8rxW29HIQX1H_81_-PhzwJ15Sydd86P4SVw6Z8HMLwWxnnQ6DzbCul5u3zCq65fLuH-Xpd49qtMPrBkjwWvjRDJZkli_B06GDYZi_j1Mpw/s1600/130302-0007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC6f1uKyEsHKdHq1lo7DJL0gOaGkV9a99N8rxW29HIQX1H_81_-PhzwJ15Sydd86P4SVw6Z8HMLwWxnnQ6DzbCul5u3zCq65fLuH-Xpd49qtMPrBkjwWvjRDJZkli_B06GDYZi_j1Mpw/s1600/130302-0007.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
なんと、形状に変換もできてしまいました。</div>
<div class="separator" style="clear: both; text-align: left;">
念のため言っておきますが、元はオープンパス1本です。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtLZcDAibCDFgIjitKNrbG9Mnez9SObJ6kWbWbYCkl00UrFtsVV3R83jjYzhMn0RTkABbFgsQXxE4zEd3qP3osq0pXYdrlAZ5h-j5vHXSUNJh88A9XvjOQ5fa1ZTiYjLkCq3BqOwxfNA/s1600/130302-0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtLZcDAibCDFgIjitKNrbG9Mnez9SObJ6kWbWbYCkl00UrFtsVV3R83jjYzhMn0RTkABbFgsQXxE4zEd3qP3osq0pXYdrlAZ5h-j5vHXSUNJh88A9XvjOQ5fa1ZTiYjLkCq3BqOwxfNA/s1600/130302-0006.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ワープも適用できます。ブラシのまま適用してもブラシを非破壊のまま適用できるようです。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8XrpB-nud6Wa53Vp2e9bhBPO56_BSfByNRbzsARwTOQEciz28ZzQb8lRzdqynfhgirW7aWa8DH-PUOtNK-NyZkIGY2yn3nIQRapRY4dd2bbE1TlR6SFbdPD-tSyj8y-Agp1VyKORY-g/s1600/130302-0008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8XrpB-nud6Wa53Vp2e9bhBPO56_BSfByNRbzsARwTOQEciz28ZzQb8lRzdqynfhgirW7aWa8DH-PUOtNK-NyZkIGY2yn3nIQRapRY4dd2bbE1TlR6SFbdPD-tSyj8y-Agp1VyKORY-g/s1600/130302-0008.jpg" height="250" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
どうやら効果はだいたい適用できそうです。</h4>
<div style="text-align: left;">
(パスファインダは試せていません) </div>
<div style="text-align: left;">
正直ここまでは使いどころがよくわからないですね。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
それで驚いたのがここからです。</div>
<h4>
パスのオフセットを適用していると、塗りに適用できます。</h4>
<div>
塗りなので、通常の塗りにできることなら何でもできるようです。線が無い状態でも線に適用できてしまうのが不思議な感じです。</div>
<div>
<br /></div>
<div>
パターンを適用したり</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEmB_yQ5Kg4MJbt622buTlWNaPZJhRTBRefgPOBroIPR5Nkmf-BLRFjDiddX6-l_qoOx0gFTVoGwCY4WOKEFmWs_dtfT_UYIfy24I4XwwgnXvD0aWUqkrg_5cGDLiDjtPzU1Vn-dAUUQ/s1600/130302-0010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEmB_yQ5Kg4MJbt622buTlWNaPZJhRTBRefgPOBroIPR5Nkmf-BLRFjDiddX6-l_qoOx0gFTVoGwCY4WOKEFmWs_dtfT_UYIfy24I4XwwgnXvD0aWUqkrg_5cGDLiDjtPzU1Vn-dAUUQ/s1600/130302-0010.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
塗りを増やしてグラデーションを適用したり・・</div>
<div class="separator" style="clear: both; text-align: left;">
上に透明グラデをどんどん追加していってもOKですね。</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIlnB36yHhvJXrBcWWWKU5dLNY2NzTOrnyVoBhH6VI_3ONPnsx6PtNj0mDAZsI9_icF-w-IbHzUPHLlBCaCd458VdSpcw37p9XFPK8wDg8Nbkbgpe2UDuqbcRKBOVfYwj6PMUFZwxMUg/s1600/130302-0011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIlnB36yHhvJXrBcWWWKU5dLNY2NzTOrnyVoBhH6VI_3ONPnsx6PtNj0mDAZsI9_icF-w-IbHzUPHLlBCaCd458VdSpcw37p9XFPK8wDg8Nbkbgpe2UDuqbcRKBOVfYwj6PMUFZwxMUg/s1600/130302-0011.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
グラデーションを適用した場合はグラデーションガイドも表示されますよ!</div>
<div class="separator" style="clear: both; text-align: left;">
CS6の線グラデのように線の動きに沿ったグラデはできないのですが、塗りであるぶん、パターンや円形グラデ、透明グラデの重ねがけなどとても自由な表現ができます。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnC-eOggxS3dB4-tl__hf2nbgcJyUBM8IZ9VsHwWpPsWiQe9Y8u2NF8GVyctu0eD2uEhOFwOstDPZQ0IHRnoi62RoJQPRdsdJjMLZbVHEvKbr8ehYYZCxQYBuzOx3jJDVGkOXi4mNkMw/s1600/130302-0012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnC-eOggxS3dB4-tl__hf2nbgcJyUBM8IZ9VsHwWpPsWiQe9Y8u2NF8GVyctu0eD2uEhOFwOstDPZQ0IHRnoi62RoJQPRdsdJjMLZbVHEvKbr8ehYYZCxQYBuzOx3jJDVGkOXi4mNkMw/s1600/130302-0012.jpg" height="312" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
難点は、アピアランスを分割すると使用している効果によって結果がまちまちなこと。</h4>
<div class="separator" style="clear: both; text-align: left;">
グラデだけならアピアランス分割後はただの塗りになるのですが、フォトショップ効果などを使用しているとアピアランス分割でいきなりラスタライズされることもありました。</div>
<div style="text-align: left;">
<span class="Apple-style-span">オフセット部分にブラシを適用していると「アピアランス分割→ブラシが適用されたパス→拡張されたブラシストローク」の順ではなく、一気に「アピアランス分割→</span>拡張されたブラシストローク<span class="Apple-style-span">」となってしまいます。</span></div>
<div style="text-align: left;">
<span class="Apple-style-span">結果を試しつつ、使いどころを見極めてみてください。</span></div>
<div style="text-align: left;">
<span class="Apple-style-span"><br /></span></div>
<div style="text-align: left;">
<span class="Apple-style-span"><br /></span></div>
<div style="text-align: left;">
<span class="Apple-style-span">オープンパス、と強調しましたが、クローズドでもできなくはないようです。ただ、それだとクローズドの塗りをオフセットしてグラデーションを適用したものと結果が変わらないので手間のわりにあまり効果はないかなと思います。</span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<h4>
<span class="Apple-style-span" style="color: red;">注意!<br />印刷可能かどうかは保証できません。<br />入稿時にはアピアランス分割をして、印刷屋さんと相談してください。</span></h4>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-9417845927901925132013-03-01T01:29:00.000+09:002013-03-01T01:30:47.177+09:00Ai_グランジっぽい文字を作る<div class="separator" style="clear: both; text-align: left;">
イラストレーターでミステリっぽいグランジ文字を描く方法です。テキストのままでOKです。</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMPabkuv4FoGtjE1iLZLc_cHQsqG1401-OOp50gu2nwCkUyOO3nl944zoI6FIsdu3faWkwjhlbnaiBstetgIT1lxdc2a_UCEQly50SIljLrRKu84aNSiHlTA_RGzOAY8mZcm78LdPSFQ/s1600/130228-0024.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMPabkuv4FoGtjE1iLZLc_cHQsqG1401-OOp50gu2nwCkUyOO3nl944zoI6FIsdu3faWkwjhlbnaiBstetgIT1lxdc2a_UCEQly50SIljLrRKu84aNSiHlTA_RGzOAY8mZcm78LdPSFQ/s400/130228-0024.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><br />
<br />
<h3>
作り方</h3>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
1.文字を書きます。</h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtp7dil5V2bVJlo9krAKhq2nvViN1J8hmzybyuoj45jqhGjN5v46RJHtp_sg8OueV0YOJP57m9URnKNlOBJzbbJaz6tNUhBUFnP2i-bmvQa6ESVTidyx7WgvRdfYlJBf6ltK_2ioSjRQ/s1600/130228-0025.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtp7dil5V2bVJlo9krAKhq2nvViN1J8hmzybyuoj45jqhGjN5v46RJHtp_sg8OueV0YOJP57m9URnKNlOBJzbbJaz6tNUhBUFnP2i-bmvQa6ESVTidyx7WgvRdfYlJBf6ltK_2ioSjRQ/s400/130228-0025.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
2.線も塗りも無しにします。</h4>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCjTCXuMRGZQTzfzsRSKH-nrBwhgKTCnPNzdnAWVnblruEW7vA9fNcXXddNqEzYsLELd4li29ta2g4LuGB6xKvrZNrx_kBrKODcRdp7AVIXRBm4tpnDVT-wgazITcy4GNHKew7hu96ag/s1600/130228-0026.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCjTCXuMRGZQTzfzsRSKH-nrBwhgKTCnPNzdnAWVnblruEW7vA9fNcXXddNqEzYsLELd4li29ta2g4LuGB6xKvrZNrx_kBrKODcRdp7AVIXRBm4tpnDVT-wgazITcy4GNHKew7hu96ag/s400/130228-0026.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<h4>
3.テキストに新規塗りを追加します。</h4>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrSzXqiVRVMnuliuGEenS8DBBMjv0ImPSi-aKGe9ylUhCD_2NQ7T2SwLJ9aHspGeaT7iDpeDat8JiLvK5fjG4vX-m7KkyJaqM5P5AXTrJ7Es9pFjy0BnKSpZC9HpWJA5GyCTs2qR7KIQ/s1600/130228-0027.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrSzXqiVRVMnuliuGEenS8DBBMjv0ImPSi-aKGe9ylUhCD_2NQ7T2SwLJ9aHspGeaT7iDpeDat8JiLvK5fjG4vX-m7KkyJaqM5P5AXTrJ7Es9pFjy0BnKSpZC9HpWJA5GyCTs2qR7KIQ/s400/130228-0027.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<h4>
4.塗りに 効果>パス>パスのオフセット を選択し、任意のマイナス値のオフセットを適用します。</h4>
<div style="text-align: left;">
数値は後から変更できるので適当で大丈夫です。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b>ここでマイナス値でオフセットするのはこの後行程で文字が太ってしまうからです。文字がつぶれて見えなくなることが無いように細めています。</b></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLhaRip8YcVb0XVg6jZzu4jj0aUWJ02Yt92qL4EWtLFDfPZ-zQ6XzebuAF-2VAepaJUi-R1ejKw0sGRF_Z__CWFT3P7NiZdrXv5Ue8nJQJF4jCmiNiXMvvSSaGA6QpjZwKGFYwvo4Jmg/s1600/130228-0028.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLhaRip8YcVb0XVg6jZzu4jj0aUWJ02Yt92qL4EWtLFDfPZ-zQ6XzebuAF-2VAepaJUi-R1ejKw0sGRF_Z__CWFT3P7NiZdrXv5Ue8nJQJF4jCmiNiXMvvSSaGA6QpjZwKGFYwvo4Jmg/s400/130228-0028.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
5.塗りに 効果>パスの変形>ラフ を選択し任意の数値を適用します。</h4>
<div class="separator" style="clear: both; text-align: left;">
<b>ラフの「詳細」は数が大きくなるほど結果が細かくなります。この段階では文字に大まかな歪みをつけたいので、数値は小さめにします。</b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhke7mIHckXlLCqSsmqEQe5LwAl_JittJ0sGnhOwwbBpClydmJGPCXqT0cMpGqu1TBCBGJYUkZW6CYGRMRRWdet_HSjEpvcwZOAnKdhJ0p1YD0JZM7pUaozzz7rSB0Iu5lh1Kv5SmPjXA/s1600/130228-0029.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhke7mIHckXlLCqSsmqEQe5LwAl_JittJ0sGnhOwwbBpClydmJGPCXqT0cMpGqu1TBCBGJYUkZW6CYGRMRRWdet_HSjEpvcwZOAnKdhJ0p1YD0JZM7pUaozzz7rSB0Iu5lh1Kv5SmPjXA/s400/130228-0029.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
6.先ほどのラフを複製します。</h4>
<br />
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw7DDh18jciqpmKxs0Wm3EWaoP6APvAOU439OmsgXaz_-jY2eqqsiJrwBmURAV5rj0WxE9rO4KNiiAnPfk6PWt-AuB0FtdltSeSAp1Pb8mp9IdXy2uMfhwb_5igrYqW-mv21qN5VA8uQ/s1600/130228-0030.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw7DDh18jciqpmKxs0Wm3EWaoP6APvAOU439OmsgXaz_-jY2eqqsiJrwBmURAV5rj0WxE9rO4KNiiAnPfk6PWt-AuB0FtdltSeSAp1Pb8mp9IdXy2uMfhwb_5igrYqW-mv21qN5VA8uQ/s400/130228-0030.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4>
7.アピアランスパネル上で下にある「ラフ」をクリックし、ダイアログを開いて数値を編集します。</h4>
<div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
ここでは、5で大まかに歪めた文字を元に更に細かいギザギザを追加していきます。アピアランスは上から適用されていくため、上がおおまか、下が細かく、という順は変えてはいけません。</div>
<div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<b>「サイズ」はギザギザの振り幅のことです。サイズが大きくなるとギザギザが大きくなっていきます。今の段階では細かいギザギザをたくさん適用したいのでサイズを小さめに、詳細を大きな数字(細かく適用される)で入力します。</b></div>
<div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0n1q1LmUOw0faMUVUUe8cG6oquOL6EMmzWJbq3MsLqq3tJC-1TCVhXMitG64YBf0LAZKHX3O2LUE2yJrRfsIut3ir41N8O3cua3w-cMnb-ki5yz1tymr7CLQEeD3K09K6bagXLe7huw/s1600/130228-0031.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0n1q1LmUOw0faMUVUUe8cG6oquOL6EMmzWJbq3MsLqq3tJC-1TCVhXMitG64YBf0LAZKHX3O2LUE2yJrRfsIut3ir41N8O3cua3w-cMnb-ki5yz1tymr7CLQEeD3K09K6bagXLe7huw/s400/130228-0031.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
下のような感じになりました。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPIg3F7MGBjfEW7SKIewVjH7lZfJE7yw2xxnUzej6RoDU3P59UhMjNf6CsGsE7TX9ufSbWxDMDXKd-PvZK0qGQqIWVg3TSTgj0j-NKH6v7U7hXQk_91lsOq_G-br4nSuqs0e91g0i8ow/s1600/130228-0032.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPIg3F7MGBjfEW7SKIewVjH7lZfJE7yw2xxnUzej6RoDU3P59UhMjNf6CsGsE7TX9ufSbWxDMDXKd-PvZK0qGQqIWVg3TSTgj0j-NKH6v7U7hXQk_91lsOq_G-br4nSuqs0e91g0i8ow/s400/130228-0032.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
このままでも使えるんですが、より不規則さを出すために、塗りをもう1つ作成します。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
8.塗りを複製します。</h4>
<div style="text-align: left;">
ラフもオフセットも含めてまるごと複製です。 </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgZqeZ-p4EOh01pJa-bhaTjgoegN9Gy96LdDg7V_2weJeLpPOel4Aw9zttIdNfltrNaIv4_wF2YkHjxba4mms7Cim_JXuVKAvqOgtyQmMzuYEppo5EQ9dOKPH0rhX9s0AjNdPSSwh5Hg/s1600/130301-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgZqeZ-p4EOh01pJa-bhaTjgoegN9Gy96LdDg7V_2weJeLpPOel4Aw9zttIdNfltrNaIv4_wF2YkHjxba4mms7Cim_JXuVKAvqOgtyQmMzuYEppo5EQ9dOKPH0rhX9s0AjNdPSSwh5Hg/s400/130301-0001.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
9.適当にお好みで数値を調整し・・・</h4>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNIn3z6NvnEMEvKybDilP3nklS1diz_jlxdDVZnHaAizL0piwmFvxZCa4ElduLmp6OfU3frHGDb23OhiUnqWH-U1DIgLR0aNelPCayh0YWVOdAoCJY53ldnJ4dZtZK6xbl_QUHhqXbxw/s1600/130301-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNIn3z6NvnEMEvKybDilP3nklS1diz_jlxdDVZnHaAizL0piwmFvxZCa4ElduLmp6OfU3frHGDb23OhiUnqWH-U1DIgLR0aNelPCayh0YWVOdAoCJY53ldnJ4dZtZK6xbl_QUHhqXbxw/s400/130301-0002.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
こんな感じになりました。</div>
<div style="text-align: left;">
少し細いようですね。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1waOmpVoI39qXqqj48_BP2ATqBj49kv-0Sn6zJUjd0reFBryzRhLXmCUTWfAMLVoZpOXHfm2A9hdwmbPSauBCEZGVjJGL_joDDbP2sL3WWRq3Orp70h8f_7_DkOQf-dGcsMglGO1JgA/s1600/130301-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1waOmpVoI39qXqqj48_BP2ATqBj49kv-0Sn6zJUjd0reFBryzRhLXmCUTWfAMLVoZpOXHfm2A9hdwmbPSauBCEZGVjJGL_joDDbP2sL3WWRq3Orp70h8f_7_DkOQf-dGcsMglGO1JgA/s400/130301-0003.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
オフセットの数値を小さくしてみました。 </div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOo51Vh7dwoUG69bCgf3QzE9GH-jY5m3vtGkSJIltatAeGugZb-PuikCUowKEtp6s3pCFtvB_uVO6D8r1d8TPn6swn__7GSmsBh8q_HLh4mZ4V9rzEPWw-rR9re7edardX5uKKNsbKmw/s1600/130301-0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOo51Vh7dwoUG69bCgf3QzE9GH-jY5m3vtGkSJIltatAeGugZb-PuikCUowKEtp6s3pCFtvB_uVO6D8r1d8TPn6swn__7GSmsBh8q_HLh4mZ4V9rzEPWw-rR9re7edardX5uKKNsbKmw/s400/130301-0004.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
適当に色を変えたりして、完成!</h4>
<div class="separator" style="clear: both; text-align: left;">
塗りが二つあるので上の塗りに乗算を適用したりすると面白い効果が得られると思います。お試しください。</div>
<div class="separator" style="clear: both; text-align: left;">
けっこう重くなってしまうので実際使用する時は適当なところでアウトライン化してください。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSaYrsJ8QJiA1LPTq7RamOIPVp1R1NdTFf9jf1qSkTMrw8qLKEToLYVrOEpicel6LhXIDz1SOIAvPYac11XdzFrBFUovTRUHvN0CgYXtBhzXkNJAMs0Lv3u82f9HhIjJLKkf3fINcTDg/s1600/130301-0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSaYrsJ8QJiA1LPTq7RamOIPVp1R1NdTFf9jf1qSkTMrw8qLKEToLYVrOEpicel6LhXIDz1SOIAvPYac11XdzFrBFUovTRUHvN0CgYXtBhzXkNJAMs0Lv3u82f9HhIjJLKkf3fINcTDg/s400/130301-0006.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
恐ろしい愛になりました。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAnzu9gbXg4oi9gOqALshDEklomLVibLc-FWmt_0euq26CgpUHKmTaCBbgwqANEvfOjdGXnWDjLaMxfJy1aanZSF5VKOXi0rGGCXN7Yy-6p7vahCk2yH2sYbgo4lpWJ9RpzdyzwO3PXg/s1600/130301-0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAnzu9gbXg4oi9gOqALshDEklomLVibLc-FWmt_0euq26CgpUHKmTaCBbgwqANEvfOjdGXnWDjLaMxfJy1aanZSF5VKOXi0rGGCXN7Yy-6p7vahCk2yH2sYbgo4lpWJ9RpzdyzwO3PXg/s400/130301-0005.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<h4>
フォントを変えたりして文字が消えてしまった時は、オフセットの値を小さくしてみてください。</h4>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLXSHdTPd2G_TXJggsoSNUDeTUKHguOcfGH7ZpuzSGWWjsCCLtCCQUSU_dSvKWVAyRnqjW9jZQIuSFoCEV9DzaemIPtJfxi068PRbWtMMww4T-UKVMhGGa0AdSJc39LK5uN37fA347Xw/s1600/130301-0007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLXSHdTPd2G_TXJggsoSNUDeTUKHguOcfGH7ZpuzSGWWjsCCLtCCQUSU_dSvKWVAyRnqjW9jZQIuSFoCEV9DzaemIPtJfxi068PRbWtMMww4T-UKVMhGGa0AdSJc39LK5uN37fA347Xw/s400/130301-0007.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSZn-Is7oH36CHRp5VoumPGp4QY51T7ntqAGhzmLCaahULXWd02-c0Id70ffOCOxMl4HvUZllZyHuQ4q9szxnFB7X4IIR1My5frS-mZVte3Xu58W-kgIKZlXvufJhwgDzQ6gklKBLKGg/s1600/130301-0008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSZn-Is7oH36CHRp5VoumPGp4QY51T7ntqAGhzmLCaahULXWd02-c0Id70ffOCOxMl4HvUZllZyHuQ4q9szxnFB7X4IIR1My5frS-mZVte3Xu58W-kgIKZlXvufJhwgDzQ6gklKBLKGg/s400/130301-0008.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
仕上がりが粗く、全体的に効果を細かくしたいときは 環境設定>線幅と効果も拡大縮小 のチェックをいったん外したまま文字を拡大し、もういちど 環境設定>線幅と効果も拡大縮小 のチェックを入れて文字を縮小してください。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
細かくなります。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXcYsBLG9WRBamnyno9g9wOiClnDeTRyNTgIj1yOS0782x-mg_1lOlJfgAqi8Yn5Otbjrf0xS2rEMxclLboZQwrkwwbGXQE9k8i6a58-yUQwca13ZozIm7uP3d7xCoqQnUubUxWwTo8g/s1600/130301-0009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXcYsBLG9WRBamnyno9g9wOiClnDeTRyNTgIj1yOS0782x-mg_1lOlJfgAqi8Yn5Otbjrf0xS2rEMxclLboZQwrkwwbGXQE9k8i6a58-yUQwca13ZozIm7uP3d7xCoqQnUubUxWwTo8g/s400/130301-0009.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRKUo_lyn0TDpBlIPOUEh62NnqXGIFiu-uHAywksbSQX3nR19SVmrQnn77I2uDn0qNLRlwddzWgCWneRwvK71-44kFO5xz_g0EbZZ7ofU2gSsG8b3Zq3bzI5INwS26b6RzD4x4fDpI4w/s1600/130301-0011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRKUo_lyn0TDpBlIPOUEh62NnqXGIFiu-uHAywksbSQX3nR19SVmrQnn77I2uDn0qNLRlwddzWgCWneRwvK71-44kFO5xz_g0EbZZ7ofU2gSsG8b3Zq3bzI5INwS26b6RzD4x4fDpI4w/s400/130301-0011.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1qRfNkQUfaT8IjbyEAJYCtOcIhuvxuWeiHdsVMA-h3L2E6rT2dujWnPyFH8k8N6Y1OvL7f0HmjVh6_ic2yRA6OGx1mHuQSNbAE51gtxc9IEgZzgJN7TOBaOU62ZKvi-x8VaImO6kNpQ/s1600/130301-0012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1qRfNkQUfaT8IjbyEAJYCtOcIhuvxuWeiHdsVMA-h3L2E6rT2dujWnPyFH8k8N6Y1OvL7f0HmjVh6_ic2yRA6OGx1mHuQSNbAE51gtxc9IEgZzgJN7TOBaOU62ZKvi-x8VaImO6kNpQ/s400/130301-0012.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj50LFV8JTevkE0ktNCuA7YTXVGb400cW4H8xaMUmvXisZN7miqQA7LgXwCTyTQ15lroMLXBf0_vqCmWF-vertv0tQdAb46WEN9z4T-Ivoo6NQTBxdYpKi9DLO-fPHNSOVGFCacuP6xiw/s1600/130301-0013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj50LFV8JTevkE0ktNCuA7YTXVGb400cW4H8xaMUmvXisZN7miqQA7LgXwCTyTQ15lroMLXBf0_vqCmWF-vertv0tQdAb46WEN9z4T-Ivoo6NQTBxdYpKi9DLO-fPHNSOVGFCacuP6xiw/s400/130301-0013.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
ちょっと眠たいまま書いているのでどこか抜けていたらすみません。</div>
<div style="text-align: left;">
また確認します。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
今日、神速Photoshop買いました。</div>
<div style="text-align: left;">
お財布が苦しいので2,500円に悩みましたが勇気を出して。帰宅すると住民税のお知らせが届いていて落ち込みました。資料くらい買える生活したいー。</div>
<div style="text-align: left;">
まだ読んでませんが、面白そう。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Photoshopの簡単な初級Tipsも書こうと用意しているので、そのうち更新したいです。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
今日はコンペ用の作品作りをしていたはずなのになんでブログ書いてるんだろう。</div>
<div style="text-align: left;">
週末にはグラフツールの複合グラフ編を更新したいなーと思っています。</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-29299193907928391652013-02-28T00:06:00.000+09:002013-02-28T00:06:21.308+09:00Ai_おしゃれっぽい飾り文字を作る_イマイチ<div class="separator" style="clear: both; text-align: left;">
イラストレーターでおしゃれっぽい飾り文字をアピアランスを使って作ります。</div>
<div class="separator" style="clear: both; text-align: left;">
先に書きますがいまいち使えません。部分使用にどうぞ。</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-4IY7r-xzgAPC4X1Q48FQRYrObaf-HKxEDVOV8oqvsyAhX24Ep1WlwEZTYpiuTjqgOO38hcJxgF5gEo0FXIGhVMdTs3hfdGHqs4f_Gfrnz5FLamRaTxRmyQ7ibtEX-nUNkiuXzT-pbw/s1600/130227-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-4IY7r-xzgAPC4X1Q48FQRYrObaf-HKxEDVOV8oqvsyAhX24Ep1WlwEZTYpiuTjqgOO38hcJxgF5gEo0FXIGhVMdTs3hfdGHqs4f_Gfrnz5FLamRaTxRmyQ7ibtEX-nUNkiuXzT-pbw/s400/130227-0001.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><br />
<br />
<h3>
作り方</h3>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
1.適用したい文字を「1文字」書きます。</h4>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOek_sxb1aBKEWDT-xPp_oyiQiN2zAU-AgipwsQhbfsLj8TijjKu6u14UavoedDClqIly7ZUuedvUjn5NiQ2EKJ1JxoqY-6acdLl0RUj_7tqIRBPtf0Ckpenn10x78AUL-__9j-cZuhA/s1600/130227-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOek_sxb1aBKEWDT-xPp_oyiQiN2zAU-AgipwsQhbfsLj8TijjKu6u14UavoedDClqIly7ZUuedvUjn5NiQ2EKJ1JxoqY-6acdLl0RUj_7tqIRBPtf0Ckpenn10x78AUL-__9j-cZuhA/s400/130227-0002.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
2.線も塗りも無しにします。</h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDm4C8xrAlMBkV4GpydPyHoTZ5ZFiYpZ5Ckul3eA_nl3LoKXSUuKCXQlB1pQoohgH0BIEtY2qcWZvqYy5HgJoVnPN-l-HL2br6eouobGm6BQgtpqv1A5zBiFUqwyjuxCKOwWZVF0Mljg/s1600/130227-0008-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDm4C8xrAlMBkV4GpydPyHoTZ5ZFiYpZ5Ckul3eA_nl3LoKXSUuKCXQlB1pQoohgH0BIEtY2qcWZvqYy5HgJoVnPN-l-HL2br6eouobGm6BQgtpqv1A5zBiFUqwyjuxCKOwWZVF0Mljg/s400/130227-0008-1.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
3.新規塗りを追加します。 </h4>
<h4>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfkeGkZG6AQEEAmIrOWSP7PhBfa8Awb93ljwR6oJzLPR2cScGEIgL0MeSytE_Y5Jl9uYijSnqZ7BhslEwoWXvkCIBH9lRLFqPkj-w6g06CQWTEUw0PMtBaG-CJHjsybkkaEa3X2bXFg/s1600/130227-0009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfkeGkZG6AQEEAmIrOWSP7PhBfa8Awb93ljwR6oJzLPR2cScGEIgL0MeSytE_Y5Jl9uYijSnqZ7BhslEwoWXvkCIBH9lRLFqPkj-w6g06CQWTEUw0PMtBaG-CJHjsybkkaEa3X2bXFg/s400/130227-0009.jpg" width="400" /></a></h4>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF3APnqM7V_f_xYjH54YVOCq8UDJwBL_GIhncWDg00pEwvbCUTvH_7olE030mZ8DQQiZZag5WRPoIrPCrvl0y2OpimdOu1lv_GHfIuZseOXCmgObsij65kH3VgJz7vMK6wlWcWbPpFnA/s1600/130227-0010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF3APnqM7V_f_xYjH54YVOCq8UDJwBL_GIhncWDg00pEwvbCUTvH_7olE030mZ8DQQiZZag5WRPoIrPCrvl0y2OpimdOu1lv_GHfIuZseOXCmgObsij65kH3VgJz7vMK6wlWcWbPpFnA/s400/130227-0010.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
4.効果>パスの変形>変形を適用し、移動に任意の数値を入力し「1」コピーします。</h4>
<div class="separator" style="clear: both; text-align: left;">
移動の数値は後で修正できます。</div>
<div class="separator" style="clear: both; text-align: left;">
(アピアランスパレットの変形をクリックしてダイアログを再表示させ、修正)</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhowhaMxsl8IuRFhf930nBrQaGshy8cYdyyrD45ZtlqJA-ATvFClSjamnyG0SsTA38NeQjCgtJxWaJ7uhIiQyhHQ0NY1zs_n4xnCiEUYPBHv3MxTEBsK8zXQswghacEbX16KD61JlDiAg/s1600/130227-0012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhowhaMxsl8IuRFhf930nBrQaGshy8cYdyyrD45ZtlqJA-ATvFClSjamnyG0SsTA38NeQjCgtJxWaJ7uhIiQyhHQ0NY1zs_n4xnCiEUYPBHv3MxTEBsK8zXQswghacEbX16KD61JlDiAg/s400/130227-0012.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
下↓のようになります。上の変形効果の「1コピー」は移動でしていした数値をずらして1つ塗りをコピーさせることができます。<br />
アピアランス上では塗りは1つのままですが、変形効果で2つあるように見せています。<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSFylbF5-XX-sR5xNbCZllFA22_ADOGFiS1sovNam8Nz4DHrs7sZjzCML7HCkQ8qEXwt6d_LLAzsY0ZYsJ4Bf_fy2Q_VDXbWZW0H9QylNBQLwvsDXDvWCBlQ5EkYoXzID2dPFw4CIXyQ/s1600/130227-0013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSFylbF5-XX-sR5xNbCZllFA22_ADOGFiS1sovNam8Nz4DHrs7sZjzCML7HCkQ8qEXwt6d_LLAzsY0ZYsJ4Bf_fy2Q_VDXbWZW0H9QylNBQLwvsDXDvWCBlQ5EkYoXzID2dPFw4CIXyQ/s400/130227-0013.jpg" width="400" /></a></div>
<br />
<br />
<h4>
5.効果>パスファインダ>切り抜きを適用し、切り抜きを変形の下に移動させます。<br />上から効果が適用されていくので順番は大切です。</h4>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7gQvn3WqBGbBGKSIHv2UW6qfI_sJZ24PDkVttTT5KYiLeF75jQRYspO5jcXgJjX1tB6AdagEHURa0jDxe0OFscojLZ8M_fkTL6ZJOksy3XGHlU38s8QLPU8bTF78SuUixTHzUFzitMQ/s1600/130227-0014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7gQvn3WqBGbBGKSIHv2UW6qfI_sJZ24PDkVttTT5KYiLeF75jQRYspO5jcXgJjX1tB6AdagEHURa0jDxe0OFscojLZ8M_fkTL6ZJOksy3XGHlU38s8QLPU8bTF78SuUixTHzUFzitMQ/s400/130227-0014.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
こうなります。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI8uyfgXqXjVmHk9pbRoN9n8fK6-CDh2V5HdL4kumOEosP9ma_ByqVFX-yJ-LpAoy-kFmFcxjhji-u3jQ8b46Z3YCxnmKrJX-l08G84j0AzoDhyphenhyphenlYJ-SqBTF54B_cLStaA2_Q9YMvfYA/s1600/130227-0015.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI8uyfgXqXjVmHk9pbRoN9n8fK6-CDh2V5HdL4kumOEosP9ma_ByqVFX-yJ-LpAoy-kFmFcxjhji-u3jQ8b46Z3YCxnmKrJX-l08G84j0AzoDhyphenhyphenlYJ-SqBTF54B_cLStaA2_Q9YMvfYA/s400/130227-0015.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
6.線に着色します。太さはお好きなようにしてください。<br />完成!</h4>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9NOmYdeEf1Es_DUMu2hFtQwtEU0yLw-TEWMsE0QQGLtJTRYnjG17krLpJS1aF7mVCUXTXIYyVpZ8Mz5Urnq7hBK_gIjbRP9CkheNMCOG5_C6-Yf4Te1XQzWEsWmRuACb7N_N3j56UYQ/s1600/130227-0017.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9NOmYdeEf1Es_DUMu2hFtQwtEU0yLw-TEWMsE0QQGLtJTRYnjG17krLpJS1aF7mVCUXTXIYyVpZ8Mz5Urnq7hBK_gIjbRP9CkheNMCOG5_C6-Yf4Te1XQzWEsWmRuACb7N_N3j56UYQ/s400/130227-0017.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-4IY7r-xzgAPC4X1Q48FQRYrObaf-HKxEDVOV8oqvsyAhX24Ep1WlwEZTYpiuTjqgOO38hcJxgF5gEo0FXIGhVMdTs3hfdGHqs4f_Gfrnz5FLamRaTxRmyQ7ibtEX-nUNkiuXzT-pbw/s1600/130227-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-4IY7r-xzgAPC4X1Q48FQRYrObaf-HKxEDVOV8oqvsyAhX24Ep1WlwEZTYpiuTjqgOO38hcJxgF5gEo0FXIGhVMdTs3hfdGHqs4f_Gfrnz5FLamRaTxRmyQ7ibtEX-nUNkiuXzT-pbw/s400/130227-0001.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
気に入ったらお使いください!</div>
<div class="separator" style="clear: both; text-align: left;">
・・と言いたいところなのですが、イマイチな理由があります。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
実はこれ、1文字にしか正常に適用できません。<br />文章に適用すると最後の1文字しか飾り文字にならないのです。</h4>
<h4>
使えない!</h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWaftj5OpDBr-Ei4RS_6n99Ny_ODVxhIaeiXMNYcqkR4JcgYPgJKC3YSXP3cunxOFkZSNUWD72ix6V4HjGqiNZUUPDllzm_LKGoL0Ef0cTNtwtYMVx36h8pKTGzyP85ZfGMZI4FPEGKQ/s1600/130227-0018.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWaftj5OpDBr-Ei4RS_6n99Ny_ODVxhIaeiXMNYcqkR4JcgYPgJKC3YSXP3cunxOFkZSNUWD72ix6V4HjGqiNZUUPDllzm_LKGoL0Ef0cTNtwtYMVx36h8pKTGzyP85ZfGMZI4FPEGKQ/s400/130227-0018.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
色々やってみた結果、全ての文字に適用する方法を見つけました。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
塗りに効果>パスファインダ>追加を適用し、文字と文字がくっつくまでカーニングを詰めます。</h4>
<div class="separator" style="clear: both; text-align: left;">
どうやら塗りと塗りがくっついていないと同時に適用できないようなのです。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
結果/離れた文字には適用できません・・</h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZvvn7tyy415YniR3uclNB7f4dhNdDm4s7I4_16QukvoXyzYiu4FBLR0I5sY_E_8AW5jeRZYcv9yypk33b8fygF0ivXgbOS0_HSuFpGkxEl3Lsnhphh1Q_MBVOTj8Yc704KbyTXLO3w/s1600/130227-0019.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZvvn7tyy415YniR3uclNB7f4dhNdDm4s7I4_16QukvoXyzYiu4FBLR0I5sY_E_8AW5jeRZYcv9yypk33b8fygF0ivXgbOS0_HSuFpGkxEl3Lsnhphh1Q_MBVOTj8Yc704KbyTXLO3w/s400/130227-0019.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
わかりにくいのでフォントを変えてみました。↓</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSMqZN764kxhzz_cYv2Jev48UQYx5p8CSSJ-tRMzp7G5vexAHLQ2czDd-glq0QL8jjaRQKwsdT3JeoXfvqwd5i7ybr_KrAlgxT4NT3Hvt6OqWkpWW6drU1tMjWgJBOwd3cqdLJ2HRCIg/s1600/130227-0020.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSMqZN764kxhzz_cYv2Jev48UQYx5p8CSSJ-tRMzp7G5vexAHLQ2czDd-glq0QL8jjaRQKwsdT3JeoXfvqwd5i7ybr_KrAlgxT4NT3Hvt6OqWkpWW6drU1tMjWgJBOwd3cqdLJ2HRCIg/s400/130227-0020.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
応用すればこんなのもできます。</div>
<div class="separator" style="clear: both; text-align: left;">
この場合は「追加」の位置がかわっているので注意してください。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfDX4cR52VETgA8n8aT3Kt1JGWsuSGYtA8dRgvJvR7BiU707GloQWuPNDdfomo0FTFhJQxFVpDfuhEy6eKZKqmv6J1H7fAziprGpaGe8FTatpOSwoIthr0xX3wH_tL8z_Ji9a1kUMSZQ/s1600/130227-0021.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfDX4cR52VETgA8n8aT3Kt1JGWsuSGYtA8dRgvJvR7BiU707GloQWuPNDdfomo0FTFhJQxFVpDfuhEy6eKZKqmv6J1H7fAziprGpaGe8FTatpOSwoIthr0xX3wH_tL8z_Ji9a1kUMSZQ/s400/130227-0021.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
文字が角丸になっているのは以前のエントリの<a href="http://nodokantoko.blogspot.jp/2013/01/blog-post_20.html" target="_blank">Ai_文字の角を丸くする+スミ溜まりを作る</a> を参照ください。一番下にちらっと書いている、角丸とすみ溜まりを同時に作る方法です。</div>
<div class="separator" style="clear: both; text-align: left;">
さっき作っていて気付いたんですがこんなふうに横の文字との間も角丸になるのは驚きでした。</div>
<div class="separator" style="clear: both; text-align: left;">
これだけで1エントリ書けそうですね。気が向いたら書くことにします。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
ちなみに、パスファインダは適用に制限があるので使えない場面もありそうです。</h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHerrbdk4-OUJsbmsoe3DBrs8avr14g1ihJpsots8BK3l_ypcSTa6WLsVX7VJ3c2DUOkKfzFMbE12k7rh2YuGxC0zozyTYdE11FaMOFmTrFyy9UONUoiLexagdqHyYZEFmF1Yt6d7bgw/s1600/130227-0022.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHerrbdk4-OUJsbmsoe3DBrs8avr14g1ihJpsots8BK3l_ypcSTa6WLsVX7VJ3c2DUOkKfzFMbE12k7rh2YuGxC0zozyTYdE11FaMOFmTrFyy9UONUoiLexagdqHyYZEFmF1Yt6d7bgw/s400/130227-0022.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
この警告何を言っているのかよくわからないんですよね・・</div>
<div class="separator" style="clear: both; text-align: left;">
この星は塗りだけのオブジェクトなので「通常」オブジェクトなのだと思うのですが、だめみたいです。パスファインダパレットから同じ名前の効果をかけると適用されるのでますます「どういうこと??」です。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
実は離れた文字でもできないか、今日1日悩んでいました。</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
アウトライン化したもので最初から行程の順を追って検証してみたのですが、複合パス化が効果のメニューには無いので難しいようです。</div>
<div class="separator" style="clear: both;">
パスファインダでの複合シェイプだって似たようなものじゃないの・・と思って試行錯誤したものの解決策は見つけられませんでした。</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
出来る方法ご存知だったら教えてください!</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
グラフツールの続きは週末に書きます。</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
今日は派遣の更新面談でした。</div>
<div class="separator" style="clear: both;">
正社員への転職を考えている、とお伝えしたところ</div>
<div class="separator" style="clear: both;">
「うちとしてはいて欲しいけど、彼女の将来もあるし次の仕事が決まるまでは1ヶ月更新で小刻みに契約を更新する方法にも対応することも可能です。間を空けないように転職させてあげたい」</div>
<div class="separator" style="clear: both;">
というような答えがあったそうです・・</div>
<div class="separator" style="clear: both;">
通常は3ヶ月更新なので転職となると身動きとれない期間が多くなるのです。</div>
<div class="separator" style="clear: both;">
更新の意思表示は契約の切れる1ヶ月前にしないといけないので実際の退職までの1ヶ月の間に就職先を決められないと確実に無職になってしまうのですが、数週間でも無職期間を乗り切る経済的な体力は私には無いんですよね。</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
生活きっついです!という話を以前社員さんにした結果だと思いますが・・何だか大切にしていただいて恐縮です・・</div>
<div class="separator" style="clear: both;">
どうしようかなあ。</div>
<div class="separator" style="clear: both;">
なんて関係ないことを書きましたが、派遣をタイトルにかかげているので書いてみました。</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-37592266795460837262013-02-26T23:46:00.000+09:002013-03-16T01:14:42.922+09:00PDFから取りたいとこだけテキストを取る(3/7追記)<div class="separator" style="clear: both; text-align: left;">
PDFから直接取りたいとこだけテキストをコピペする方法です。(※3/7追記)</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1pReDCOWFRi9_Z4v7r_5Q85hSLSOL3JMl_LlIWOYcFsMVTRIb1jjfB2rnYhZHLN5oMzsELk7H7NNHF0Ar6XpgPiEUBYUPdFpY8UbFxXXU6g2-mGelNgqin2VluYwGkbsyBD960c1mmQ/s1600/130226-0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1pReDCOWFRi9_Z4v7r_5Q85hSLSOL3JMl_LlIWOYcFsMVTRIb1jjfB2rnYhZHLN5oMzsELk7H7NNHF0Ar6XpgPiEUBYUPdFpY8UbFxXXU6g2-mGelNgqin2VluYwGkbsyBD960c1mmQ/s1600/130226-0006.jpg" height="257" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a>この記事の応用で<a href="http://nodokantoko.blogspot.jp/2013/03/ai_16.html" target="_blank">分割されたテキストをさくっと取り出す</a>という記事を書きましたので、合わせてどうぞ。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi44LNBn_XjTW1lzRKF_otJ5ago6B-s-Cy26KOkSP5H1DDyTdyVqfi-4Vdk-qLnMRKsE2bsxZOnbSrfX0fSi0ZIpVNqKtgF42Fc7oEyASr9Kw4esrbp-GyHxoKEDAbk283lcWQ2mNPVAg/s1600/130226-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi44LNBn_XjTW1lzRKF_otJ5ago6B-s-Cy26KOkSP5H1DDyTdyVqfi-4Vdk-qLnMRKsE2bsxZOnbSrfX0fSi0ZIpVNqKtgF42Fc7oEyASr9Kw4esrbp-GyHxoKEDAbk283lcWQ2mNPVAg/s1600/130226-0001.jpg" height="257" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
こういったWordやエクセルで作成されたPDFをもらうことがあるのですが</div>
<div class="separator" style="clear: both; text-align: left;">
テキストを取り出そうとすると下のようになります。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs9qr5GBPxju9wDzuibgcC_KsRvShtzzjI9D38qPv9VakQ5ZhFNcHud3liZICwvA0e3DR2edqIStFJCVDzyhNg8iKtrtRojlfsO2Ng5sWxYpsIZwB5VMf_TQzKxHWTEmZvMweUdFQevw/s1600/130226-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs9qr5GBPxju9wDzuibgcC_KsRvShtzzjI9D38qPv9VakQ5ZhFNcHud3liZICwvA0e3DR2edqIStFJCVDzyhNg8iKtrtRojlfsO2Ng5sWxYpsIZwB5VMf_TQzKxHWTEmZvMweUdFQevw/s1600/130226-0002.jpg" height="257" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
そうじゃくて、こう↓縦に取り出したい!というときに。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDtgktcsjQTd-NloB1QiqQGiBg6juYgSQwgftNcJt32ke6NZar_g2qszJ8VdE1XFsNXkYVx8twcbx5WpCPJziqhyphenhyphenxcMbct4wwsoljqO4Jr0iQKAE86YSxj10M6cyDTJZPCkr1aniEjcg/s1600/130226-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDtgktcsjQTd-NloB1QiqQGiBg6juYgSQwgftNcJt32ke6NZar_g2qszJ8VdE1XFsNXkYVx8twcbx5WpCPJziqhyphenhyphenxcMbct4wwsoljqO4Jr0iQKAE86YSxj10M6cyDTJZPCkr1aniEjcg/s1600/130226-0003.jpg" height="257" width="320" /></a></div>
<br />
<h4>
取りたいところだけテキストだけ取り出す方法があります。</h4>
<h4>
altを押しながらコピー<span class="Apple-style-span" style="color: red;">※</span></h4>
でOKです。<br />
<br />
<h4>
(<span class="Apple-style-span" style="color: red;">※</span>3/7追記)</h4>
<h4>
<span class="Apple-style-span" style="color: red;">会社と家とで挙動が違いました。会社では⌘で上記の効果が得られるようです。Readerのバージョンの違いかもしれませんが詳細な違いを確認できていません。</span></h4>
<h4>
<span class="Apple-style-span" style="color: red;">altでうまくいかない場合は⌘で試してみてください。</span></h4>
<h4>
取り急ぎ追記致します。</h4>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1pReDCOWFRi9_Z4v7r_5Q85hSLSOL3JMl_LlIWOYcFsMVTRIb1jjfB2rnYhZHLN5oMzsELk7H7NNHF0Ar6XpgPiEUBYUPdFpY8UbFxXXU6g2-mGelNgqin2VluYwGkbsyBD960c1mmQ/s1600/130226-0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1pReDCOWFRi9_Z4v7r_5Q85hSLSOL3JMl_LlIWOYcFsMVTRIb1jjfB2rnYhZHLN5oMzsELk7H7NNHF0Ar6XpgPiEUBYUPdFpY8UbFxXXU6g2-mGelNgqin2VluYwGkbsyBD960c1mmQ/s1600/130226-0006.jpg" height="257" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
直接ソフトにペーストも出来ますが、(誤ってソフトが落ちたら嫌なので) 一応シンプルテキストにペーストしています。</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYVDk0bnmLe2fJsdNquotiZix57m2XSGiupNnVuLjLf1f3Rlw-Rh-DrigBEMXigoXyVjd80zq_OjT7tOlMBcNwUdfkbSOGzILFhgqkzObZBpud5ya4_ayRI8r-1MJzI3uNIuUjMFyPfg/s1600/130226-0009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYVDk0bnmLe2fJsdNquotiZix57m2XSGiupNnVuLjLf1f3Rlw-Rh-DrigBEMXigoXyVjd80zq_OjT7tOlMBcNwUdfkbSOGzILFhgqkzObZBpud5ya4_ayRI8r-1MJzI3uNIuUjMFyPfg/s1600/130226-0009.jpg" height="257" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ちょこっと便利になるかもしれません。</div>
<br />
<br />
この記事の応用で<a href="http://nodokantoko.blogspot.jp/2013/03/ai_16.html" target="_blank">分割されたテキストをさくっと取り出す</a>という記事を書きましたので、合わせてどうぞ。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-64318334687285719742013-02-24T04:58:00.000+09:002013-02-24T14:41:30.216+09:00Ai_グラフツール② 普通の棒グラフを描く<div class="separator" style="clear: both; text-align: left;">
グラフツール2回目です。今回は普通の棒グラフを描くまでを書きます。</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://nodokantoko.blogspot.jp/2013/02/blog-post_15.html" target="_blank">1回目</a>は特徴についてまとめています。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3mA0imn6q9zXAGmcUtdIr2i433C8C3s2wCORi7MFv40JL12heNLOWesRY2SoGzpOw-R5kASCsVFtCxarhFbFPQw0sh-6mZq20bPnQorepYIcnsdxUFM2vhNI-2oxBCIHO475n2oVzng/s1600/130224-0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3mA0imn6q9zXAGmcUtdIr2i433C8C3s2wCORi7MFv40JL12heNLOWesRY2SoGzpOw-R5kASCsVFtCxarhFbFPQw0sh-6mZq20bPnQorepYIcnsdxUFM2vhNI-2oxBCIHO475n2oVzng/s400/130224-0005.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><div style="text-align: left;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
グラフを使う場合、大体収めたい場所が決まっていたりすると思うので今回は下の黄緑部分に入るように作りたいと思います。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPjWEkDDQyh0id_lrgrB4_bRkPpnFTHX62YXqgqNklKVQwWOx5LnqYqQWQ3jKgdaljszWZjqKkARNLCvxuFzckAcy-9BVmPdxf4GyXgS3ioPc9lOy7MDFG0VzYLWyUx6mZaR6cMuNI9g/s1600/130223-001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPjWEkDDQyh0id_lrgrB4_bRkPpnFTHX62YXqgqNklKVQwWOx5LnqYqQWQ3jKgdaljszWZjqKkARNLCvxuFzckAcy-9BVmPdxf4GyXgS3ioPc9lOy7MDFG0VzYLWyUx6mZaR6cMuNI9g/s400/130223-001.jpg" style="cursor: move;" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h3 style="text-align: left;">
作り方</h3>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: red;"><b>グラフツールでグラフを作ると指定したサイズで軸が作成されます。</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: red;"><b>しかし、グラフは軸の外に座標や凡例がつくものです。</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: red;"><b>そのため、最初から座標や凡例のサイズを軸より外側に想定してサイズを指定しないといけません。</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4 style="text-align: left;">
1.グラフのサイズを想定する。</h4>
<div style="text-align: left;">
下図では薄い黄緑部分が座標が入る予定の場所です。</div>
<div style="text-align: left;">
いつもはこんなに厳密に決めません。大体で大丈夫です。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
今回は軸の内側のスペースが105×80mm程度で作ってみようと思います。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnv_oJoWzGO2XKzAQORGFOwAuFcVSgL_gAbvUfipY6KI7IVktJEXi1LyUWyosOiQ2kWVoVWUkicbvXF5NtWsEBdZFurGJpX-aAJN3DUjcSmScDbt4vnG_QUtpKNREUNIYcOzqCWhrojw/s1600/130223-001+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnv_oJoWzGO2XKzAQORGFOwAuFcVSgL_gAbvUfipY6KI7IVktJEXi1LyUWyosOiQ2kWVoVWUkicbvXF5NtWsEBdZFurGJpX-aAJN3DUjcSmScDbt4vnG_QUtpKNREUNIYcOzqCWhrojw/s400/130223-001+2.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
見やすいように以下はグラフ以外を非表示、グラフ範囲の基準線はガイドに変換しています。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h4 style="text-align: left;">
2.グラフツールでアートボード上をクリックし、表示されたダイアログに上述の軸の内側の数値を入力する。</h4>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigJOAbSAj4BXeyzRQWjQf1RCgik97NEzVRpTtsLpwajGBvQXq95yy73tB8R0cOLR0Cts3Za5kOD7MP5wHJnGsCsbUxMxyj72sjFS1q9NkCl42t4YrkgcgrhZ7mgqDfDyQGoBswSVb3CQ/s1600/130223-002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigJOAbSAj4BXeyzRQWjQf1RCgik97NEzVRpTtsLpwajGBvQXq95yy73tB8R0cOLR0Cts3Za5kOD7MP5wHJnGsCsbUxMxyj72sjFS1q9NkCl42t4YrkgcgrhZ7mgqDfDyQGoBswSVb3CQ/s400/130223-002.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
グラフの元が出来ました!</div>
<div style="text-align: left;">
ここから編集していきます。</div>
<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKlF1rFy2LOAS1nKjG8AEz42SuJUnu1LDoOgAsPBLUFCYRa-l-aIlhLszf-lJP_COgGh7pCqD54GpUOofLAAHTypk_jNWdz1prA0AF8Q0sq77rr8iFf_GH7G5ehuykWWULfiL2Gzq4Ow/s1600/130223-003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKlF1rFy2LOAS1nKjG8AEz42SuJUnu1LDoOgAsPBLUFCYRa-l-aIlhLszf-lJP_COgGh7pCqD54GpUOofLAAHTypk_jNWdz1prA0AF8Q0sq77rr8iFf_GH7G5ehuykWWULfiL2Gzq4Ow/s400/130223-003.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div>
<h4 style="text-align: left;">
3.グラフ作成時に表示されたセルに数値を入力し、更新します。</h4>
</div>
<div style="text-align: left;">
棒グラフの場合は縦方向に同じ属性を入力してください。</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir5ZMl50B-8VV1TM7xuOjghYp_0q0IXt-Rvz4tgbfzSjUIAjpSbxnuBy0wHgXkTgULjW9xpohSUEGYdhv7gW6cH-HurnraNnTwHJSjlLsyIAbKmlJMPhadmC94fMW_HOHXp6HVSUZqhQ/s1600/130223-004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir5ZMl50B-8VV1TM7xuOjghYp_0q0IXt-Rvz4tgbfzSjUIAjpSbxnuBy0wHgXkTgULjW9xpohSUEGYdhv7gW6cH-HurnraNnTwHJSjlLsyIAbKmlJMPhadmC94fMW_HOHXp6HVSUZqhQ/s400/130223-004.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
このセルの使い勝手はとても悪いです。<br />
<div class="separator" style="clear: both; text-align: left;">
グラフ機能が充実しているExcelと大きく異なるのはセルの座標が無いこと。属性や数値が多くなると自分の場所がよくわからなくなってワークシート上で迷子になったりします。</div>
<div class="separator" style="clear: both; text-align: left;">
あとは入力が左上の欄でしかできないのも最初戸惑うかもしれません。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4sza71btH2I-LAupGqIQlTKFNnloRB8izpv8z6EuP3TBev3vU1-PwN8kmC35JDpSmjKdI2MYuyKsiD7vAo3nmy21uGJCry7qkQGCTIBCotYPrEARFvB-J731CQRZZ0IXlpcD_VnGIJg/s1600/130223-005+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4sza71btH2I-LAupGqIQlTKFNnloRB8izpv8z6EuP3TBev3vU1-PwN8kmC35JDpSmjKdI2MYuyKsiD7vAo3nmy21uGJCry7qkQGCTIBCotYPrEARFvB-J731CQRZZ0IXlpcD_VnGIJg/s400/130223-005+2.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4 style="text-align: left;">
4.細部(見た目)を調整する(この段階は飛ばしてもグラフ自体には影響しません)</h4>
<div style="text-align: left;">
グラフの棒部分をグループ選択ツールで選択し、黄緑に彩色しました。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgah-rFYw8BQyBpyRiNAdqe73OHL5i-qEgWoIzh7NUOV41Swo3R208ioaXXEMSwKv485RZG_2xnftqUMKaEirF4BR-jNoF1cs5VbhZg5cxoSW6ZJZys5vrGMJNp22wzxfGN63MQujSBuA/s1600/130223-006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgah-rFYw8BQyBpyRiNAdqe73OHL5i-qEgWoIzh7NUOV41Swo3R208ioaXXEMSwKv485RZG_2xnftqUMKaEirF4BR-jNoF1cs5VbhZg5cxoSW6ZJZys5vrGMJNp22wzxfGN63MQujSBuA/s400/130223-006.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
棒が太すぎるように感じるので少し細くします。</div>
<div class="separator" style="clear: both; text-align: left;">
オブジェクト>グラフ>設定</div>
<div class="separator" style="clear: both; text-align: left;">
でダイアログの下部の「棒グラフの幅」を90%から80%に細めます。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHeP-XYAcq4dzTAqrF3rqweIZlFN57wnrd3zV21oIdTOM-UL1ZdLBQE59XQtinTiu3casO-s3ePSzZylpi8vpeFhcWYOhpLF2EFlp8V1xhW-KUwckclMPSeVPoMdqQMapISUBdGf2zuQ/s1600/130223-0022.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHeP-XYAcq4dzTAqrF3rqweIZlFN57wnrd3zV21oIdTOM-UL1ZdLBQE59XQtinTiu3casO-s3ePSzZylpi8vpeFhcWYOhpLF2EFlp8V1xhW-KUwckclMPSeVPoMdqQMapISUBdGf2zuQ/s400/130223-0022.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNk2cBipb-LpM_Oa0T4DktmxiVLpSFY3xsk4ZmucYGPGWLnTjmRnu_S__zf2WjF4ftqzt63l_lUpebwvuLe3wCCDtzPjV-RPdfXbbbUPQKIrEgE9vYgTA_oiF4DBDPpsQ7kGKM1zja7Q/s1600/130223-0024.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; color: black;"><br /></span></a><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; clear: left; color: black; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"></span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; clear: left; color: black; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><br /></span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; clear: left; color: black; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;">↓少し棒部分が細くなりました。</span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; clear: left; color: black; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;">ついでに座標の位置を少し軸から離しました。</span></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNk2cBipb-LpM_Oa0T4DktmxiVLpSFY3xsk4ZmucYGPGWLnTjmRnu_S__zf2WjF4ftqzt63l_lUpebwvuLe3wCCDtzPjV-RPdfXbbbUPQKIrEgE9vYgTA_oiF4DBDPpsQ7kGKM1zja7Q/s1600/130223-0024.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNk2cBipb-LpM_Oa0T4DktmxiVLpSFY3xsk4ZmucYGPGWLnTjmRnu_S__zf2WjF4ftqzt63l_lUpebwvuLe3wCCDtzPjV-RPdfXbbbUPQKIrEgE9vYgTA_oiF4DBDPpsQ7kGKM1zja7Q/s400/130223-0024.jpg" width="400" /></a><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
拡大してみるとこんな感じです。</div>
<div class="separator" style="clear: both; text-align: left;">
更に気になる箇所を修正していきます。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibQzqSUEz-uDQ3v3cvY3wemjTM1O4AqlNtS0Sar8Ljsc8Q6M_PBsqSN5CDk0ue5PCUn-Zc0HcpF2ckNeo-05jUDapFaQJSOz3AasjJDkPgPRbs5vMsOAx4iORPQoUqM_NbAzvu5QaYIA/s400/130223-0026.jpg" width="400" /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
まず必要ないX軸の区切り線を削除したいのですが、削除はできません。</div>
<div class="separator" style="clear: both; text-align: left;">
グラフであるために消せないオブジェクト、というのがあるようです。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr4PkH5-u4GoC2k1l320kV4InhVk3AfzQNJ-nTj5rlciAKPn1OHysaxaVlYJTsvonhEmVozlsDe7nWc8AtJyMPqXJ8H67sdelrh3Wz92RZrhpSG_ZvFT5pXiW6D2A9llz2ZBiNXxeYwA/s1600/130224-0008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr4PkH5-u4GoC2k1l320kV4InhVk3AfzQNJ-nTj5rlciAKPn1OHysaxaVlYJTsvonhEmVozlsDe7nWc8AtJyMPqXJ8H67sdelrh3Wz92RZrhpSG_ZvFT5pXiW6D2A9llz2ZBiNXxeYwA/s400/130224-0008.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ですが、透明化はできます。</div>
<div class="separator" style="clear: both; text-align: left;">
↓線の色を消して見えなくしました。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuPrIeZxzrANVvpNQZCZ8Xofrjj1hk1V2Kjen-3jTZECG7L-VQbUmG99hoxazHpL-b8a_h-y8Q7x_YPgMRODoNO1KgcMObNhM91JjEm5bNgiwauB79PvyDBdFYa3HOHzbXFSGJJPySXw/s1600/130223-0028.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuPrIeZxzrANVvpNQZCZ8Xofrjj1hk1V2Kjen-3jTZECG7L-VQbUmG99hoxazHpL-b8a_h-y8Q7x_YPgMRODoNO1KgcMObNhM91JjEm5bNgiwauB79PvyDBdFYa3HOHzbXFSGJJPySXw/s400/130223-0028.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
続いて棒でX軸が隠れている部分を、X軸を前面に複製することで見栄えを整えます。</div>
<div class="separator" style="clear: both; text-align: left;">
X軸をグループ選択ツールで選択し、レイヤーパネルのグラフのあるレイヤーの右側に表示された丸をAltを押しながら別レイヤーにドラッグします。</div>
<div class="separator" style="clear: both; text-align: left;">
これにより、選択したX軸のコピーだけを強制的にグループから除外することができ、位置も全く同じ位置に複製することができます。</div>
<div class="separator" style="clear: both; text-align: left;">
別レイヤーにあるのが好ましくないときは同じように元のレイヤーへ移動してください。</div>
<div class="separator" style="clear: both; text-align: left;">
一度グループを解除しているので同じレイヤーに戻してもグループから外れたままです。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWRYoOf4a_H2dL-Mli40mP-avn_tRoRlD-s0Oh-BYGZ9pcCLonB707te4YrN6fTz3KENf9L78O_J5G6_vZUY1ZcWJcwx86qvI0I77vfUnM_UUsapL9ekIBefwOoLPXNQIiP5Q4b9g7Ew/s1600/130224-0010.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWRYoOf4a_H2dL-Mli40mP-avn_tRoRlD-s0Oh-BYGZ9pcCLonB707te4YrN6fTz3KENf9L78O_J5G6_vZUY1ZcWJcwx86qvI0I77vfUnM_UUsapL9ekIBefwOoLPXNQIiP5Q4b9g7Ew/s400/130224-0010.jpg" style="cursor: move;" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<h4 style="text-align: left;">
5.座標軸を調整する</h4>
<div style="text-align: left;">
数値が大きくなる可能性を考え、Y軸の座標を大きくします。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
オブジェクト>グラフ>設定>ダイアログ左上部のドロップダウンリストを「数値の座標軸」に切り替える>座標値>データから…にチェックを入れる</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
任意の最小値と最大値を設定します。</div>
<div class="separator" style="clear: both; text-align: left;">
<b>「間隔」は、</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b>「最小値から最大値に向けて刻む、座標値と座標値の間隔」ではなく、</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b>「最小値から最大値の間を均等に分割する数」です。</b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
絶対値ではなく、相対値です。そのため最大値だけを増やして間隔を変えないと座標がとても半端な数字になります。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
何で相対値なんでしょう?わかりにくい… </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
例/</div>
<div class="separator" style="clear: both; text-align: left;">
「最小値0」「最大値60」のときに「10ずつ(10,20,30…)座標値を刻みたい」場合。</div>
<div class="separator" style="clear: both; text-align: left;">
ここで「10」を入力すると座標値は「6,12,18…」と増えていきます。</div>
<div class="separator" style="clear: both; text-align: left;">
正解は「6」。</div>
<div class="separator" style="clear: both; text-align: left;">
式にすると(最大値−最小値)÷間隔=座標値 となります。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiinpshR5tE7EAWHK2HYG7T14FFGWoIwAq6EM4lgKvtjhHY5PiAReX95DtgmV5KTdMxkQApF2e9AG52PwFWHjuunP8cCOP3P9uIbgxw1WxHRRkXQfBgmGeFb1ZpZk1TKlPt462HSr-7hg/s1600/130224-0006-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiinpshR5tE7EAWHK2HYG7T14FFGWoIwAq6EM4lgKvtjhHY5PiAReX95DtgmV5KTdMxkQApF2e9AG52PwFWHjuunP8cCOP3P9uIbgxw1WxHRRkXQfBgmGeFb1ZpZk1TKlPt462HSr-7hg/s400/130224-0006-1.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
↓Y座標の最大値が「60」になりました。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgio6yOjil_2_MzgGqzzxPjnBJ-Q76ysQm2rBZrck5jMZi60wnheq3TaY7SbOU6y0Eateb3yPylWeNq2TZLL1yPAsTC8b61bOhafrUIXZ3YKTCd7XW46OkO8cZXOnokW0EIUL-c1RkLGw/s1600/130224-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgio6yOjil_2_MzgGqzzxPjnBJ-Q76ysQm2rBZrck5jMZi60wnheq3TaY7SbOU6y0Eateb3yPylWeNq2TZLL1yPAsTC8b61bOhafrUIXZ3YKTCd7XW46OkO8cZXOnokW0EIUL-c1RkLGw/s400/130224-0002.jpg" width="400" /></a><br />
<br /></div>
<div style="text-align: left;">
これで完成。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
全てを表示してみました。60がずれてる…!<br />
座標の位置を離した後から60の座標を追加したせいですね。<br />
見た目の修正は最後にまとめてしたほうが良いようです。<br />
<br />
それ以外はきれいにおさまりました。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
グラフのサイズは1個だけ作るのならある程度いい加減でもどうにかなるのですが、グラフを複数違う内容で作ったりする場合にはサイズを管理できないと辛いものがあります。クセをつかめば使える機能なのでお試しください。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3mA0imn6q9zXAGmcUtdIr2i433C8C3s2wCORi7MFv40JL12heNLOWesRY2SoGzpOw-R5kASCsVFtCxarhFbFPQw0sh-6mZq20bPnQorepYIcnsdxUFM2vhNI-2oxBCIHO475n2oVzng/s1600/130224-0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3mA0imn6q9zXAGmcUtdIr2i433C8C3s2wCORi7MFv40JL12heNLOWesRY2SoGzpOw-R5kASCsVFtCxarhFbFPQw0sh-6mZq20bPnQorepYIcnsdxUFM2vhNI-2oxBCIHO475n2oVzng/s400/130224-0005.jpg" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
グラフツール、次回は棒グラフと折れ線グラフの複合グラフの作り方について書きます。</div>
Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-7529459898790617504.post-84093653909304203982013-02-23T00:07:00.001+09:002013-06-05T22:41:43.480+09:00Ai_アピアランス練習_円1つで花<div class="separator" style="clear: both; text-align: left;">
イラストレーターのアピアランスで花を描いてみました。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfJGpmc_M_P_F6GLEKfMYyjM4NVJk7QDVGARMQwEJNi6pLj9jrBTjSmmEhWtXugI1lZYgQDEd_Xd3hNEE7dbQaw5UBYxaUvcStXLPz8KyKOz20xJ0PuexG0ilA_0fPh3MqfNhuY4PAaQ/s1600/130222-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfJGpmc_M_P_F6GLEKfMYyjM4NVJk7QDVGARMQwEJNi6pLj9jrBTjSmmEhWtXugI1lZYgQDEd_Xd3hNEE7dbQaw5UBYxaUvcStXLPz8KyKOz20xJ0PuexG0ilA_0fPh3MqfNhuY4PAaQ/s1600/130222-0001.jpg" height="460" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
↓アウトライン表示。円1つです。</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7o9SY4Oe62O6WVvjoScoPuf1xSPbBXswQHUvS74si2QoSpn7Zgha9jlxb2Bm4wtNJaEgZ2APnuQNA3PiNuoZXLXsGh4f5Y9F2tQ4VzXvoJDqXnaEY6bA3uLJ7xeDgIyxtsygP1QqxbA/s1600/130222-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7o9SY4Oe62O6WVvjoScoPuf1xSPbBXswQHUvS74si2QoSpn7Zgha9jlxb2Bm4wtNJaEgZ2APnuQNA3PiNuoZXLXsGh4f5Y9F2tQ4VzXvoJDqXnaEY6bA3uLJ7xeDgIyxtsygP1QqxbA/s1600/130222-0002.jpg" height="288" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
中央のバッテンが2つあるのは背景に敷いてる黄緑の矩形のものです。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
↓中身です。</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimm-ll1R7IxRUYRc8WhNBqhgd9x_vOOzb7Lpm4FuSRBQHS-IKJTipRe6zGZjcr2P1rlhdl-kVG6t6f9y37sUC1cHAW3GBOGUKTgkZw8zamRDGlT4FbROIz8WtIWJ0OOCu5VnhI-yavMg/s1600/130222-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimm-ll1R7IxRUYRc8WhNBqhgd9x_vOOzb7Lpm4FuSRBQHS-IKJTipRe6zGZjcr2P1rlhdl-kVG6t6f9y37sUC1cHAW3GBOGUKTgkZw8zamRDGlT4FbROIz8WtIWJ0OOCu5VnhI-yavMg/s1600/130222-0003.jpg" height="288" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ざっくり言うと、</div>
<div class="separator" style="clear: both; text-align: left;">
円を描く→ジグザグで辺を増やす→膨張で花びら作る×3→ピンクとグレーの新規塗りを作る→膨張で小さい花びらと筋っぽくする→黄色の塗りを作る→変形で縮小する→ラフをかける→新規線を作る×3→変形で縮小する→破線を適用する→ラフを適用する</div>
<div class="separator" style="clear: both; text-align: left;">
→それぞれにグラデとドロップシャドウなど適用→完成。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
アピアランスはこういう円形のものが得意ですね。</div>
<div class="separator" style="clear: both; text-align: left;">
花びらの先が微妙に3枚に分かれているのは、膨張で作った花びら部分の塗りを背面に複製して、前面の花びらを挟むように変形効果で角度をずらして1個コピーしています。</div>
<div class="separator" style="clear: both; text-align: left;">
実務でここまですることは無いでしょうが、花びらを3枚重ねるのは有りかもと思いました。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
週末時間取れそうなのでグラフツールの続きを書きます。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
(2/23追記)</h4>
<div class="separator" style="clear: both; text-align: left;">
昨日描いた前述の花をスウォッチにドロップしてみました。</div>
<div class="separator" style="clear: both; text-align: left;">
何の抵抗も無く入りました・・いいの??</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
元ファイルが効果が重いのか少し動き悪くなっていたし、こんな複雑なのは入らないかなと思ったんですが。</div>
<div class="separator" style="clear: both; text-align: left;">
アピアランスだから入るのは当然と言えば当然なのかな・・??</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2f_s8I9qn5-ckOlek25v7NxASv5Lb_5q6tIf3dzoYHhlLDAEFimaKLeGJ18dtWfAgBX5Fbzr5UkIvCaYnGAimhSwuRSf2BCx093DBHksewWxffyNNdckJiO5d5chq1r8RcjdO6MmneA/s1600/130223-0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2f_s8I9qn5-ckOlek25v7NxASv5Lb_5q6tIf3dzoYHhlLDAEFimaKLeGJ18dtWfAgBX5Fbzr5UkIvCaYnGAimhSwuRSf2BCx093DBHksewWxffyNNdckJiO5d5chq1r8RcjdO6MmneA/s400/130223-0006.jpg" height="308" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9mmyD_vgzoZISdFasKrRwznmH6TNBCdFHA2o68sHt5PGR6OIsfigCM9QvOrh5U9HIalsNkXsQuF_-ZBHDdTag-b16DCvc8H5areD9gOvLaIUwRpGVrqUvym-9hFtArH0yocMy1Wif9A/s1600/130223-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9mmyD_vgzoZISdFasKrRwznmH6TNBCdFHA2o68sHt5PGR6OIsfigCM9QvOrh5U9HIalsNkXsQuF_-ZBHDdTag-b16DCvc8H5areD9gOvLaIUwRpGVrqUvym-9hFtArH0yocMy1Wif9A/s400/130223-0003.jpg" height="308" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
なんだか表現広がりそうですよね。</div>
<div class="separator" style="clear: both; text-align: left;">
CS6のパターン機能が切実に欲しいです・・。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
(同日追記)</h4>
<div class="separator" style="clear: both; text-align: left;">
hamkoさんに教えてもらったのですが、アピアランスはスウォッチにはできるけど登録するときに分割されるそうです。</div>
<div class="separator" style="clear: both; text-align: left;">
スウォッチパネルから取り出してみると案の定…見た目が変わらなければ使うのは大丈夫だけどファイル重くなりそうですね。</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgVoDG42jG7dEKYhds2x7yITMke1dro-V4Wligg1njQwW7l5-UscSSeTfjI-CZnP-YBntcKHTTo-uMV1lu3L2_M34uqH7zFS3HKowmSXgKmQ9b3rofRZR5ZL48GX3F0eELuLSiSnATzg/s1600/130223-0008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgVoDG42jG7dEKYhds2x7yITMke1dro-V4Wligg1njQwW7l5-UscSSeTfjI-CZnP-YBntcKHTTo-uMV1lu3L2_M34uqH7zFS3HKowmSXgKmQ9b3rofRZR5ZL48GX3F0eELuLSiSnATzg/s1600/130223-0008.jpg" height="308" width="400" /></a></div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-75549401333896311862013-02-21T21:54:00.001+09:002013-02-23T00:18:55.827+09:00Ai_10秒で均等な集中線を作る<div style="text-align: left;">
均等な集中線の作り方です。とても簡単です。</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy8GmXqjFIBByQHdItm0YnzzyywaNBtyhrh6PG8W_0RiC-uRplckU60BB1jaNLQohPi1jowJz3xeYl9-TV3kIfWQ392Sj_aDIzhn-1nYyc-SgbSrEnkbDMVOZjeSnPPie0EgUODuGo0g/s1600/130221-0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy8GmXqjFIBByQHdItm0YnzzyywaNBtyhrh6PG8W_0RiC-uRplckU60BB1jaNLQohPi1jowJz3xeYl9-TV3kIfWQ392Sj_aDIzhn-1nYyc-SgbSrEnkbDMVOZjeSnPPie0EgUODuGo0g/s1600/130221-0005.jpg" height="288" style="cursor: move;" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
</div>
<a name='more'></a><br />
<br />
<h4>
1.円を描きます。</h4>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidJMXv1PGyp3cljwQR8Qjo2EksnaZ_jT5kUFWHsbAFlXBnH5d4rY7C6-VbKdB9VR8r-4qy3BNuY-SGVcSRkTuEvR5xiXtRUIz9EeU-mZcLIPnh3hsh7FHs5eD1jAidz_H5GOPmbRta4w/s1600/130221-0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidJMXv1PGyp3cljwQR8Qjo2EksnaZ_jT5kUFWHsbAFlXBnH5d4rY7C6-VbKdB9VR8r-4qy3BNuY-SGVcSRkTuEvR5xiXtRUIz9EeU-mZcLIPnh3hsh7FHs5eD1jAidz_H5GOPmbRta4w/s1600/130221-0001.jpg" height="288" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4>
2.線幅を円のサイズと同じにして、破線を適用します。</h4>
<div class="separator" style="clear: both; text-align: left;">
線幅と円サイズは表示単位が違っても変換してくれるのでそのまま入力して大丈夫です。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
これで完成。</div>
<div class="separator" style="clear: both; text-align: left;">
破線の線分と間隔の数値で集中線の数を編集してください。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvQlQv9LZnbSzMQlcgQm1a0WfOTY3MJ3TyAvH3Q_nj8OrBrtiZqcvXHdECKOolG1XJZZ0vfUqSlCnh4Mn1P-fGYzEkmDicE5e5mbroXgxw_Zgk0FcypBJ6_2P0f0KXrPWAghMbU3H3bg/s1600/130221-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvQlQv9LZnbSzMQlcgQm1a0WfOTY3MJ3TyAvH3Q_nj8OrBrtiZqcvXHdECKOolG1XJZZ0vfUqSlCnh4Mn1P-fGYzEkmDicE5e5mbroXgxw_Zgk0FcypBJ6_2P0f0KXrPWAghMbU3H3bg/s1600/130221-0003.jpg" height="288" style="cursor: move;" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
作った集中線を拡大縮小するときは環境設定>線幅と効果も拡大・縮小にチェックを入れておいてください。</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigiWhK7EYdnT02X0S0WbdiGWaeYahUS9q7kW7EFxSiqphQhD64off1scnuqzgkrO1_PWrEPBzpV_GiGGjp9C9O1MCP3ALvo02HYsBLyWRFnSuuU49PK-QZwhWWI5FUx3UBMyj6tURejg/s1600/130221-0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigiWhK7EYdnT02X0S0WbdiGWaeYahUS9q7kW7EFxSiqphQhD64off1scnuqzgkrO1_PWrEPBzpV_GiGGjp9C9O1MCP3ALvo02HYsBLyWRFnSuuU49PK-QZwhWWI5FUx3UBMyj6tURejg/s1600/130221-0004.jpg" height="288" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
使用例 </div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy8GmXqjFIBByQHdItm0YnzzyywaNBtyhrh6PG8W_0RiC-uRplckU60BB1jaNLQohPi1jowJz3xeYl9-TV3kIfWQ392Sj_aDIzhn-1nYyc-SgbSrEnkbDMVOZjeSnPPie0EgUODuGo0g/s1600/130221-0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy8GmXqjFIBByQHdItm0YnzzyywaNBtyhrh6PG8W_0RiC-uRplckU60BB1jaNLQohPi1jowJz3xeYl9-TV3kIfWQ392Sj_aDIzhn-1nYyc-SgbSrEnkbDMVOZjeSnPPie0EgUODuGo0g/s1600/130221-0005.jpg" height="288" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-34418955773186805822013-02-19T22:44:00.001+09:002013-02-23T00:17:49.524+09:00Ai_同じ比率で色の濃淡を変更する+再配色などイラストレーターのカラーパレットで作った色を少し薄くしたい!でもCMYK(RGB)の比率は変えたくない!なんてときにさくっと色を調整する方法です。ついでにオブジェクトの再配色についても少し。<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggC3XqPVRj_2quzl5TV4fG737GVKA70dKeOqf8WVVCaD4cy5G8asnIuabEeTjKjcM6SO-y_txmpPYg8sdjjWIUIVw_rY9R2jwloOZ1sfV7Pv1MXEtapWbLe6H1oCxGcck69yq9pot7IA/s1600/130219-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggC3XqPVRj_2quzl5TV4fG737GVKA70dKeOqf8WVVCaD4cy5G8asnIuabEeTjKjcM6SO-y_txmpPYg8sdjjWIUIVw_rY9R2jwloOZ1sfV7Pv1MXEtapWbLe6H1oCxGcck69yq9pot7IA/s1600/130219-0002.jpg" height="287" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><br />
<h3>
同じ色の比率のままで薄くしたい!</h3>
<br />
<h4>
方法①</h4>
<div>
Shiftを押しながら任意のスライダをつかみ、左右に動かす。</div>
<div>
他のカラーのスライダも連動して動き、比率を保ったまま色を変更できる。</div>
<div>
<br /></div>
<h4>
方法②</h4>
<div>
任意のカラーの「%」入力欄に適当な数値を入れ、⌘(Win/Ctr)を押したままreturn(Win/Enter)を押す。</div>
<div>
他のカラーも連動して値が変更され、比率を保ったまま色を変更できる。</div>
<div>
<br /></div>
<div>
どちらも半端な数字になりがちですので、必要に応じて区切りの良い数値に置き換えてください。</div>
<div>
<br /></div>
<div>
この方法はここだけ変えたい!というような<b>単発の時に便利</b>です。</div>
<div>
何度も使う色の場合はスウォッチ登録しちゃうのもありですね。</div>
<div>
<br /></div>
<div>
<br />
<br /></div>
<div>
他にも<br />
<br />
<br /></div>
<h3>
<b>色んな色を一気に違う色へ変えたい、色んな色の濃淡明暗を一気に変えたい</b></h3>
<div>
というときは「オブジェクトを再配色」が便利です。</div>
<div>
<br /></div>
<div>
<b>編集>カラーを編集>オブジェクトを再配色</b></div>
<div>
<br />
左下に表示されているカラースライダのモードを<b>HSB表示</b>に変更し、<b>S(彩度)とB(明度)</b>のスライダで調節してください。</div>
<div>
このスライダも上で記載した「Shiftを押しながらスライダを動かす」方法が使えます。「⌘+return」は使えないようです。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF3YvLzNMFvAAKKFOQhpr9vg7zkaE4BFPO9r-DgiI059Ph44e4oL77HcNox0Y_sk0iBYeV0MSWU4wCw2PUJUA3Cs8r1jUgfoyM_YY8X6CzFjbuqvQIjFBKuKcHNkYoU2P56E0p1wPglg/s1600/130219-0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF3YvLzNMFvAAKKFOQhpr9vg7zkaE4BFPO9r-DgiI059Ph44e4oL77HcNox0Y_sk0iBYeV0MSWU4wCw2PUJUA3Cs8r1jUgfoyM_YY8X6CzFjbuqvQIjFBKuKcHNkYoU2P56E0p1wPglg/s1600/130219-0004.jpg" height="287" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
色んな色を一気に変更するには指定から編集にタブを切り替え、カラーの右下にある鎖ボタンをクリックして繋ぎます。</div>
その状態で全ての色が連動して変更されますので、任意の色をつかんで動かすか、下にあるカラースライダを調整してください。<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<b>色をつかんで動かすときは、Shiftを押しながら動かすと彩度を固定したまま動かせます。</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b>また、controlを押しながら色をクリックするとさらにその色の「濃淡」と「カラーピッカー」を表示し、選択することができます。<br />HSB表示が苦手な方はこちらから感覚的に変更できます。</b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYqyTiJ1OkpRsXEA1c8CUZCBGty18aLLMc4ICJPmk8K42gRetn9DhMo-33WLkyAGy8ecLWiw6t1OlrvyYY7LiOjQfQJLq566L-uOkJwvBDIEnA-NZJkf8RZU4_aCG27m4wzBbRrwsfVw/s1600/130219-0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYqyTiJ1OkpRsXEA1c8CUZCBGty18aLLMc4ICJPmk8K42gRetn9DhMo-33WLkyAGy8ecLWiw6t1OlrvyYY7LiOjQfQJLq566L-uOkJwvBDIEnA-NZJkf8RZU4_aCG27m4wzBbRrwsfVw/s1600/130219-0003.jpg" height="287" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
こちらも残念ながら半端な数値になりがちですので随時きりの良い数字に変更してください。</div>
<div>
<br /></div>
<h3>
<b>とにかく同じ色のバリエーションを大量に!</b></h3>
<div>
というときは「ブレンド」が便利です。</div>
<div>
<br /></div>
<div>
前述のパレットの方法で濃い色と薄い色の2つのオブジェクトを用意し</div>
<div>
オブジェクト>ブレンド>作成</div>
<div>
<br /></div>
<div>
オブジェクト>ブレンド>ブレンドオプション、から設定をステップ数に変更し任意のステップ数(ステップ数だけカラーバリエーションができる)を入力。</div>
<div>
そのままでは間に作成されたステップは選択できない状態なので、</div>
<div>
オブジェクト>ブレンド>拡張<br />
<br />
それぞれが独立したオブジェクトに変換されるので大量のカラーバリエーションが作れます。こちらも残念ながら半端な数値になりがちですので随時きりの良い数字に変更してください。(こればっかり)<br />
ブレンドのいいところは、白と黒ばかりではなく、どんな色とでもブレンドで混色できるところだと思います。<br />
<br />
<br />
<h3>
<b>とにかく同じ色のバリエーションを大量に!(2)2/20追記</b></h3>
</div>
<div>
というときはもうひとつあったのを忘れていました、「カラーガイド」が便利です。</div>
<div>
CS4くらいから搭載だったのじゃないかと思われます。<br />
明暗だけであればブレンドより手早く便利です。<br />
<br />
カラーガイドパレットが表示されていなければウィンドウ>カラーガイドより表示させてください。<br />
<br />
カラーガイドは任意の指定色に対して、色の組み合わせなどを提案してくれる機能です。<br />
提案、と書きましたがきちんとした定義に沿って定められている色のようです。以前何かで読んだのですが詳細忘れてしまいました。<br />
提案してくれる色の組み合わせ方(ハーモニールール)にもバリエーションがあり、補色、モノクロマティック、トライアドなどなど23通り。<br />
それを更に3種類の表示形式で展開できます。(明暗、彩度など)<br />
<br />
ハーモニールールの選択はタブのすぐ下のドロップダウンリストから、色展開の表示形式はパレット右上の下三角▼のメニューから選択できます。<br />
単に指定した色の明暗が出したければハーモニールールは関係ないので、パレット右上のメニューから色合い・陰影を表示を選択すれば大丈夫です。<br />
下にずらっとスウォッチが並んでいる場所に、指定色からそれぞれCMYK0、K100までの変化を等分したスウォッチが表示されます。<br />
そのスウォッチを選択すれば彩色もできますし、スウォッチにもカラーガイドから登録、更にオブジェクトを再配色とも連携しています。(右下アイコン)<br />
<br />
ここで明暗の暗はK100なんだなあ、ということに今更気付きました。<br />
リッチブラックでも困るけど…変えられても良さそうなものなのに。シアン足したりとかしたいなあなんて。用途としてはまた違ってくるのかもしれませんね。<br />
<br />
ちなみに先ほど「色合い・陰影」を選択したときのメニューにあった、バリエーションオプションから色を等分する回数(バリエーション数)を増減できます。<br />
必要に応じて調整してください。<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgR2lAyuWPOnAQpLjyyYTvlp9uW6ORmnx6Kf-bvMgym_c3IeG79vABttC3xTiYI8gf3iZXylzYpTZJdIU_H-2vWl9ARTZrFJJttmB2uHDLahl2T80D27yYgrBBYix7qx4uEhvKURBlUw/s1600/130220-0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgR2lAyuWPOnAQpLjyyYTvlp9uW6ORmnx6Kf-bvMgym_c3IeG79vABttC3xTiYI8gf3iZXylzYpTZJdIU_H-2vWl9ARTZrFJJttmB2uHDLahl2T80D27yYgrBBYix7qx4uEhvKURBlUw/s1600/130220-0002.jpg" height="288" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
この機能は私もあまりよく使えていません。</div>
<div class="separator" style="clear: both; text-align: left;">
オブジェクトを再配色と連携しているのでもう少しよく調べたいです。</div>
まとまればまた書きます。<br />
<br /></div>
<div>
<br />
駆け足で色々紹介したので分かりにくければご連絡ください。<br />
オブジェクトを再配色はとっても便利な機能なので(CS4から搭載だったような…?)ぜひ使っていただきたいのですが、始めは少しぎょっとするかもしれません。<br />
今回はおまけ扱いで書き足りないのでいずれもう少し詳しいものを書きたいと思います。</div>
<div>
<br /></div>
<div>
グラフツールの続きは週末に。</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7529459898790617504.post-16917183532207732032013-02-15T22:08:00.000+09:002013-03-02T13:45:45.415+09:00Ai_グラフツール① 特徴・欠点現状のグラフツールの私の使い方です。<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPPbszxssYu8ZNGx9ACiwm_UvwYj3RSzPsIZqXsqUC37-d4jTwU8HSwDp-nUH3EOt_Iou60_kz-BU9x1nI38RGO-MR8xmWWMMmOUnpsrMWviJW5mloEzdSl0xpJcczKef-9gOPIM8MaQ/s1600/130216-0009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPPbszxssYu8ZNGx9ACiwm_UvwYj3RSzPsIZqXsqUC37-d4jTwU8HSwDp-nUH3EOt_Iou60_kz-BU9x1nI38RGO-MR8xmWWMMmOUnpsrMWviJW5mloEzdSl0xpJcczKef-9gOPIM8MaQ/s1600/130216-0009.jpg" height="288" width="400" /></a></div>
<div class="p1">
</div>
<a name='more'></a><br />
<br />
<div class="p1">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
グラフツール、今の職場に来るまでは一切使ったことがありませんでした。最初の印象は「何て使いにくいの!」でした。今もその印象はあまり変わりません…バージョンが上がっても使い勝手が変わらないあたり、あまり需要が多い機能ではないのかなと思っています。</div>
</div>
<div class="p1">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
ただ、年数回ですが仕事で必要なので試行錯誤した結果の、現状の私の使い方を記載しておきます。</div>
</div>
<br />
<br />
<br />
<div class="p1">
①グラフツールの特徴(欠点)</div>
<div class="p1">
②グラフツールで棒グラフを描く</div>
<div class="p1">
③グラフツールで複合グラフを描く</div>
<div class="p1">
までを書こうと思っています。</div>
<div class="p1">
<br /></div>
<div class="p1">
私が作りたいのは上のようなごくシンプルなグラフなので、複雑な仕上がりのグラフの作り方には参考にならないかもしれません。作るようになれば、また書きたいと思います。</div>
<div class="p2">
<br /></div>
<div class="p2">
<br /></div>
<h3>
グラフツールで作ったグラフの特徴・欠点</h3>
<div class="p1">
</div>
<h3>
</h3>
<h4>
<ol>
<li>グラフはグループ化されたオブジェクトで作成されている。解除するとグラフとしては機能しなくなる。</li>
<li>選択ツールで選択してもバウンディングボックスが表示されない</li>
<li>変形パネルでサイズが表示されない</li>
<li>グラフ作成後のサイズ変更が難しい(対処法あり)</li>
<li>正確なサイズでの作成が難しい</li>
<li>グラフの細かな部分の処理が雑。</li>
<li>グループ化を解除しないとグラフ内文字はアウトライン化できない</li>
<li>複合グラフの設定が難しく、エラーも多い。</li>
</ol>
</h4>
<br />
<div class="p2">
<br /></div>
<h3>
グラフツールでグラフを作るメリット</h3>
<div class="p1">
</div>
<h4>
<ul>
<li>グラフ情報を保ったままでもある程度自由な編集ができる。</li>
<li>エクセルのデータを持ってきて貼るよりも少ないパスで仕上がりがきれい。</li>
</ul>
</h4>
<div>
グラフはオブジェクトで出来ているので、それぞれを少し離したりや色を変えたりなどは案外自由に動かせます。<br />
エクセルデータをイラストレーターに貼付けると、パスがアウトライン化されるので無駄にパスが増えて私は好きではありません。<br />
セルでの編集もエクセルに戻らないといけないということもあって、イラストレーター上で完結できるのなら簡単なグラフを描くだけであればグラフツールでいいかな、と思っています。<br />
でもあまりメリット無いですね・・<br />
<br />
<br /></div>
<div>
特徴について少し詳しく書きます。<br />
<br /></div>
<h4>
<span style="font-weight: bold;">1.</span><span style="font-weight: bold;">グラフはグループ化されたオブジェクトで作成されている。解除するとグラフとしては機能しなくなる。</span></h4>
<div>
<h4>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;">グラフツールで出来ているグラフは、グループ化された線や塗りのオブジェクトで出来ています。</span></div>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;">グラフとしての設定パネルや、Excelのような入力セルなどが一通りあり、円や折れ線などグラフの種類も選べます。あまり性能は良くありません。</span></div>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;">グループ化されていることでグラフとしての機能を保っているようなので、グループを解除すると上記のようなグラフとしての機能は使えなくなります。</span></div>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;"><br /></span></div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDEjCV5NUhjujPM0PZdWjsDRg-N15su8IMILhC_mRlUTpVjOI5GwIfM3Fkukd-8piJI_KoAWg5YDrORPj3yoIqUsCOQIUmTfmrE0sET2rxiSC4S_MjtRV1ZOPmyx2_19-S6esuGXgpSg/s1600/130214-0001_1.jpg" imageanchor="1" style="font-weight: normal; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDEjCV5NUhjujPM0PZdWjsDRg-N15su8IMILhC_mRlUTpVjOI5GwIfM3Fkukd-8piJI_KoAWg5YDrORPj3yoIqUsCOQIUmTfmrE0sET2rxiSC4S_MjtRV1ZOPmyx2_19-S6esuGXgpSg/s1600/130214-0001_1.jpg" height="288" width="400" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;">グループの解除をしようとすると警告表示が出ます。<br />解除すると通常オブジェクトになるので見た目の編集は色々できるのですが、上の図ようなセルでの入力などは出来なくなります。グループを解除する前にコピーを残しておくことをおすすめします。</span></div>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;"><br /></span></div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_KRoSKep5_qyhIsy5_R_2axwdcLQJGauPWYuINFgbm3cQj7kNIWa2pnhbZLTB2EQ9EO5T0uK0u81fwdDPXFExcuX7AUfU-Z3XeShpKr4z2rk4u24T43bjTZZFDDubyUEBimJyid0Zbg/s1600/130214-0001_2.jpg" imageanchor="1" style="font-weight: normal; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_KRoSKep5_qyhIsy5_R_2axwdcLQJGauPWYuINFgbm3cQj7kNIWa2pnhbZLTB2EQ9EO5T0uK0u81fwdDPXFExcuX7AUfU-Z3XeShpKr4z2rk4u24T43bjTZZFDDubyUEBimJyid0Zbg/s1600/130214-0001_2.jpg" height="288" width="400" /></a></div>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;"><br /></span></div>
</h4>
<h4>
2.バウンディングボックスが表示されない<br />3.変形パネルでサイズが表示されない<br />4.グラフ作成後のサイズ変更が難しい(対処法あり)</h4>
<span style="font-weight: normal;"><br /></span>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipeTP0q8M5ktK-QP7xl7Nu0bPCMHzqFaFTXTT1UOxD3wyxIn50jVRGzoX9HX2di5ohL4ddhqcTygurZ6h1-Fs6KURSA8h8g6yUm2xz1Rhc5BCkd4BgfY0w7gg07W3fcf-lwPLQWuzAQg/s1600/130214-0002_1.jpg" imageanchor="1" style="font-weight: normal; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipeTP0q8M5ktK-QP7xl7Nu0bPCMHzqFaFTXTT1UOxD3wyxIn50jVRGzoX9HX2di5ohL4ddhqcTygurZ6h1-Fs6KURSA8h8g6yUm2xz1Rhc5BCkd4BgfY0w7gg07W3fcf-lwPLQWuzAQg/s1600/130214-0002_1.jpg" height="288" width="400" /></a><br />
<br />
<span style="font-weight: normal;">グラフは選択ツールで選択してもバウンディングボックスが表示されず、変形パネルにもサイズが表示されません。なので、選択しているグラフのサイズもわからない上に通常のオブジェクトのように選択ツールでの拡大縮小も出来ません。</span><br />
<span style="font-weight: normal;"><br /></span>
<span style="font-weight: normal;">でも実は拡大縮小ツールでは拡大縮小が可能です。</span><br />
<span style="font-weight: normal;"><br /></span>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2WGhW1pUeuwj82pdmTO6K7x8E7nebCLBmgDNHg04OKmYBT_piGgrUXc1qcdnwmJ39Y7tdBf0PfdbzRkeS36HUOrsgYCbRz-bgd718ASJJruPnB7nD1mgI43mxvg1PHMzBPxt6xLnR1w/s1600/130214-0004.jpg" imageanchor="1" style="font-weight: normal; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2WGhW1pUeuwj82pdmTO6K7x8E7nebCLBmgDNHg04OKmYBT_piGgrUXc1qcdnwmJ39Y7tdBf0PfdbzRkeS36HUOrsgYCbRz-bgd718ASJJruPnB7nD1mgI43mxvg1PHMzBPxt6xLnR1w/s1600/130214-0004.jpg" height="288" width="400" /></a><br />
<br />
<span style="font-weight: normal;">グラフを選択時に拡大縮小ツールをダブルクリックして拡大縮小ダイアログを表示させて</span><span style="font-weight: normal;">、拡大縮小率を入力します。</span><br />
<span style="font-weight: normal;">80%に縮小しました。</span><br />
<span style="font-weight: normal;">パーセンテージでしか入力できないので半端な数字でしか拡大縮小できませんが、全く出来ないよりましだと思います。</span><br />
<div class="separator" style="clear: both;">
<span style="font-weight: normal;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;"><br /></span></div>
<h4>
5.正確なサイズでの作成が難しい</h4>
<br />
<span style="font-weight: normal;">グラフを作る時は2つの方法があります。</span><br />
<span style="font-weight: normal;"><br /></span>
<span style="font-weight: normal;">グラフツールを選択して</span><br />
<span style="font-weight: normal;">①任意のサイズに</span><span style="font-weight: normal;">ドラッグする</span><br />
<span style="font-weight: normal;">②ダイアログを出して数値指定する</span><br />
<span style="font-weight: normal;"><br /></span>
<span style="font-weight: normal;">①のドラッグして作る方法はオススメしません。</span><br />
<span style="font-weight: normal;">4に書いたように、後からのサイズ変更ができないため思うようには作れません。</span><br />
<span style="font-weight: normal;">②のダイアログもあまり思うようにいかないのですが、これしかないのでこれで作っています。</span><br />
<span style="font-weight: normal;"><br /></span>
<span style="font-weight: normal;">実は、②のダイアログでサイズを指定して作成すると、なんだか指定したサイズと違うのです。明らかに大きいです。</span><br />
<span style="font-weight: normal;">グループ化を解除してグラフのサイズを確かめてみたところ、座標の数字を含めたグラフ全体のサイズ(オレンジ)ではなく、軸の内側のサイズ(黄色)がほぼ指定サイズと等しいようです。</span><br />
<span style="font-weight: normal;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTzk4oL53peGKGeDfDQxudwP9d1w3ITQps-QNu2FyRQv11vAPb0bs9AALVlvycG6RQfF5iAAHmzKUdNLSwCBUgz3r5W5qzj5nxN7-i1qZZEEwH7KZdiZPzCqdftnV6OveNi9v8XidHA/s1600/130215-0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTzk4oL53peGKGeDfDQxudwP9d1w3ITQps-QNu2FyRQv11vAPb0bs9AALVlvycG6RQfF5iAAHmzKUdNLSwCBUgz3r5W5qzj5nxN7-i1qZZEEwH7KZdiZPzCqdftnV6OveNi9v8XidHA/s1600/130215-0004.jpg" height="288" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-weight: normal;">指定サイズ/60mm×H49mm → 軸の内側のサイズ/59.294×49.294</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-weight: normal;">サイズを</span><span style="font-weight: normal;">指定</span><span style="font-weight: normal;">する時は、座標の入る場所(オレンジ)を考えて入力しないといけないようです。あらかじめ座標が入ることを想定した枠などを用意しておくと良いのかもしれません。後から複合グラフにする時は右側にも座標のスペースが必要なので注意。</span></div>
<br />
<span style="font-weight: normal;"><br /></span>
<br />
<h4>
6.グラフの細かな部分の処理が雑。</h4>
<br />
角がギザギザになっていたり、軸が棒グラフの後ろにあったりで、細かいけど気になる雑さ・・<br />
アウトライン表示で見ると全てエッジが合っていてきれいなんですけど、線幅が付くとこんな残念な感じになります。角をつなげたり、軸を前面に持ってくるにはグループ化を解除するか、前面にパーツをコピーして処理しないといけません。<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2_OABnd7vRr3bFJcJ5KuXnahoMFaqCOXmsMhImm-lxJWVuQex6zASIK_xPcVBxSRrRPAmGo0W_L4owsVCAf0RB4mZPP5rjoKaqqMY_4zjljW6P1RRi0P-pMdlLKbBx57Al8xNflRxlw/s1600/130214-0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2_OABnd7vRr3bFJcJ5KuXnahoMFaqCOXmsMhImm-lxJWVuQex6zASIK_xPcVBxSRrRPAmGo0W_L4owsVCAf0RB4mZPP5rjoKaqqMY_4zjljW6P1RRi0P-pMdlLKbBx57Al8xNflRxlw/s1600/130214-0006.jpg" height="288" width="400" /></a><br />
<br />
<h4>
7.グループ化を解除しないとグラフ内文字はアウトライン化できない</h4>
<h4>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;">グラフはグループ化を解除する前に「アウトラインを作成」をしても、グラフ機能で作成されている凡例や座標はアウトライン化されません。<br />下の図は左がグループ解除していないもの、右が解除したものです。両方を選択してアウトライン化を実行しましたが、グループを解除していないほうはアウトライン化されていません。</span></div>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;">アウトライン化して入稿する時などは注意が必要です。</span></div>
<div class="separator" style="clear: both;">
<span style="font-weight: normal;"><br /></span></div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijeK7_4-yuPDQbJHF6iwZGe4nqromeKrA0NmPg4DLClKimHeSXEJ9qjCNiQqUK_eWohmxgDlZ9dNRkZ2pWY5L04DAXZVfSzxKJUT3m-8t1eC8S2ZCo9-0iLkB0P60lOOdGshziM4nijg/s1600/130214-0007.jpg" imageanchor="1" style="font-weight: normal; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijeK7_4-yuPDQbJHF6iwZGe4nqromeKrA0NmPg4DLClKimHeSXEJ9qjCNiQqUK_eWohmxgDlZ9dNRkZ2pWY5L04DAXZVfSzxKJUT3m-8t1eC8S2ZCo9-0iLkB0P60lOOdGshziM4nijg/s1600/130214-0007.jpg" height="231" width="320" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
8.複<span style="font-weight: bold;">合グラフの設定が難しく、エラーも多い。</span></h4>
<h4>
<br /><span style="font-weight: normal;">すみません、8を書くのを忘れていました。</span><br />
<span style="font-weight: normal;">なかなか思い通りには複合グラフの設定は動いてくれません。<br />こちらについては複合グラフのエントリのときに詳しく述べます。</span></h4>
<span style="font-weight: normal;"><br /></span>
<br />
<h4>
<span style="font-weight: normal;">とりあえず私が気付いたことです。</span></h4>
<h4>
<span style="font-weight: normal;">仕様上仕方ないのかなと思うものもあるんですけど、せめてサイズの表示くらいできるようになってほしいです。Excelのグラフエリアのようにグラフに背面を付けたほうが大きさも掴み易いんじゃないでしょうか。後から削除(もしくは透明化</span><span style="font-weight: normal;">)できれば編集にも問題ないと思います。</span><br />
<span style="font-weight: normal;"><br /></span>
<span style="font-weight: normal;">次回は私のグラフ作成手順を書いていく予定です。</span><br />
<span style="font-weight: normal;">週末に書けなければ、来週。<br /><br /><br /><br />週末に書けませんでしたので来週末に・・・</span></h4>
</div>
Unknownnoreply@blogger.com0