Web上で使える10のフリー画像編集ツール

LifeCleverで紹介されていたものです。

いざというとき役に立つかもしれませんね。

個人的にはあまり使う機会はないかも・・・。

Picnik

Web上で使える10つのフリー画像編集ツール

Splashup

Web上で使える10つのフリー画像編集ツール

Phoenix

Web上で使える10つのフリー画像編集ツール

Photoshop Express

Web上で使える10つのフリー画像編集ツール

flauntR

Web上で使える10つのフリー画像編集ツール

その他以下のリンクよりご覧ください。

ウェブサイトの第一印象

サイトのトップページ。第一印象って大事ですね。

改めてそんなことを考えることがあり、少し考えた結果、自分の中で一番優先すべきなのは、はじめの一歩を明確にしてあげることなのかなー、と思いました。

デザインはその次かな・・と。

自分で見つけた理論や結論なんて、随時変わっていくものなので1年後には、また違うことを言っているんだろうなと思いつつ、今はそこにボールを投げ込んでみます。

下記リンクは、「サイト 第一印象」でググって出てきたもの。
とても参考になるので一読しみてください。

40の素晴らしいミニチュア風写真

“素晴らしいミニチュア風写真”です。

マニュアル化されたよくある処理ですが、あまりにキレイだったのでご紹介します。

おなじみの処理でも作り手によって全然味がかわってきますね。

あたりまえか。

興味ある方は、下のリンク先よりご覧ください。





お正月に使えそうな和柄のパターン素材

今回、ほぼ私用のブックマークですが。

お正月に使えそうな和柄パターンです。

いろいろとあるので、興味ある方は下のリンク先よりご覧ください。

まだまだあるクリスマスに使えそうなグラフィック素材

クリスマスを目前にし、いろいろとクリスマス素材がアップされていますね。

↓は『WebDesignFan』にて紹介されていたものです。

フリー素材ではないので、目の保養やインスピレーションに役立てるのもいいかもしれません。


30のすばらしいオーロラの写真たち

『WebDesignFan』で素晴らしいオーロラの写真が紹介されてました。

こういうの見てると、Photoshopでこれをどう再現するには?とか考えちゃいます。

それがまた新たな発見に導いてくれたりするのでこういった写真を見るのは、すごく大事なことだな〜と思います。





苦し紛れの最後の一手「CSSハック」

kesuiket CSS Hack

今携わっているサイトでは、IE全バージョンクリアに
していなければならない都合上、デッドラインとの駆け引きの末に、
最後の手段として使ってしまう「CSSハック」。

中でもよく使うのは以下のようなものでしょうか。

■IE6以下のみ適用(スターハック)
* html #name { color:#000000; }

■IE6&7用
#name { /color:#000000; }

HTMLからハックする方法もあったりします。

できれば使いたくありませんが、知っていると知らないではかなり効率は違ってくるでしょう。
興味ある方は下のリンクからどうぞ。

【WordPress】ブログにTwitterのつぶやきを表示する

kesuiket.com

Twitterでつぶやき慣れてきたところで、ブログに表示されるようにしました。
最新のつぶやきを10表示に設定したのでサイドバーをかなり占拠してますが。

方法はいたって簡単です。

“Twitter Tools”というプラグインを使って実装することができます。
ダウンロードしてインストール後、プラグインを有効にします。

その後のオプション内容はこんな感じ?↓かな。
英語は苦手なので、正直自信ないですが、参考までにどうぞ。

Twitter Tools options

■sidebar.phpに↓を記述。
<?php aktt_sidebar_tweets(); ?>

■最新のつぶやきひとつだけを表示する場合は以下を記述。
<?php aktt_latest_tweet(); ?>

これで表示されます。興味のある方はぜひ試してみてください。
私ももう少しいじって遊んでみようと思います。

参考記事:

Google Chrome for macをインストールしました。

「Google Chrome for Mac」ベータ版公開。早速インストールしました。

kesuiket.com Google Chrome for mac

まずはじめに、やったのはブックマークのインポートなのですが、
なんとSafariからしかできない!?

Macでは普段Firefoxしか使っていないので、Safariには
な〜んの設定も入ってない。

ですが、結論から言うと、割と簡単に移行できます。

私が行った方法は、順序としてはこんな感じ「Firefox→Safari→Chrome」。
軽く説明すると、

STEP1:【Firefox】
「ブックマーク」>「ブックマークの管理」を選択

STEP2:【Firefox】
管理画面のメニューから「HTMLとして書き出す」を選択し保存

STEP3:【Safari】
「ファイル」>「ブックマークを読み込む」で↑を選択

STEP4:【Chrome】
「Chrome」>「ブックマークと設定のインポート」からインポート

もっと簡単な方法もありそうな気もしますが、この方法も十分簡単かと思います。

つまづいてる方はぜひ!

「謝り美人」って何?12月10日は「ごめんねの日」?

12月10日に制定された「ごめんねの日」。
それに合わせて、何十人もの美女が謝るサイト「謝り美人」が登場。

謝り美人

「美女暦」や「美人時計」などありましたが、
今度は「謝り美人」だそうですよ。

あんな風に謝られたら、「しょうがないか、、」となってしまいそうです。

動画もあるみたいですね。

気になった方は、下のリンクからどうぞ。

【Tumblr】サンタとの写真がいっぱい

sketchy santas

Twitter経由で知ったのですが、サンタとこどもたちの写真が
たくさん掲載されているTumblrです。

いろんなサンタがいておもしろいですね。
いろんなこどももいますねww

sketchy santas
sketchy santas

これだけだと寂しいので、クリスマス向けの
Photoshopチュートリアルなんかもどうぞ


参考記事:(Santa)

参考記事:(Photoshop Tutorials)

Twitterおもろい

くだらないことつぶやきまくり。

今日の記事の順番、逆のほうがよかったな、、、。

【Tumblr】 Fuck yeah kissing

Fuck yeah kissing

キス写真ばかりを集めた、Tumblrです。

なぜか見入ってしまったので、ご紹介したいと思います。

よくまあ、こんなに集めたなって感じですよ。

見ていると、恥ずかしいを通り越してなんだかほんわかしてきます。

Fuck yeah kissing

Fuck yeah kissing

Fuck yeah kissing

リンク先:

【Photoshop】写真をレトロな色合いにする方法

写真をレトロな色合いにする方法

写真レトロな色合いにする方法。

これに関しては、いろいろな方法があると思うのですが、
今回は、”Photoshop Tutorials“にて紹介されていた方法を取り上げてみたいと思います。

私は普段が普段使っていない方法で、すごく簡単で興味深かったので気が向いた方は試してみてください。

尚、説明は非常にざっくりとしているため、詳細を知りたい方は下記リンク先を参考にしてください。

STEP1:元になる画像を配置します。

STEP1

STEP2:新規レイヤーを作成し、選択範囲を使い下の図のように2色で塗りつぶします。

STEP2

STEP3:先ほどのレイヤーを非表示にし、元画像のレイヤーを選択した状態で、
「イメージ」>「色調補正」>「カラーの適用」を選択し下の図のように設定します。。

STEP3

STEP4:これでほぼ終わりです。後はお好みで微調整を行ってください。

STEP4

詳しくは下記リンクよりどうぞ。

参考記事:(Thank you very much!)

【Photoshop】 水しぶきを表現するためのブラシ

Photoshopをやっていると、一度は必ず通る道なのではないかなと思うんですが、
水しぶきの表現です。

そんなわけで、水しぶきを表現するためのブラシを探してみました。
興味のある方はぜひ試してみてください。

いろいろ見つけてきました。リンク先は↓から。
商用NGのものもありますので、詳細はリンク先にて要確認でお願いします。

また、Web関連のトピックを集めたサイトを作りました。こちらもぜひご参考ください!
WebEpoch(ウェブエポック)

【Photoshop】Windowsの壁紙のようなグラデーション

Windowsの壁紙のようなグラデーション

Windows壁紙のようなグラデーション

よくあるやつです。

仕事で使おうを思い、調べてみてびっくりしました。
意外と簡単に作れるんですね。
Photoshopってこういった類のものが多いのも魅力の一つですね。

ざっくりと作り方を書いてみます。

■STEP1:まず、下地のグラーデーションを作ります。

STEP1

■STEP2:ペンツールを使い、飾り用のシェイプレイヤーを作る。

STEP2

■STEP3:レイヤー効果から「光彩(外側)」を設定する。(ここでは[スプレッド:9%][サイズ:38px])

STEP3

■STEP4:飾り用レイヤーの塗りを0%し、不透明度を下げて背景に馴染ませる。

STEP4

■STEP5:自分なりの工夫をしていく。(このページのTOPのような感じ)

これだけです。興味のある方は試してみてください。

詳しいチュートリアルは↓のリンクからどうぞ。

参考記事:(Thank you very much!)

【WordPress】カテゴリー別をクリックすると「抜粋」が表示される

kesuiket.com

カテゴリー別をクリックして移動した際に、
画像もリンクも反映されていない記事が表示されていました。

どういうことなのか調べてみたところ、どうやらそれは、
記事が表示されているのではなく、記事の抜粋が表示されるようになっていたらしい。

私は特に抜粋の文章を指定していなかったので、
WordPressが記事の中から適当に判断し表示していたようです。

ただ私として、カテゴリー別をクリックすると、そこに記事の内容が表示されて欲しかったので、
次のような対処を取りました。

「外観」 > 「編集」の、「メインインデックスのテンプレート(index.php)」の中の、”the_excerpt();”(抜粋を表示)を上の図のように”the_content();”(記事内容を表示) に変更すれば解消されます。

ふ〜、気づいていないデフォルトの設定がまだまだあるのでしょうか?

ワールドワイドなデザインを伝えるWEBマガジン「Dezeen.com」

ワールドワイドなデザインシーンを伝えるUK発のデザインWEBマガジン。
「Dezeen.com」

とにかくいろんな分野のデザインが紹介されていて、刺激になります。

いいデザインを眺めていると、世界が広がるような、
世界とつながっているような、
心地よさを感じます。

Dezeen.com

Dezeen.com

Dezeen.com

Dezeen.com

日本語版もあるようです。少しセレクトが違うようですね。
興味のある方はぜひ、ご覧になってください。

スカイプ初体験、、

業務でしか使ったことのなかったスカイプ。

昨日の深夜2時過ぎに、突然、見知らぬ人から、「こんばんわ」とメッセージが届きました。

「怪しいな〜」と思いつつ、3分ほど悩んだ結果「これも経験だな」と思い返信。

なんだかんだで、4時くらいまでチャットを楽しみました。

なるほど、スカイプ、おもしろい。

けれど、自分からメッセージを投げる勇気はまだない。

世界のアーティストによる美しいイラストレーション

SMASHING MAGAZINEより、世界の様々のアーティストによる
PHOTOSHOPでの美しいイラストが紹介されていました。

自分が作品をつくる上でも、参考になるのものがたくさんありますね。

僕も、もっともっと表現力を上げていきたいと思わせられます。


Shadow Chen


Erik Jonsson


Maciej Hajnrich


Tiago Hoisel


Jeff Huang

その他にもたくさんあるのでぜひ見てみてください。↓

インスピレーションを得られる20のすばらしい作品

Breathe

WebDesignFanで紹介されている、
“インスピレーションを得られる20のすばらしい作品”。

どれも創作意欲をくすぐる素敵な作品ばかりです。

HOPE

righteous

Righteous

FlowMotion

続きは↓のリンク先よりどうぞ。

参考記事:(Thank you very much!)

ドア側の席、、、

寒い、、、。