月別アーカイブ: 2013年9月

正しい引用のルール(1)

引用のルール

著作権や引用のルールは気を付けなければいけないことだと認識はあっても、その知識があいまいなまま、文章、イラスト、写真、音楽、映像などを引用していませんか?

いい機会なので、著作権についての知識を深め、著作権侵害とならないように、正しい引用のルールを身につけましょう。

下記引用の条件をクリアしていれば、許諾は不要です。正式に掲載したいものは、許諾申請をして許諾をもらいましょう。

文化庁 身近にある著作権~ビジネスパーソンのための基礎知識より。

 

引用の条件

ア. 既に公表されている著作物であること

イ. 「公正」な慣行に合致していること

ウ. 報道、批評、研究などの引用の目的上「正当な範囲内」であること

エ. 引用部分とそれ以外の部分の「主従関係」が明確なこと

オ. カギ括弧などにより、「引用部分」が明確になっていること

カ. 引用を行う「必然性」があること

キ. 「出所の明示」が必要(コピー以外はその慣行があるとき)

参考

知っていますか? 「引用」のルール
無料引用のルール
朝日新聞デジタル 著作権について
文化庁 身近にある著作権~ビジネスパーソンのための基礎知識(PDF)
文化庁 身近にある著作権~ビジネスパーソンのための基礎(映像)
文化庁 初めて学ぶ人のために 平成25年度

次回勉強会(9/27 Fri)のリクエスト

次回勉強会のリクエストです。

1、「てんてん」をcssでやる。タカハシ先生お願いします!
   こういうの。
   りんご・・・・・・・1,000円
   オレンジ・・・・・・6,000円
   なし・・・・・・・・・100円

2、ジェイコさんが制作中のぷりんサイトのグローバルメニューのcss3疑似要素の「ふわ~」と出てくるやつ教えて下さい。
  ジェイコさんお願いします!

楽しみにしています。
  

フォトショップで作る!GIFアニメーション

9/13の勉強会のお題は“GIFアニメーション”でした。
データも軽く、今また何気に脚光を浴びている(?)GIFアニメ。
これをGIFアニメ作成アプリや、CSS3アニメーション等、いろんな方法で作ってみました。

その中から、今回はphotoshopを使ってGIFアニメを作ってみようと思います。

1.画像を必要な枚数用意する

イラストレーターで作った画像を4枚用意しました。
gifani-01
続きを読む

GIFアニメ

2013-09-13 の勉強会でGIFアニメについてやるとになりました。(前回の勉強会の後のマックで)
やるにあたって具体的に何を用意していけばよいですか?先生。

ちなみにGifアニメと上で↑動いてるやつです。Flashではありません。

こちらのサイトにのってました。
http://matome.naver.jp/odai/2124771110937828068

すごいですね~。アイデアもいい!
最初からこんな凄いのは出来ないと思いますが、まずは簡単なのを作ってみましょう!

CSS3 アニメーション(Transitions)

サイトのメニューのホバーをふわ~っとさせて、かわいくするにあたってのの注意点。
(2013-09-06勉強会・制作中のサイトを先生に見てもらったらアドバイスを頂いたのでメモしておきます。)

上の3つと下の3つの違いわかりますか?上3つはホバーした時の「ほわ~」が遅いのでユーザーが少々いらいらするかも。なので下3つはちょっと速くしたのでいらいらしない。(と思う)
もう1つ。カーソルを外した時に上段は「ぱっ」ともとに戻るのでかわいくない。下段は「ほわ~」っと戻るのでかわいい。戻るのはゆっくりでもいらいらしない。(と思う)

醤油ラーメンを注文して出てくるのが遅いといらいらするけど、食べ終わってどんぶり下げるのが遅くてもいらいらしないでしょ。それと同じ心理かな。または、かつ丼を注文して出てくるのが遅いといらいらするけど、食べ終わってどんぶり下げるのが遅くてもいらいらしない。さらに、みそラーメンを注文して出てくるのが遅いといらいらするけど、食べ終わってどんぶり下げるのが遅くてもいらいらしない。……..読んでいらいらした?

iMac買いました。

メインで使っているパソコン(2007に生まれて初めて買ったDELLのデスクトップ)が古くなったので新しいのにしました。

iMac 21.5インチ: 2.7GHz メモリ8GB 容量1TB

CD入れる所がないので、外付けの Apple USB SuperDrive を買いました。キーボード&マウスは付いてきます。
27インチと迷ったけど予算的にとスペース的に考えて21.5インチにしました。お店で見ると27インチのとなりで小さく見えますが、家に持ち帰ると大きいです。
当たり前だけど断然きれい。アドビのCS6ソフトもネットで買いました。

あー、お金が無い~。

CSS3でロングシャドーデザインのアイコンを作る

8/23日の勉強会でのicomoonの続きです。
今回は自分で作った画像をicomoonを使ってアイコンフォントにしてみます。

目次

  1. イラストレーターでアイコンを作る
  2. アイコン画像をSVGファイル形式で書き出す
  3. icomoonに画像をupする
  4. サイトに実装してみる
  5. 更に!アイコンをCSS3で流行りのロングシャドーデザインに変えてみる

1.イラストレーターでアイコンを作る

形はなるべく単純に、隙間などは広めにとります。
また時々縮小してみてバランスを確認します。
私は300px×300pxでこんなのを作ってみました。
続きを読む