photoshopで写真を背景イラスト風に加工してみるの巻

皆さまごきげんよう♪
最近家電屋さんにて、かねてから気になっていたwacomの液タブを実際に触ってみまして…あまりの好感触に、思い切って買ってしまおうか?!と頭を悩ませている今日この頃でございます(^^;

さて、背景画を一から描くのってかなり大変ですよね。。
そこで今日はphotoshopを使って写真をサクッとイラスト風に加工してみたいと思います!

  1. 元画像の色相・彩度を調整する
  2. 線画を抽出する
  3. 細部をぼかす
  4. 色調補正のレイヤーを作る
  5. 仕上げ

“photoshopで写真を背景イラスト風に加工してみるの巻”の続きを読む

フォトショップでシネマグラフを作ってみよう、の巻

皆さまごきげんよう(^^)ゞ
今年は秋に入ってからも毎週のように来る台風、晴れない、暑い、など過ごしにくい日が多かったですが、ようやく気温も下がり一気に秋らしくなってまいりました。皆さまいかがお過ごしでしょうか?

さて、本日は”動く静止画”こと、シネマグラフをフォトショップでサクッと作ってみたいと思います♪

1.シネマグラフとは?

簡単に言うと、動画の上に一部を透明にした静止画を被せて、透明の部分から下の動画の一部が見えるようになっているGIFアニメ画像です。時が止まった中、一部だけが動き続けているという不思議な感じが出せるんです。それでは早速作ってみましょう。
“フォトショップでシネマグラフを作ってみよう、の巻”の続きを読む

イラストレーターでシームレスなパターンを作ろう

皆さまごきげんよう。
厳しい残暑が続いておりますがですがいかがお過ごしでしょうか?まだまだ日中は暑いとはいえ日の入りが早くなってきて、季節は着々と秋に向かっているのだなぁ..と嬉しいような寂しいような今日この頃です。

さて、本日はイラストレーターでシームレスなパターンを作ってみようと思います♪
“イラストレーターでシームレスなパターンを作ろう”の続きを読む

スマホでもパララックスを実装してみよう、の巻

皆さまごきげんよう!梅雨も明けいよいよ夏本番、いかがお過ごしでしょうか?

皆さまも、部屋でお仕事や勉強をしている時にBGMをかけたりすると思うのですが、集中力を高めるのにホワイトノイズがいいらしい、ということで私、久々に使ってみて良かったのがこちら、noisliです。説明するまでもないですが、アイコンをクリックして表示されるバーを動かして音量調節します。直感的に操作できるシンプルさと、自分で好きなように音をミックスできるところがいいんです。聞いているだけで心落ち着きますし、ほんとお勧めです。ぜひお試しあれ♪

さて、本日はスマートフォンでのパララックス(視差)的な動きを、cssを使って演出してみようと思います。
“スマホでもパララックスを実装してみよう、の巻”の続きを読む

photoshopで画像加工の巻

皆さまごきげんよう。
本日はスマホで普通に撮った写真をフォトショップ(cs6を使用)を使って色々と加工してみようと思います。どれも2、3ステップで出来るとっても簡単なものばかり!ではさっそくやってみましょう(^^)/

目次

“photoshopで画像加工の巻”の続きを読む

jQueryでティッカーを作ってみよう

皆さまごきげんよう。
よく、駅なんかで右から左へ情報が流れてくる電光掲示板てあるじゃないですか。最近のwebではめっきり見かけなくなりましたが、そんな今コレを取り入れたら逆に新しいんじゃないの?!ということで、(笑) 本日はjQueryで電光掲示板のようなもの(ティッカー)を作ってみようと思います。

なにもわざわざjQuery使わなくてもcss3のアニメーションでいいんでない?とも言えますが、流す文章が一つのみならそれで良いのですが、リストになった文章がいくつかあり、それが増えたり減ったりする場合、jQueryでプログラムを書いておくと便利です。

それでは早速やってみましょう。
“jQueryでティッカーを作ってみよう”の続きを読む