12月のカレンダー
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
最近の日記
全体の新着
各月の日記
ユーザーRSS
kaiserさんの公開日記
04月08日
00:23
どうしても作業工程をメモっておかないとわすれがちになってしまう
ある程度単純化したものの場合はおぼえていられるのだがどうしても工程だ増えてしまう場合途中が抜けてしまうため作業履歴として残しておこうと思う


ちょっとHPにバナーがないのでちょっと作成してみる
そこで最初にロゴの作成を行う
あまりたいしたことはできないが少しは見栄えのいいものをつくりたいのだがいかんせんセンスがないのでどうなるかわからない
まあ、一応作ってみよう

ここでAdobeのイラストレーターを使った作成方法をメモ書きとして残してみる
イラストレーターはベクトルデーターを使った工程があり繰り返しや単純なパターンを作成するのにかなり便利である。
手書きイラストとともに連携することでかなり利便性が上がるのでつかっていこうと思う


画面はCS4だがイラストレーターでのバージョン固有の機能は使わず他のバージョンでも応用が利くようにしていきたいと思う


別ウィンドウで開く(原寸)
まずはパーツの作成だがわかりやすいようにグリッドを表示させる
メニューから表示→グリッドを表示
でグリッドの表示を行える
CTL+\

別ウィンドウで開く(原寸)
これでグリッドに対してスナップさせたりグリッドに沿った線を使うことができる
またスナップさせるには
表示→グリッドにスナップ(Shift+CTL+¥)
もしくは
表示→ポイントにスナップ(ATL+CTL+¥)
でできる
スナップさせたくない場合は同様の操作を行う
さて最初は桜のマークを作成してみる
桜は五つの花びらにさきっぽがギザギザの形をしている
まずは一枚目の花びらを作成してみる大きさを適当に位置にして楕円形ツールにて縦長の楕円を作成する

別ウィンドウで開く(原寸)
ここから回転ツールを使ってコピーしていく
回転ツールのガイド(真ん中のぽっち)を中心にもっていきコピーボタンを押します

回転ツールを押し中心の移動

別ウィンドウで開く(原寸)
ATL+クリック

別ウィンドウで開く(原寸)
角度を75にしてCTL+Dを使って回転複製をつくると花柄の形ができあがる

別ウィンドウで開く(原寸)
このままでは桜にはみえないので形を調整する
CTL+Zで最初にもどし大きさを変更する

別ウィンドウで開く(原寸)
修正した画面

別ウィンドウで開く(原寸)
そこそこよくなってきた
ただ、まだちょっとずれているのでもう少し修正してみる

別ウィンドウで開く(原寸)
角度は72度がよかったらしい
されここでさきっぽを加工してみる
またCTL+Zでもどりさきっぽを作成する
これは三角形を作成してそれをパスファインダで型抜きを行う

別ウィンドウで開く(原寸)
三角形を作成して前面オブジェクトで型抜き

別ウィンドウで開く(原寸)
そして回転を行う
これをパスファインダで合体させる

別ウィンドウで開く(原寸)
これでさくらの形が完成した
ただ、もうちょっと角度がほしいのでまたまた修正してみる
こんな感じにしてみた

別ウィンドウで開く(原寸)
折角なのでスウォッチに登録する
次に新しいレイヤーをつくり背景部分を作成する
バナーということで88X31もしくは200X40が標準らしい
あとは468X60という大きいバナーもあるのでこちらもちょっとつくってみたい
まずは200X40のサイズの長方形を作成する

別ウィンドウで開く(原寸)
これにグラデーションを適応させ背景として使用する
グラデーション

別ウィンドウで開く(原寸)
もいっちょ作成

別ウィンドウで開く(原寸)
これをメニューからコピーを行いまた同じように前面へペーストする
編集→コピー
編集→前面へコピー
次にグラデーションツールを使用し重ね合わせる
(Shiftキーを使用することでグラデーションの角度を変えることができる。基本フォトショップのグラデーションと同じような感覚で使うことができる)

別ウィンドウで開く(原寸)
そしてこれを重ね合わせ透明タブを乗算で下のグラデーションと重ねる

別ウィンドウで開く(原寸)
またグラデーションの位置を変えながら調整してみる

別ウィンドウで開く(原寸)

別ウィンドウで開く(原寸)
とりあえずこんな感じで

次にフォトショップにもっていき加工していく

別ウィンドウで開く(原寸)

別ウィンドウで開く(原寸)

別ウィンドウで開く(原寸)
次にこのままでは微妙にもじが見えずらいためもう少し加工する
フォトショにて雲模様フィルタをつかう
フィルタ→雲模様1

別ウィンドウで開く(原寸)
同じようにフィルタ→線画→雲模様2を実行

別ウィンドウで開く(原寸)
この状態からフィルタブラシストローク>インク画(外形)を適応
ストロークのパラメーターは各自好きなように

別ウィンドウで開く(原寸)
次にフィルター→ぼかし→移動を使用する

別ウィンドウで開く(原寸)
同様の操作を何回か実行する
回数は好みにて

別ウィンドウで開く(原寸)
これを背景からレイヤーに変換し画像を上に持って行きレイヤーを多い焼きカラーに変換する

別ウィンドウで開く(原寸)
これにシェイプを使ってグラデーションをかける

別ウィンドウで開く(原寸)
背景は黒にしてレイヤーはオーバーレイにする
次に文字をつける

Impactで文字を入力しこれを加工する
この辺のフォントは好き好きなので各自好きなフォントでやる

別ウィンドウで開く(原寸)
これにアウトラインを作成し加工する

別ウィンドウで開く(原寸)
とりあえずこんな形で

別ウィンドウで開く(原寸)
フォトショにパスとしてコピーさせる

別ウィンドウで開く(原寸)

別ウィンドウで開く(原寸)

別ウィンドウで開く(原寸)
大きさを変える

別ウィンドウで開く(原寸)
パスの塗りつぶしを行う

別ウィンドウで開く(原寸)
これをレイヤースタイルを使ってメタルっぽくする

別ウィンドウで開く(原寸)

別ウィンドウで開く(原寸)

別ウィンドウで開く(原寸)

別ウィンドウで開く(原寸)

別ウィンドウで開く(原寸)

別ウィンドウで開く(原寸)
次にレイヤー→新規調整レイヤーをつくる

別ウィンドウで開く(原寸)

別ウィンドウで開く(原寸)
これとともに先ほどの桜をもってくる

別ウィンドウで開く(原寸)
大きさを変える

別ウィンドウで開く(原寸)
これを新規シェイプレイヤーにする

別ウィンドウで開く(原寸)
同じようにレイヤースタイルのベベルとエンボスをつかう
その前のこのままだとちょっと違和感があるので穴を開けてみる

別ウィンドウで開く(原寸)
そして元のレイヤーの内容をグラデーションに変更し適応する

別ウィンドウで開く(原寸)

別ウィンドウで開く(原寸)
新規グラデーションレイヤーを作成しこんなところで完成

別ウィンドウで開く(原寸)
ちょっと完成度が低すぎるのが難点だがとりあえずこれで

ある程度時間をかけてもうちょっとつくりなおしてみよう
今回はこれで
公開日記トップへ