なのブログ

   

メンタル障害持ちながらA型就労で広告デザインやWebをしている人のブログ

カテゴリー: 学校

卒業制作展④

制作テーマ 「かわいい×たべられる」をコンセプトに、架空のかわいいお菓子を提供するカフェを作り、Webサイト、オリジナルレシピ集、ショップカードなどを展開。いつまでも乙女心を忘れないすべての女性に捧げる作品。 本物のお菓子について 苦労した点 クッキーにアイシング(砂糖飾り)で絵を描きましたが、アイシングは水分量の調節と練り具合が鍵になるのでしっかりと練ってひび割れなどが起こらないようにしました。 […]

Read More

卒業制作展③

制作テーマ 「かわいい×たべられる」をコンセプトに、架空のかわいいお菓子を提供するカフェを作り、Webサイト、オリジナルレシピ集、ショップカードなどを展開。いつまでも乙女心を忘れないすべての女性に捧げる作品。 ショップカードについて 苦労した点 2案制作し、2つ目に決定しました。1つ目はピンクと茶色で作っており、Webサイトとはまったく別のお店のような印象になってしまったのと、可愛い要素を盛り込み […]

Read More

卒業制作展②

制作テーマ 「かわいい×たべられる」をコンセプトに、架空のかわいいお菓子を提供するカフェを作り、Webサイト、オリジナルレシピ集、ショップカードなどを展開。いつまでも乙女心を忘れないすべての女性に捧げる作品。 チラシについて 苦労した点 作業工程の写真を撮るのに、手が汚れているためにかなり苦労しました。手早く作業をする必要のある工程はとくに写真を撮るのが大変でした。また初心者でも手軽に作れるよう、 […]

Read More

卒業制作展①

トライデントコンピュータ専門学校で行われた卒業研究制作展終了しました。たくさんのご来場、誠にありがとうございました。 私は2日間ともに午前中に作品の案内をさせていただいたのですが、とくに質問の多かった事項についてと、個人的にがんばったところなどをまとめていきたいと思います。 制作テーマ 「かわいい×たべられる」をコンセプトに、架空のかわいいお菓子を提供するカフェを作り、Webサイト、オリジナルレシ […]

Read More

おすすめフリー写真素材サイト

個人的にお世話になったフリー写真サイトをご紹介します。 PAKUTASO ぱくたそというフリー写真素材サイトです。高画質の写真素材を無料でダウンロードできるサイトで、登録なども一切不要。楽です。 いったいいつ使うんだ!というへんてこなシーンから、人物の絶妙な表情や画質の良さが際立つ写真など、使ってもよし、ながめてもよしのおもしろい写真素材サイトです。 学校の課題で対談集を作ったのですが、表紙に悩ん […]

Read More

【rellax.js】rellax.jsでパララックス

こんにちは。12月はアドベントカレンダーと称して毎日1記事ずつ書いていきたかったのですがサボってしまっております。今日はパララックスについて書いていきます。 パララックスとはWebサイトのスクロールのスピードに差をつけて、ユーザーの目を惹くデザインを叶えてくれるものです。JavaScriptやjQueryで実装しますが、今回は一からではなくrellax.jsを使って簡単に実装する方法をやってみたの […]

Read More

SVGでローディングアニメーション

SVGはCSSアニメーションとほぼ同じようにしてアニメーションを設定できます。 以下の例は丸の大きさが徐々に変わっていくローディングアニメーションです。

CSSのinfiniteは無限ループです。デュレーションの値(infiniteの後)を書くことで3つのアニメーションを少しずつずらしています。 SVGは特別にローディングアニメーシ […]

Read More

SVGについて

スマホの普及などにより再注目されているSVG形式について授業で習ったのでまとめます。 Illustratorで描いてSVGで保存すれば一応SVGファイルは作れますが、余分なコードがたくさん出てきます。なのでここでは直接テキストでHTMLファイルに記述していきます。

信号機を描くコードをサンプルとして載せました。 ぞれぞれ解説します。 […]

Read More

【JavaScript】canvas要素を使って雪を降らせる

もうすぐクリスマス。 というわけで期間限定でブログに雪を降らせてみました。 https://www.otwo.jp/blog/canvas_sakura/ ベースとなるJSはこちらを参考にさせていただきました。詳しく解説が載っています。こちらは桜の花をひらひら降らせています。 http://www.shurey.com/js/samples/1_tips10.html ドキュメントの高さを取得する […]

Read More

【JavaScript】if文でTOPへ戻るボタン

トップへ戻るボタンを習ったので復習しながら解説します。 HTML

CSS

JavaScript

JavaScriptの授業は覚えることが多くとても大変ですが、できることも多いので楽しいです。他にも簡単な […]

Read More
古い記事へ