webの勉強!!初心者!脱出マニュアル!!

webの勉強を、初心者から脱出するためのメモを残していきます

WEBの勉強~イラレ~

 こんにちは!!  メグルです。

 

今週も始まりました。

今日、明日は、イラストレーターの学習です!!

 

ps

ai

fw

 

の使い分けを復習

 

Ps

・写真

・ビットマップ(写真をアップしていくと、ビットになっている)

・高性能、重い

Ai

・イラスト・チラシ

・ベクトル・ベクター(数字でデータを持っているので画像を拡大しても綺麗なまま)

・高機能、重い

Fw

・webデザイン

png(ビットマップ)(写真をアップしていくと、ビットになっている

・軽い、簡単

 

今日は、後半時間を作って作業する。

自分の名刺を作ってみよう!!

印刷屋に持っていくだけの状態まで仕上げるのが目標!!

 

印刷会社

 

キンコーズ

 

まずは、長方形ツールで書いてみる。

 

f:id:meglez1:20150113092651p:plain

 

shiftを押しながらだと正方形

altを押しながらだと中心からの四角が作成。

 

図形を移動させたいときは、移動選択ツールか、Ctrlを押しながらで、書きながら移動できる。

また、何もないところでクリックすると、幅や高さの詳細を設定して作成することができる。

f:id:meglez1:20150113093203p:plain

 

スターツールを書くときに矢印キーを押すと辺を増やすことができる。

f:id:meglez1:20150113093444p:plain

 

図形と図形を合体させたりもできる

 

パスファインダー

画像を連結させたりできる

レイヤーは小まめに作っていったほうがよい

f:id:meglez1:20150113095341p:plain

 

形状モードの一番左が画像の合体→合体させたい画像を選択ツールで囲って形状モードを押す。

f:id:meglez1:20150113095345p:plain

切り抜きたい画像を上に重ねて、左から2番目をクリックすると切り抜かれる。

 

f:id:meglez1:20150113095351p:plain

 

切り抜きたい画像が下にあるときは、レイヤーで順番を入れ替えるか、右クリックで、重ね順→最前列で、切り抜きたい画像を一番上に持ってくる!!

参考サイト

参考サイト2

交差は重ねたところだけ表示させる。

f:id:meglez1:20150113100321p:plain

f:id:meglez1:20150113100323p:plain

 

よく使うのは切り抜き、合体、分割など。

画像をネットから持ってくるのはALTを押しながらドラックすればいい。

 

f:id:meglez1:20150113111552p:plain

 

選択範囲ですべてを選択して、分割を押して、ダイレクト選択ツールに持ち替えて、塗りたい所をクリックして、スポイトツールで色を選択すればOK。

 

五輪マークの作り方

 

次に直線ツール

 

鉛筆ツール

ツールでダブルクリックすると、滑らかさなどを調整できて、要は、補正をしてくれる。

 

 

f:id:meglez1:20150113112114p:plain

次はブラシツール

鉛筆とブラシの違いは、ブラシは普通の線も書けるし、筆のようにも書ける。線に対して、たくさんの種類がある。

 

f:id:meglez1:20150113112510p:plain

 

ここから、色々なブラシを選択して、書くことができる。

 

f:id:meglez1:20150113112557p:plain

 

次はペンツール

 

ベジェ曲線がみんな難しく、なかなかつかいこなすのが難しい。

 

 

f:id:meglez1:20150113114354p:plain

ペンツールでお絵かきをしてみました。

 

f:id:meglez1:20150113135623p:plain

 

これで色を塗ったら一応は完成かなぁ?って感じですかね?

 

長方形選択ツールで91×55

を作ったらオブジェクトからトリムマークを作成

次にオブジェクト→パス→パスのオフセットで3ミリに設定

 

その後、表示→ガイド→ガイドの作成で枠が完成

 

 

近接

 

反復

 

整列

 

コントラスト