タグ

ブックマーク / www.popxpop.com (16)

  • 「ひとつ上の写真。」を撮るためのちょっとした8つのコツ(構図編) | POP*POP

    最近は一眼レフカメラが流行っていますね。しかし、「いい写真を撮ろう!」と思いながらも絞りやシャッター速度などに慣れない人もいるのでは。 そこで、まず「構図」を工夫してみるのはいかがでしょうか。ちょっとした工夫でぐっと良い写真が撮れますよ。 そこで今回は以下の記事をご紹介。 » How to Make a Killer Photo using 8 Simple Composition Rules では下記からどうぞ。 3分割の法則 対象を中心に据えるのではなく、画面を3分割する線上に据えましょう。このコツは風景や接写、ポートレイトなど多くの撮影に適しています。 対象を大胆に切り抜く 対象の一部分を撮りたい場合は、思い切って接写するのも有効です。ただし、自分が何を撮りたいのか明確にわかってない場合は、まずは全体を撮った方が良いことも。その後、編集ソフトで切り抜くと良いでしょう。 水平線&垂直線

    「ひとつ上の写真。」を撮るためのちょっとした8つのコツ(構図編) | POP*POP
  • ディズニーの絵の描き方がわかる61のPDFが公開されています! | POP*POP

    なんと、ディズニースタジオの「絵の描き方」資料が公開されました。 61項目のポイントが紹介されています。インストラクターのWalt Stanchfieldさんは、クマのプーさんなどを手がけられた人ですよ。 下記に少しご紹介。 ↑ こんな感じで授業用のノートがPDFでダウンロードできます。説明つきなのがうれしいですね。 ↑ 第一回目のレッスン「エッセンスの抽出の仕方」です。 ↑ 物語の作り方まで教えてくれます。 世界で多くのファンを誇るディズニーの絵のエッセンスですから、絵に興味ない方でも、気になるところではないでしょうか。 61項目のタイトルはこんな感じ。「エッセンスの抽出の仕方」「アニメーションのための絵の描き方」「反発力を描く」「内側からの力を描く」「落書きの仕方」などなど、興味をそそるタイトルばかりですね・・・。 Abstracting the Essence Acting (dra

    ディズニーの絵の描き方がわかる61のPDFが公開されています! | POP*POP
  • Javascript&Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P

    自分用のメモも兼ねてエントリー。JavascriptやらAjaxやらで何かやりたいときに便利そうなリンク集のまとめです。 Javascript Libraries 主要なライブラリーとエフェクト用の拡張機能、その他ツールなどです。まずはこちらからいろいろ試してみるのがよさげですね。 » Javascript Libraries Ajax Rain Ajaxの小技いろいろ集です。ちょっとしたスクリーンショット付きのこうしたリンク集は眺めていて楽しいですね。 » 485 + Ajax/Javascript/Dhtml examples and demos to download Mini Ajax こちらもAjax Rainと同様です。こちらも綺麗なサイトで眺めていて楽しいですよ。 » MiniAjax.com / A showroom of nice looking simple downl

    Javascript&Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P
  • ウェブ上で使える何かと便利な変換ツールいろいろ | POP*POP

    ちょこっとした作業をするときにウェブ上のツールは便利ですよね。今回はそうしたウェブ上のツールでも変換系をまとめて紹介している記事をご紹介。 ファイル形式の変換や、Favicon、カラーコードの変換ツールなどなど。知っていると便利ですね。 全部で39個あります。以下よりどうぞ。 ■ 高機能変換ツール Media-Convert とにかく機能が豊富なコンバーター。これ一つ覚えておけばいいぐらいです。テキスト、PDFCSVパワーポイント、音声、画像など。 txt2tags インデントなどで構造的に書かれたテキストをHTMLやLaTeXに変換してくれるツール。 Zamzar こちらも万能系。文書、画像、音声、ビデオなどについてさまざまなファイル形式の変換をサポートしています。 ■ 開発系変換ツール HTML Converter HTMLPHPJavascript、ASPに変換してくれます。

    ウェブ上で使える何かと便利な変換ツールいろいろ | POP*POP
  • 小粋なデザインパターンが18種類!お役立ち度満点の『Design Patterns』 | P O P * P O P

    これは素敵な資料です。 ウェブ上の小粋なインターフェースがFlickr上で集められています。「カレンダー」、「ログイン画面」、「友達を追加」などなど、かなり使える事例が満載です。 「ここのインターフェースはどうしようかな・・・」というときに参考にされてみてはいかがでしょうか。 どういったインターフェースが掲載されているか、以下にいくつか見ていきましょう。 ↑ 「友達を追加」のインターフェース。SNS的要素には必要ですね。 ↑ カレンダーのインターフェースいろいろ。参考になりますね。 ↑ フッターのインターフェース。ユーザーアクションを促すには大事です。 ↑ アップロード系のインターフェース。CGMには必須ですね。 他にも「404ページ」や「タグクラウド」などがありますね。全部で18種類あります。 ご覧になりたい方は以下よりどうそ。 » Collection: Design Patterns

    小粋なデザインパターンが18種類!お役立ち度満点の『Design Patterns』 | P O P * P O P
  • IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | POP*POP

    よくあるリソースではありますが、IE7にも対応したCSSレイアウトのご紹介。SEO的にも配慮されたコードなのだとか。 詳しい使い方は以下のとおり。 また、せっかくなのでこうしたレイアウト系サイトについて最後にちょっとまとめておきました。そちらもあわせてどうぞ。 ↑ まずは横幅から選択。750pxからいってみましょう。 ↑ かなりの数のバリエーションがあります。 ↑ 詳細ページでCSSがダウンロードできます。 なかなか便利ですね。これでサイト製作を大幅にスピードアップできそうです。 ご利用は以下からどうぞ。 » CSS Layouts なお、他にもCSSレイアウト系のリソースはありますね。良い機会なのでまとめておきます。ビジュアル的に比較的見やすいものをピックアップしています。 Layout Gala: a collection of 40 CSS layouts based on the

    IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | POP*POP
  • これで完璧!ロゴデザインのためのお役立ち資料まとめ | P O P * P O P

    これがあればもう完璧ですね・・・300以上ものロゴデザインに関するサイトを集めたまとめです。 チュートリアルからロゴデザインのアイディアまで・・・かな~り使えるのではないでしょうか。300以上もあるのでさすがにいくつかのカテゴリーに分類されていますね。 どんな役立つ資料があるのでしょうか。詳しくは以下をどうぞ。 ↑ ロゴのタイポグラフィーに関する資料いろいろ。フォントは悩みますよね・・・。 ↑ お約束ですが、「2.0っぽい」ロゴデザイン集についてもいろいろ教えてくれます。 ↑ 素敵なロゴデザインを集めたサイトも紹介してくれます。 全てのカテゴリーは以下のとおりです。是非ご活用ください。 Importance of Logo (ロゴの重要性) Logo Design Software (デザインのためのツール) Logo Design Tutorials (チュートリアル) Logo Fil

    これで完璧!ロゴデザインのためのお役立ち資料まとめ | P O P * P O P
  • 空から光が差し込む神々しい景色を作成するPhotoshopのチュートリアル | POP*POP

    先日、「惑星が爆発したような画像を作成するPhotoshopのチュートリアル」を紹介してくれたlov2helpでまたしても興味深いチュートリアルが公開されています。 「空から光が差し込む神々しい景色」が簡単に作成できるチュートリアルです。神秘的な雰囲気がたまりません。覚えておくとよいかも。 では以下にそのステップをご紹介。 ↑ まず、500ピクセル×500ピクセルの画像を新規で作成します。 ↑ 「フィルタ」→「描写」→「雲模様1」で雲の素地を作ります。 ↑ さらに「雲模様2」を4回~5回ほど繰り返します。 ↑ 「イメージ」→「色調補正」→「レベル補正」を行います。 ↑ 「フィルタ」→「表現手法」→「押し出し」を選択。雲がぐぐっと迫ってきます。 ↑ 「イメージ」→「色調補正」→「階調の反転」。雲っぽくなってきました。 ↑ 次に「背景の複製」を行います。 ↑ そして「フィルタ」→「ぼかし」→「

    空から光が差し込む神々しい景色を作成するPhotoshopのチュートリアル | POP*POP
  • 惑星が爆発したような画像を作成するPhotoshopのチュートリアル | P O P * P O P

    これはすごいです。 惑星が爆発する画像を作成するPhotoshopのチュートリアルが公開されていました。1枚の泥の画像から作成していますよ。 » How to: Exploding Planet Effect in Photoshop (via TechEBlog) 5分もかかっていない早業です。以下に動画と共にご紹介。 ↑ このような乾いた泥の画像が・・・。 ↑ 球体風になり・・・。 ↑ 完成しました。 動画はこちらからご覧ください。 The Hole – video powered by Metacafe ↑ ドラゴン○ールで見たようなシーンですね。 こちらを作成された「Luv2Help」は他にも多くのチュートリアルを公開しています。ご興味のある方はこちらからどうぞ。 » Luv2Help.com 役立つTips情報や愉快なガジェット情報を提供してくれているTechEBlogからの情報

    惑星が爆発したような画像を作成するPhotoshopのチュートリアル | P O P * P O P
  • Gmailをもうちょっと便利に使うための10のTips | POP*POP

    今やGmailはメーラーとしての利用以外にもGTDツールやストレージとしても使われてますね。生活に欠かせない!という人も多いのではないでしょうか。 以下の記事でGmailを便利に使うための10のTipsが紹介されていました。こうしたGmail Tipsの記事は多いですが、自分でも知らなかったものが多かったのでエントリーしておきます。 » Top 10 Gmail tips and hacks (via Download Squad) なお、元記事では10個紹介されていますが、一つだけ動作確認できなかったので下記に9つをご紹介。 gmail-greasemonkeyを活用する こちらの「gmail-greasemonkey」のページには便利なGreasemonkeyがたくさん紹介されています。画面の右側にある「Links」の部分ですね。たとえばラベルに色をつけるGreasemonkeyやGm

  • 【図解】 イヤホンコードが絡まってイライラしない上手な巻き方 | POP*POP

    今回の「諦めている不便利」(企画の詳細はこちら)では、こちらの投稿をご紹介します。 iPodのイヤホンのコードに関する悩みです。iPodを片付ける時はコードをきちんと結びます。しかし取り出す時にコードが絡まってイライラします。何かいい方法はないでしょうか(ベアトリスさんありがとうございます!)。 このイライラは多くの方が経験したことがあるのではないでしょうか。思わず固結びになってしまうことも。 この問題を解決する方法を調べてみました。 おなじみLifehackerで過去に「イヤホンのコードを絡ませない方法」という記事がありました。今回はその方法を実際に試してみました。 » Keep headphone wires from getting tangled (via Lifehacker) まず、片手の指を写真のように形作ります。具体的には人差し指と小指を伸ばして、中指と薬指を曲げます。 次

    【図解】 イヤホンコードが絡まってイライラしない上手な巻き方 | POP*POP
  • いつかはマスターしたい!Illustratorチュートリアル40選 | P O P * P O P

    各所ですでに話題ですが、自分へのメモ書きもかねてまとめておきます。Illustratorのチュートリアルを40個まとめた記事です。デザインがますます重要になっている昨今、常に技を磨いておきたいですね。 » Adobe Illustrator Tutorials 下記に、40個のうち、いくつかをご紹介。 LearnIt2 | Adobe Illustrator Tutorials Web2.0でよく見るバッジなどを作る方法など。 Creative Text Masking – Illustrator CS2 Tutorial – テキストにマスクをかける方法などが紹介されています。 Free Tutorials – Page 1 | Illustrator Techniques ガラスの器や3Dのテキスト作成方法などひねりの効いたテクニックが紹介されています。 Illustrator Bus

    いつかはマスターしたい!Illustratorチュートリアル40選 | P O P * P O P
  • iTunesの語学学習Podcastが無料かつ充実している件について | POP*POP

    年末年始は英語学習系を調べていたのですが、おなじみLifehackerでまたしても便利そうな情報が紹介されていました。 iTunes Storeにある語学系ポッドキャストが充実しています・・・しかもほとんど無料。 » Learn a language with podcasts – Lifehacker 英語だけでなく数多くの言語に対応しています。日ならではの「ガチャピン&ムックの中国語教室」などもありますね・・・。 詳しい使い方は以下をどうぞ。 ↑ iTunesを立ち上げ、「iTunes Store」→「Podcasts」を選択。 ↑ 「教育」→「言語コース」を選択。 ↑ 数多くの語学学習用ポッドキャストが公開されています。英語以外にも、フランス語、スペイン語、イタリア語、ポルトガル語、中国語、韓国語などがありますよ。外国人の方用に日語もあります。 ↑ CNNの動画ニュースまでありま

    iTunesの語学学習Podcastが無料かつ充実している件について | POP*POP
  • WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p

    なにかと便利なYahoo!UIライブラリーに「Grids CSS」なるものがあります。自分でつくると面倒なCSSのレイアウトをテンプレートで提供してくれるものです。 この「Grids CSS」、ブラウザ対応がしっかりしていたり、ファイルサイズが軽量だったり、テンプレートが豊富だったりといいことづくめですが、いざ使うとなるとそれなりに説明を読み込んで(簡単だけど)手作業でレイアウトをつくっていく必要があります。 そこでその作業を簡単にできるようにWYSIWYGでジェネレーターを作った方がいます。こいつは便利です。 » YUI: CSS Grid Builder ↑ コントロールパネルはこんな感じ。 プレビューを見ながらカラムの数や横幅を指定していくと簡単にレイアウトができちゃいます。もちろんコードも瞬時に生成してくれます。 なお、これを使うには当然ですがYUIが必要になります。ダウンロード

    WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p
  • POP*POP的アイコン配布サイトまとめ | p o p * p o p

    よくあるアイコン配布サイトまとめですが、自分へのメモ書きの意味も込めてエントリー。ドイツ語のページでよくまとまっているものがあったのでご紹介しておきます。よろしければどうぞ。 » Icon-Sammlungen — Software Guide ご利用の際には、それぞれの利用ライセンスに従ってご活用くださいませ。 ■ 「80×15」ボタン ↑ 3,400個ものミニボタンを公開しています。 Adam KalseyやLuca Zappaを使えば、ボタンの作成もできます。ブログのRSS用ボタンも簡単に作れます。 » George Taylor McKnight ■ intersmash.com ↑ 1,800のサイトから集められた300のアイコンを公開。矢印、記事、メール、吹き出しなどに使えるかわいらしいのがたくさんあります。サイズは16×16ですね。 » intersmash.com/300i

    POP*POP的アイコン配布サイトまとめ | p o p * p o p
  • 世界でもっとも有名な写真60枚 | p o p * p o p

    写真は時に世界の歴史の変動を映してきました。今回ご紹介するのは、世界でもっとも有名な写真たちです。 » The Most Famous Photographs 皆さんはいくつご存知でしょうか?幾つか下記にご紹介。 ↑ マリリンモンロー。7年目の浮気の有名なシーンですね。 ↑ キング牧師の有名な演説「I have a dream」が行われた場所。1963年8月28日。ワシントンDCのリンカーン記念公園。 ↑ JFK。1963年11月22日、ダラスで暗殺される直前のパレードです。 動画はこちら。 ↑ ご存知アインシュタイン。Wikipediaによると、この写真の背景はこうあります。 1951年3月14日、アインシュタインが72歳の誕生日に、 INS通信社カメラマンだったアーサー・サスの「笑ってください」というリクエストに応えてした表情を撮ったものである ↑ チェゲバラ。名は、エルネスト・ラフ

    世界でもっとも有名な写真60枚 | p o p * p o p
  • 1