web制作 | 夜間飛行 備忘録

web制作講座で教わったあれこれを書き留めていきます

105日目 | web制作

本日は…

■先日の卒業生のポートフォリオサイト講評
ポートフォリオ制作の上で大事なこと>
 ・企業サイト制作については詳しく、別立てでやるくらいのことをしてもアピールすべき
 ・制作時間と使用ツールくらいはクリックしなくても一覧から見られるようにしておく
 ・作る目的は就職に役立てること。作品集ではない!!
 ・自由に作っていいが、見せ方より中身をしっかり作るべき
 ・自由だがユーザビリティはしっかり考える(人に見せて就職活動するためのものであるということを忘れない)
 ・パーツをつくれる(バナーと見出し、ボタンのセット ex)女性向け、カッコイイ系、ウェディングなど)ことをアピールしてもいい
 ・作ったパーツをコーディングで組んで見せるのも(OK背景含め)
 一人前のwebデザイナーを目指して|webnotebook
 伝説のポートフォリオ
 

■テスト返却

■トロうまコクうまを作ってみよう!
久々のai!!
1.塗りなし/線黒で、幅高さ60ミリの正円を作る
2.alt押しながらコピーして10個の○で雲型を成形する
3.パスファインダーで一体化して、複合パスを解除、内側のもくもくだけ削除する
4.アピアランスのウィンドウを表示、線の太さを20ptにし、線の色をM40%Y100%にする
5.アピアランスから線のところを選んで、角の形状を丸くする
6.塗りを選択スウォッチスウォッチメニュー>スウォッチライブラリ>パターン>ベーシック>ベーシック点>大きさが変化する点(小)を選択
7.オブジェクトの再配色ボタンクリック>黒のところを選んでさっきの線と同じ色にする(選択されているかしっかり確認!)
8.もう一枚塗りをアピアランスで追加して、M10%Y75%で塗る
9.とろうまの文字を雲の上に移動(オブジェクトの重ね順に注意)
10.文字にアピアランスをかけるので、文字のアピアランス>内容をクリック
11.塗りを追加し、パスの一部にオフセットを作る→効果>パス>パスのオフセット(cf)オブジェクトからのオフセット)
12.オフセット3mmにする
13.グラデーションのパレットを出して、3こ(a:0.b:50.c:100%)にポイント作る(a=Y:50%,b=M:15%,Y:90%,k:5%,c=M:50%,Y:100%,k:10%)
14.同じ塗りに対して新規効果>スタイライズ>光彩内側>>描画>覆い焼き(カラーをC:15、M;20,Y:85にする)
15.ドロップシャドウをかける(1.5mm/1.5mm/2mm)
16.とろうまの文字色を茶色にする
17.文字に光彩内側(60%,75%,100%,40%)の茶色

ちょっと番外
<キラキラを作る>
①楕円ツールで丸を描く
②効果>パスの変形>パンク・膨張(パスの数によって変形する)

f:id:knkasay:20150728125121g:plain
完成するとこんな感じ。

                          • -

ポートフォリオサイトで必要な素材
 ライト ウォールステッカー 棚 プロフィールのところの絵 収納 本文そのもの
・考えるべきこと ギャラリー部分のクッション(こと解説)ページに使えるjQuery探し→がっつり説明する
         企業サイトのページの見せ方(ここだけ縦にも??)