1ヶ月でWebデザイン・プログラミングスキルをオーダーメイドのカリキュラムで学べるスクール、それがWebCamp。

【Photoshop入門】初心者が抑えておくべきサイト8選

Pocket

Photoshop(フォトショップ)を使用していくうちに、基本操作が分からない、やり方を忘れてしまったなどの場面に直面すると思います。そんなとき、Photoshopの使い方をわかりやすく解説しているサイトがあるのをご存知ですか。今回の記事では、初心者が抑えておきたい基本操作から応用編までわかりやすく解説しているサイトをご紹介します。

基礎系

1.サルワカ

saruwaka001

知っておきたい「暮らしの雑学」や「インターネットの知識」を分かりやすく解説しているWEBサイト。なかでも、今回注目したいのがPhotoshop講座。

saruwaka002

『サルワカのPhotoshop講座は、どの書籍よりも、どのウェブページよりも、分かりやすく解説することを目指している』とうたっているだけあり、とてもわかりやすくまとめてあるのが特徴。

    おすすめポイント!

  • 解説図がとんでもなくわかりやすい!見やすい!
  • 目次があるので、知りたいツールの操作方法がピンポイントに探せる
  • 初心者は、目次の上から順に練習していくことで理解が早まる

saruwaka003

また、Photoshop以外にも、HTML/CSS、SEOなどもわかりやすく解説しているので、これからWEB周りを勉強したいひとはぜひ遊びにいってみましょう。

サルワカの詳細を見る

2.Web Design RECIPES

webdesignrecipes001

WEBデザインに必要なツールの操作方法をわかりやすくまとめてあるサイトです。Photoshopもツールの名称から操作方法、応用編まで解説されています。

    おすすめポイント!

  • 参考例、図が多い、可愛い!
  • 目次があるので、知りたいツールの操作方法がピンポイントに探せる
  • 初心者は、目次の上から順に練習していくことで理解が早まる
  • 1ページでさまざまなツールの操作方法を知ることができる

webdesignrecipes002

初心者はもちろんのこと、普段使用しているひとでも『そういえばこんな機能もあったな』と復習できます。手を動かしなら、まずは基本操作方法を学んでいきましょう。

Web Design RECIPESの詳細を見る

3.Photoshop養成ギプス

ps_gypsum001

Photoshopに特化しており、カンタンな作品づくりを通して基礎からデザインを学べるサイトです。また、動画でも操作方法を解説しています。

    おすすめポイント!

  • 図、動画解説が豊富!
  • 加工方法がたくさん載っているので、自分がやってみたい方法から学ぶことができる

ps_gypsum002

Photoshop養成ギプスの詳細を見る

応用編

1.WebCreatorsTips

webcreatorstips001

WEBデザインを学びたい人のためのサイト。PhotoshopでWEBデザインをする方法が解説されています。ある程度基礎ができるようになったら覗いてみましょう。

    おすすめポイント!

  • Photoshopを使用したWEBデザイン方法を学べる
  • 基本操作+動画解説がある

webdesigntips002

WebCreatorsTipsの詳細を見る

2.THREEM DESIGN

threemdesign001

Photoshopの実践的な使い方が学べるサイト。動画解説付きなので、とてもわかりやすいのが特徴です。

    おすすめポイント!

  • 実践的な操作方法が学べる
  • 動画解説がある

threemdesign002

THREEM DESIGNの詳細を見る

3.LIG

lig001

いろいろな言語の基礎から応用、フリー素材まで集約されているサイトです。Photoshopも手を動かしながら学べるので、まずは遊びにいってみましょう。

    おすすめポイント!

  • 無料ツールやおすすめのアプリなど、操作方法以外の情報も知ることができる
  • 文章が面白く、読んでいて飽きない

LIGの詳細を見る

4.PhotoshopVIP

photoshopvip001

Photoshopの使い方がある程度分かってきたひとにおすすめのサイト。デザインのアイデアがほしいときに確認するといいでしょう。

    おすすめポイント!

  • フリー素材やフォントの種類が豊富
  • 知っているとちょっと役立つ情報がチュートリアルとしてまとめてある

PhotoshopVIPの詳細を見る

4.Code部

code001

Photoshopの基本情報からお得な情報まで幅広く掲載しているサイト。WEB関係を勉強しているひとはぜひ覗いてみましょう。

    おすすめポイント!

  • フリー素材やフォントの種類が豊富
  • 知っているとちょっと役立つ情報がまとめてある

Code部の詳細を見る

まとめ

今回紹介したサイトで学習していけば、かなりの操作ができるようになるでしょう。操作方法が理解できれば、そこから先の学習もどんどん加速していきます。

いろいろ試して、Photoshopを自分のものにしていきましょう!

おすすめ記事
Photoshopを学べるスクール・教室19選
Photoshopの本・参考書の評判

投稿者:プロスタ編集部

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

おすすめスクール

全国30校舎で展開されるヒューマンアカデミーのWeb講座は修了者数4万人超、講師とカリキュラムの満足度がどちらも9割を超えています。就職や転職に必要なレベルの実務スキルを身に付けられます。

初心者がプログラミングで挫折しない学習方法を無料動画で公開中。オンラインに特化したプログラミングスクール「TechAcademy(テックアカデミー)」が解説。

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

プロスタの最新情報をお届けします

あわせて読みたい

関連記事

イチ押しランキング

1リナックスアカデミー

リナックスアカデミー

2システムアーキテクチュアナレッジ

システムアーキテクチュアナレッジ
ページ上部へ戻る