【Photoshopデザインチュートリアル】VOCUE【#09】
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_15-1.jpg)
デザインのチュートリアルがやりたい。
無料でできるデザインチュートリアルないかな?
デザインに興味があるので、デザインを楽しく学習したいな。
こういった疑問に答えるよ!
デザイナーの@Naoyaです。
目次
- 【Photoshopデザインチュートリアル】VOCUE【#09】
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)
【Photoshopデザインチュートリアル】VOCUE【#09】
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_15-1024x576.jpg)
今回はこんな感じのデザインを作っていくよ!
素材は全て無料なので気になる方はチャレンジしてみてね!
今回利用する素材
![](https://nexout.blog/wp-content/uploads/2024/02/pXkCXYTrPDpPYY5YtS1EFGn2-1024x512.png)
引用元:Adobe Fonts
https://fonts.adobe.com/fonts/linotype-didot
【Photoshopデザインチュートリアル】VOCUE【#09】
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_02-1-1024x576.jpg)
今回はこんな感じの白いドキュメントを例に進めていくよ!
ドキュメントの作り方がよく分からない人は下の記事を参考にしてみてね!
- フォントとサイズと色を指定する
- 文字を入力する
- カーニングする
- 位置を調整する
流れはこんな感じ。
順番に見て行こう!
フォントとサイズと色を指定する
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_03.jpg)
フォント=「Didot LT Pro」サイズ=「300px」として、カラーを選択!
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_04.jpg)
#「000000」としてOK!
文字を入力する
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_05.jpg)
ツールバーから「横書き文字ツール」を選択!
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_06-1024x576.jpg)
ドキュメント上でクリック!
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_07-1024x576.jpg)
こんな感じになるので「VOCUE」と入力後、OS毎の下記のコマンドを押しながらEnterで入力を確定!
- Mac=Command
- Windows=Ctrl
![](https://nexout.blog/wp-content/uploads/2024/02/240215_h2_30.jpg)
ツールバーから移動ツールを選択!
![](https://nexout.blog/wp-content/uploads/2021/06/210607_h2_01_03.jpg)
メニューバーの選択範囲から「すべて選択」を選択!
すべて選択のショートカット
- Mac=Command+A
- Windows=Ctrl+A
すべて選択のショートカットはこんな感じ。
![](https://nexout.blog/wp-content/uploads/2021/04/210415_h2_02_05.jpg)
移動ツールを選択している状態でオプションバーの「垂直方向中央揃え」をクリック!
![](https://nexout.blog/wp-content/uploads/2021/04/210415_h2_02_07.jpg)
続いて、移動ツールを選択している状態でオプションバーの「垂直方向中央揃え」をクリック!
選択範囲を解除!
選択範囲の解除のショートカット
- Mac=Command+D
- Windows=Ctrl+D
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_09-1024x576.jpg)
こんな感じになったね!
カーニングする
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_10.jpg)
文字レイヤーのサムネイルをダブルクリック!
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_11-1024x576.jpg)
詰めたい所の間にカーソルを持っていき、OS毎の下記のコマンドを押しながら「←」で文字間を詰めよう!
- Mac=Option
- Windows=Alt
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_12-1024x576.jpg)
他の文字間も同じ様に詰めよう!
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_13-1024x576.jpg)
こんな感じになったね!
位置を調整する
![](https://nexout.blog/wp-content/uploads/2024/02/240215_h2_30.jpg)
ツールバーから移動ツールを選択!
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_14-1024x576.jpg)
最初の文字が「V」というのと、フォントの関係で少し右上に見えるので、方向キーで位置を微調整!
![](https://nexout.blog/wp-content/uploads/2024/02/240225_h2_15-1-1024x576.jpg)
これで完成!
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)