今すぐ使える！データ作成の時短テクニック（Illustrator/Photoshop編）

Illustrator, Photoshop, デザイン, デザインテクニック Illustrator, Photoshop, まとめ, データ作成/入稿

こんにちは。印刷のウエーブ公式ブログ編集長の和田です。

８月ですね。この時期は、仕事でもプライベートでも夏のイベント準備にお忙しくされている方が多いのではないでしょうか。今回は、弊社のSNSでご紹介した、お役立ち時短テクニックをまとめてご紹介します。Illustrator・Photoshopをお使いの方必見です！

基本のショートカットキー
Illustratorでカンタン！ハートや星の図形の作成方法
Photoshopで夜空をつくろう！
まとめ

基本のショートカットキー

まずは基本のキホン、WindowsとMacのキーの違いを覚えましょう♪

* 時短の味方のショートカットキー *
Windows：Ctrl
Mac：command
で、その他のキーと組み合わせてショートカットを使います。
参考書やテキストではcommand表記が多いですが、
Winの場合はCtrlで置き換えることで、作業ができます＾＾
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月14日

ここから一気に、コピー・ペーストや保存など基本的なショートカットをご紹介。Illustrator・Photoshopどちらでも使えます。※文字のアウトライン化（Shift + (command/Ctrl) + O ）はIllustratorのみ

データ作成で時短は重要ですよね！
保存：command+s / ctrl+s
戻る：command+z / ctrl+z
コピー：command+c / ctrl+c
ペースト：command+v / ctrl+v
代表的なショートカットキーを覚えて使ってみましょう♪
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月6日

時短の第一歩、ショートカットキー。
覚えて使うと、断然作業が早くなりますよ☆
新規ページ作成：command+N / ctrl+N
全選択：command+A / ctrl+A
切り取り：command+X / ctrl+X
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月11日

字間や行間など、文字の細かい調整もショートカットキーを使ってカンタン時短。

* イラレ/フォトショで文字間を調整するショートカットキー *
文字を選択した状態で
・字間を広く：Option(Alt) + →
・字間を狭く：Option(Alt) + ←
（続く） pic.twitter.com/0Qv5DgYpm2
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月14日

* イラレ/フォトショで行間を調整するショートカットキー *
文字を選択した状態で
・行間を広く：Option(Alt) + ↓
・行間を狭く：Option(Alt) + ↑
(続く) pic.twitter.com/0kDCPHJDNf
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月14日

* イラレ/フォトショで行揃えするショートカットキー *
文字を選択した状態で
Win:shift + Ctrl + L/R/C
Mac:shift + command + L/R/C
(続く) pic.twitter.com/qk0UU66vP6
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月15日

Illustratorで作成したデータは、必ず文字をアウトライン化してご入稿ください d(・ω・`)データの不備は、修正と再入稿が必要ですよ。

ショートカットキーでアウトライン化♪
?アウトライン化したいテキストを選択
?Shift + (command/Ctrl) + O でアウトライン化
テキスト全てを選択したい場合は
(command/Ctrl) + A ですよ☆ pic.twitter.com/B3l1XPRqEt
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月20日

Illustratorでカンタン！ハートや星の図形の作成方法

ハートの作り方

線（パス）のみを使ってハートが作れます！

図形ツールdeハートをつくろう！
?小さめに長方形ツールで四角を作る
?ダイレクト選択ツールで１つポイントを削除する
?線幅を太くし、線端丸型を選択
向きを変えて、完成！
簡単にハートを作ることができますよ♪ pic.twitter.com/v3jdETp0oL
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月8日

星形の作り方

星形はIllustratorのスターツールで簡単に作成できます。微調整は以下の方法がおすすめ。

明日は七夕、イラストで星を描くことがありますが、
Illustratorのスターツールで簡単に星型を作れます。
また、Altキーを押しながらツールを引っ張ると、丸みのある星や
鋭いかたちの星も作ることができますよ☆ pic.twitter.com/JT3zmuPTbP
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月6日

作成した星形をステキにアレンジ！

*+.ボーダー柄の作り方?.+*
-パターンで一気に作成する方法-
1.長方形と四角形の図形を作成、グループ化する
2.全て選択＞スウォッチパネルへドラック
3.オブジェクトを作成し、パターンを選択
パターン化するので保存できます♪ pic.twitter.com/8DJ4vvvOBq
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月7日

Photoshopで夜空をつくろう！

フィルターを２種類使ったカンタン夜空の作成方法。きっかけはこのつぶやき。

きーらきーらーひーかーるー
夜空はフォトショップで作れます（｀・ω・´）キリッ
ちりめんじわフィルターと雲模様1のフィルターをモードを変えながら
重ね、色をつけると、あっという間に星空ができるのです。
七夕は明後日ですが、押し・嫁の七夕イラストは欠かせませんね！←
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月5日

詳しい手順は以下の通り。スケッチフィルター（ちりめんじわ）と描画フィルター（雲模様）の２種類のみでステキな夜空が作成できます。背景画像の作成に便利なテクニックです。

＜Photoshopで夜空をつくろう！＞
フィルター２つでさくっと作ります♪
?バケツツールで「白」を塗りつぶす
?フィルタ＞スケッチ＞ちりめんじわを選択
お好みの星空になるまで数値調整…
今回は密度:45/描画:40の数値で作成。 pic.twitter.com/QCzJSyibDD
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月23日

続き↓
＜Photoshopで夜空をつくろう！＞
次は雲を作ります！
?新規レイヤーを１番上に追加
?フィルタ>描画>雲模様1を選択
レイヤーモードを「ハードライト」にする
ランダムの模様になるので、いい感じになるまで調整…
?完成 pic.twitter.com/BDZbtaot6Y
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月23日

続き↓
＜Photoshopで夜空をつくろう！＞
ここでさらにひと工夫！
・新規レイヤーを追加し、ブラシでランダムに色をつける
・レイヤーモードを「ソフトライト」にする
あっという間に宇宙空間のような星空がつくれます☆
ぜひお試しください♪
— 印刷通販WAVE(株式会社ウエーブ) (@wave_inc) 2016年7月23日