こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。
このページは、0からPhotoshopを
習得するできるようにまとめたものです。
記事が完成するたびに
ここにリンクを上げていく予定。
これから書いていく記事の目次です。
この記事の目次
- 1 Photoshopを習得しよう。
- 2 Step1 Photoshopの基本
- 2.1 ① Photoshopとは一体何？
- 2.2 ② Photoshop購入から利用の流れ
- 2.3 ③ Photoshopの初期設定
- 2.4 ④ 操作画面を理解しよう。
- 2.5 ⑤ キャンパス新規作成と画像の開き方
- 2.6 ⑥ 初心者がおさえたい基本の操作
- 2.7 ⑦ ツールバーとツールの機能
- 2.8 ⑧ パネルの内容と使い方
- 2.9 ⑨ データと画像保存
- 2.10 ⑩ レイヤーのことを理解する。
- 2.11 ⑪ Photoshopでの文字の入力
- 2.12 ⑫ ブラシツールの使い方・素材の追加
- 2.13 ⑬ 図形の作成の方法
- 2.14 ⑭ ベクトル画像とビット画像
- 2.15 ⑮ ラスタライズ
- 2.16 ⑯ 図形のシェイプとピクセル
- 2.17 ⑰ スマートオブジェクト
- 2.18 ⑱ 色んな切り抜きの方法
- 2.19 ⑲ レイヤーマスク
- 2.20 ⑳ パターン「画像模様」
- 2.21 ㉑ ガイドとグリット
- 2.22 ㉒ グラデーションの使い方
- 2.23 ㉓ Photoshopのショートカットキー
- 2.24 ㉔ 調整レイヤー
- 2.25 ㉕ のPhotoshopの本まとめ
- 3 Step2 Photoshopの写真レタッチ
- 4 Step3 Photoshop加工・合成
- 5 MORE Photoshopフリー素材
- 6 MORE2 Photoshop問題対処
Photoshopを習得しよう。
designature (デザインネイチャー) の
Photoshop講座は他サイトや書籍よりも
理解しやすいものを目標にしています。
初心者からプロまでの色んな人の
意見をもらいながら更新していきます。
Photoshop初心者はStep1の①から、
ある程度知っている人は掻い摘みながら
まだ慣れない点や分からないこと等を
読んでいくといいと思います。
Step1 Photoshopの基本
初めてPhotoshopを学ぶ人は、
ここから順番に記事を読んでいきましょう。
一応、どの記事も内容的には
一般レベルまで触れていくつもりなので、
理解しにくいところは時間をかけずに
飛ばしながら読んでいって大丈夫です。
（記事によっては内容が似ているのもあり
読んでいるうちにわかってくるかと。）
また、読むだけでも知識はつくのですが、
Photoshopを自ら操作して作りながら学ぶと
最短にPhotoshopを習得できるでしょう。
こちらの記事も合わせて呼んでみて下さい。
① Photoshopとは一体何？
② Photoshop購入から利用の流れ
③ Photoshopの初期設定
④ 操作画面を理解しよう。
準備中
⑤ キャンパス新規作成と画像の開き方
準備中
⑥ 初心者がおさえたい基本の操作
準備中
⑦ ツールバーとツールの機能
準備中
⑧ パネルの内容と使い方
準備中
⑨ データと画像保存
準備中
⑩ レイヤーのことを理解する。
準備中
⑪ Photoshopでの文字の入力
準備中
⑫ ブラシツールの使い方・素材の追加
準備中
⑬ 図形の作成の方法
準備中
⑭ ベクトル画像とビット画像
準備中
⑮ ラスタライズ
準備中
⑯ 図形のシェイプとピクセル
準備中
⑰ スマートオブジェクト
準備中
⑱ 色んな切り抜きの方法
準備中
⑲ レイヤーマスク
準備中
⑳ パターン「画像模様」
準備中
㉑ ガイドとグリット
準備中
㉒ グラデーションの使い方
準備中
㉓ Photoshopのショートカットキー
準備中
㉔ 調整レイヤー
準備中
㉕ のPhotoshopの本まとめ
Step2 Photoshopの写真レタッチ
Step1で基本操作が分かったら、
次は実践を通して学んでいきましょう。
どれもデザインをする上で使える
テクニックなので是非覚えて下さいね。
Step2に関してはどれから、
学んでいっても大丈夫です。
写真を鉛筆タッチのようにする。
準備中
写真を深みある映画風にする。
準備中
写真を一眼レフ風にする。
準備中
写真をフルムカメラ風にする。
準備中
写真に雪が降っているようにする。
準備中
写真の飲食物に湯気をつくる。
準備中
人物写真の肌を綺麗にする。
準備中
お洒落な多重露光エフェクト
準備中
写真の傾きを修正する方法
準備中
写真の一部を好きな色に変える方法
準備中
写真の一部のものを移動させる方法
準備中
写真の一部のものを削除する方法
準備中
Step3 Photoshop加工・合成
Step3では、「便利な合成加工」について
記事にまとめてみました。
髪の毛を切り抜き他に合成する。
準備中
画像を段々透明にするグラデーション
準備中
スキャナーなしで手書き文字入れる。
準備中
写真・文字を斜めからの目線にする。
準備中
画像の斜めに見えるものを
正面から見えるようにする。
準備中
画像を文字で切り抜く。
準備中
フォントにグラデーションをする。
準備中
MORE Photoshopフリー素材
Step1〜３で基本やレタッチ、
加工合成は一通り紹介しました。
あとは作業や質を上げていくだけですね。
MOREではあなたの編集作業を
さらにより良いものにするために
テクチャー素材やブラシ素材等の
おすすめを厳選してまとめてみました。
(どれも無料ダウンロードができます。）
Photoshop無料ブラシ素材集
準備中
Photoshop無料シェイプ素材集
準備中
Photoshopフリーパターン素材集
準備中
MORE2 Photoshop問題対処
Photoshopでたまにあるトラブルや
困った時などの対処法を少しまとめました。
(実際にぼく自身も困ったので。)
IllustratorとPhotoshopの違い
選択範囲だけ移動
準備中
画面が色黒になってしまった時の対処
準備中