DTP Transit
@DTP_Transit
Followers
97K
Following
36K
Media
8K
Statuses
35K
「デザインに関わる人のスキルと心を応援する」をミッションに掲げ、2005年から情報発信や #朝までイラレ などのセミナー企画・運営を毎月開催。 中の人は @swwwitch
Joined May 2009
2024年3月から1年にわたって連載されてきたAdobe Blog「PhotoshopとIllustratorを実践的に学ぶ！クリエイター直伝のテクニック集」の著者4名によるセミナーを3月9日に開催します。. ・デザイン力UPのための、Photoshopしあわせ♡レタッチ術／マスベサチ @masube_sachi
0
29
248
文章を書く上で重要な「漢字の閉じ開き」。.しかし、ひらく理由については「そういうもの」「そうした方がよい」と言われるだけで説明されません。.違和感やひっかかりを減らして読者の負担を減らすこと、印象のコントロールなど「ひらく」判断の理由について考えてみました。.
7
9K
27K
セールやイベントなどで用いるチケット風アートワーク。チケットらしさを演出するホールやミシン目の大きさや位置を柔軟に変更できるようにアピアランスで準備しておくとよさそうです。
3
2K
20K
「…」は「・・・」と入力して変換するより「option + ;」の方が早い。. ・キーボードビューアを使うと視覚的に確認しながら入力できる.・「zhで←」「zjで↓」「zkで↑」「zlで→」のように入力できる（macOS標準、Google 日本語入力）. #Macの基本
30
980
7K
「このフォント、何？」を調べる3つのアドビのソリューション. ① Photoshop（デスクトップ版）の「マッチフォント」.② Adobe Capture（スマホアプリ）の「文字」.③ ブラウザでAdobe Fontsを開き、「ビジュアルサーチ」
1
2K
7K
誤りやすい英語表記. ・AM9:00 → 9:00 AM（「午前9時」と逆）.・X'mas → Xmas（'は不要）.・,（カンマ）や.（ピリオド）:（コロン）の次には半角スペースが必要（※2,000、0.5などの数値は除く）
6
1K
7K
ありそうでなかったピクトグラムがたくさん！. >日本デザインセンターでは、大黒大悟が率いる大黒デザイン研究室が、日本観光を楽しむすべての人に向けて、デザインから日本の観光体験を支える新機軸のピクトグラム「EXPERIENCE JAPAN PICTOGRAMS」を企画・開発した。.
3
1K
6K
フォント名には、ベンダー（開発会社）の省略記号、グリフセット（収録文字数セット）、ウエイトなどの情報が入っています。それぞれの意味を理解すると、同じような名称のフォントを使い分ける上で役立ちます。.
1
1K
5K
すごい!!! 楽しい！
0
473
4K
これ、おもしろい!!!.A4・四つ折りだとこんな感じ？
5
260
4K
Photoshopでシワのよった衣服に絵柄を合わせる. ① 置き換え用のPSDを作成（グレースケール、コントラスト強め、ぼかし）.② 配置したアートワークの描画モードを「乗算」に.③［フィルター］メニューの［変形］ → ［置き換え］をクリック.④ 置き換え用のPSDを指定.⑤ 色味を調整
2
362
3K
近々のアップデートでIllustratorなどからPantoneのスウォッチが削除されます。. これを受けて、Stuart Sempleさんが“Pantone風の”1280のスウォッチライブラリを無料で配布。.
5
1K
3K
デザイン制作では3つの「em」を使います。. 【組版】.・カーニングやトラッキングの値：「/1000em」の意味.・emスペース＝文字サイズと同じ幅のスペース. 【HTML】.文章内で“ほかと異なる”ニュアンスの箇所に指定. → 斜体になるので表現方法を変更. 【CSS】.文字サイズを相対的に指定（cf. rem）
6
246
3K
10個の項目からロゴの耐久テストをしてくれるオンラインサービス「Logo Lab」がスゴい！. ・モノクロ、グレースケール、色覚特性への対応は？.・アプリアイコンで使われたら？.・低解像度で見たら？.・縦長/横長の図形に収まるときは？.
1
638
3K
Netflixやナショナルジオグラフィックのブランディングに携わる米グレーテル社が手がけた「講談社」の新たな企業理念、ロゴ。. >ロゴは社名のローマ字表記から「K」を取り、「交差点」を思わせるデザインに。.
2
344
2K
Illustratorのライブペイントを使えば、オブジェクトを分割せずに“塗り分け”することができます。. ①オブジェクトと線を選択.②［ライブペイントツール］を選択.③カラーを選択.④アートワーク上でクリック. → ［ダイレクト選択ツール］でパス（アンカーポイント、ハンドル）を調整. #イラレの基本
5
262
2K
Photoshopでたくさんのレイヤーを扱うとき、覚えておきたいのが「レイヤーのフィルター機能」。. 次のような条件で［レイヤー］パネルの表示を絞り込みできます。. ・種類.・（レイヤーの）名前.・（レイヤー）効果.・（描画）モード.・属性.・カラー（ラベル）.・スマートオブジェクト
2
222
2K
Illustratorファイル（.ai）のリンク切れを解決するのは地味でしんどい作業でした 😿. 2024年4月にアップデートされたIllustrator
2
376
2K
メモリ解放機能がないIllustratorは、作業履歴を延々に貯めていきます。そのため、30-60分ごとに定期的にIllustratorを再起動してクリアするのがオススメ。. また、環境設定の［パフォーマンス］カテゴリで［取り消し回数］も減らしておきましょう。. #イラレの基本
5
544
2K
Illustratorファイルを渡すときには、「リンクファイルがないよ〜」を避けるために必ず、ファイルの収集を行いましょう。. ［ファイル］メニューの［パッケージ］をクリックし、場所（書き出し先）、フォルダーを指定します。. リンクファイルは「Links」フォルダーにまとめられます。. #イラレの基本
1
272
2K
今のIllustratorならできる.「アウトライン化」しなくてもできること. ① 文字タッチツール.② グリフにスナップ.③ 天地中央に整列（グリフの境界に整列）.④ PDFへのフォント埋め込み. #イラレの基本.
3
317
2K
今のIllustratorならできる.「アウトライン化」しなくてもできること. ① 文字タッチツール.② グリフにスナップ.③ 天地中央に整列（グリフの境界に整列）.④ PDFへのフォント埋め込み. #イラレの基本
3
258
2K
今のIllustratorならできる.「アウトライン化」しなくてもできること. ① 文字タッチツール.② グリフにスナップ.③ 天地中央に整列（グリフの境界に整列）.④ PDFへのフォント埋め込み. #イラレの基本.
1
256
2K
たくさんのIllustratorファイルを、できるだけ手をかけずにJPEGに書き出すには、Illustratorでアクションを作成し、指定したフォルダーに対してバッチ処理を行います。
2
206
2K
Photoshopでスピーディに作成する「影イキ写真」. ① 複製したレイヤーにクイック操作の［背景を削除］を適用して背景と影を抜く.② 影のレイヤーはグレースケール化し、ブレンド条件で白地を透過させる.③ 描画モードや不透明度を調整.④ ベタ塗りレイヤーを最背面に入れると影を確認しやすい
1
170
2K
印刷用途向けのPDFをIllustratorから書き出すには.￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣.一口にPDFと言っても、いくつかの種類があります。. どのような形式のPDFを書き出すかを定義しているのが「PDFプリセット」です。. このうち「PDF/X」とついているものが印刷用途向けです。. X =
1
279
2K
Illustratorでフォントリストを表示するとき「さっき選んだフォントに戻りたいのに!!!!」で困っている人は多いと思います。. 回避策あります！（続く）
1
215
2K
［ペンツール］or［アンカーポイントの削除ツール］でアンカーポイントをクリックすると形状が変わってしまいます。. 一方、［アンカーポイントの削除ツール］でshift + クリックすると、オブジェクトの形状を保持し（ようとし）ます。. どこかで @kawacoco さんが紹介されていたテクニック
5
245
2K
配色本として圧倒的な売上NO.1の『配色アイデア手帖 めくって見つける新しいデザインの本［完全保存版］』が第2版として7月28日に発売されます。.
2
481
2K
罫線を使って文字に切れ込みを入れるアピアランス.#AdobeIllustrator. 【1】.テキストを用意し、塗り・線を「なし」にします。.2文字以上の場合には〈複合シェイプ〉にしておきます。. 【2】.罫線を用意します。.塗り部分に型抜き用の形状を作成し、カラーは「なし」にします。. 【3】
1
155
2K
「Illustrator攻略診断」というRPGゲーム風のコンテンツがリリースされています。. >Adobe Illustratorを使いこなす伝説の勇者に近づくために、キミが身に付けるべきアイテムは何かを診断してみよう！.
0
336
2K
「花とちょうちょ」「パンダベーカリー」の鈴木メモさんの新作フォント「空とひこうき」が発売開始されています。. ・ラフな手書き風フォント.・走り書き風.・インクの“にじみ”.
1
294
1K
「白いフチがつく」原因は、アートボードの座標がピクセルパーフェクトになっていないことが原因です。. アートボードツールを選択している状態で［オブジェクト］メニューの［ピクセルグリッドに最適化］を実行すれば解決します。.
「イラレでバナーを作るな」というのをよく見かけるんですけど、なにで作るのが令和の正解なんでしょうか…？ 素人質問ですみません….
4
217
1K
話題の「スーパー楕円」ですが、Illustratorのアピアランスで実現するなら、［ワープ（膨脹）］効果で「-38%」くらいで、それっぽくなります。
1
177
1K
入稿や外部にデータを渡すとき、#Illustrator ドキュメント内の不要なスウォッチやブラシ、グラフィックスタイル、シンボルなどを削除しておきたいものです。. こんなとき役立つのが［アクション］パネルにデフォルトで入っている［未使用のパネル項目を削除］アクション。
4
184
1K
#Illustrator #スクリプト #テキスト. これは、むっちゃ使えそう!!!!!. 文字をバラして文字以外の幅に合わせ上から並べる #スクリプト #Illustrator : GOROLIB DESIGN #はやさはちから
0
211
1K
Illustrator 2023（27.0）の「クロスと重なり」は、そのままでは出力できませんので、最終的には拡張しましょう。. ①［透明部分の分割・拡張］を実行（線、テキストともにアウトライン化）.② パスファインダーの［合流］を実行.③ アウトラインモードに切り替えて、余分なパスを削除
2
240
1K
ゆとりベジェ（がんばらなくても描きやすい）. ① ペンツールでアンカーポイントを打っていく.② ペンツールのまま、optionキーを押しながら直線をドラッグして曲線に.③ そのまま、曲線のハンドルを調整. #イラレの基本
2
181
1K
エリア内テキスト内でテキストを天地中央に設定できるようになったり、図形とテキストを天地中央に整列できるようになるなど、ムネアツのアップデートが来ました。. #Illustrator 24.3（2020年8月リリース） | DTP Transit
2
524
1K
「不透明度0%の部分を透明する」という目的で紹介されることが多い「グループの抜き」ですが、不透明度を下げたまま、“透けない”ように使いたいときにも重宝します。. #イラレの基本
1
101
1K
Illustratorのアピアランスに関して「出遅れてしまった」「これからはじめたい」という方向けの記事を書こうと思い立ったのですが、壮大すぎて腰が抜けた…
2
146
1K
「最近イラレの色味が、なんかヘンかも!?」という方はご確認ください。. Photoshopを最新版（22.3）にアップデートすると、.Illustratorのカラー設定が「Illustrator 5.5をエミュレート」に変わってしまっていることがあります。
2
512
1K
2022年12月末に開催し、6,787人のお申し込みをいただいた #朝までイラレ の第2弾。Illustratorの誕生日のお祝いを兼ねて3月18日[土]の夜から朝まで開催。. ・出演者：2月上旬に発表.・タイムテーブル：3月に発表. 本日からお申し込み受付開始。.※当日の視聴は無料です。.
1
256
1K
《Premiere Pro》.・撮影映像を横につなげる.・テロップ、BGMなどを加えて、とりまとめる.・映画、YouTubeなど長尺の編集. → いわば「映像のInDesign」. 《After Effects》.・シェイプ、ベクター、テキスト、映像を組み合わせ.・短めで尺固定.・高度な映像合成. → いわば「時間軸のあるフォトショ」
2
238
1K
アートワークをシンメトリーにするには「リピートミラー」（2021年1月以降）が便利。. 次の手順で仕上げる. ①［分割・拡張］コマンド.② パスファインダーの［合流］. #イラレの基本
1
139
1K
"世界はオーストラリアで遊んでいる巨大な猫なのです". Never forget that the world is a cat playing with Australia.
2
505
1K
IllustratorやPhotoshopでアイコン素材を使うなら、無料のプラグイン「Icons8」が便利です。.Creative Cloud Desktop App（CCDA）、またはサイトからインストールします。. ※デフォルトは「PNG」なので、Illustratorでは「SVG」に変更して利用します。
1
183
1K
FF Chartwellというフォントを使うと、OpenTypeフォントのオプションでグラフ化できます。. 末尾に「+f」「+G」のように付けると、ドーナツグラフの穴部分も調整可。
1
223
1K
ついつい出してしまう遠近グリッド…. 「どうやって、消すんだっけ？」とググるまでもなく、.escキーで消せます!!!. #イラレ知恵袋
7
273
1K
Illustratorで納品前などに行う［未使用項目を選択］して削除。面倒で忘れがちです。. ・シンボル.・グラフィックスタイル.・ブラシ.・スウォッチ. 「初期設定アクション」に入っている「未使用のパネル項目を削除」を使えば一瞬で終わります。
1
164
1K
llustratorからPDF書き出すには. ・［別名で保存］でなく、［複製を保存］を使う.・適切なプリセットを選ぶ. → 入稿用には「PDF/X-1a」または「PDF/X-4」を使う。.（「PDF/X」は印刷用途に最適化されたPDFの規格）.
1
157
1K
#フォント. 今日（5月9日）の夜、20:57からの放映です。. 「マツコの知らない世界」で「フォントの世界」特集 3000種を見分ける“絶対フォント感”の持ち主登場
4
2K
1K
Illustratorで“座布団”を付けるために［形状に変換］効果を使うとき、余白が生じることを避けるために［オブジェクトのアウトライン］効果を適用します。.しかし、文字によって極端に大きさが変わってしまいます。. ［高さ］を0にした［変形］効果をはさむことで解決します。.#アピアランス100本ノック
3
112
1K
《ベテランユーザー向け》.Illustrator CS6（2012年）以降、新しいパターンの作り方が追加され、水玉模様であれば15秒ほどで作成できます。.#イラレの基本
1
162
1K
ノンブルや電話番号に使える.主張しすぎない数字を持つフォント. ※いろいろな意味で異論があると思います。. 「だったら、これがあるよ」「これ、よく使う」を教えてください！
2
104
1K
Illustratorでドット点線を2つのパスで作成すると結合部分がキレイになりません。. そこで次のようにアピアランスで解決します。. ① パスの塗り・線を「なし」にする.② グループ化.③［パスファインダー（アウトライン）］効果を適用.④
1
98
1K
#ローソン #レジ袋. ナチュラルローソンで「読むレジ袋」配布 伊坂幸太郎、吉本ばなな、筒井康隆の新作短編で「レジ袋」に新たな価値
6
718
1K
縦横比が狂っているテキスト. ↓ ↓ ↓.一発で直すキーボードショートカットあります！.⌘ + shift + X（Ctrl + Shift + X）
1
143
1K
IllustratorからPDFを書き出すときに大切なのが適切な「PDFプリセット」を選択すること。. ・印刷入稿：「PDF/X-4」（または「PDF/X-1a」）.・メール添付：「最小ファイルサイズ」. これを基本にトンボや裁ち落としをつけたり、画像の解像度を調整します。.#イラレの基本
1
146
1K
使っている方が少ないのですが、Illustratorのシンボル機能はメリットいっぱいです。. ・軽くなる.・一括更新できる.・置換できる.・保護できる. デフォルトの「ダイナミック」でなく、「スタティック」で運用するのがオススメ。. 詳細はnoteにて。.#イラレの基本
1
112
1K
〈クロスと重なり〉を使ってテキストのまま、重なり部分に切れ込みを入れる方法 #adobeillustrator . 1. それぞれの文字を［パスのオフセット］効果で太らせる. 2. 〈クロスと重なり〉で重なり部分の前後関係を調整. 3.
1
99
1K
配置したグレースケール画像を馴染ませたい場合. ［A］画像が下：.オブジェクトに対して「描画モード：カラー」を設定. ［B］画像が上：. → 乗算：暗くなってしまう. → オーバーレイ：より馴染む. → ハードライト：［A］に近い結果に. 友情出演：草間 淳哉さん .@jun8web8. #イラレの基本
1
131
1K
アピアランスで作る「くいこみ文字」. テキストをバラバラにしてもよいのですが、スレッドテキストを使うことでテキストの差し替えが可能です。. 解説（note）▶️#アピアランス100本ノック #常用アピアランス
1
111
1K
文字を分解するIllustratorスクリプト「MojiDisassembler」、分解後にカラーリングするだけでなく、線のみにするのもよいですね。.
1
133
995
独特のルールがある「値組み」は専用フォントを使うことでラクできる. ① 値組み専用フォントを使えばアルファベットの入力で小さい「¥」「円」を入力できる.② モリサワの「くいこみ数字」を使えば、くいこみ表現もラクに行える.③ 桁数変更に対応できる消し値の表現はアピアランスで
1
140
999
ここ1年、Illustratorのアップデート時に生産性に深刻な影響のある不具合が生じています。アナウンス不足で、修正版が出るのは4-8週間後…. アジャイル開発とはすなわち「常にβ版」ということ。. 「自動アップデートをオフ」にして新バージョンの導入は慎重に行うのが私たちができる自衛策です。
3
514
996
素晴らしい!!!. ［画像トレース］の［詳細］を展開し、［カラーを透過］オプションをONにすると、2手、省略できます！
0
122
995
Illustratorでデザイン制作を行う際には「左手：キーボード、右手：マウス」が定位置。. よく使うツールの切り替えを左手のみで完結できるようにカスタマイズすると効率的です。. 次の2つは変更しておくと吉。.・長方形ツール（M → R）.・楕円形ツール（L → E）. #イラレの基本
1
116
978
全Illustratorユーザーが困っている仕様です。.3つのワークアラウンド（解決方法）があります。. ［A］下のテキストを前面にする.［B］⌘ + クリックで順番に背面オブジェクトを選択していく
Noto Sans JPの独特の余白. （イラレ）アピアランスの「オブジェクトのアウトライン」で見た目上はスッキリするけど. 余白の存在自体は消えないようで. 画像の赤い文字は重ね順を上にしないと触れない…. パッと見で判断つかず、視覚的にとてもわかりづらくて扱いづらいのが悲しい…😭
1
125
992
全ページ、PDFでダウンロード可能。.これが無料で読めるのはスゴい!!!. アートの会計・税務に困ったらひらく本.〜芸術文化創造活動の担い手のための会計・税務講座 Q＆A 63選.
1
317
958
Illustratorの画像トレースについて. 《ワークフロー》. ① 画像に対して「画像トレース」を適用.②「画像トレース」を拡張.③［パスの単純化］（など）で軽量化
1
76
909
四隅にカッコをつける方法. #アピアランス100本ノック #常用アピアランス. 四隅にカッコをつけるには〈破線〉の設定で「間隔：1,000」にすることで実現します。. 〈線分〉の値がカギ括弧の大きさになります。. しかし、角丸を加えると破線が崩れてしまいます。
1
100
885
「すぴか式 『分かりやすいデザイン！』」でのHSBの説明が絶妙にわかりやすかった。. ・H：どのチューブを選ぶか.・S：水を足していくと薄くなる.・B：黒を足していくと暗くなる. （@motionelements の主催イベントでの @spicagraph さんの講演「色選びはRGBよりHSBがおすすめ」から）
4
154
881
#Illustrator ツールボックス下部の「カラー設定」のキーボードショートカット. ・Dキー：初期設定の塗りと線（塗り：白、線：黒）.・Xキー：塗りと線のフォーカスを入れ替え.・shift + Xキー：塗りと線の情報を入れ替え.・/キー：フォーカスされている塗りを「なし」に.・,キー：カラー
3
90
874
文字サイズを変更しても行間が乱れない設定. ① 行送り：「自動」 → 値を指定.② 文字揃え：中央 → 欧文ベースライン（［文字］パネル）.③「仮想ボディ上基準のベースライン」 → 「欧文ベースライン基準のベースライン」（［段落］パネル）. 必要に応じて大きくしたテキストのベースラインを調整
1
106
872
#朝までイラレ のお申し込みが2,200人を超えました!!!.開催はあさって（12月28日[水]）21:00スタートです。参加登録をお忘れなく！. ※当日の視聴は無料.
1
217
850
Illustratorには2つの「ぼかし」があります。. ・Illustrator効果：［効果］→［スタイライズ］.・Photoshop効果：［効果］→［ぼかし］→［ぼかし（ガウス）］. パターン（ベクター）の場合.￣￣￣￣￣￣.パスのエッジがボケることによって、結果として（いずれも）全体がボケる
1
55
854
Illustrator 2022（26.4.1）の「箇条書き（記号、自動番号）」、きちんと仕込んでおくと段落スタイルとアピアランスの組み合わせでスピードで進められます。
1
81
821