takato(@n8takato)です!
![](https://takatoblog.org/wp-content/uploads/2022/07/man-300x300.png)
XDで文字を斜体にする方法を知りたい
この記事は上記の課題に向けて作成しています。
デザイン内の一部のテキストを斜体にすることがあります。
XDでは簡単に文字を斜体にすることが出来ます。
この記事ではXDで文字を斜体にする方法を説明します。
この記事を読むメリット
- XDで文字を斜体にする方法がわかる
この記事を書いた人
![](https://takatoblog.org/wp-content/uploads/2022/07/takato.jpg)
この記事を書いた僕はこんな人です!
- 都内制作会社でwebデザイナー・webディレクターとして勤務
- webデザイナー3年、webディレクター1年目
- web制作現場で学んだことを発信している人
〜個人的にオススメなwebデザインスクール3選〜
今なら無料オンライン説明会実施中です!
興味のあるスクールに申し込んでみてください!
XDで文字を斜体にする方法
早速XDで文字を斜体にする方法を説明します。
文字を斜体にするには下記のショートカットを使用します。
使用するショートカット
- 「 Command 」+「 I 」
XDで文字を作成する
始めにXDで文字を作成します。
テキストツールで文字を作成してください。
![XDの「テキストツール」でテキストを作成する。](https://takatoblog.org/wp-content/uploads/2022/11/XD-Italic1.jpg)
文字を斜体にする
作成した文字を斜体にします。
テキストを選択した状態で「Command」+「I」を選択してください。
すると先ほどの文字が斜体になります。
![テキストを選択して「Command」と「I」を選択する。](https://takatoblog.org/wp-content/uploads/2022/11/XD-Italic2.jpg)
※XDでは日本語を斜体にすることは出来ません。おそらく英語のみ斜体にすることが出来るのだと思います。
![XDでは日本語を斜体にすることは出来ない。](https://takatoblog.org/wp-content/uploads/2022/11/XD-Italic3.jpg)
その他テキストのショートカット
XDでは他にもテキスト関連のショートカットがあります。
テキスト関連のショートカット
- 文字を太くする
- 文字に下線を引く
文字を太くする
ショートカットで文字を太くすることが出来ます。
使用するショートカットは下記の通りです。
文字を太くするショートカット
- 「 Command 」+「 B 」
![テキストを選択した状態で「Command」と「B」を押すことで文字が太くなる。](https://takatoblog.org/wp-content/uploads/2022/11/XD-Italic4.jpg)
※文字を太くするのは日本語も対応されています。
文字に下線を引く
ショートカットで文字に下線を引くことも出来ます。
使用するショートカットは下記の通りです。
文字に下線を引くショートカット
- 「 Command 」+「 U 」
![テキストを選択した状態で「Command」と「U」を押すことで文字に下線を引くことが出来る。](https://takatoblog.org/wp-content/uploads/2022/11/XD-Italic5.jpg)
※文字の下線も日本語が対応されています。
XDで文字を斜体にするのは簡単
最後にまとめです。
XDで文字を斜体にする方法
- テキストを選択した状態で「 Command 」+「 I 」
※XDでは日本語は斜体にすることが出来ません。
XDでは簡単に文字を斜体にすることが出来ます。
是非やってみてください。
オススメなwebデザインスクールは下記の記事を参考にしてください。
![](https://takatoblog.org/wp-content/uploads/2023/01/webdesign-school-300x169.jpeg)
webデザインの独学にオススメな本はこちらの記事を参考にしてください。
![](https://takatoblog.org/wp-content/uploads/2022/03/web-design-books-300x157.png)