基金訓練(Webデザイン・プログラミング科)の79日目に行ってまいりました。
79日目は、総合演習です。

79日目の内容は下記のとおりです。

素材となるイメージやテキストは用意されており、それを使って自由にデザインしてHTML文書を作成しました。(幅は940pxで決められてます。)
時間は4時間ぐらいで、リンクは、なしです。
ページの内容は、チケット販売のサイトで、｢立川志の輔独演会｣のページの作成です。

デザイン、用意されたイメージの調整、および、スライスで2.5時間、コーディングおよび最終調整で1時間でできました。
用意されたイメージを使用する時は、背景を透明化しておいたほうがよいと思います。透明化しておくと、後から背景色の修正などがあっても容易にできます。
また、テキストはフォトショップ上ではラスタライズ化せずに、できるだけテキストのままにしておく方が、後からの修正が楽です。

できるだけ後から修正しやすいように、スライスやコーディングをしておくのが、実際仕事として請けた時に、時間をかけずに仕上げるコツだと思います。

実習で使用している教本

基金訓練(Webデザイン・プログラミング科)の78日目に行ってまいりました。
78日目は、Adobe Flashの実習です。

78日目の内容は下記のとおりです。

１．シェイプの作成

イラストレーターと同じような感じで描画できますが、大きな違いがいくつかあります。

シェイプを重ねた時。

2個のシェイプを重ねた時シェイプの線と塗りの色によってシェイプの状態が変わります。

線のない同色の塗りのシェイプを重ねた時、ひとつのシェイプになります。
異なる色の塗りのシェイプを重ねた時、または、線のあるシェイプを重ねた時、移動して上に重なった部分を、移送してない下の画像から切り取られます。

左のシェイプは、塗り青で線なしで、右のシェイプは上から、塗り青で線なし、塗り赤で線なし、塗り青で線ありです。

左のシェイプに、右の3個のシェイプを移動して重ねた状態です。

空白部分をクリックして選択を解除しました。

右のシェイプを移動ツールで選択して右へ移動した状態です。

結果、上は左右のシェイプが1個のシェイプになり、真ん中と下は左のシェイプが重なっていた部分だけ切り取られています。

シェイプの修正

線ありのシェイプを描いた時、中の塗りと線は別のシェイプになります。
選択ツールでシングルクリックの時はそれぞれのシェイプが、塗りの部分をダブルクリックイした時はすべてのシェイプが、線をダブルクリックした時は線すべてが選択状態になります。
角丸の矩形(四角形)の場合、線は8個のシェイプになります。(下図参照)