MagicEye.jsで3Dマジカルアイ画を作ってみよう

2022.1.11 更新

皆さんこんにちは。

本日はあの「視力改善に効果的」といわれる、マジカルアイ画像が簡単に作れてしまうMagicEye.jsで3D画像をつくってみました。

マジカルアイ画像の見方

  • 平行法:目の焦点を画像より奥で合うよう、遠くを眺めるイメージで見る。
  • 交差法:目の焦点を画像より手前で合うよう、寄り目がちにして見る。 
bell

何が見えましたか?ヒントはクリスマスです。

凝り固まった目の周りの筋肉をほぐしてリラックス効果があるそうですよ。

MagicEye.js の使い方

magiceye

それでは draw your own! から何か描いてみます。
色が濃いものほど手前に見えるようになります。濃淡を使い分けると奥行きが出ますよ。

描き終わったら show magic eye で確認してみて下さい。

メッセージを書いてグリーティングカード風に使っても良さそうですね。ぜひ試してみてください♪

ホンマでっかTVで話題の担々麺の店、ほおずきへ行ってきた

東京・中野にある「担々麺 ほおずき」

ホンマでっかTV(2014年9月24日放映)で話題だったらしいお店が職場の近くにあったので、どんなものか寄ってみました。

おー、食欲をそそる色とスパイスの刺激的な香り!

tantan01

辛さは 普通・中辛・大辛・特辛 の4段階。
私は中辛を頼みましたが、そんなに辛くないのでもう一段階辛いのでもよかったかも。
濃厚だけど意外とサラッと食べれちゃいます。噂通りとても美味しかったですよ〜。

最後に残ったスープにご飯を入れて食べるのが通みたいですね。
知らなかったものだから、食べきれないと思ってご飯無しで注文してしまったぁ!失敗…(><;
寒い夜でしたが、スパイスのおかげか家に帰り着くまでポカポカでした♪

こちらのサイトで作り方など詳しくまとめられていました。こってりだけど実はとても体にいいんですね。
中野へお立ち寄りの際はぜひ!

「担々麺 ほおずき」の店主がつくる、本格的な担々麺の作り方

 食べログ 担々麺ほおずき

埋め込みコードで文字にサウンド!SoundCiteを使ってみた

2022.2.6 更新

皆さん、ごきげんよう。

本日は、簡単に音声を埋め込めるwebサービス、SoundCiteを試してみました。

埋め込みコードを使って文字にサウンドを付けてみよう

まずはじめに埋め込みたいサウンドファイルをFTPの任意のフォルダにUPします。
そこでファイルのURLを調べてコピーします。
SoundCiteへ行きまして、Create clipsの

  • 1.に先ほど控えたファイルのURLをペーストし、Lordボタンをクリック。
  • 2.でスタート時間とエンド時間を設定してリンクテキストに適当な文句を入れます(後からでも変えられます)。create clipボタンをクリック。これで出来上がったEmbed codeをhtmlにペーストします。ワードプレスだったら、投稿の編集画面にペーストするだけです。
  • 最後に3.にあるコードをコピーしてhtmlファイル(ワードプレスだったらheader.phpファイル)のheadタグの中にペーストします。

soundcite-02

文章だけだと斜め読みしてしまって内容も忘れてしまいがちですけど、音声で聴くとけっこう印象に残ったりすることありますよね。

大事なことなので2度言いますって時などに使ってみても良さそうですね。ぜひお試しください。

参考にさせていただいたサイト

「埋め込みコード」でココまで可能!欲しかったあの機能を搭載できる無料サービス8選!

skrollrを使ってパララックスのシングルページサイトを作ってみました

2022.1.16 更新

skrollrでパララックスしよう

本日は 、簡単にパララックス(視差効果)を実装できるjQueryプラグイン、skrollrを使ってパララックスのシングルページサイトを作ってみましたので、取り入れ方をご説明します。

前回の記事をお読みになるとスムーズに理解できますので、どうぞご覧ください。

パララックスが簡単に実装できる! skrollr の使い方

“skrollrを使ってパララックスのシングルページサイトを作ってみました” の続きを読む

ワードプレスにソーシャルボタンプラグインSharebar(シェアバー)を設定する

2022.2.6 更新

本日はページをスクロール時にソーシャルボタンがそれに合わせてついて来てくれる、
share barというプラグインを装備してみます。

固定型と比べますと、ソーシャルメディアからのアクセス流入数が10%改善されたという報告もあるそうですよ。

目次

“ワードプレスにソーシャルボタンプラグインSharebar(シェアバー)を設定する” の続きを読む

写真からアイコン画像を作ってみよう

2022.1.10 更新

前回のブログで触れました、アイコンの重要性

自分が何者であるかを知ってもらうには、やはり写真を使うのが一番!なのですが..
自分の顔写真をさらすのには抵抗がある、という方も多いと思うのです。私もそんな一人。

そこで、フォトショップとイラストレーターを使って写真からスタンプ風のアイコンを作ってみようと思います。

こちらのサイトからフリー画像を拝借致しました。使用ソフトはCS3です。

“写真からアイコン画像を作ってみよう” の続きを読む

アイコンの重要性とデザイン

2022.1.10 更新

「 デザインセンスを身につける」読書レビュー

「デザインセンスを身につける/ウジトモコ著」という本を読みました。

デザインについては、黄金比や三分割法等、デザイン入門書にあるような基本的なものが書かれています。

本書の中で私が一番考えさせられたのがアイコンの重要性についてです。

一億総表現社会の到来といわれるネット時代、SNSのアイコン(プロフィール写真)ひとつで
自分が何者であるかを視覚化出来る。

だからこそ、デザインセンスを身に付けなりたい自分をデザインして、この小さなアイコンの中に表現しましょう、と。

例えばこのアイコン、面倒だからとデフォルトのままでは、どんなに面白い情報を発信していてもスパムにみえて読んでもらえない。

猫や風景のアイコンではあなたがどんな人であるかわからない、結果スルーされやすい。

なるほど。

確かに、自分でも無意識にアイコンの好き嫌いでスルーしたり、逆にどんな人だろうと興味をそそられてポチったり、してました。

たかがアイコンと言えど、SNSの中では名刺の様なものですものね。

今使っているアイコン、今一度見直して真面目にデザインしてみようかな。

©2012 freyjasrm.com