WEBデザイン 【コーディング備忘録】SVG形式で書き出したフォントが正しく表示されていないとき！〜アウトライン化と書き出し方法〜
本日は、お問い合わせページのコーディング中に起こったことについて。 電話番号と受話器のピクトグラムをまとめてSVGで書き出して、反映させてみたところ・・・ Windows環境では何故か明朝体→ゴシック体になっていたんです。 なぜ別のフォント...
アプリケーション
WEBデザイン 
アプリケーション 【Illustrator】文字の変形について〜長体・平体・正体〜
前回の記事にて、イラレで文字の属性を初期値に戻す方法についてまとめました。 その中で垂直比率と水平比率について触れましたが、今回はそのオマケ的な内容です。縦長や横長に変形した文字にも名前がちゃんと存在していたので、それぞれ紹介したいと思いま...
WEBデザイン 【Illustrator】文字の属性をリセットする方法
先日の「できるかもデザイン」でプロのデザイナー2名が、イラレを使ってあえてダサく作った名刺のリデザインをしていました。文字の扱いに関する解説を聞いていた中で「これは使えるかも！」と思ったショートカットがあったので備忘録として残しておきます。...
WEBデザイン 【Illustrator】オブジェクトの拡大・縮小で変化する線幅の対処法
イラレでは初期設定の状態だと、オブジェクトを縮小するとこのようにオブジェクトの大きさに対して線幅が太くなってしまいます。元の線幅を維持したまま縮小しているからこうなってしまうんですね。 そこで今回は、線幅を大きさに応じて可変させながらオブジ...
WEBデザイン 【Illustrator】表示されるとなかなか消せないアレ（遠近グリッド）の消し方
イラレを使用中に、たまに表示されるコレ。ピンとくる方いないでしょうか。 遠近グリッドというツールで、上図の二点透視図法のような遠近表現をする際に便利なガイド機能です。結構な頻度で現れ、消そうにもなかなか消えてくれず、時間のロスになる事があり...
WEBデザイン 【Illustrator】写真の被写体を切り抜く方法〜クリッピングマスク〜
さて今回は、イラレのクリッピングマスクを使って写真や画像の被写体を切り抜いていきますよー。 やり方は、①ペンツールで被写体をなぞって、②クリッピングマスクをかけるというシンプルな工程ではありますが、ペンツールに慣れていないと苦戦するかもしれ...
WEBデザイン 【Illustrator】画像を文字で切り抜く方法〜クリッピングマスク〜
みなさん、イラレのクリッピングマスクは活用してますか？ 個人的にはかなり使用頻度の高い機能のひとつなので、マストで覚えるべき機能だと思います。 そこで今回は、クリッピングマスクを使って①画像を文字で切り抜く方法と、 ②画像をオブジェクトのパ...
WEBデザイン 【Illustrator】画像をはめ込んで合成する「モックアップ」の作り方
最近、知人からの依頼で看板のリニューアルデザインをしています。 看板のデザインを作成するのは初めてなので、アドバイスを頂きながら進めているのですが、その中でモックアップの作成を勧められました。（モックアップとは、よりイメージを掴みやすくする...
WEBデザイン 【Illustrator】オブジェクトが正常に選択できない時の対処法
イラレでオブジェクトを編集しようと対象をクリックするも、アンカーポイントが表示されない•••（ロックをかけていないのに！）なんてことありませんか？ 私は文字がドラッグできなくなる度にアワアワしています。 その原因は、おそらく境界線が隠れた状...
WEBデザイン 【Illustrator】色決めに迷ったときに役立つ「カラーガイド」の使い方
デザインの色決めをしていて、「色の方向性は何となく決まったけどイマイチしっくりこない...」となる事はありませんか？ また、スウォッチパネルの初期カラーパレットばかり使っていると、毎回似たような色になりがちですよね。 本日は、少しでも色の幅...