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

Webデザインの勉強 ハロートレーニング 受講生のためのWebデザインの勉強補足ブログ

Illustrator

ナビゲーションボタンを作る

Adobe IllustratorCC 2017の場合 「ピクセルにスナップ」をオンにして「線の位置」も「内側」を選択しておいて、長方形を描画します 以下の作業は、授業の内容通りです 新規ドキュメント 横幅800pxピクセルのナビゲーションボタンを作成するので、幅960pxを…

ラベル(キャラクター)をつくる

楕円形ツールを自由に使う ここまでは、ペンツールを使わなくても形にできます。 楕円を描いて、ハサミツールで切っても曲線にはなります。 アンカーポイント切り替えツールを使う 楕円の端をとがらすには、「アンカーポイント切り替えツール」でクリックし…

グラデーションとブレンド

グラデーションとは グラフィックデザインの手法のひとつで、ある異なる2色の色や濃淡が滑らかに連続して変化してゆく表現のこと グラデーションツール 線形(リニア) 円形 グラデーションを作る 《グラデーションのポイント》 開始色と終了色を決める 線形…

ベクトルとバランス

ベクトルの説明がわかりやすいサイト Illustratorを理解するためには「ベクトル」の理解が不可欠です この解説は初心者にとって、もっともわかりやすい説明になっています The beginner's class lecture of the Bezier curve for Adobe Illustrator 本質はベ…

Illustrator - トレース

トレースとは 下絵をなぞって描くこと 真似て描く練習(繰り返す度にうまくなること請け合い!) 下絵を設定する 下絵にする画像データ(手描きのイラストをスキャンしたりしたもの)を準備する(PNG、JPG,GIF,TIFFのいずれかの形式) 新規ドキュメント作…

地図を描く

地図を描く (1)新規ドキュメント作成 (2)[ファイル]メニュー → [配置] (3)配置する写真を選択する。ファイル名「地図下絵.tif」 ※オプションは「テンプレート」のみ、チェックする。 ※「リンク」のチェックは必ずはずすこと。 (4)「テンプレート…

長方形だけでロゴを描く

長方形だけでロゴを描いてみる:IT 下絵を「テンプレート」で配置する 塗りなしの長方形で基準となる形を描く(ユニット) その長方形を複製して規則性をつくる キーオブジェクトを利用して基準の辺に整列させる レイヤーパレットの下絵のアイコンをOFFにし…

複合パスとクリッピングマスク

クリッピングマスク (1)新規書類の上に写真を「配置」する。 ※「リンク」にはチェックをしない。 (2)写真の上に楕円を描く。 (3)写真と楕円両方選択し、「オブジェクト」→「クリッピングマスク」→「作成」 (4)文字の場合も同様の手順です。 ショート…

形の変形

変形 すでに描画されているオブジェクトの変形を練習します。 コンピューターは既存の形を利用することが得意 特に複製は、コンピューターのもっとも得意とするところ 素材←ダウンロード リフレクトツール 「線対称」の複製を作るときに使用するツールです。…

描画

描画(描く) 基本的に、すべてを「ペンツール」で描きます。 いわゆる「鉛筆」などのメタファーではなく、力学の理論構造で線が描画されます。 ドラッグをして描く 長方形も楕円形も手の軌跡は同じです。 クリックして描く ドラッグしたときと同様、基準点…

目的と使い方

Illustratorの役割 コンピュータを扱う仕事の中では、コンピュータの特徴である「複製」を利用することが鍵です 「デザイン」的な視点でいえば、「対称(シンメトリー)」を利用して「画面上の安定」をつくります 周りにあるモノの中にある「シンメトリー」…

Illustratorとは

Illustratorを起動 ベクター(Vector)データを作るアプリケーション 新規書類作成 必ず新規書類を作成することが必要です。(机の上に紙をおいて準備する。) [ファイル]ニュー → [新規] 練習用のファイルサイズは、各自のモニタにあわせます。 初心者は「…

IllustratorでWebデザイン

第1回:デザイン前に行う環境設定と覚えておきたい基礎知識 blogs.adobe.com 新規ドキュメントを作成し、表示設定を行う [ファイル]メニュー→[新規…]を選択して[新規ドキュメント]ダイアログボックスを開きます [新規ドキュメント]ダイアログボック…

GIFアニメーション

アニメーション 「アニメーション」とは、生命や魂を意味するラテン語の「ANIMA」を語源とする言葉 一般的に、本来静止している絵を生きてるかのように動かす技術 歴史的には、1830年代プラトーの作ったフェナキスティスコープや、ホーナーの考案したゾート…

ナビゲーションボタンを作る

新規ドキュメント 横幅800pxピクセルのナビゲーションボタンを作成するので、幅960pxを設定 ピクセルプレビュー ピクセルプレビューにチェック 長方形を描画 CS6・CCの場合 線の位置を内側にする(書き出しが、800pxからずれない) 区切り線を追加 ダイレク…

楕円形だけでロゴを描く

i-modeのロゴを描く (1)楕円ツールで、楕円をひとつ描きます (2)移動パレットで数値を指定しながら、移動コピーをしていきます (3)楕円の左ポイントを押したまま移動コピーをします ※上下の円が重なっているところにくると、マウスポインターが 白い矢…

形の変形

変形 すでに描画されているオブジェクトの変形を練習します。 コンピューターは既存の形を利用することが得意 特に複製は、コンピューターのもっとも得意とするところ リフレクトツール 「線対称」の複製を作るときに使用するツールです。 ドキュメントを開…

目的と使い方

Illustratorの役割 コンピュータを扱う仕事の中では、コンピュータの特徴である「複製」を利用することが鍵です 「デザイン」的な視点でいえば、「対称(シンメトリー)」を利用して「画面上の安定」をつくります 周りにあるモノの中にある「シンメトリー」…

Illustratorとは

Illustratorを起動 ベクター(Vector)データを作るアプリケーション 新規書類作成 必ず新規書類を作成することが必要です。(机の上に紙をおいて準備する。) [ファイル]ニュー → [新規] 練習用のファイルサイズは、各自のモニタにあわせます。 初心者は「…