Illustratorで作業していると，たくさんある項目の中から1つを選ぶ動作を繰り返していることに気づきます。例えば次のような動作です。 • ［効果］メニューの中から［パスの変形 > 変形...］を選んで適用する • ［文字］パネルから［A-OTF 太ゴB101 Pr6］を選んで適用する • ［グラフィックスタイル］パネルから［ドロップシャドウ］を選んで適用する 目視とクリックでたどっていくのは手間がかかるため，よく使う項目にはキーボードショートカットを割り当てることが多いでしょう。 ただ，ショートカットを増やしすぎると全部は覚えきれません。グラフィックスタイルなどは，書類によって名前が違うために設定しても効率がよくないこともあります。 もしSpotlightやAlfredのようにショートカット1つで呼び出して項目を検索し，それを適用できたら大分速くなります。コツコツとショートカット設定

まずはじめにこちらをご覧ください。 街で見つけた中華料理屋の看板なんですけど、なにか違和感を感じないですか？ 分かりやすくしてみましょう？ ハイ！！ なんか文字の先端がトガっていますよね？ 思春期の少年の心かな？ ノンノンノン！！ 実はこれデザイナー界隈ではでトゲとかツノとか言われているものでして、文字をフチ取る加工をする際に起きやすい初歩的なミスなんです！ くの両端がグイッとトガッている で、なぜこのような事が起きるのか？調べたらこういう事だそうです。 ■回避策 ・線のパレットの「比率」を小さくする 線幅×比率の値がマイター長よりも短いとベベル結合になります。比率の値を小さくすることで、マイター結合が長く伸びる場合には、出力側でベベル結合になるのでツノが出る問題を抑制できます。 文字にツノが出る問題（マイター処理） 分かりましたか？フチの線の設定をいじると直るよとのこと。 で、このトゲ！

フロントエンドエンジニア目線で Web のデザインには Illustrator や Photoshop ではなく Figma を使ってほしい理由 こんにちは。Figma 大好きフロントエンドエンジニア、seya と申します。 最近大きくシェアを伸ばしている Figma ですが、デザインが Figma で作られていると Illustrator (以下イラレ)や Photoshop などと比較してかなり実装しやすいと言う実感があります。個人的には後者のツール群はグラフィックのデザインツールであって Web のデザインツールとしては適していないと考えています。 なので、この記事ではフロントエンドエンジニア目線で Figma の何が嬉しいのかを語っていきます。 また、若干片方の群を落とすような主題で予防線はるのアレなのですが、イラレなどをデザインカンプとして実装に取り組んだ経験が3サイトくらいしか

この記事では、Illustratorで美しいグラデーション作成する基本ガイドとして、数回のシリーズに分けて具体的なデザイン方法や便利なテクニックを紹介しています。 今回は、グラデーションデザインに重要な「配色」の選択、設定を行っていきます。 ベースとなる色を決め、補色や類似色などの配色ルールを活用することで、グラデーションに必要な鮮やかなカラーグループを簡単に選ぶことができるテクニック。 Illustratorの配色に関する便利な機能を活用するので、配色が苦手なひともこの記事の終わりには、自分だけの美しいカラーパレットを簡単に作成できるようになります。 コンテンツ目次 1. Illustrator推奨ドキュメント設定 2. カラーガイドパネル 3. 補色によるカラーグループの作成 4. ペンタードカラーによるカラーグループの作成 5. 類似色によるカラーグループの作成 6. 鮮やかなカスタ