Photoshop で画像編集、Webデザインを学ぶ

Pocket

Adobe Pinch In

●PhotoshopでWebデザインをはじめよう!第1回 デザイン前に覚えておきたい環境設定とレイヤー機能
http://www.adobe.com/jp/jos/pinchin/start/photoshop-web-design-01-preference-and-layer.html

●PhotoshopでWebデザインをはじめよう!第2回 シェイプを駆使してデザインのベースを作ろう
http://www.adobe.com/jp/jos/pinchin/start/photoshop-web-design-02-design-base-with-shape.html

●PhotoshopでWebデザインをはじめよう!第3回 Webデザインに文字を配置しよう
http://www.adobe.com/jp/jos/pinchin/start/photoshop-web-design-03-add-text.html

●PhotoshopでWebデザインをはじめよう!第4回 ロゴを配置して、背景パーツを作成しよう
http://www.adobe.com/jp/jos/pinchin/start/photoshop-web-design-04-add-logo-shape.html

●PhotoshopでWebデザインをはじめよう!第5回 写真をレタッチして、配置しよう
http://www.adobe.com/jp/jos/pinchin/start/photoshop-web-design-05-retouch-add-photo.html

 

●PhotoshopからはじめるCSS再入門 – 第1回 これからのWebデザイン
http://www.adobe.com/jp/jos/pinchin/article/responsivedesign/responsive-new-approach.html

●PhotoshopからはじめるCSS再入門 第2回:CSSの世界に働く不思議な力
http://www.adobe.com/jp/jos/pinchin/article/responsivedesign/css-position-float.html

●PhotoshopからはじめるCSS再入門 第3回:余白のまわりの余白
http://www.adobe.com/jp/jos/pinchin/article/responsivedesign/responsive03-margin-padding.html

●PhotoshopからはじめるCSS再入門 第4回:ピクセルからの脱出、新しい単位「em」
http://www.adobe.com/jp/jos/pinchin/article/responsivedesign/responsive04-text-box.html

 

●コードを打たずにページを見たまま編集・作成 第1回:文字と画像を変更しよう
http://www.adobe.com/jp/jos/pinchin/howto/dreamweaver-liveview/edit-image-text.html

●コードを打たずにページを見たまま編集・作成 第2回:タグを挿入・複製しよう
http://www.adobe.com/jp/jos/pinchin/howto/dreamweaver-liveview/insert-tags.html

●コードを打たずにページを見たまま編集・作成 第3回:CSSでレイアウトを整えよう
http://www.adobe.com/jp/jos/pinchin/howto/dreamweaver-liveview/css-layout.html

 

●デザインをスムーズにするガイドライン: 第1回 スムーズな制作を実現するアイデア
http://www.adobe.com/jp/jos/pinchin/article/design-and-guideline/ideas-for-smooth-production.html

●デザインをスムーズにするガイドライン: 第2回 サイト構造の理解とデザインデータの制作にガイドライン を活用する
http://www.adobe.com/jp/jos/pinchin/article/design-and-guideline/site-and-page-structure.html

 

●スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第1回:劣化知らずの「スマートオブジェクト」
http://www.adobe.com/jp/jos/pinchin/howto/photoshop-smartobject/benefits-and-manipulation.html

●スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第2回:「スマートオブジェクト」と「配置」の活用で徹底時短
http://www.adobe.com/jp/jos/pinchin/howto/photoshop-smartobject/link-vs-embed.html

●スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第3回:何度でも変更できる「スマートフィルター」
http://www.adobe.com/jp/jos/pinchin/howto/photoshop-smartobject/smart-filter-and-packaging.html

 

Web制作の入門サイト

●ステップアップPhotoshop記事一覧
http://www.adobe.com/jp/jos/pinchin/howto/step-up-photoshop.html

●PhotoshopでつくるGIFアニメバナー 第1回:スピンぼかしとトゥイーンで躍動感あるGIFアニメバナーをつくろう
http://www.adobe.com/jp/jos/pinchin/howto/photoshop-gif-animation/spin-tween.html

 

Adobe Photoshop CCチュートリアル

●Photoshopで画像を編集する
https://helpx.adobe.com/jp/photoshop/how-to/edit-photo.html

●Adobe GeneratorでWebグラフィックを作成し、生成する
https://helpx.adobe.com/jp/photoshop/how-to/generate-web-graphics-automatically.html

●ぼかしギャラリーを使用する
https://helpx.adobe.com/jp/photoshop/how-to/add-motion-blur-effects.html

●レイヤーカンプを使用する
https://helpx.adobe.com/jp/photoshop/how-to/layer-comp-updates.html

●スマートオブジェクトのリンク
https://helpx.adobe.com/jp/photoshop/how-to/photoshop-linked-smart-objects.html

●強化された文字ツールとTypekitのフォントの使い方
https://helpx.adobe.com/jp/photoshop/how-to/type-typekit-fonts.html

 

Adobe Photoshop Magazine

●Adobe Photoshop Magazine – プロフォトグラファーのためのPhotoshop情報サイト
http://www.adobe.com/jp/jos/photoshopmagazine.html

●Photoshop の使い方
http://www.adobe.com/jp/jos/photoshopmagazine/howto.html

● Pen+デザインラボ - 効率化を図るコツやアイデアを触発する情報
http://www.adobe.com/jp/jos/pen-designlab.html

●ユーザー事例 | Adobe Photoshop Magazine
http://www.adobe.com/jp/jos/photoshopmagazine/showcase.html

 

Adobe TV

●Learn Photoshop CC
http://tv.adobe.com/jp/show/learn-photoshop-cc

 

チュートリアル、ヘルプ、トラブルシューティング&コミュニティ

●Photoshop ヘルプ
https://helpx.adobe.com/jp/photoshop/topics.html

●Photoshop CCラーニングとサポート
https://helpx.adobe.com/jp/photoshop.html

● Photoshop フォント
https://helpx.adobe.com/jp/photoshop/using/fonts.html

●Typekit 体験版 | Adobe Typekit 無料体験版
https://creative.adobe.com/ja/products/typekit

 

Web制作の入門サイト

●Photoshop入門記事一覧
http://www.adobe.com/jp/jos/pinchin/start.html#ps

 

Adobe Creative Cloudの活用情報サイト

●モバイルアプリ|Adobe Touch Appsの詳細
https://www.adobe.com/jp/creativecloud/catalog/mobile.html

●Adobe Creative Station
http://www.adobe.com/jp/jos/creativestation.html

Pocket