ワードプレス初心者向け情報サイト『webcode』WordPress初心者向けにwordpress(ワードプレス)に関するお役立ち情報が掲載されています。おすすめプラグインやおすすめ有料テーマ(テンプレート)、おすすめ無料テーマ(テンプレート)なども紹介しております。Goope初心者向けにグーペに関するお役立ち情報が掲載されています。リアルな口コミやメリット・デメリット、グーペの利用がおすすめな人や他のCMSとの比較情報などもご紹介しています。2018年7月28日webcode編集部FacebookTwitterはてブPocketFeedlyWebデザインに興味のある方であれば、「Illustrator」や「Photoshop」を一度は耳にしたことがあると思います。そこで今回は、「Illustrator」や「Photoshop」の使い方やその違いについてお伝えしていきます。詳細について学びたい方は、プログラミングスクールのTechAcademyのデザインコースがおすすめです。IllustratorとPhotoshopに関するまとめIllustrator(イラストレーター)とは?まずは、Illustratorについてお伝えしていきます。「Illustrator」は、アドビシステムズが販売するベクターイメージ編集ソフトウェアです。(Wikipediaより)(ベクターイメージ:コンピュータグラフィックスなどにおいて、画像を円や直線などのような解析幾何的な「図形」の集まりとして表現する形式)頭文字をとって「Ai」と呼ばれたり、「イラレ」と呼ばれたりしています。イラスト制作だけでなく、ロゴや図面、広告、パッケージなどをデザインするためのツールとして印刷業界などのあらゆる分野で使用されています。デザイン全般で使われるソフトであるため、グラフィックデザイナーやイラストデザイナーの方には必須のソフトになっています。利用するためにはライセンス契約が必要になります。料金など詳しいことについては、以下のURLをご覧ください。http://www.adobe.com/jp/products/illustrator.htmlIllustratorでできることとは?続いて、Illustratorでできることを簡単に挙げておきます。ポスター・チラシ・広告・パンフレットを作るイラストを描く名刺・プレゼン用資料を作るWeb・ホームページ制作用の素材を作るTシャツなど衣類にプリントするデータを作るアプリのグラフィックを描く例えば、このように様々なことができます。使い方については、以下のWebサイトで詳しく説明されていますので、詳細が気になる方はそちらをご覧ください。http://webdesignrecipes.com/illustrator-basic-tips/Photoshop(フォトショップ)とは?続いて、Photoshopについてです。「Photoshop」とは、アドビシステムズが販売しているビットマップ画像編集ソフトウェアである。(Wikipediaより)ビットマップ画像:コンピュータグラフィックスにおける画像の表現形式Photoshopは、「フォトショ」と略して呼ばれていることが多いです。こちらも利用するためには、Photoshopのライセンス契約が必要になります。Illustratorと一緒に使えるセットプランも用意されています。詳しくは以下のURLをご覧ください。撮影した写真の色やサイズの調整、合成なども行われています。使い方については、こちらのページで詳しく説明されていますので、そちらをご覧ください。https://liginc.co.jp/web/design/photoshop/105768Photoshopは、フォトグラファーやWebデザイナーの方に使われていることが多いです。IllustratorとPhotoshopの違いとは?IllustratorとPhotoshopでできることが似ているため、初心者の方によく混同されがちです。ここで、2つのソフトの機能や使い方の違いなどをしっかりと押さえていきましょう。2つの違いとして最も大きな違いとして挙げられるのが、画像方式の違いです。Illustratorはベクタ画像方式Illustratorでは、ベクタ画像方式が採用されています。ベクタ画像方式は、画像を数値で記録し、多角形や円などの複雑な図形もコードで表現されます。そのため、拡大しても荒れることがなく、なめらかできれいな画像になっています。Photoshopはビットマップ画像方式Photoshopは、ビットマップ画像方式が採用されています。ビットマップ画像方式は、1ピクセルごとに色と濃度の情報を記録しています。画像はすべて点で構成されているため、拡大すると画像が荒くなり、あまりきれいではありません。ここで、2つのソフトで作った画像を示しておきます。(出典:LIG)IllustratorとPhotoshopの画像の違い上記の画像を見ていただくとわかるように、「Photoshop」で作成した方が少しギザギザして粗くなっています。逆に「Illustrator」では、なめらかできれいな画像になっています。ベクタ画像方式は、サイズを大きくしてもファイル容量があまり変わらないのも特徴です。逆に、ビットマップ画像方式では、画像サイズを大きくするとファイル容量が大きくなってしまいます。そのため、大きな画像を扱う場合は、Illustratorの方がファイル容量を気にせずにあなたの思い通りの画像にすることができます。Illustratorに向いている作業とは?このような2つの違いを理解した上で、それぞれに向いた作業について紹介していきます。Illustratorは画像を数値で記録されているため、正確なデータの作成や細かな配置に向いています。以下のような作業に向いています。企業のロゴやシンボルマークを作成する場合レイアウトを細かく指定したい場合セル画などの正確な線が重要視される画像を扱う場合などPhotoshopに向いている作業とは?一方、Photoshopは、1ピクセルごとに色と濃度を記録しているため、自由度の高い加工ができます。ビットマップデータの編集やドットの集合体で構成されている写真データの加工などに向いています。以下のような作業に向いています。複雑なグラフィックを加工したい場合このようにそれぞれに特性があります。2つのソフトを使い分けて使われていることが多いです。具体例:ポスターを作成する時は?例えば、ポスターを作成するときであれば、以下のように使い分けられています。Illustratorでロゴを作成Photoshopで写真の加工・編集Illustratorでテキストの配置などレイアウトを決める簡単ですが、まずはこのようなイメージを持っていただければと思います。Fireworksとは?他には、IllustratorとPhotoshopと同じようなデザインツールとして「Fireworks」もあります。「Fireworks」とは、かつてアドビソフトウェアが販売していたグラフィックソフトウェアである(Wikipediaより)Fireworksは、Photoshopよりも効率よく作業できるというメリットがあります。簡単にFireworksの特徴についてまとめておきますと、Webデザインに特化しているビットマップ画像形式とベクタ画像形式を同時に扱えるという点が挙げられます。2013年5月以降新しいバージョンの開発がされていないので、使われることは少なくなってきています。OSさえ対応していれば、使い続けることはできるので、使い続けているユーザの方も一定数いるようです。IllustratorとPhotoshopに関するまとめこれを読んでIllustratorとPhotoshopの違いについては、理解していただけたでしょうか?それぞれの使い方については詳しく説明しているWebサイトも多いので、そちらを参考にしていただければと思います。Webデザインを仕事にする場合は、どちらも扱えるようになっていることが望ましいです。どちらも体験版で手軽に使用することもできるので、まずは触れてみることをおすすめします。詳しく学びたいという方は、TechAcademyやCodeCampなどのプログラミンスクールを活用されるのがおすすめです。最後まで読んでいただき、ありがとうございました。LIGの評判や料金は高い?WordPressデザインを学ぶおすすめスクールを比較2019年11月16日グリッドレイアウトの作り方!リキッドレイアウトにおすすめバナーの作り方!簡単4ステップをデザイン経験ゼロの初心者に解説おすすめの記事WordPress(ワードプレス)wordpressでjqueryはどこに書く?プラグインの導入方法や注意点まとめグローバルナビにアニメーションを導入したい。パララックスエフェクトのようなエフェクトを加えたい。スクロールに応じてクラスを変更したい。初心者だけど、WordPressのテーマを自作してみたい。この...WordPress(ワードプレス)WordPress初心者にオススメ!Bootstrapで楽々CSSが書けるので使い方を簡単に解説Webデザイン初心者のうちは、CSSなどで細かく横幅の指定などをするのに結構手間取りますよね。実はこれをWordpressで実現するには、プラグインを使うだけなのです。初心者向けに、WordPressの「投稿」機能に関する操作方法を纏めてみました。webcodezeroRANKINGShopify(ショピファイ)の評判は?カラーミーショップやリピートとの比較エックスサーバーの使い方をワードプレス初心者にわかりやすく画像で解説【経験談付き】ロリポップはライトプランで十分?ワードプレスを複数するならどのlolipopのプランが良い?バインドアップ(BiNDup)の評判は?料金比較やメリット・デメリットを解説ヘテムルとエックスサーバーの比較!wordpress初心者におすすめはどっち?CATEGORYWordPress(ワードプレス)初心者向けにwordpress(ワードプレス)に関するお役立ち情報が掲載されています。おすすめプラグインやおすすめ有料テーマ(テンプレート)、おすすめ無料テーマ(テンプレート)なども紹介しております。Goope(グーペ)初心者向けにグーペに関するお役立ち情報が掲載されています。リアルな口コミやメリット・デメリット、グーペの利用がおすすめな人や他のCMSとの比較情報などもご紹介しています。Jimdo(ジンドゥー)初心者向けにjimdoに関するお役立ち情報が掲載されています。リアルな口コミやメリット・デメリット、jimdoの利用がおすすめな人や他のCMSとの比較情報などもご紹介しています。WIX(ウィックス)初心者向けにWIX(ウィックス)に関するお役立ち情報が掲載されています。口コミや評判、メリット・デメリット、WIXの利用がおすすめな人や、他のCMSやホームページ作成ツールとの比較情報などもご紹介しています。RentalServer(レンタルサーバー)レンタルサーバーに関する口コミや評判、メリット・デメリット・料金比較などが掲載されています。ワードプレス(wordpress)運用におすすめのレンタルサーバーもご紹介しております。