1. TOP
  2. フォトショップの使い方を、分かりやすく教えてくれるサイト14選

フォトショップの使い方を、分かりやすく教えてくれるサイト14選

 2015/01/16 Webデザイン  

フォトショップを使えるようになれば、
画像や文字を装飾してインパクトのあるデザインを簡単に作ることができます。

しかし、基本操作だけでも、かなり覚えることがあるので、
途中で挫折してしまったり、苦手意識を持っている人もかなりいらっしゃるでしょう。

そこで、今回の記事では、フォトショップの使い方をわかりやすく解説しているサイトを14個厳選してご紹介していきたいと思います。

まずはこの14個のサイトを見て、使い方を学んでみてください。

フォトショップ初めて編

名前や基本操作などは、使用する上で基礎となるので、
外せないポイントです。

基礎を中心に図解入りで
分かりやすく解説しているサイトについてご紹介します。

LIG

1
?1.
LIG

全5回で構成された初心者講座は、分かりやすくまとめられており、
photoshopやIlustratorなどの違いについても説明しているので、
基礎中の基礎を学びたいかたにおすすめです。

WEBクリTIPS

スクリーンショット 2015-01-13 15.41.08

?2.
WEBクリTIPS

基本操作を動画で紹介しているので、
分からなくなってしまったら反復学習ができるのが魅力。

関連記事も充実しているので、
合わせて読み進めるのが嬉しいポイントといえます。

Photoshop Elementd11の使い方講座

3
?3. Photoshop Elementd11の使い方講座

最初に覚えると便利な操作などを6つに分けて解説しており、
段階を経て、学ぶことができます。

基礎を学んだら、修正や合成などのやり方も
合わせて読める、便利なサイトです。

基本操作編

基本的な機能や、何をするものなのかを確認したら、
次は実際に操作をしてみて、慣れていく事が重要です。

そこで、図解入りで解説しているサイトをご紹介します。

Photoshop基礎講座

4
?4.?Photoshop基礎講座

基本的な用語の意味や操作方法などを
実際のスクリーンショットを用いて分かりやすく解説しているので、
確認しながら学ぶことができます。

【やさしく解説】絵でみる基本的な使い方一覧(Photoshop Elements)

5
?5.
【やさしく解説】絵でみる基本的な使い方一覧(Photoshop Elements

目次一覧で概要が記載されており、知りたい項目を確認する事ができます。
少しずつ学びながらその進行状況に合わせて読み進める事ができるのでおすすめ。

これからPhotoshpでWebをしたい初心者さんのためのツールパネル

6

?6.
Web Design レシピ「これからPhotoshpでWebをしたい初心者さんのためのツールパネルとかいろいろ」

photoshopの画面を用いて補足しながら分かりやすく解説してあるので、
確認しながら読み進める事ができます。

環境設定編

基本操作を学んだら、
次は実際に画像を加工する前に環境設定が必要です。

設定方法について分かりやすいサイトをまとめてみました。

PhotoshopでWebデザインをはじめよう!第1回

7

?7.PhotoshopでWebデザインをはじめよう!第1回 

環境設定を行うにあたって、
一つずつ確認しながら進める事ができ、
分からなくなったら、戻ることができるので、
確認しながら進める事ができるサイトです。

Design color「初めてPhotoshopでWeb制作する前にやっておくといい設定8」

8

?8. Design color「初めてPhotoshopでWeb制作する前にやっておくといい設定8」(CS6含む)

最初にやるべき設定を8つの項目に分けて解説しており、
場所や操作方法などもハイライトで説明しているので、
分かりやすい!

?Adobe Photoshop Elements 7 Operation Manual

9

?9. Adobe Photoshop Elements 7 Operation Manual

文字は少なく、スクリーンショットをメインに解説しているため、
文字を読むのが苦手な方には、ビジュアルで学ぶことができるので、
見ながら操作を並行して行う事ができます。

覚えておきたいツール編

操作する上で、覚えておくと便利なツールは作業効率を高めてくれます。
そんな便利なツールを紹介しているサイトをまとめてみました。

作業効率あがった!Photoshopの使い方と小技まとめ

作業効率あがった!Photoshopの使い方と小技まとめ

10

?10. 作業効率あがった!Photoshopの使い方と小技まとめ

あれもこれも試してみたくなるような、
加工や修正の方法がまとめられており、項目ごとに幅広く書かれているので、
楽しみながら学ぶことができます。

Design TIPS「Photoshop で背景を透明にする方法」

11

?11. Design TIPS「Photoshop で背景を透明にする方法」

背景を透明にする方法を解説しています。
画像が大きく、補足説明も分かりやすいのでおすすめ。

?Design TIPS「Photoshopで文字を加工する方法」

12

?12. Design TIPS「Photoshopで文字を加工する方法」

文字の加工もPhotoshopでは簡単に加工が可能!
この方法をマスターすれば、
色々な活用法が広がるので押さえておきたいツールの一つです。

デザイン力をアップする5つのフォトショップテクニック(初心者向け)

13

?13.デザイン力をアップする5つのフォトショップテクニック(初心者向け)

ちょっとしたテクニックを駆使するだけで、
驚くほど変化を体験できるので、試してみたいものばかりを集め、
シンプルな構成が分かりやすさを更に高めてくれています。

Photoshopで切り抜き 最もカンタンな方法

14

?14. Photoshopで切り抜き 最もカンタンな方法

実際に工程を見ながら作成することができるサイトで、
丁寧に解説してあるのが魅力。

まとめ

いかがでしたでしょうか?
今回の記事を読むだけでも、かなりの操作ができるようになるでしょう。
操作方法が理解できてくれば、そこから先の学習もどんどん加速します。

ぜひ基礎を何度も復習して、フォトショップに慣れ親しんでみてください。

Related Articles:



Post Footer automatically generated by Add Post Footer Plugin for wordpress.

\ SNSでシェアしよう! /

ビジネスの達人の注目記事を受け取ろう

この記事が気に入ったら
いいね!しよう

ビジネスの達人の人気記事をお届けします。

  • 気に入ったらブックマーク! このエントリーをはてなブックマークに追加
  • フォローしよう!

この人が書いた記事

  • 起業前に考えたいパラレルキャリアと副業について

  • 起業して成功する経営者に共通する10のルール

  • 達成は技術!原田メソッド認定パートナーが教える目標設定の前準備とは?

  • キャッチコピーってどうやって作ればいいの!?今すぐ役立つ7個のTIPS

関連記事

  • 商用利用OK!無料風景写真サイトおすすめ4選

  • Webデザインは独学でも勉強できる!動画のオンライン講座9選

  • 意外と侮れない!アニメ・ゲームなどオタクコンテンツのデザイン事情が分かる雑誌3選

  • WordPressのこんな機能欲しかった!を実現するプラグイン8選

  • Webデザイン勉強の参考に!トレンドをまとめてチェックできるWebアプリとサイト6選

  • そろそろ本気でホームページ作成ソフトを学びたい人へ。「Dreamweaver」と「Fireworks」の基礎まとめ