unouplus unouplus色々なweb紹介サイトに紹介されている制作事務所のサイト。最初にでてくるベクトルデータで作ったと思われる画像がかわいい。深い青の色と白の2色で非常にメリハリがある。この事務所の作品を見ると全体的にベクトルデータが使われている。…

84イラスト室 ｜ イラストレーター HMK84 84イラスト室 ｜ イラストレーター HMK84イラストレーターの方の作品紹介サイト、リロードするたびにトップの画像が変わる。イラストができる人はそれ自体がデザインになるのでうららやましい。やっていることは縦型…

フォトショップを使って花びらを書いてみた。 こつこつしたグラフィック制作の作業は私には向いていると思う。花びらの画像をフォトショップの横に置きながら一つ一つ丁寧に作業してみた。ハイライトとシャドウに気を使いながら書いていった。こうなるともう…

Koji Morimoto Official Site 森本晃司 - Koji Morimoto3D空間を常に動いているようなサイト。アニメーターの森本晃司さん。もうここまでくるとどうなっているのかわからない。立体的で縦に進むような感じがすごすぎる。javascriptが理解できないともうなに…

sweets atelier TOKYOの畑から sweets atelier TOKYOの畑からGIFアニメーションを使った可愛いサイト。スイーツショップ系。 サイトの構成自体はシンプルな縦長スクロールサイトなのだがGIFアニメーションが可愛い。手書き風のアニメーションであきさせない…

http://fladdict.net/canvasアニメーションを使ったwebサイト。 図形を使ったアニメーションがすごい。canvas系のサイトを始めてみたとき衝撃を受けた。html5になりcanvasを使い始めたサイトがぽつぽつと出てきてどうやってできているのか不思議でしょうがな…

mineo mineo（マイネオ） ホームマウスオーバーすると可愛いアクションをしてくれるマイオネ。 アイコンと丸めのフォントで可愛らしさを出してある。情報も必要最低限のものに限られていて情報を引き出しやすい。格安SIMのサイトということで求めている情報…

LOGICOOL ワイヤレスコンボ mk270出版社/メーカー: ロジクール発売日: 2012/11/30メディア: Personal Computersこの商品を含むブログ (2件) を見る 学校の先生に無線キーボードが便利だと聞いてamazonで一番安い無線キーボード＆マウスを買った。「LOGICOOL …

PHPを使ってフォームを作成した。セキュリティは完全じゃないのだがそこそこ見栄えのするものだ。「フォーム入力」、「確認」、「送信しました」の3枚構成です。 出来上がりイメージ

明日試験があるのでPHPの簡単な確認作業をした。 >|php| \n"; //クォーテーションと特殊文字$quo='こまめに';print '<p>プログラムは{$quo}チェック</p>';print "<p>プログラムは{$quo}チェック</p>\n";//\nは改行,ダブルクォーテーションの場合は変数を出力 //文字列結合$…

ファイルを整理していたら2014年の8月頃にやったデータが出てきた。描画モードのスクリーンを使って3枚の画像を合成した時の画像だ。 なにもない海の背景に花火と月を合成していく。手前のにあるバックが黒い画像が描画モードをスクリーンにすると黒い部分が…

poool poool - 鳥取県のwebプロダクション 島根県のwebプロダクションのHP横スクロール型webページ。横スクロールは見にくいと言われているが、飽きられない工夫がされていてキャラクターデザインも可愛い。ベクトルデータと思われる画像をpepeat-xで並べら…

7月の授業でやった内容、Illustratorのアピアランスを触って間もない頃の画像。 左のイメージを見てその通りにアピアランスを使って描く授業だったが上手くできていないのもある。アピアランスは今でも苦手だがこのころに比べたらだいぶましになっている。Il…

さぬき山郷の響-SANUKI SATONONE- 演出が面白いサイト。音とヴィジュアルで楽しめるのが面白い。立柱になっている画像の柱にマウスを置くと丸い画像が出てきてその画像をクリックするとその画像にあった音が聴ける。またバックグラウンドの画像も切り替わる…

好きなwebサイト・cencoroll2-センコロール2 公式サイト CENCOROLL2［センコロール2］公式サイト CENCOROLL2 - センコロール2 youtubeでアニメのオープニングサイトを見ていたらcencorollと言うアニメーションに行きついた。数分の動画の出来が良かったため…

7月頃の最初の方の授業をした頃にパスファインダを使った簡単な画像作成があった。図形を使いパスファインダで画像を作る練習だ。ファイルを整理していたらその時の画像が見つかった。今でもパスファインダは便利なのでよく使う。ツールはあくまで道具だと思…

Illustrator・ロゴデザインの練習 参考画像を横に置いてその通りに書く練習を２ヵ月くらい前の授業でした。最初にIllustratorに触ったのは8年位前のCS4の時だったと思う。その時の印象はペンツールなどでイメージ通りに描けない為に扱いにくい印象しかなかっ…

好きなwebサイト・ようこそ東本願寺へ｜東本願寺 ようこそ東本願寺へ | 東本願寺 ようこそ東本願寺へ | 東本願寺 フラッシュで作られた和風な動きのあるサイト。最初に見た時にどうやって動いているのか何回も見返してしまった。最初の蝶々の動きに魅入られ…

Mario Kart Wii Mario Kart Wii Experience 横スクロール型パララックスを使った非常にアイデアのあるサイト。遊び心がありスクロールするとカートコースを走っているような感覚になる。下のスムーズスクロールを押すとするするとカートコースを走り視覚差を…

好きなwebサイト・RICOH THETA RICOH THETA RICOH THETA 2014年の7月からwebの学校に通い始めて、最初に印象に残ったサイトです。パララックスサイトで、やっている事はシンプルなため自分でもマネできそうなところが印象に残りました。png画像で穴を開けて…

Photoshop・ブラシを使った炎の合成 鷲と炎を合成する 炎のブラシのダウンロード 解凍した拡張子abrファイルを「C:ドライブ→program file→adobe→Adobe Photoshop→Presets→Brushes」の中にに入れる 鷲の元画像をマスク等で切り抜き新規レイヤーを作る 背景レ…

HTML・コーディングの練習・エコロジー企業CSRページ 企業のCSRページと思われるコーディングの練習をした。素材は用意されていてカラムがない為非常に簡単な物だ。完成まで30分ほどだった。このタイプのページでコーディングは迷うことは一切ない。padding…

フォトショップ・靴のディスプレイ用の写真加工 靴の画像をマスクなどを使って切り抜く 靴画像を5個にレイヤーコピー後、均等に配置 下に黒の四角形を作成、土台を作る 5個それぞれ色調補正で色を変更 5個をフォルダーに入れグループ化する フォルダーを選択…

CSS・リセットCSSとノーマライズCSS ブラウザは初期状態からmarginやpadding等、デフォルトでCSSが設定されている。便利な所もあるのだかブラウザによってその設定が微妙に違うのが困るところだ。そのためブラウザに設定されているデフォルトのCSS設定を一度…

jQuery・Reel Pluginについて Reel Pluginは画像を3Dの様に動作させるプラグインだ。使うと立体的に見えて色々な角度から見える。スクロールすると角度を変えられるため商品のディスプレイには役に立ちそうだ。ただし当然すべての角度の画像がたくさん必要に…

WordPress・XAMPP環境下でのWordPressの設定の仕方 wordpress.orgよりWordPressをダウンロード。 解凍してwordpressフォルダをxampp内のhtdocsフォルダにいれる。 XAMPPを起動させMySQLを起動後にAdminをクリック。 ログイン画面が出るのでログインする。 デ…

PHP・配列をつかった簡単な占い 簡単な占いを作ってみた、配列を作り中に（'大吉','中吉','小吉','末吉','吉','凶','大凶'）を入れる。mt_randを使いランダムで数字を振りprintで出力させる。 フォームを作れば出来上がり。3分間クッキングのように簡単に出…

HTML・コーディングの練習-固定レイアウト・スイーツショップ- 今日は固定レイアウトのコーディング練習をした。スイーツショップと言う設定で画像とテキストは用意されていた。固定レイアウトは何度もやっているのでボックスイメージが簡単に湧きやすくなっ…

HTML・コーディングの練習-パララックスCSS- パララックスサイトの練習の為、検索していたところCSSのみにてパララックスを作れることを知った。jqueryによる移動差の計算ができないため非常にシンプルなものなのだが、シンプルな分私にはうってつけだ。 バ…

HTML・コーディングの練習-パララックス横移動- 横移動型パララックスのコーディングに挑戦してみた。スクロールすると横移動するタイプのパララックスプラグインは思ったより少ない。 「右から左へ」動くものを探していたが丸一日調べて見つからなかったの…