クラスメイトのポートフォリオを紹介 前回に引き続き、クラスメイトのポートフォリオを紹介する。

クラスメイトのポートフォリオを紹介 訓練終了に伴い、最後のポートフォリオ制作発表が始まった。その中から印象深かったサイトを紹介したい。

イラストをタトゥーに見せる合成 今回はイラスト素材をタトゥーに見せる処理を学習する。

写真をパズルのピースのように分解 今回はPhotoshopを用い、女性の顔をパズルのピースのように分解する処理を学ぶ。

ブラシを使ったエフェクト 今回はPhotoshopのブラシを用いたエフェクトを学習する。

adobeのIllustrator入門素材 今回はadobeのIllustrator入門素材を用い、pop用素材を作成する。

バナーを作る 今回はPhotoshopでバナーを制作する。なお、このバナーはローソンフレッシュさんのバナーを参考に制作した(優れたデザインとして、こちらでも取り上げられている)。

手書き風の文字を作る 今回はIllustratorで手書き風の文字を作る。

トップページのファーストビューを作る 今回はPhotoshopでトップページの素材制作を行なう。サイズは幅900px、高さ680pxとする。

Photoshopで画像加工 今回はPhotoshopを使い、写真を3D風に加工する。

光るバナーを作る PhotoshopとCSS3を使い、時間経過で色が変わるバナーを作る。

Illustratorで素材作り 今回はIllustratorのワープツールとクリッピングマスクでカラフルな動物の素材を作る。

Adobe Illustratorを学ぶ 今回はIllustratorでDVDプレイヤーを描く。

デザインをどうするか Webサイト制作におけるレイアウトでの留意点を考察する。

googleの開発者向けサービス googleはWeb開発者に対する様々なサービスを提供している。

ポートフォリオサイトを作り直す デザイン面で見直した方が良いという意見があり、思い切って作り直してみた。

.htaccess PC用サイトとスマートフォン用サイトを別で作る場合、.htaccessというファイルを使うことにより振り分けを実現する。

jQueryMobile 今回はjQueryMobileについて学習する。

スマートフォン専用サイト制作 応用編 続き 前回に引き続き、jQuerryの記述を追加していく。

CG企画を終えて 私が企画した、クラス内におけるCG作品の発表会が終了した。

ポートフォリオ制作 トップページ 今回はポートフォリオのトップページを完成させる。

ポートフォリオを作る 今回から自分の作品や学習内容をまとめた、ポートフォリオの制作を進める。今回はトップページの背景動画を話の中心とする。

スマートフォン専用サイト制作 応用編 今回からjQueryを用いたスマートフォンサイトの制作を進めていく。今回は事前準備として、htmlとcssの記述を行なう。

スマートフォン専用サイトのcss 今回はスマートフォン専用サイトのcss記述における注意点を学習する。

スマートフォン専用サイトならではの記述 手打ちでスマートフォン専用サイトを制作する。今回はhtmlのhead部の指定について学習する。

cmsでスマートフォン専用サイトを作る 今回はsmart4meというcmsを用い、スマートフォン専用サイトを制作する。 [http://smart4me.net/ys_lamian/#!topPage:title=]

可変レイアウトと固定レイアウトを融合 今回は2カラム構成のバナー付きサイトをレスポンシブにするテクニックを学習する。

css3 疑似セレクタその2 css3の疑似セレクタについては以前、nth-childについて学習した。今回はセレクタに対しコンテンツを挿入できる::beforeと::afterについて学習する。また、要素の1文字目や1列目を対象にするセレクタについても学習する。

固定レイアウトによるレスポンシブデザイン 今回は固定レイアウトによるレスポンシブデザインを学習する。 横幅980px 横幅800px 横幅320px

可変レイアウトによるレスポンシブデザイン 今回は可変レイアウトを用いたレスポンシブデザインを学習する。 横幅980px 横幅320px、レスポンシブ 横幅320px、非レスポンシブ