神経質と言われようがカーニングの大切さを語りたい | AKITA SOLUTION MAGAZINE
こんにちは。 デザイナーの朝子です。 春ですね。 最近、目が痒く、鼻水とクシャミが出ます。 この世に生を受けて、ある程度長い月日が経ちました。 今まで私には無縁と思っていた、Ka-fun症に知らずに仲間入りしはじめているかもしれません。 気のせいだといいのですが…。 さて、今日はグラフィックデザインの制作において、大事な工程の一つをご紹介します。 一見、かっこよさげに見えるこのデザイン。 だがしかし…！ このデザインには、重篤な残念ポイントがあることにお気づきでしょうか？ 一般の方にはやや難しいかもしれません。 ですが、グラフィックデザイナーを目指す方には確実に気づいてほしいポイントです。 ヒントは『文字の中』にあります。 ズームしてみますね。 例えばこことか。 こことか。 どうでしょう…？ 文字と文字の間隔が不自然なことにお気づきでしょうか。 「んー、まぁ言われるとそうかな？」くらいの方
Illustratorの作業をちょっと早くする［ツールのショートカット編］｜spicagraph｜note
みなさんイラレ好きですか？わたしは好きです。 長年イラレを我流で使ってきましたが、「これで作業効率がよくなった！」というものを紹介するシリーズです。第一回は「ツールのショートカット」です。 「ツール」にもショートカットがあるショートカットというと、コピーの「⌘C」ペーストの「⌘V」といった「アプリケーションメニューを思い浮かべると思います。Illustratorでは、「ツールバー」に並ぶツールにもショートカットが当たっています。作業中にツールバーを右往左往するのは結構なタイムロス、ショートカットで切り替えると時間短縮になります。 しかも、ツールのショートカットは好きに変更できます。わたしは右手にマウス、左手がキーボード、という制作環境なので、よく使うショートカットはなるべく左に寄せています（尊敬する三階ラボさんを参考に）。ショートカットは全て覚える必要はありません、よく使うものを2、3覚え
ベーシックな名刺デザイン覚え書き
紙のデザインはメインの仕事ではないけれど、ロゴ制作の依頼に合わせて、名刺の依頼もいただくことが多い。頻度は高くないものの、1年に数回はあるので、自分のメモも兼ねて名刺デザインについてまとめてみたいと思う。 この記事は実験的に有料にしていますが、投げ銭制度となっており、購入しなくてもすべて読めます。その代わり購入いただいた方にはオマケでこの記事用につくった名刺のIllustratorデータをダウンロードいただけます。基本フォーマットまず基本的なこととして、名刺のサイズは「55 × 91mm」 海外だともう一回り小さな名刺が主流で「51 × 89mm」 載せる内容意外と依頼する側は何を載せるのか決まってなかったりする。そのため、まずこちらから項目を渡し、載せたい情報のみを教えてもらうと良い。 名前 フリガナ（ローマ字、平仮名。大抵はローマ字） 肩書 会社名 電話番号 メールアドレス URL S
アピアランス使用時のスミ文字のオーバープリントについて｜DTP Transit
先日のセミナーにて「アピアランス使用時、スミ文字にオーバープリントをかけると、下の線にかかる部分のカラーが変わりますよね...」というご質問をいただきました。 たとえば、このような例の場合、 極端に表現すると、このようになってしまいます。 オーバープリントは、［属性］パネルで行いますが、アピアランスで、複数の［塗り］を追加していても、それぞれの塗りごとにオーバープリントの有無を調整することができます。 おそらく、ご質問の意図は、「出力の際に、自動でブラックオーバープリントがかかってしまう際などに、何か回避方法はないか？」ということだと思うので、ちょっと考えてみました。 ［線］で縁取りを付けるのでなく、［塗り］を追加し、［パスのアウトライン］効果をかけた後に、［パスのオフセット］をかけて擬似的に線を表現する方法はどうでしょうか？ 分割拡張を行うと次のようになりますので、オーバープリント処理さ
プログラマーがイラレで絵を描けるようになると、こうなる - ppworks.jp
プログラマー、絵が描けないじゃないですか（偏見） こんなじゃないですか。 なので描けるようになりたいなとずっと思っていて、ベジェ曲線って滑らかでナンカヨサソウ、とチャレンジしました。 「ベジェ曲線」習熟ドリル 7,8年前に買ったのがこれ。そう、チャレンジは2回目なのです。前回は3ページぐらいで挫折してました。んで、最近急に暇になったのをキッカケに「よしやろう」という気になり始めたのです。 改訂二版〈Illustratorで学ぶ〉「ベジェ曲線」習熟ドリル 作者: 中村高之出版社/メーカー: ラピュータ発売日: 2005/04メディア: 単行本購入: 2人 クリック: 8回この商品を含むブログ (4件) を見る (2014.1.10追記) なんと、長らく手に入りにくかったこちらの書籍が新装改訂版で再登場とのこと。 表紙が若干、損していた分、今回はスタイリッシュで内容と合っていてヨサソウです。
【イラストレーター 環境設定 Web DTP 切り替え】やっとできた！イラストレーター環境設定の保存 : GOROLIB DESIGN #はやさはちから
Affinity Designerの使い方： 初めて使ったときに戸惑ったことのまとめ
Affinity Designerを初めて使った時に戸惑ったことをまとめてみました。最初の戸惑いをクリアすれば、すごく使いやすくサクサク動くオススメのアプリです。無料試用版 もあるので、ぜひ、お試しください。 2022年11月9日にAffinity Designerのバージョン2が公開されました。この記事の内容はバージョン1の情報です。バージョン2では大幅なUIの刷新（レイヤーパネル周りも結構変わりました！）が行われており、バージョン1とは画面の見た目や機能自体が違うものもありますのでご注意ください。 目次 初心者向けAffinity Designerの使い方シリーズ Affinity Designerがおすすめな理由 使いはじめに戸惑ったこと 1. ツールバーやパネルの表示の調整 2. レイヤーまわりの操作 3. カラーピッカーの使い方 4. ペルソナ（操作モード）の使い方 5. Com
Glyphs Miniでアイコンフォントを作る方法 - MEMOGRAPHIX
アイコンをwebfontにするの、数年前から流行ってて、確かに便利ということがある。[Font Awesome](http://fontawesome.io/)とかが有名。 アイコンフォント、自分でも作れそうだったので作り方まとめた。 ## 用意するもの - [Glyphs Mini](https://itunes.apple.com/jp/app/glyphs-mini/id469036911?mt=12&uo=4&at=11l8Mb) - Adobe Illustrator Glyphs Miniはフォント作るアプリ。Mac App Storeで買える。 具体的な手順1.Illustratorの準備1792*1792pxのドキュメントを新規作成する環境設定 -> ガイド・グリッド で、グリッド128px、分割数2にする 「グリッドを表示（⌘+¥）」するアートボードにグリッドが14マスで
【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く
フォント管理 2014（OS X Mavericks＋Font Book.app編）｜DTP Transit
末尾に追記していますが、モリパス（MORISAWA PASSPORT）など、たくさんの書体をインストールされる方には不向きです。 フォント管理はFontExplorer X Pro一択オシなのですが、有料でそれなりにすることもあり、検証に検証を重ね、Font Book.app編（OS X Mavericks）を作成してみました。 フォント管理2013（10.8対応、FontExplorer X Pro編） パレートの法則よろしくインストールされているフォントの中で使うものは一握りです。デフォルトの状態では、OSやAdobe CS/CCなどでインストールされるフォントがすべて表示されるため、フォントメニューには使用しないフォントがたくさん表示されます。 IllustratorやMac OSを再起動せずに、フォントメニューに表示するフォントをコントロールできるように環境を整備する方法をご紹介し
レスポンシブなワイヤーフレーム作りには、IllustratorとかInDesignがいいかもな – A Memorandum
ぼんやりと昨年海外で公開されているスライドを眺めていて、「あぁ、なるほど。頭良いなｗ」と思ったのが、InDesignを使ってレスポンシブなワイヤーフレームを作る方法。 レスポンシブな設計というかいろんなデバイスとかを対象にして、ざっくりとワイヤーフレーム作るのになんかうまい方法はないかな？と、自分ではOS XのSketchなんかで複数のサイズのアートボードを作ってやってたんだけど。 よくよく考えてみれば、Illustratorでもサイズ違いのアートボードは作れるし、InDesignも複数のドキュメントサイズを混在させられるじゃん…。しかも、双方に文字のスタイル設定の機能あるし（笑）。 複数のサイズのワイヤーフレームを作る レスポンシブなんてpxで固定サイズにするのもおかしいっちゃおかしいんですが、今のところそうするしかないのでとにもかくにもざっくりとした複数サイズで区分けします。Illus
タイポグラフィが苦手な人におすすめしたい私のやり方
東京都でフリーランスデザイナーをしているイシジマミキのブログです。制作実績やその作り方とか。あと運営しているコワーキングスペース「こけむさズ」に関して。書評などのレビューもします。 ※タイトルを「文字のビジュアルデザインをするのには優先順位から」→「タイポグラフィが苦手な人におすすめしたい私のやり方」に変更しました。タイトルを考えてくださったhttp://handywebdesign.net/のなかふじさん、ありがとうございますー！ タイポグラフィーとかロゴデザインとかそれ以外にも文字をデザインする機会は多いと思います。というかDTPですとこっちのが日常的に行われますね。Webデザインでも最近Webフォントなどが出てきたことでよりフォントがいろいろ使えるようになり表現力が上がりました。Web系の人にはあまり使われない内容かもしれませんが、覚えておくと良いよー。ということで普段自分のやってい
「ベタ組み」について…少しだけ… - なんでやねんDTP・新館
「ベタ組み」について少し考えるところがあるので、ここでおさらいの意味を込めて、簡単ではあるが、少しだけ説明しておきたい。 （作例は Illustrator CS4、InDesign でも考え方は同じ） ↓一般に和文書体は正方形を基準にデザインされており、この正方形を仮想ボディと呼ぶ。 四種類の書体を掲げたが、それぞれの文字は（漢字でも）仮想ボディよりもやや内側に生成されるのが普通である もちろん、最下段に掲げたように、字間ベタの状態で繫がる必要のある罫線素片などは仮想ボディいっぱいにデザインされている*1 簡単な話、「ベタ組み」とは、（上のように）この仮想ボディの正方形を隙間無く並べて文字を組むことをいう（字間ベタ＝アキなし…といってもツメ組みの意味ではない）。 ↓但し、句読点類や括弧類・中点類などの約物はその文字幅を半角分（二分）とし、それぞれ前あるいは後ろに半角分（二分 ※中点類は前後
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カワココ on Twitter: "ベテランさんでも普通にやるし業界の常識みたいになっているのであんまり触れていなかったんだけど、線幅でフチつけるのはイケてないと思うんだ。フチ部分を分割したとき煩雑なんだよ（上） 塗りにパスのオフセットでフチつけて追加もつけておけば… https://t.co/7GRlxh6GMo"
Drop&Type | Type Project | タイププロジェクト
使い方・活用法 - スライスより便利！画像アセット機能でWeb用にパーツを保存する | Adobe Creative Station
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog