テキストをかすれたような表現（グランジ）にしたいときに効率的な方法｜DTP Transit
テキストに対してかすれたような表現（グランジ）を行いたい場合、「前面オブジェクトで型抜き」や「不透明マスク」を使うと効率的です。 テキストをアウトライン化しなくていいので、テキストの修正があった場合でも簡単に対応することができます。 「前面オブジェクトで型抜き」を“複合シェイプ”として使う テキストを入力して、その上にかすれさせたいオブジェクトを配置します。 両方のオブジェクトを選択して、［パスファインダー］パネルの［前面オブジェクトで型抜き］ボタンをoptionキーを押しながらクリックします（Illustrator CS3ではoptionキーは不要）。 「不透明マスク」を使う テキストを入力して、その上にかすれさせたいオブジェクトを配置します。 両方のオブジェクトを選択して［透明］パネルのパネルメニューから［不透明マスクを作成］をクリックします。 ［透明］パネルの［クリップ］をOFFにし
Illustratorでの環境にないフォントの解決とテキストの孤立点（空のテキストパス）の探し方｜DTP Transit
「フォントがないというアラートが出るが、どこにあるのかわからない。調べてみると、孤立点だった。探し方などを教えて欲しい。」という質問をいただき、改めてまとめてみました。 フォント関連のトラブルシューティング方法 ［書式］メニューにある、2つのコマンドを利用します。 ［環境に無いフォントを解決する］ ［フォント検索］ ［環境に無いフォントを解決する］ 環境にないフォントのみをリストアップしてくれます。Typekitフォントの場合、フォント名の右横の［同期］オプションにチェックを付け、ダイアログボックス内右下の［フォントを同期］をクリックすると、アクティベート（＝使用可能な状態にすること）することができます。 このダイアログボックスは、ドキュメントを開くときにも表示されます。ダイアログボックス下部の［ドキュメントを開く時に表示しない］オプションをオフにして非表示にすることもできます。 ［フォン
用途に応じて適切なPDFをIllustratorから書き出す｜DTP Transit
なお、PDFが重くなる主な原因は配置されているビットマップ画像です。ビットマップ画像をそのままにするのか、ダウンサンプルする（＝解像度を落とす）のか、等の設定を［圧縮］カテゴリで行います。 各プリセットには、その設定が施されていますので、把握しておかれるとよいでしょう。 PDF変換のワークフロー IllustratorからPDF変換（書き出し）を行う流れは次のとおりです。 ［ファイル］メニューの［複製を保存］をクリックして［複製を保存］ダイアログボックスを開く ［ファイル形式］を「Adobe Illustrator（ai）」から「Adobe PDF（pdf）」に変更する（Illustrator CS5では［フォーマット］） ［Adobe PDFを保存］ダイアログボックスが開いたら、［Adobe PDFプリセット］からプリセットを選択し、［トンボと裁ち落とし］などのカテゴリで調整する 書き出
アピアランスでもっと楽する文字まわりの小技 - hamfactory
先日突発的につぶやいたフチ文字についてのPOSTをtogetterやNAVERにてまとめて頂きました。 深夜のフチ文字講義byはむ&朝みっちー – Togetter 【DTP Tips】深夜のフチ文字講義byはむ – NAVER まとめ そもそもは少し前に話題になったこのまとめを自分なりに解釈して書きだしたものだったりします。 イラレ魔神たちの穴埋め談義 – Togetter 記事用データをまとめてはあったのですが、なかなかブログの記事にする時間がなく…とぅぎゃってくれたやもさん、まとめてくれたおざわさん、有難うございました！ なので、フチ文字についてはTogetterまたはNAVERまとめを見ていただくとして、今回はそれと同じ理屈でできる応用小技をご紹介します。 丸付き数字の背景をアピアランスで埋める 丸付き数字、DTPではよく使うと思いますが、そのまんまで写真やアミに重ねると、背景が見
Illustratorで印刷物風のかすれの描き方 | 鈴木メモ
ギザギザのあの線のラフの方法と、パスのオフセットで角を丸くするの方法を同時に使ったかすれ文字。文字の細い部分が途切れるため、古い印刷物やコピーを繰り返したようなレトロな感じのかすれに。 アウトライン前の文字にアピアランスで効果を付けているため修正可能です。 ギザギザのあの線 Illustratorでオブジェクトの角だけを丸くする：基本編 Illustratorでかすれた文字の作り方 ●ひらがなで好きな文字を入力。設定は小塚明朝Rの100pt。（注：文字サイズは大きくないと、このあとパスのオフセットがかからないためなるべく同じにして下さい。） ●効果-パスの変形-ラフでフチが震えているようにします。 ●さらに効果-パス-パスのオフセットを4重に重ねがけ。 数値はアピアランスパネル上から【0.8/-0.8/-0.6/0.5】の順に。 角の形状はラウンド。 角を丸く＆墨溜まり＆部分的に途切れてい
Illstrator シェイプ形成ツールを使って簡単に効率よくアイコンやイラスト作成をしよう | サイブリッジラボブログ
Illstrator シェイプ形成ツールを使って簡単に効率よくアイコンやイラスト作成をしよう by ナツコ · 2014-10-03 こんにちは、デザイナーのナツコです。 フラットデザイン、SVG、CSS3、など…最近のwebデザインのトレンドで デザイナーのみなさんは以前よりもIllustratorを使う機会が増えたのではないでしょうか？ 最近は、様々なサイトで素敵なアイコンやイラストが配布されていますが、 デザイナーであれば出来ればオリジナルで作成したいものですよね。 そこで、今回はオリジナルのアイコンやイラストを作成する際にとっても便利な「シャイプ形成ツール」の基本的な機能、使い方をまとめたいと思います。 シェイプ形成ツールとは シェイプ形成ツールは、重なった複数のシェイプを結合、削除できるツールです。 同じような機能でパスファインダーがありますが、 結合させたい部分や消去したい部分
イラレの「文字組みアキ量設定」例 - なんでやねんDTP・新館
DTP TransitさんにIllustratorで文章を扱うとき（文字組版）と題して、イラレの文字組版の基本がエントリーされていた*1。ちょっと触発され、ちょうどタイミングもイイので私も記事にしておこうと思う（19:00頃加筆）。 ※別に Illustratorの文字組みアキ量設定について と題して、動画でデフォルト設定からカスタマイズまで、全般的に説明していますので、そちらもご参照ください。（2013.04.13追記） ※設定済みファイルダウンロードへのリンクも… ●さらに左欄にリンクバナーを置いてある「+designing」さんのダウンロード頁にも… 文字組みモノにはInDesignを使うことが多く、llustratorを使うにしてもツメ組みがほとんど。 現状ではllustrator CS2を使っており、「文字組みアキ量設定」はカスタマイズしてあるのだが、新たにCS3上でイジってみた
【イラストレーター 環境設定 Web DTP 切り替え】やっとできた！イラストレーター環境設定の保存 : GOROLIB DESIGN #はやさはちから
◆ #いきなりHTML 2（レスポンシブ対応） なんと！スライスもコーディングも全自動！イラレからHTML+CSSへ一発出力します ◆ デザイン業界にもRPA！オリジナルスクリプトで時短革命 こんなにラクしてイイんです！お見積もり無料！お気軽にご相談ください ◆ 10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識 イラレ使いにこれ1冊！ホントに10倍ラクできます ■ ご注意 ■ 当方で公開しているスクリプトは、Mac のみ、macOS High Sierra ＋ Illustrator 2020（24.3）までの検証となります。これ以降の macOS や Illustrator のバージョン、Windows での検証はできかねますので、ご注意ください。
#Illustrator 自作スクリプト小物16個 2015秋
キャッチーな機能はないけれど、地味に役立ちそうな小物スクリプトをまとめてアップしました。 それぞれをぼくらのワークフローに沿って、しっかりと記事を書きたかったのですが、強烈にめんどくさくなってしまったので、16個のスクリプトをまとめてかる〜く紹介させていただきますね。 今回のスクリプトは内容が軽めなので、バイナリ化（スクリプトをテキストエディタで編集できない状態）していません。ですのでテキストエディタで開いて自分好みにカスタマイズしちゃってください。 イラレのスクリプト！ アートボード系 Artboard Capture – アートボードキャプチャ アートボードキャプチャ ウェブサイトやアプリの画面をデザインを作る場合、現状の画面デザインにダイアログやドロップダウンメニューのような追加要素を上乗せしていく作業が発生すると思います。デザインカンプとして各画面を書き出すときに、その追加要素が置
#Illustrator と小数と私
Illustrator は印刷物で使う「ミリ」や「インチ」を使用するイメージが強いと思いますが、ウェブデザインやアプリケーションデザインなど、ディスプレイで表示することが目的のデザインを行う場合、一般的に「ピクセル」という単位をベースに作業を行います。この「ピクセル」をベースにした作業で一番重要なポイントが「数値の小数」です。今回は、Illustrator のピクセル単位で作業するときに発生する小数について、レベルにあわせてまとめてみます。（以下、Illustrator CC 2014 で検証した結果です。） Illustrator と小数値 入門編 小数が入るとどうなるの まず、100px × 100px の矩形を描いてみます。この矩形の座標を小数にし、100%表示してみましょう。 座標に小数が入っている矩形 このように、端に意図しないアンチエイリアス（疑似的になめらかにみせるためのボケ
Illustratorのアレをできるようにした偉業を称える！ – ものかの
Illustrator の環境設定って、環境設定ウインドウをちまちま触らないと変えられないじゃないですか。とくに単位を変えるときなんかプルダウンメニューを４つ変更しないといけないし、線幅と効果とパターンを拡大縮小に追随させるかどうかの設定も切り替える頻度は多いのにこれもちまちま触るしかなくて、それならInDesignのようにスクリプトでちゃっちゃっと変えられるようにしようと調べてみると「Illustratorはスクリプトで環境設定を変えられない」という驚愕の事実に直面して「さすがイラレ、ぶれてない」と諦観の境地で遊ぶことを覚えたあげく夢を見ていたことすら忘れてしまった海千山千のイラレユーザーみなさん！ あの夢が現実になりましたよ！ 手っ取り早く言うとこういうことです。 実は、Illustratorはスクリプトで環境設定を変更できるようにしています。なのに、肝心のところをひた隠しにしていて、
使わないと損！作業の効率を上げるIllustratorの機能まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの白浜です。5月病にならないためにも、仕事をサクサク終わらせて明るい時間に帰りたいですね！！ そんなわけで、今回は覚えておくと作業効率が劇的に上がるIllustratorの機能を、わたしが新しく知った順にご紹介したいと思います。 後半は今まで書いた記事の紹介になってしまうのですが…本当に使っていないと損なので何度でも言うよ！！ ここ半年ぐらいで知った便利な機能 まずはここ半年ぐらいで知ったIllustratorの便利な機能を2つご紹介します。 ライブコーナー Illustrator CC（17.1）のアップデートでしれっと追加されていたこの機能、すごいです！！ヤバイです。 ダイレクト選択ツールでオブジェクトを選択するとコーナーに白い○が出てくる方、あなたのバージョンはライブコーナー機能が使えます！ 全部のコーナーが選択された状態で1個○をドラッグしてみると… 全部の角
知らない人は損してる、イラレでスーパーのチラシを作るときの7つのワザ - Cherry Pie Weblog
昨年から、地元の印刷会社さんのお手伝いでスーパーのチラシを制作させていただいているんですが、最初に作業手順を聞いたときに、そのあまりの面倒さに閉口してしまいました。 スーパーのチラシって、何重もの文字フチとか、値段の数字が重なってて円だけ小さいとか、囲みとか、必ず文字が画像にかかってしまうから白フチもつけないといけないとか・・・ そんな手数のかかる作業を、長年チラシ制作をされている方は、イラストレーター5.5 でショートカット連打でバキバキ作ってたりするわけです。 しかし、短納期・安価を求められる今の時代、いつまでもイラストレーター5.5時代の作業を続けているのでは、相当な熟練者でないと時間にもお金にも見合う仕事ができないし、会社としては熟練者に単純作業に近いことに延々と時間を使ってほしくないのです。 でも、今のイラストレーターならできるんですよね。 そんな、知っている人は知っているけど、
Illustratorでプラグインを使わずに、角を丸くする｜DTP Transit
Illustratorで文字の角を丸めるとき、［角を丸くする］効果を利用すると、次のように意図しない形状になってしまうことがあります。 これを避けるために、有料のプラグイン、Xtream Pathの［スマートラウンド］を使う方法をご紹介してきましたが、Illustratorだけで実現する方法をご紹介します。 なお、この方法は、本日のセミナー（「クリ☆ステVol.6」）終了後、参加者の方から教わったものです。お名前を失念してしまいましたが、ありがとうございます（※追記あり）。 実現方法 実現方法は、［パスのオフセット］効果の二度がけ。 一旦、負の値でかけてから、同じ数値で正の値でかけます。 なお、この際、両方とも正の値を設定する効果に［角の形状］を「ラウンド」にしておくのがポイント。 正直、なぜ、これで丸くなるのかよくわからないのですが、結果オーライで。 ただし、細かいところをいうと、"墨だ
Illustratorの3D効果でチョコレートを描こう
3D効果のおさらいがてらチョコレートを描きました。最終的に拡張して編集をしていますが、3Dの機能はイラストを描く時に補助的に使うととても便利です。
La chuleta de los atajos de Adobe (Shortcuts) – Tago Art work
Hoy os traemos un regalito que nos han pasado y que queremos compartir con todos vosotros. Un fantástico trabajo hecho por la gente de Hongkiat que estamos seguros de que a más de uno os va a ser muy muy útil. Se trata de los atajos de cuatro de los programas más usados de Adobe. De esta forma tendréis a mano la chuleta con todos los atajos de teclado para trabajar un poquito más rápido, así que o
Tutorial_円弧に沿って並んでいる徐々に大きさが変わっている円 – イラレラボ illustrator-labo
chutenさんにコメント欄で質問をいただきました。ネタのご提供ありがとうございましたー！ ヘッダの朝顔の後ろに装飾的に入ってるコレのかきかたです。 まずペンツールで任意の線を引くか円を描画します。 線の太さを20pxに。破線で線分を0px、間隔を24pxにします。線端をラウンドに設定します。 これで普通のドットラインです。 ここからはCS5の機能。アピアランスパレットから可変線幅プロファイルで一番上の最初と最後が細くなってるのを選択します。これでできあがりv もうひとつブレンドを使ったやり方をご紹介。 これはCS4以下でもできると思います。 直径6pxの円、20pxの円、6pxの円と並べます。 ブレンドツールでそれぞれをクリックしてブレンドし、ブレンドツールをダブルクリックしてオプションのダイアログを出します。ここではステップ数を5に設定。 並べる軸になる曲線をペンツールで描画し、ブレン
3倍早くなるためのDTP講座
DTPって、やり方次第でもっと早くできるんじゃないかな？と思い、いろいろなテクニックを研究しました。人に教えるほどの技量はないかもしれませんが、誰かのお役に立てればうれしいです。 前回のカラーチャートと同様、昔の記事「Illustratorでマンガを描く2」をアップデートします。ニッチな内容なうえ、レイヤー効果をわかっていないとちょっと難しいかも知れませんが、一度作ればずっと使い回しでき使い勝手も良いです。仕組みが分かれば他にも応用できるなかなかのテクニックなので、興味のある方はがんばって作ってみましょう。 1. マージン枠を作る マージンに合わせて線幅ありの四角を描きます。裁ち落としまでいく場合はアートボードの外まで遠慮なく広げて下さい。ここで設定した線幅が枠線の太さになります（後から変更可能）。 2. 新規レイヤーを作る ここでは「レイヤー2」となります。基本描画はこのレイヤーにします
Create a Vector Film Slate Icon - Vectortuts+
In this tutorial, I'll show you how to create a vector film slate icon. The tutorial uses some basic shapes, some gradients, and even a blend. Moreover, you can easily customize this tutorial with your own logo or typography. Author: RypeRyan Putnam (Rype) is a professional vector illustrator and master of Adobe Illustrator. He runs the blog Vectips.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ベテランほど知らずに損してるIllustratorの新常識（6）正統派ベジェ使いの方はもちろん、ベジェが苦手が方も知っておきたいIllustratorでのパスの扱いの進化 - Adobe Blog
