WebデザインでPhotoshopを使う際の活用術9記事
Photoshopは写真の補正をしたり、グラフィックを作ったりとあらゆる作業に活用できる非常に万能なソフトです。PhotoshopはWebデザインにおいても欠かせないツールですが、意外にも使ったことがないという方、試してみたけれど使い方が分からない方も多くいらっしゃいます。
今回は、WebデザインでPhotoshopを使いはじめようとしている方に読んでいただきたい記事をまとめてご紹介します。作業の手順から効率化までしっかりと理解することができますので、参考にしてみてください。
PhotoshopでのWebデザイン作業で読んでおきたい記事まとめ
1.PhotoshopでWebサイトのデザインをしよう|Webクリエイターボックス
http://www.webcreatorbox.com/tech/photoshop-web-design/
Web関連の情報を幅広く届けている「Webクリエイターボックス」の記事です。
Photoshopで実際幅のWebデザインを作る、基本ツールで装飾を作るための知識を解説しています。
ロゴ、グローバルナビゲーション、メイン画像まで詳しくデザイン作業の手順が分かります。
解説用のデザインも可愛くお洒落です。
2.Photoshopでスライスし、パーツ画像を作成するコツと方法|Webクリエイターボックス
http://www.webcreatorbox.com/tech/photoshop-slice/](http://www.webcreatorbox.com/tech/photoshop-slice/)
PhotoshopでWebデザインを作成する際に必要な、スライス作業を実践で学べる記事です。
どのようにスライス作業を進めればいいのかが詳しく分かります。
先に紹介した「PhotoshopでWebサイトのデザインをしよう」と合わせて読むとこで、より理解を深めることができます。
CSSを使った、画像を使用しないデザイン方法についても知ることが可能です。
3.あまり知られていないけど超便利!Webデザイナー向けPhotoshopのショートカットのまとめ|coliss
http://coliss.com/articles/build-websites/operation/design/photoshop-shortcuts-for-web-designers-by-jake.html
サイト構築関連のテーマを中心に扱う「coliss」の記事です。
数あるPhotoshopのショートカットの中でも、特に便利なものを紹介しています。
どれもWebデザイン作業でよく行う作業ばかりですので、覚えておくと重宝します。
意外に知らない方も多いので、効率アップのためにも目を通しておくことをオススメします。
4.Photoshopで何ができるの?初心者のための使い方と初期設定まとめ|code部
http://blog.codecamp.jp/photoshop_intro/
プログラミング初心者に向けて情報配信を行うメディア「code部」の記事です。
Photoshopで何ができるのか、という軸で様々な活用方法、初期設定・環境設定について紹介しています。
Photoshopを使い始めたばかりの方や、どんな使い方ができるのかいまいち分からないという方に特に読んでいただきたい内容となっています。
5.Webデザイン時におけるPhotoshopレイヤー整理の俺流ルール|creativememomemo
http://creativememomemo.com/photoshop_layer_arrange/
Webデザインの小技、クリエイティブ情報をまとめている「creativememomemo」の記事です。
Photoshopのレイヤー整理について、筆者なりのルールをまとめています。
整理するためのルールのポイントはたった2つで、誰でも取り組みやすい内容です。
整理整頓ができればスムーズにWebデザインが行えますので、覚えて実践することをオススメします。
6.Webデザインを効率化するPhotoshopの機能まとめ|LIGブログ
http://liginc.co.jp/web/design/photoshop/88454
Web制作会社、株式会社LIGが運営する「LIGブログ」の記事です。
PhotoshopでのWebデザイン作業の効率を飛躍的にアップする方法をまとめています。
効率化のために習得したいことから、初期設定、便利なプラグインまで取り上げていますので、あらゆる方の参考になります。
使い始めた段階ではなかなか手が回りませんが、ツールに慣れてきたら効率化を考えてみるのも大事です。
7.WebデザインのPhotoshop納品で間違ったことはしていませんか?|all web blog
http://all-web-blog.blogspot.jp/2014/08/webphotoshop.html
Web制作のアイデア情報を配信する「all web blog」の記事です。
初心者だとピンときづらい、Photoshop納品で間違えるポイントを紹介しています。
適切なファイル名をつける、レイヤーに名前を付けるといった当たり前のようで意外にできていない方も多いのではないでしょうか。
Webデザインをこれから始める方も必ず気をつけておくべき内容となっています。
8.【これから Web制作をする人向け】Photoshopを使う前にしてほしい設定|NEST onlineblog
http://blog.nest-online.jp/2044
デザイナー向けの情報を中心に提供している「NESTonlineBlog」の記事です。
Web制作をPhotoshopで始める方に向けて、押さえておきたい設定方法を紹介しています。
設定は全10項目で、単位の設定といった初歩的なものから、Retinaディスプレイ、ガイドとグリッドの設定まで紹介しています。
意外に設定していない方も多いので、参考にしたい内容です。
9.PhotoshopでWEBサイトのラフデザインを作る|初心者のためのWEBデザイン教室
http://webdesignclass.blog.fc2.com/blog-entry-7.html
ホームページを自分で作りたい人に向け、Webデザインの流れやソフトの使い方を紹介する「初心者のためのWEBデザイン教室」の記事です。
コーディング時の手間を省くためのラフデザインの作り方を紹介しています。
ラフデザインが大事な理由から、実際の作業についても分かりやすく解説していますので、なんとなくラフを作っていたという方に読んでいただきたい内容となっています。
まとめ
以上、Webデザインの際にPhotoshopを使いはじめようとしている方に読んでいただきたい記事をまとめてご紹介しました。
Webデザインは、同じAdobe社のIllustratorをはじめとするPhotoshop以外のツールでも作ることができます。
しかし、写真加工に不向きなために結局Photoshopを使う羽目になったりするケースも多く、一つのソフトで簡潔させるならPhotoshopがベターと言えます。
今までWebデザイン作業にPhotoshop以外のツールを使っていたという方は、ぜひこれからの作業で活用してみてください。
このニュースを読んだあなたにおすすめ
Photoshop初心者必見!Photoshopを使いこなすために知っておくべき情報まとめ
全て無料!デザインの魅力をさらに引き立てる高品質PSDファイル60選
【10月編】無料のPSDファイル50選
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- ディスプレイ
- ディスプレイ(display)とは、文字や図形を表示する装置のことを言います。 テレビと同じ原理のCRTディスプレイや、設置面積が小さく消費電力の少ない液晶ディスプレイや、ガス放電を利用したプラズマディスプレイなど、種類も多くあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング