スキルチェックページのレイヤー分けをしました。総レイヤー数はざっと150位だと思います。 明日箇条書き形式に書き直してみて、Photoshopに書き出し、スライスしてコーディングに入りたいと思います。 予定よりだいぶ遅れているので、ここでもう一回気合い…

プレゼンサイトのテキスト作りをしてました。『こういう勉強をして、こういうことができるようになりました。』ということを、短い文章の中で言うのはかなり難しいことだと感じました。 それと、まだ全然公開とかはできる段階ではないですが、来年の年賀状の…

制作時間20分ブレンドをうまく使えました。

再考して一応固まったのでIllustratorでラフに起こしてみました。文章の詰めは後回しにして、Photoshopでのスライス作業に入ろうと思ってます。 全体を改めてみてみると、 空きがもうちょっとあった方がいいかなと感じたので、そこは修正したいと思います。

トップページの案もこれで3案目。もどかしいが、だいぶ煮詰まってきた感があるので良しとしたいと思う。 Step3、Step2、Step1と勉強の過程をタブメニューでメイングラフィックとして見せ、サブとして、他にもこんなことやってますというようなスタンスでバナ…

ギャラリーページに画像を追加してレイアウトしてみました。やはり昨日の方法を実践してみましたが、かなり楽でした。 キャプチャー 1枚1枚の画像

パーツやバナーのページです。ポラロイドフィルムの枠の中に画像をはめ込むようにしようかと思ってます。 ポラロイドの画像をダウンロードし、中の写真をくり抜いて、レイヤーを重ねて表示、非表示で次々と画像を作ろうという作戦です。この方法ならPhotosho…

Profileページは『自分について』『Photography』『Blog』の文字にマウスオーバーで軽い説明のツールチップが出るようにしようと思ってます。 ツールチップはYUIのcontainerというライブラリーを使おうと思ってます。 ツールチップ参考 ネットですぐにDEMOを…

スキルチェックのページは学生の頃の通信簿を意識して作ってみようと思います。 その項目に即した画像に飛ぶように設定して。。。 でもまだどうもここだけがうまく導線ができていないんだよなぁ。 もう少し考えることにします。

Ajaxで良さそうなものがあると思うので探してみたいと思ってます。イメージはこんな感じかなと思ってます。

デザインプランには、全ての内容を書いてしまうとかなり画面がごちゃつくため、Spryのアコーディオンを設定しようと考えてます。(もしくはPrototype.jsのModalBoxも候補です。) スキルチェックのページは半分位組み終わりました。 何とか日曜までに最低ノル…

生みの苦しみを味わってます。 ビジュアルもそうですが、テキストが。。。 今までテキストは既存のサイトから拝借してきたので、ツケが回ってきました(笑) レイアウトのページとデザインプランのページは密に連携させるつもりです。 Topページ CSSレイアウト…

1.ファイル→書き出し 2.PSDを選択 3.レイヤーを保持にチェックが入ってることを確認 これでIllustratorのデータを、レイヤーを保持したままPhotoshopで開くことができます。ただ何故か、カラーモードをRGBにすると、『レイヤーを保持』にチェックを入れられ…

とりあえずTopだけざっくり作ってみました。まだまだ変更＆再考の余地がありますが。。。 細かいところ(グラデーション等)は全体が一通りできてから悩みたいと思います。 メイングラフィックスはJavaScriptで、読み込む度に画像が切り替わるようにしようと思…

所要時間15分まぁざっくりと。。。

altを押しっぱにしながら、ヘルプ→『Illustratorについて』を押すと例の(ボッティチェルリ『ビーナス誕生』の)女神様が出ます。

所要時間10分 ひとつ重大な見落としをしていました。 不透明マスクでハイライトを作ろうとすると透けてしまうということ。もしオブジェクトを重ねるようなことがある場合は、下のオブジェクトや色を透けさせたくない場合、不透明マスクは使えないということ…

所要時間10分袋文字を作ること自体よりも、amanaimagesの文字を消す方に時間がかかりました(笑)

ヤマハにある、バナーをトレースしてみました。 ドット文字のバランスは元画像とは変えてあります。所要時間15分。 完成画像 3×3pxの正方形を敷き詰めて削る。 着色して文字書いて、枠付けて完成。

ポイントはただ一点。 『袋文字』です。文字はユニットを複製→シアーツールを使って、なるべくユニットを生かして描いています。 所要時間20分 完成画像 ちょっと元画像とは異なりますが。。。

所要時間30分 CDジャケットに描いてあったモチーフをトレースしました。 緑を基調に、暖色から寒色までバランスのいい配色だなと思いました。 完成画像 トレース 半分描いてリフレクトツール→垂直軸で複製してます。 オブジェクト→パス→パスのアウトライン …

所要時間1分。 これはめっちゃ簡単にできるのでオススメです。 描画モードを乗算にすると、内側が暗くなってまた雰囲気が変わります。 完成画像 楕円を描く 複製 透明パレット→描画モード→スクリーン

レイヤーの重なりを調整しました。

所要時間40分。 描く順番に迷いがあったので、それが無くなれば後10分は短縮できたと思います。 完成画像 破線の設定 JR線路の設定。(下に黒いセグメントを重ねてあります) トレース終了。階段は分割を使いました。 アルファの設定。 完成！

制作時間150分(汗) 今度はうまくいきましたが、時間が。。。

直線を二本使って、こんな表現をすることができます。 これを踏まえた上で、MACのデスクトップの背景をトレースしてみました。制作時間15分。 色は二色のみで、不透明度100%の線と不透明度を下げた線とでブレンドして作りました。

制作時間15分。 完成画像 カエルをトレース→複製 ブレンド。 ブレンド軸置き換え用の円を描き、アンカーポイントを切断して、半円のオープンパスに変化させる。 ブレンドしたカエルの複製。 ブレンドしたカエル１グループと半円を選択し、 オブジェクト→ブレ…

aiB03 制作時間20分。失敗しました。 塗りの問題と思いきや、それだけじゃなかったみたいで。。。

The_drillのIllustratorをやってて気づいたのが、 枠線は複数の役割を担ってることが多々あるってことです。例えば、その枠線はクリッピングマスクの外枠の線であると同時に分割の基準線としても使いたくて、さらに不透明マスクのオブジェクトとしても使いた…

制作時間60分（汗）雲の濃さが三段階あったので、楕円ツールで描く→形状エリアに追加するのに時間がかかった。雲が白だからそのままでもわかりませんが、 背景の空の枠でクリッピングマスクがうまくかかけられませんでした。 完成画像。 薄い雲を楕円ツール…