読者です 読者をやめる 読者になる 読者になる

おしい県でWebに携わって働く人のブログ

基本的にはIT&Web界隈に関する役に立ちそうなことをまとめていきます。

フォトショやイラレをAdobeの公式サイトで学べる「Adobe Pinch In」が重宝するかも。

WebDesign/CSS

f:id:lord_cashew:20140605232440p:plain

PhotoshopやIllustratorなどのAdobe製品をオンラインで学ぶことができるサイトがAdobe公式サイト内にあることに気付いた今日この頃、この「Adobe Pinch In」というサイトでしっかり学んで、購入してみたのはいいが全くもって活用できていない「Adobe Creative Suite 6 Design & Web Premium」を使いこなせる自分になりたいところです。

 

Web制作の入門サイト「Adobe Pinch In」

まずは各ツールを基本から学べる「入門記事」でしっかり学びましょう。

f:id:lord_cashew:20140605233650j:plain

 

勉強の合間にWeb制作の基礎知識や最新のデザイントレンドを解説した「制作コラム」を読むのも良いです。

f:id:lord_cashew:20140605233658j:plain

 

基本的をマスターしたら、各ツールを使いこなす為のヒントやサンプルが書かれた「使い方」を見て実践的な内容を学びましょう。

f:id:lord_cashew:20140605233733j:plain

 

「入門記事」 のコンテンツ

ちなみに「入門記事」には以下のようなコンテンツがあります。

 

Dreamweaver入門

第1回 サイト設定がDWのカナメです
第2回 文字原稿の追加はデザインビューで効率アップ
第3回 デザインビューで効率的にHTMLマークアップ
第4回 画像挿入はDWにまるっとおまかせ
第5回 CSS関連の便利機能を使いこなそう
第6回 リンク設定のあれこれ
第7回 Dreamweaverをもっと使いこなそう

Photoshop入門

第1回 デザイン前に覚えておきたい環境設定とレイヤー機能
第2回 シェイプを駆使してデザインのベースを作ろう
第3回 Webデザインに文字を配置しよう
第4回 ロゴを配置して、背景パーツを作成しよう
第5回 写真をレタッチして、配置しよう
第6回 完成したWebデザインから、画像やCSSコードを生成しよう

Illustrator入門

第1回 デザイン前に行う環境設定と覚えておきたい基礎知識
第2回 Webデザイン用のドキュメントを作成しよう
第3回 コンテンツを配置してワイヤーフレームを作ろう
第4回 デザインを作り込もう 画像・配色・テキスト編
第5回 デザインを作り込もう パーツの装飾編

Fireworks入門

第1回 自動シェイプを使いこなして時間短縮!
第2回 パスパネルで複雑な形状を作ってみよう!
第3回 テクスチャとパターンで質感を表現!
第4回 ブレンド機能でデザインの幅を広げよう!
第5回 ストロークを自由にアレンジしてカスタムストロークを作ってみよう!
第6回 Fireworksの便利な機能を活用してコーディングの効率を上げよう! 

Flash Professional入門

第1回 様々なシーンで活用できるFlashコンテンツ
第2回 タイムラインを使ったアニメーション
第3回 MCを使ったアニメーションの“入れ子”
第4回 マスク機能を使ったアニメーション
第5回 フィルター機能とブレンド機能
第6回 ActionScriptでアニメーションを制御する

Edge Animate入門

第1回 2種類のワークフロー
第2回 エレメントの配置、位置やサイズの指定
第3回 エレメントのアニメーション
第4回 既存のHTML内に表示する
第5回 シンボルを利用する
第6回 モーションパスを使ったアニメーション

 

個人的な感想 

今まではPhotoshopやIllustratorなどのAdobe製品を勉強しようと思ったら、とりあえず書籍を購入する人が多いと思いますが、今後はまずは「Adobe Pinch In」で学び始めてみて、その後で自分に合った書籍を探すようにしてみたら良いかもしれません。

 

Adobe Creative Cloud 12か月版 Macintosh版 [ダウンロード]

Adobe Creative Cloud 12か月版 Macintosh版 [ダウンロード]

 
デザインの学校 これからはじめるIllustratorの本 [CS6対応版]

デザインの学校 これからはじめるIllustratorの本 [CS6対応版]

 
デザインの学校 これからはじめるPhotoshopの本 [CS6対応版]

デザインの学校 これからはじめるPhotoshopの本 [CS6対応版]