Home > 2009年08月

2009年08月 Archive

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  • Comments (Close): -
  • TrackBack (Close): -

夏の空

  • Posted by: tomoko
  • 2009-08-29 Sat 14:06:12
  • 写真

with Nikon D80


青と緑とやさしい白。

青くて広い空。


2007.06 in kyoto
スポンサーサイト

★Flickrを活用する方法★

  • Posted by: tomoko
  • 2009-08-23 Sun 12:47:26
  • web小技
Flickrを始めました。
というわけで、ブログに載せたり、デスクトップを飾ったり、いろいろ遊ぶ方法です。

一覧


→ Flickrのスライドショーを載せる方法(Flickr)

→ Flickrのスライドショーを載せる方法(flickrSLiDR)

→ Flickrからブログへの写真の掲載を簡単にできるツール

→ Flickrのバナーを作って載せる方法

→ Flickrの写真を壁紙にできる「John'sBackgroundSwitcher」


メモ


Flickrの写真でいろいろ作れるサイトがあります。

BigHugeLabs

Flickrの写真を壁紙にできる「John's Background Switcher」

  • Posted by: tomoko
  • 2009-08-23 Sun 12:47:12
  • web小技

John's Background Switcher


壁紙を自動でいろんなものに変えたい!と思って発見したソフトです。

ダウンロードはこちら



Flickrの写真を壁紙に設定する方法


各種設定

kabegami1.jpg

1.まずは「flickr」を選びます

2.壁紙を変える間隔を設定します。

3.モニターの数と設定を選びます。

4.壁紙の表示方法を選びます

Center pictures on the screen:ディスプレイ中央部に画像を表示させます

Stretch pictures to full screen:画像を画面サイズに合うように引き延ばして(or縮小して)表示させます。
(画像ではなく、ディスプレイの縦横比になります)

Scale pictures to fit the screen:ディスプレイに画像全体が収まるように拡大・縮小させます。
(画像の縦横比は維持されます)

Scale pictures to fit full screen:ディスプレイ全体に写真が表示されるように写真を拡大・縮小させます。
(画像の一部が切れる可能性がありますが、画像の縦横比は維持されます)

Create a thumbnail mosaic image:画面いっぱい小さい画像をたくさん表示させます

Create a four-picture montage:4つの画像をランダムで表示させます。

Create a snapshot scrapbook:画像をスクラップブックのようにたくさん表示させます。

「Scale pictures to fit full screen」を選択しましたが、
「Create a snapshot scrapbook」も人気があるようです。

5.壁紙にした画像をいつまで「保存」するか「消去」するかの設定ができます。


Flickrの写真を表示するための設定

まずは、このソフトからのアクセスをFlickrに許可してもらう作業が必要になります。

kabegami2.jpg

kabegami3.jpg

設定画面の「Authorization」をクリックすると、
アクセス許可用の画面が現れるので、「Authorization」をクリックします。
Flickrのページが表示されるので、画面の指示に許可設定を行います。
Flickr側での作業が完了したら、「Complete Authorization」をクリックして完了です。


表示する写真を絞り込む設定

表示したい壁紙を絞り込むことができます。
kabegami4.jpg

kabegami5.jpg

Everybody:Flickr全体からタグやテキストで絞りこんだり、全写真を対象に表示させます。
A Specific Person:特定のユーザーの写真を表示させます。
Group or Pool:グループやPoolの写真を対象に表示させます。
My Flickr Photos:自分のFlickrの写真を表示させます。



今の設定はグループで絞りこんで表示しているのでその方法です。
kabegami6.jpg

上位「何枚」の写真から選ぶかを選択し、表示させたいグループのURLを入力します。
今のところ、以下のグループから選ぶように設定してます。




各種機能

タスクバーのアイコンをクリックすると、メニューが表示されます。
kabegami7.jpg

よく使いそうな機能。

Next Background:切り替えのタイミングを待たずに、次の画像を表示させます。
Previous Background:1つ前に表示していた画像を表示させます。
Save Picture As...:表示している画像を保存します。
View Current Image:今、表示している画像のFlickrのページを表示させます。
View Previous Image:1つ前に表示していた画像のFlickrのページを表示させます。
Never show Again:今表示されている画像を、二度と表示させないようにします。




かなり快適に使えるので、お気に入りです。



関連記事


→ Flickrのスライドショーを載せる方法(Flickr)

→ Flickrのスライドショーを載せる方法(flickrSLiDR)

→ Flickrからブログへの写真の掲載を簡単にできるツール

→ Flickrのバナーを作って載せる方法

→ Flickrの写真を壁紙にできる「John'sBackgroundSwitcher」

Flickrのバナーを作って載せる方法

  • Posted by: tomoko
  • 2009-08-23 Sun 12:46:27
  • web小技

Flickrのバナーを作って載せる方法(Profile Widget)



自動的にFlickrの写真を利用したバナーが作成できます。

よく見かけるんですが、「どこで作れるんだろう」と思いつつ調べてませんでした。



横長、縦長、コンパクト版の3パターンが作れます。



サンプル(Horizontal banner)


kachohfugetsu. Get yours at bighugelabs.com
↑このパターンがデザイン的に一番好きです。

サンプル(Vertical banner)


kachohfugetsu. Get yours at bighugelabs.com
↑ブログのサイドバーなどにはコレでしょうか?

サンプル(Compact)


kachohfugetsu. Get yours at bighugelabs.com
↑場所を取らずにサイドバーなどに表示するにはちょうどいいかもしれません。



関連記事


→ Flickrのスライドショーを載せる方法(Flickr)

→ Flickrのスライドショーを載せる方法(flickrSLiDR)

→ Flickrからブログへの写真の掲載を簡単にできるツール

→ Flickrのバナーを作って載せる方法

→ Flickrの写真を壁紙にできる「John'sBackgroundSwitcher」

Flickrからブログへの写真の掲載を簡単にできるツール

  • Posted by: tomoko
  • 2009-08-23 Sun 12:45:54
  • web小技

Flickrから直接FC2ブログへ投稿する方法


Flickrの設定をいじることで、
「写真+テキスト」の簡単な記事なら直接アップできます。



方法

詳細は以下が詳しく解説されてます。

 

 

アップ前に確認できないのが不安なので採用を見送りましたが、
ブログの管理画面立ち上げなくていいので、
写真の更新が多い場合は楽ちんかもしれません。

650ピクセルくらいで載せたいので、
500ピクセルが最大サイズなのも、少しだけ残念。

オリジナルサイズで更新できるならば、
採用してたかもしれません。。。
(タグのサイズ指定をいじってアップできるので)


Flickrの写真の貼り付け用ソースを作成する方法(flickwriter)


Firefoxユーザー限定の方法ですが、
複数のサイズをドロップダウンメニューで選べる上に、
Lightboxなどを使っている人にも便利なタグを生成してくれます。

方法

詳細は以下が詳しく解説されてます。

*「original size」の写真の貼り付けができなくなっているようなので、採用見送りました。
 それが出来れば、私の中で最強ツール決定です。


Flickrの写真の貼り付け用ソースを作成する方法(500ピクセル以上の場合)


どうしても500ピクセル以上のサイズで写真を載せたい、
というマニアックな願望が場合は、
写真ページの「all size」から「Original」サイズのソースを貼り付けるしかないようです。



関連記事


→ Flickrのスライドショーを載せる方法(Flickr)

→ Flickrのスライドショーを載せる方法(flickrSLiDR)

→ Flickrからブログへの写真の掲載を簡単にできるツール

→ Flickrのバナーを作って載せる方法

→ Flickrの写真を壁紙にできる「John'sBackgroundSwitcher」

Flickrのスライドショーを載せる方法(flickrSLiDR)

  • Posted by: tomoko
  • 2009-08-23 Sun 12:45:10
  • web小技
Flickrオフィシャルのスライドショーよりも少しだけ軽く、
そして写真の絞り込みがができるツールです。




詳細はこちらで分かりやすく説明されています。





サンプル(600×600)






関連記事


→ Flickrのスライドショーを載せる方法(Flickr)

→ Flickrのスライドショーを載せる方法(flickrSLiDR)

→ Flickrからブログへの写真の掲載を簡単にできるツール

→ Flickrのバナーを作って載せる方法

→ Flickrの写真を壁紙にできる「John'sBackgroundSwitcher」

Flickrのスライドショーを載せる方法(Flickr)

  • Posted by: tomoko
  • 2009-08-23 Sun 12:44:27
  • web小技
オフィシャルにちゃんとツールが用意されてます。

・自動再生してくれない
・サムネイルの数が少ない
・表示サイズが大きくなると読み込みに時間がかかる。

それ以外は特に問題がないツールかと思います。



方法



自分のphotostreamページ右上にある「slideshow」をクリックします。
top.jpg


Flashページの右上にある「show」をクリックします。
スライド


そうすると、コードが表示されます。
表示サイズが「400×300」でOKならばそのままタグをコピーします。
他のサイズに調整したい場合は、「Customize this HTML」をクリックし、サイズを指定します。
スライドラスト



サンプル(標準サイズ:400×300)




サンプル(600×580)






関連記事


→ Flickrのスライドショーを載せる方法(Flickr)

→ Flickrのスライドショーを載せる方法(flickrSLiDR)

→ Flickrからブログへの写真の掲載を簡単にできるツール

→ Flickrのバナーを作って載せる方法

→ Flickrの写真を壁紙にできる「John'sBackgroundSwitcher」

デザインの教科書的存在

  • Posted by: tomoko
  • 2009-08-17 Mon 20:48:32
  • 書籍
プロとして恥ずかしくないWEBデザインの大原則 改訂版 (インプレスムック)プロとして恥ずかしくないWEBデザインの大原則 改訂版 (インプレスムック)
(2007/01/30)
MdN編集部

商品詳細を見る


プロとして恥ずかしくないPhotoshopの大原則 改訂版 (エムディエヌ・ムック―インプレスムック)プロとして恥ずかしくないPhotoshopの大原則 改訂版 (エムディエヌ・ムック―インプレスムック)
(2007/10/11)
不明

商品詳細を見る


サイトを作りはじめたときに、最初の最初に読んだ本です。

引っ越しを重ねてるうちに行方不明になり、
その間に改訂版が出たので改めて買い求めました。

何度読んでも頭からすり抜けていくので、
また読もうと思います。

WEB制作のチュートリアル本。

  • Posted by: tomoko
  • 2009-08-15 Sat 15:36:57
  • 書籍
Webデザイン HTML&Dreamweaver (デジハリデザインスクールシリーズ)Webデザイン HTML&Dreamweaver (デジハリデザインスクールシリーズ)
(2008/03/19)
デジタルハリウッド

商品詳細を見る


Dreamweaverは前から使ってたのですが、
テーブル組みのサイトしか作ってなかったのと完全独学だったので、
CSSの勉強も兼ねて、もう一度ゼロからやってみました。

Dreamweaverチュートリアル本としては、
制作するサイトのデザインがとても良いです。

実際に使えそうなデザインのコーディングなので、役立ちます。

「flow」や「clear-fix」についても詳しく仕組みから説明してもらえるので、
大助かりでした。

WEBデザインのチュートリアル本。

  • Posted by: tomoko
  • 2009-08-15 Sat 15:26:06
  • 書籍
グラフィックデザイン Illustrator&Photoshop (デジハリデザインスクールシリーズ)グラフィックデザイン Illustrator&Photoshop (デジハリデザインスクールシリーズ)
(2008/02/07)
デジタルハリウッド

商品詳細を見る


Webデザイン Illustrator&Photoshop (デジハリデザインスクールシリーズ)Webデザイン Illustrator&Photoshop (デジハリデザインスクールシリーズ)
(2008/03/14)
デジタルハリウッド

商品詳細を見る


PhotoshopとIllusutratorの基礎+WEBデザインの方法を学ぶつもりで、
一気に2冊頑張りました。

実際の作業に基づいた内容になってるので、
本のチュートリアルが終わった後も分からなくなったらこの本に戻る、
という感じでずっと使ってます。

Home > 2009年08月

最近読んだ本

Return to page top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。