スタッフ 「の」 のすべての投稿

主にグラフィックのソフトを担当してます。

[Illustrator] パスの単純化

夏好きを宣言している私でも金木犀の香り漂うこの季節もわりと好きだったり。
こんにちは。スタッフ「の」です。

今回は、そろそろ「Adobe CC 2020」の足音が聞こえてきそうなこの時期にイラレ、フォトショ、インデ、とアップデートが入りました。
細かいバグ修正版かな、と思いきや「イラレ」は「パスの単純化」機能に変更点が見られました。
地味な機能の変更ではありますが、複雑なパスに伴うアンカーポイント過多は出力に時間が掛かるだけではなく修正等の編集作業を困難にするケースもあります。
もちろんPCにも負荷をかけます。
そこで今回は「余分なポイント」を減らす事に焦点をあててみたいと思います。

Illustratorを使用して素材作成している時にアンカーポイント多いな…って事があります。(特に効果に頼った時)アンカーポイントを「アンカーポイントの削除ツール」を使用して間引いてパスを修正するのは手間のかかる作業だったりします。

ここんとこのバージョンでは、「環境設定」を変えなければ「ペンツール」のまま追加や削除が出来ますがやはり手間である。

他にも「スムーズツール」を使用してパスをなぞるのも1つの手法ですが、制御が困難な事となぞるのでパスが大量にあればこれも手間がかかります。

①【パスの単純化】
そんな時には、「オブジェクト」メニュー→「パス」→「単純化」を実行します。
結構、旧バージョンからありますが、意外と知られていない機能だったりします。
2019年10月初旬のアップデート前までは以下のダイアログが出ます。
実行前と実行後のアンカーポイントの数と画像を確認しながら、「曲線の精度」と「角度のしきい値」のスライダーを調整します。(以下の画像はクリックで拡大します)

アップデート後に実行すると以下のダイアログが出ます。

スライダーが1つになりシンプルかと思いきや、「…(その他のオプション)」をクリックするとダイアログが大きくなります。

各スライダーも名称が変更になり、アイコンも付いて分かりやすくなりました。
「曲線の単純化」…最小に近づける程、アンカーポイント数が減ります。(コーナーポイント角度のしきい値が高いとあまり減りません)
「コーナーポイント角度のしきい値」…コーナーポイントの滑らかさとなり、数値を下回っている箇所は何も起こらないので数値が高いほど元の状態に近くなります。

▼「曲線の単純化」…最小、「コーナーポイント角度のしきい値」…0°(赤い線は元の状態)
精度は低いですが、アンカーポイント数も減りました。

▼「曲線の単純化」…最大、「コーナーポイント角度のしきい値」…180°(赤い線は元の状態)
元の線が殆ど見えない程、精度は高いですが、アンカーポイント数はあまり減っていない。

▼「曲線の単純化」…最小、「コーナーポイント角度のしきい値」…180°(赤い線は元の状態)
「コーナーポイント角度のしきい値」の数値が高いのでアンカーポイント数は減っていないですが、精度は少し落ちています。

▼「曲線の単純化」…最大、「コーナーポイント角度のしきい値」…0°(赤い線は元の状態)
今回の例では、アンカーポイント数も減り、精度も良い感じとなりました。

▼自動単純化(赤い線は元の状態)
標準の状態っぽい。ここから元の状態を見ながら各スライダーで調整します。

因みに「線幅ツール」で作成したデータを「パスのアウトライン」後に「単純化」を実行すると元データとそれほど遜色なくこんなにアンカーポイント数を減らせます。(198あったポイントは16に減りました)

他にも直線でひいたパスを曲線にする事も出来ます。(アンカーポイント数は14→2に減りました)

②【「パスファインダー」パネルのオプション】
「パスファインダー」パネルで合体機能を使用すると、ポイントが残ります。

「パスファインダー」パネルのパネルメニューから「パスファインダーオプション…」をクリックし、ダイアログ内の「余分なポイントを削除」にチェックを入れておきます。(以前のバージョンでは起動の度にリセットされてオフに戻ってました)

余分なポイントなく作成できました。

さて、「パスファインダーオプション…」といえば、こちらはどうか、というのがあります。
例えば、ドーナツを描いて縦線で半分に分割したいと思った場合。(抜けているのが分かるように背面に水色を引いております)

通常見えないですが透明な縦線が残ります。

「パスファインダーオプション…」ダイアログ内の「分割およびアウトライン適用時に塗りのないアートワークを削除」にチェックを入れて実行すると不要な縦線は残りません。

残念ながらこちらの方は、Illustratorを再度起動するとチェックが外れてしまいました。

③【孤立点】
「選択」メニュー→「オブジェクト」→「孤立点」を実行するとドキュメント内の不要なアンカーポイントが選択されます。
入稿前に確認してみましょう。

以上です。

バンフートレーニングスクールでは、イラストレーターやフォトショップ、インデザインにWebサイト作成の講座を 開講中です。

このブログを書いているスタッフ「ほ」と、スタッフ「の」をはじめとする印刷会社の研修部門のスタッフがアプ リケーションの使い方を徹底レクチャー!

詳しくは、下記詳細ページをご覧ください。

イラストレーター講座

ご興味がある方は、ぜひ一度無料体験にお越しくださいませ。

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

[Photoshop] 水滴を加えて夏らしい画像に!

画像に水滴を加えて夏らしいイメージ画像を作成します。
「レイヤー」パネルを使用して背景レイヤーを複製します。(ショートカットは「⌘(command)」キー+「J」(Mac)「Ctrl」キー+「J」(Win))

ツールパネルから「楕円形ツール」を選択します。

画像内にドラッグで楕円を描きます。(「塗り」「線」ともになし)

「レイヤー」パネル内で「楕円形レイヤー」は「描画モード」を「オーバーレイ」、「塗り」は「0%」にしておきます。

「楕円形レイヤー」名の横をダブルクリックして「レイヤースタイル」ダイアログを出します。

ダイアログ内で「ベベルとエンボス」の項目を選択し、以下の設定を行います。(設定は画像解像度や水滴の大きさによって変わります)↓クリックで拡大します

続いて「シャドウ(内側)」の項目を選択し、以下の設定を行います。

続いて「ドロップシャドウ」の項目を選択し、以下の設定を行います。

最後に「光彩(内側)」の項目を選択し、以下の設定を行います。

水滴内に球体のゆがみを入れます。
レイヤーのサムネール上を「⌘(command)」キー(Mac)「Ctrl」キー(Win)を押しながらクリックすると、レイヤー内にある画像形状の選択範囲が作成されます。

この為に複製しておいたレイヤーを選択します。

「フィルター」メニュー→「変形」→「球面…」を実行し「球面」ダイアログで「量」の設定を行い「OK」します。

新規レイヤーを作成し、「ブラシツール」を使用して白いハイライトを加えます。

必要に応じて水滴のある楕円形レイヤーの不透明度を調整します。

バンフートレーニングスクールでは、フォトショップが最短2日間で習得できるハンズオントレーニングをご用意してお待ちいたしております。
無料体験も行っておりますので、ぜひお気軽にご参加ください。

フォトショップ講座詳細

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

[Adobe Fonts を使用してみよう!]

今回はとても使い易くなってると評判の「Adobe Fonts」DTP編って事でいってみます。
以前「Typekit」と呼ばれていたサービスがグレードアップして名称が変更になりました。
「Typekit」時代、プランによって使用できるフォント数に制限があったりと少し複雑な部分がありました。
「Adobe Fonts」は、制限もなく分かり易くなってます。そして使い方も簡単です。

まず「Adobe Creative Cloud」アプリから「フォント」をクリックします。
(Adobe IDでサインインを忘れずに)

「フォントを参照」をクリックするとブラウザソフトが立ち上がり、フォント一覧が表示されます。

後は使用したいフォントを「アクティベート」→「アクティブ」にしていくだけです。
太さ違い等、複数ある場合はその数が表示されています。
一気にアクティブにもできますし、選んでアクティブもできます。

更に「フォントパック」から入れば、一気にアクティブも可能です。

Adobe Creative Cloudアプリで沢山のフォントがアクティブになっている事が確認できます。

アクティブにすると様々なアプリで使用可能となり、InDesignの「OpenType機能」も使用できます。

【注意点】


フォントはPCにインストールされる訳ではなので、Adobe CCの契約が切れれば使用できなくなります。


DTPで使用の場合、AiやIDのネイティブファイルでの入稿は印刷屋さんに対応状況を確認した方が良いです。
(会社のセキュリティ都合上オフラインで使用してる場合があります)

さて「Adobe Fonts」の話ではないのですが、5月に「Adobe CC」関して「2つのメジャーバージョンのみが導入できるようにする」と発表がありました。
「Adobe CC」は、CS6以降の全バージョンが使用できる。というのも1つの売りだった気がするのですが、今後PCの買換え等ある場合は注意した方がよさそうです。
既に現状、CC2019と2018のどちらかしかインストールできません。
(Illustratorの場合、23がCC2019、22がCC2018です)

バンフートレーニングスクールでは、インデザインが最短2日間で習得できるハンズオントレーニングをご用意してお待ちいたしております。
無料体験も行っておりますので、ぜひお気軽にご参加ください。

インデザイン講座詳細

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

[Photoshop] フィルター エフェクト編

今回は漫画やイラストにも使えるPhotoshopのフィルターテクニックでいきます。

先ずは流線(スピード線)から

「レイヤー」パネルを使用して新規レイヤーを作成します。

作成したレイヤーを選択して、「フィルター」メニュー→「描画」→「雲模様1」を実行します。

続いて「フィルター」メニュー→「ノイズ」→「ノイズを加える」を実行します。(雲模様を適用したのはこのノイズを加えるため)
「ノイズを加える」ダイアログで「量」はMAX!「分布方法」は均等でもガウスでもどちらでも良いです。「グレースケールノイズ」にはチェックを入れましょう。

更に「フィルター」メニュー→「その他」→「スクロール」を実行します。
「スクロール」ダイアログで、「水平方向右へ」はMAX!「垂直方向」は基本動かさず、「端のピクセルを繰り返して埋める」にチェックを入れます。

これで流線は完成です。

右側を透かして画像に合成

少し流線多かったので描画モードを「除算」にしてみました。

続いて「炎フィルター」

新規レイヤーを作成しておきます。
「ペンツール」を使用して炎の軌跡を作成します。

「フィルター」メニュー→「描画」→「炎」を実行します。
「炎」ダイアログで、「炎の種類」、「長さ」、「幅」、「角度」、「間隔」は見た目で調整します。

炎フィルターに使用したパスは、「パス」パネルで削除します。

流線と合わせてこんな感じになりました。

更に「指先ツール」を使用してこすって炎を伸ばしてみました。

もう一つ行ってみましょう!
光が降り注ぐイメージを作成してみました。

まずはベースとなる画像を用意します。(出来るだけスッキリしてるのがいいです)

「レイヤー」パネルを使用して新規レイヤーを作成します。
作成したレイヤーを選択して、「フィルター」メニュー→「描画」→「雲模様1」を実行します。

続いて「フィルター」メニュー→「ぼかし」→「ぼかし(放射状)」を実行します。
「ぼかし(放射状)」ダイアログでは、「方法」をズームを選択し、「ぼかしの中心」を移動(今回は左上に指定)、「量」をスライダーで調整します。(プレビューないのが痛い…)

そして「レイヤー」パネルで「描画モード」を「覆い焼きカラー」を選んで完成です。

バンフートレーニングスクールでは、フォトショップが最短2日間で習得できるハンズオントレーニングをご用意してお待ちいたしております。
無料体験も行っておりますので、ぜひお気軽にご参加ください。

フォトショップ講座詳細

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

[Photoshop] CC2019の色々!

今回は現状最新版のPhotoshop CCについてまとめてみました。
●キーボードショートカット
●「変形」の仕様変更
●自動確定
●フレームツール
●テキスト

先ずCC2019と便宜上呼んでますが、正式にはCCって事で良いようです。

細かく言うと現状最新版は Photoshop CC(v.20.0.2)です。

ややこしいので、この後もCC2019と表記していきます。
さてCC2019は少しつっこみたいですね…。
バージョン上げるには幾つ以上の変更が必要とかあるんでしょうか?
流石にネタ切れかな、と思ってしまいます。

【キーボードショートカット】
以前のブログでも書きましたが、25年以上Photoshop使用しているので今更ショートカット換えられても…な訳です。
今回の仕様変更で「⌘」+「Z」(Mac)、「Ctrl」+「Z」(Win)で、どんどん戻れるようになりました。
逆にbefore、afterは
「⌘」「option」+「Z」(Mac)、「Ctrl」「Alt」+「Z」(Win)となっております。

やっぱ前のショートカットに戻したい場合は、「編集」メニュー→「キーボードショートカット」を実行し、「従来方式の取り消しショートカットを使用」にチェックを付けて「OK」を押してPhotoshopを再起動します。

ついでにCC2018~ツールチップという機能が付きました。
ツールにカーソルを重ねるとそのツールの機能紹介動画が表示されます。

PCに負荷をかけてそうだし、気が散ってしょうがないのでOFFにする事をお薦めします。
Macは「Photoshop CC」メニューから、Winは「編集」メニューから「環境設定」を開きます。
「環境設定ダイアログ」左側の項目から「ツール」を選択し、「詳細ツールチップを使用」のチェックを外して「OK」を押します。

因みに「詳細ツールチップを使用」の上にある「ツールヒントを表示」は、ツールにカーソルを重ねるとツールの名称が表示される機能の事です。

【変形の仕様変更】
作業中に最も「あ~っ!」と思うところかと思います。
自由変形等で拡大・縮小を行う場合、「Shift」キーを押さずとも縦横比が固されるようになってます。
縦横比固定じゃない場合に「Shift」キーを押すことになります。

ここを逆にされたのは痛いです。
しかも「シェイプレイヤー」のみ縦横固定の変倍には「Shift」キーが必要、とPhotoshop内でも統一されておりません。
いつかIllustratorやInDesignでも仕様が変更になるかもしれませんが、元にしてほしい位です。
そして元に戻す方法もちょっと複雑です。

以下Adobeさんのサイト参照です。
https://forums.adobe.com/docs/DOC-9522

手順としてはこちらのサイトが分かりやすいですが、Win版で一部誤字があり認識してもらえないです。 https://helpx.adobe.com/jp/photoshop/using/transforming-objects.html

追加や変更された機能を否定する感じでしたが、これでやっとCC2019が使い易くなりました。
変形の仕様に関して次からは「環境設定」や「オプションバー」で変更できるよう希望します。

【自動確定】
これはちょっと嬉しい機能です。
変形や切り抜きの確定には、オプションバーの○か、キーボードのEnter(return)、もしくは枠内ダブルクリックの3つでしたが今回更に枠の外でクリックが加わりました。

他にも「レイヤー」パネル内のレイヤーをクリック、更にはツールの持ち替えでも確定となります。ペンタブレットを使用してるとペンの設定によってはダブルクリックってしづらかったりするので、ツールの持ち替えで確定も良いですね。

以前のバージョンでは確定かキャンセルしないとダイアログが出ました。

【フレームツール】
CC2019で新たに加わったツールです。
オプションバーで□か○が選べます。

「フレームツール」を選択して画面内をドラッグします。

「CCライブラリ」パネル内の素材をドラッグ&ドロップでフレーム内に入れます。

このツールだけだと、ふ~んって感じなのですが、シェイプやテキストをフレームに変換できるようになってます。
例えばテキストの場合、テキスト入力したレイヤーを選択している状態で「レイヤー」パネルのパネルメニュー、もしくは2ボタンマウスを使用の場合は右クリックで「フレームに変換」が選択できます。

後は「フレームツール」と同様で、「CCライブラリ」パネル内の素材をドラッグ&ドロップでフレーム内に入れます。

【テキスト】
「移動ツール」等を使用してても、テキスト内をダブルクリックで「文字ツール」に変わったり、Illustratorと同様で「文字ツール」で画像内をクリックするとサンプルテキストが表示されるようになりました。

設定を変更したら凄く使い易いです。

バンフートレーニングスクールでは、フォトショップが最短2日間で習得できるハンズオントレーニングをご用意してお待ちい たしております。
無料体験も行っておりますので、ぜひお気軽にご参加ください。

フォトショップ講座詳細

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ