バンフートレーニングスクールのサイトへ

「自習室」のご案内

いつもお世話になっております。
バンフートレーニングスクールです。

当スクールでは受講生の方へ
平日の17 時10 分~ 18 時40 分まで、
教室を自習室として開放しております。
(土・日曜、祝日の開放はございません。)

受講期間中の方であれば、どなたでも何度でもご利用頂けます。
お気軽にご利用ください。

【休室日のご案内】

4月中につきましては
3日(金)、8日(水)、16日(木)、24日(金)。

5月中につきましては7 日(木)、25 日(月)。

上記の日程にて休室を頂いております。
誠に恐れ入りますが、あらかじめのご了承をお願い致します。

【ご利用方法】

ご利用は事前予約制のため、
ご利用希望日前日の18時までに,
メールもしくはお電話にてご予約下さい。

なお、ご予約メール・お電話の際には
下記の4つをスクールへお伝えください。

■利用ご希望日
■氏名
■生徒番号(ご不明の際はお申し込みの際のお電話番号)
■ご使用パソコンのOS Windows または Macintosh

ご予約メールはvts@vanfu.co.jp
お電話の場合は03-5229-8285までご連絡下さい。

ご不明な点がございましたらお気軽にお問い合わせください。
ご利用をお待ちしております。

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

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

[Illustrator]イラレの整列テクニック

商売柄、のどを痛めると仕事にならないため、春夏秋冬とおしてマスクをしているスタッフ「ほ」です。
そろそろ自宅のストックが無くなりそうなのですが、どこに行ってもマスクが買えず、どうしようか悩んでいるこの頃です。

コロナウィルスが一日も早く終息することを願っています。

さて、今日はイラレネタです。

オブジェクトを自由に配置できるイラストレーターにおいて整列テクニックは非常に重要なのですが、知っておくと便利な技があるんですね。そんな小技をご紹介です。

基準のオブジェクトを自分で決める

オブジェクトの整列をおこなう場合に、イラストレーターでは以下のような仕様になっています。

▼元画像

▼左揃え・・・ 一番左に位置するオブジェクトは動かず、他のオブジェクトが動いて整列される

▼右揃え・・・ 一番右に位置するオブジェクトが動かず、他のオブジェクトが動いて整列される

中央揃え・・・ すべてのオブジェクトが動いて整列される

整列をおこなう場合に、動いてほしくないオブジェクトがある場合、そのオブジェクトをキーオブジェクトにします

例えば、以下のようなイラストで…

3つの団子を整列したくて中央揃えをおこなうと、以下のようにズレてしまいます。

こういう場合、3つのオブジェクトを選択して…

動かしたくないオブジェクトをもう一度クリックします。

クリックしたオブジェクトのフチが太くなります。
この状態のオブジェクトを「キーオブジェクト」と呼びます。

中央揃えを実行すると、キーオブジェクトは動かずに整列がおこなわれます。

隙間なくオブジェクトを整列する

図のように、隙間をあけずにオブジェクトを整列させたり…

オブジェクト間に決まったサイズの隙間をあけたい場合…

整列パネルの間隔値を使います。

ただ、この間隔値は整列させたいオブジェクトを選択するだけでは入力ができません。

そこで先ほどのキーオブジェクトを使います。

整列させるオブジェクトをすべて選択し…

キーオブジェクトにしたいオブジェクトをクリックで指定します。

すると、整列パネル内の間隔値が入力できるようになりますので、0mmと入力をおこない「等間隔に分布」アイコンをクリックします。


ここに数値を入れることで自分の好きな隙間を指定できるようになります。

用紙の真ん中に配置する

整列機能は、初期設定では選択した複数のオブジェクトを整列させるようにできています。

では、1つのオブジェクトを用紙(アートボード)の中央に揃えたい場合はどうしましょう?

この場合、整列パネル右下にあるここを使います。

クリックをすると以下の3つの選択肢が出てきます。

これを「アートボードに整列」に切り替えましょう。

切り替えができたら、整列したいオブジェクトを選択して、中央揃えの2つのアイコンをクリックします。

これで用紙の中央にオブジェクトが移動します。

作業が終わったら、選択は「選択範囲に整列」に戻しておきましょう。

文字と図形をきれいに整列する

文字と図形をきれいに整列させるには少しコツが必要です。

例えば、下図のように円形と文字を用意し

この2つのオブジェクトを中心で整列させると…

上図の通り、文字が微妙に上に揃ってしまいます。

これは整列が文字の実寸でおこなわれないために起きる現象です。

選択ツールで、テキストオブジェクトをクリックで選択すると、下図のように選択されます。

文字列のまわりに四角いボックスが表示されますが文字のサイズよりもずいぶん大きい枠になっているのがわかると思います。
特に文字の下に大きな余白があるのがわかると思います。

整列は、この四角いボックスを使って行われるため、文字が中央に揃いません。

文字をアウトライン化すれば、きちんと中央で揃うようになりますが、これでは文字の打ち替えができません。

文字をきれいに整列させるには以下の2つの操作を行います。

1.文字を選択して「効果」メニュー→「パス」→「オブジェクトのアウトライン」を実行

2.整列パネルのパネルメニューから「プレビュー境界を使用」にチェックを入れる

上記の2つの作業をおこなうと、文字を選択した際の枠が下図のように変化します。

この状態で円形と整列をおこなうと、下図のようにきれいに中央揃えがおこなえるようになります。

今回はイラストレーターの整列を使いこなす小技をご紹介しました。
ぜひお試しください!

バンフートレーニングスクールでは、このブログを執筆しているスタッフ「ほ」とスタッフ「の」がイラストレーターの使い方を詳しく講習でご案内しています。

イラストレーターをマスターしたい方は、ぜひスクールへお越しください。

バンフートレーニングスクールの
イラストレーター講座のページへ

※今回使ったかわいいひよこのイラストは、フリー素材サイトのイラストACさんからぶんぶんうまさんの描かれたものをお借りしました。

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

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

[Photoshop] 画像の拡大(再サンプル)

まだまだ寒い日が続きますね。
2月真っ只中なんで当然なんですが、早く蜃気楼が揺らいで見えるような夏が来ないかと…スタッフ「の」です。

さて今回はDTP用貼り込み画像の拡大について紹介します。

先ず貼り込んだ後にIllustratorやInDesign上で3倍に拡大してみました。

案の定、ドット感が目立ちます。

続いてPhotoshopを使用して拡大してみます。
「イメージ」メニュー→「画像解像度」を実行します。

DTP用画像の拡大は「再サンプル」(ピクセル情報の補間)にチェックを入れドット数を増やして大きくします。
十数年前、当スクールでもピクセル補間してもジャギー(ドット感)が薄れる程度で画質自体は大してよくなりませんよ。と、うたっていました。
しかし、CS6以前とCC以降ではピクセル補間の技術が向上!

そして、CC2018から「Adobe sesei」と呼ばれる人工知能らしきものがピクセル補間を手伝ってくれるらしいと。
でも、それ、どれ?…ですよね。

「ディテールを保持 2.0」がそちらに該当するようですが、CC2018以降のバージョンを使用していて見当たらない方は「環境設定」→「テクノロジープレビュー」を確認してみて下さい。

で、折角なので他の再サンプルと比較してみたいと思います。(貼り込み後に拡大した画像と同じ条件で3倍にアップスケーリングで検証)







ユーザーの好みだったり、画像にもよると思いますが如何でしょうか。
よく分からないから、とりあえず「自動」よりは、「ディテールを保持 2.0」の方が良いかもしれません。

以上です。

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

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

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

フォトショップ講座の詳細

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

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

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

[無料ツール]簡単、お手軽にロゴデザインをしてみよう

皆様、あけましておめでとうございます。
スタッフ「ほ」です。
年末年始、いかが過ごされましたか?

私は幸いにもお休みをいただくことができました。
特に遠出をするわけでもなく、自宅でゆっくりと過ごしましたが、毎年の敵である「正月太り」に対抗すべく、9月のエントリーでも書きましたスマホの位置情報ゲームで、がんばって歩きました。
歩きまくりました。

おかげで体重、減りこそしないものの、増加を食い止めることができました。

さて、年明け1回目の今回のエントリーは、Adobeソフトではなくインターネット上で無料で利用できるサービスのご紹介です。

ロゴ、作成したことありますか?
デザイン考えるの大変ですよね。特にクライアントさんに複数の案を出さなければならない時なんか。。
もしくは、作成してみたいけれど、どうすればいいのかわからない、という方もいるかと思います。

そんな時、大きな助けになってくれる「Wixロゴメーカー」という無料のWebサービスがあります。
※高品質データや商用利用は有料(でもとってもリーズナブル)になります

Wixロゴメーカー
https://ja.wix.com/logo/maker

ユーザー登録(無料)後、ほんの3ステップだけでロゴが出来上がっちゃいます。

実際に作成しながら説明していきますね。

まずはサイトにアクセスしましょう。
https://ja.wix.com/logo/maker

ステップ0.ユーザー登録

サイトにアクセスしたら「いますぐはじめる」ボタンをクリックしましょう。

メールアドレスとパスワードを決めて入力したら「新規登録」ボタンを押すことですぐにロゴ作成が始まります。

ステップ1.必要情報の入力

最初にロゴに入れる名前とタグラインを入力します。
タグラインはキャッチコピーみたいなものだと思っていただければいいかと思います。
名前の下に小さく入りますが、不要であればタグラインは省略可能です。

私はこんな感じで入力してみました。

入力が終わったら「作成する」をクリックします。

ステップ2.問いに答える

いくつかの質問が出てきます。
最初はビジネスを入力するように促されます。
バンフートレーニングスクールはPCスクールなので「パソコンスクール」と入力しました。

次は、デザインの傾向を聞かれます。複数選択可能です。
私の好みで「モダン」「フォーマル」「テクノロジー」を選んでみました。

この後は複数回、下のように「どちらのデザインが好みか?」という問いが続きます。

最後にロゴの使用目的を聞かれます。
私は「ホームページ」と「名刺」をチョイスしてみました。

ロゴの生成が始まります。

ロゴの生成中

少し待っていると、たくさんのロゴデザインが生成されました。

ロゴがたくさん生成された

「モダン」「フォーマル」といった私の好みにドストライクなデザインがたくさんです。
どれもかっこいい!

ステップ3.カスタマイズ

しかも、このデザインたち、自分好みにさらにカスタマイズをおこなえます!

かっこいいデザインの中から、悩みに悩んで、このロゴに絞りました。

絞り込んだロゴ

ロゴにマウスを載せると出てくる「詳細設定」ボタンをクリックします。

画面が編集モードに切り替わります。
画面左部でロゴの色、フォント、アイコンの変更などがおこなえます。

ロゴの編集画面

私はアイコンだけ別のものにしたかったため、「アイコン」欄で別のアイコンを選択しました。

アイコンの変更

アイコンのサイズや位置を調整します。

アイコンサイズの調整

終わったら画面右上の「次へ」をクリックしましょう。

次の画面でWix内でホームページを同時に作成するかを問われます。
今回はロゴのみ入手したいので画面右側の「ダウンロード」をクリックします。

ホームページ作成の有無

料金プランが表示されます。
作成したロゴを商用利用する場合は、こちらでプランを選択することになります。

2つプランがありますが、ざっくりと説明するとアドバンスロゴは印刷もできるベクターデータ入り、ベーシックロゴはWebサイトやプロジェクター投影用のスライドに挿入できるロゴデータのみが入ったもの、と考えればいいかと思います。

どちらのプランも商用利用OKです。

ご自身の趣味で作成したホームページなどに挿入するロゴの場合は、ページ下部にあるこのリンクから無料でロゴのJPEGファイルを入手できます。

無料ダウンロード

商用のサイトに掲載する場合は、最終的にプラン契約が必要となりますが、JPEGファイルは無料で作成できますので、まずは複数パターンのロゴを作成して、実際にサイトに入れてみたイメージを検討して最終的にしっくりきたロゴを購入するのもアリかもしれませんね。

ちなみに私が作成してダウンロードしたJPEGファイルはこちらです。

作成したロゴ

いかがでしょうか?
ロゴ作成でいつもお悩みの方は是非お試しください。

「ツールに頼らず、自分で作ってみせる!」という方、バンフートレーニングスクールが応援します!
ロゴデータ作成の定番ソフトはAdobe Illustrator。
バンフートレーニングスクールでは、Illustratorを基礎から学べる講座をご用意しています。

バンフーのイラストレーター講座、詳細はこちら

無料体験もございますので、ぜひ一度スクールへ体験にいらしてください。

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

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

[Illustrator Photoshop] 2020小ネタ

大分寒くなりましたね。
今年は23日が祝日じゃないのが寂しい…と感じるスタッフ「の」です。

Adobe MAXから数日経ち、2020も細かいアップデートが行われて落ち着いてきた感があります。

さて、Illustrator2020は今回のバージョンを通しで見ると「24」となり、
CC互換から外れました。
足枷となっていたであろう旧バージョンとの互換を外したのでパフォーマンスの向上が見込めます。

保存もCC~CC2019(通しバージョン:17~23)は、CC(レガシー)という扱いになりました。
(CCが取れたのは今までのと区別するためかもしれないですね)

今回のバージョンアップはパフォーマンスの向上に力を入れたんだと思います。
新機能よりもさくさく動いてくれる事が何よりと思います。

そしてiPad版のIllustratorもリリースしてくれるとの事で大いに期待したい所ですね。

さて、PhotoshopだけiPad版もあるからか、アイコンがiPad OS風となっております。

並んでる時に違和感が…。

前回スタッフ「ほ」が紹介した「オブジェクト選択ツール」が今回の目玉かと思いますが、個人的には「ワープ」の分割がカスタマイズできる事が嬉しいです。
[Photoshop]オブジェクト選択ツールの使い方
まず「編集」メニュー→「ワープ」を実行しても今までのグリッドは表示されなくなりました。

オプションバーの「グリッド欄」で3:3を選択すると以前と同じになります。

↓4:4

↓5:5(相当細かい変形が可能)

更にオリジナルでグリッドが入れられます。
これによりかなり自由度の高い変形が可能となりました。

自分の作業的に相当使える機能ですが、代わりに以前のブログで紹介した「自動確定」機能の枠外クリックで確定がなくなってしまいました。
↓CC2019(枠外で白い矢印になったらクリックで確定)

↓2020(どこに持っていっても白い矢印にならず)

「Photoshop 2020」にして最初にあれっ!って思ったところでした。
でも巷で全然騒がれていないので皆さんはそんなに使ってなったのかな、と思いました。

以上です。

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

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

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

イラストレーター講座の詳細
フォトショップ講座の詳細

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

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

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

Vanfu Training Schoolのスタッフがお役立ち情報を発信中