[B! WEBデザイン] takesukeのブックマーク

素人が撮影した写真を、10秒でイケてる写真にする方法 : LINE Corporation ディレクターブログ

こんにちは、佐々木です。予算やスケジュールに余裕のある案件であれば、プロのカメラマンやデザイナーをアサインするのが一般的ですが、ちょっとした案件であればディレクターが写真の撮影や編集を行うことがあります。しかし普段専門でやっていない、いわゆる素人が撮影した写真は﹁そのまま使うにはちょっと…﹂というクオリティであることがほとんどです。そこで今回は、Photoshopの﹁色調補正﹂機能を使って、誰でも簡単に﹁素人が撮影した写真を10秒でイケてる写真にする方法﹂をご紹介します。 ※写真の補正を本格的にやろうとする方には参考になりません。あくまで、簡易的な方法にすぎませんので、その点もあらかじめご承知おきください。今回使用したソフトは、かなり昔の﹃Photoshop 6﹄ですので、最新バージョンと食い違う部分も出てくるかと思います。そのあたりは適宜読み替えて該当する機能をお探しください。ぼ

takesuke 2007/09/20

リンク

日本語フォント｜Aiko｜手書き風フォント

みんなのフォント手書き風日本語書体みんなの手書きフォントをデザインした日本語フリーフォント。気持ちを伝えたり、表現するのにピッタリのフリーダウンロード可能なフォント。一般的な丸ゴシックの漢字と組み合わせて使える、最適な線の太さになっています。手書きフォントよりも幅広い用途で使える丁寧に作られた手書き風フォント。ぜひ、このフォント達を可愛く、格好良く、楽しく使ってください！フリーフォントについてフォントファイルは全てOPEN TYPEフォントになります。︵製品版にはTrueTypeも含まれています︶各フォントとも普通の太さのレギュラーのみになります。手書きの文字を元に作っていますが、手書きフォントよりも読みやすいデザイン性の高いフォントです。フリーフォントは試用版という意味合いで、フリーダウンロード可能ですが、著作権を放棄した訳ではありません。動作環境ウィンドウズ(Window

takesuke 2007/05/28

WEBデザイン

リンク

フリーで使えるオシャレなフォント500種類*ホームページを作る人のネタ帳

takesuke 2007/04/23

フォントは高い！

WEBデザイン

リンク

グラデーションを使ったデザインのやり方 - GIGAZINE

Web2.0のデザイン的要素として﹁グラデーションをかける﹂という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、﹁何が正解なのか？﹂というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基本的な知識がないとなかなかわかりにくいものです。というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無いまず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ

takesuke 2007/03/12

すげー

WEBデザイン

リンク

『色の決まりを知っていれば「センス」がよくなる』

システム会社に﹁色はとりあえず適当にお願いします﹂と言ってあがってきたものを見ると﹁えーっ﹂という配色になってあがってくることがよくある。﹁適当に﹂と指定していない自分が悪いのだが色をすべて指定しないと使ってはいけない色の組み合わせを使ってきてしまうのだ。という私も初めて自分でチラシのデザインを作った時は﹁韓国風の色遣いだね﹂とつっこまれたが、緑や赤の原色を多様してしまった。︵韓国の色づかいが悪いと言っているのではありません︶そこでデザイナーさんに進めてもらったのは配色辞典。そこにあげられている色を使えばたちまちセンスの良い色遣いができるようになるのだこれホントに。たとえば参考サイトは http://www.colourlovers.com/ これを見ると3色とか5色の色があげられているのでその色の組み合わせを使ってあげるとセンスがよくなる。ああ、なんと便利な。ちょっと知ってるだけで

takesuke 2007/02/26

色の使い方ひとつでサイトの雰囲気が断然に変化するって凄い理解した。

WEBデザイン

リンク

Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選

Webデザインには、どんなにビギナーだったとしても、プロのWebデザイナーを名乗る人がやってしまうと恥ずかしい“マナー”ともいえる制作上のルールがあります。﹁知らなかった﹂、﹁教わっていない﹂では通用しません。なぜなら、アナタはプロなのですから。そんな超基本の“Webデザインのお作法”を50個選定し、サイト設計、テキストデザイン、画像と色彩、レイアウト、その他の5つのテーマ別に解説していきます。この特集を通して、“Webデザインのお作法”をしっかり習得、あるいは復習して、カンペキに身に付けてください。

takesuke 2007/02/14

お作法、基本きほんキホン。大事なのは分かるがあまり守って作ってない。これってマズイか。

WEBデザイン

リンク

いつかはマスターしたい！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

takesuke 2007/02/07

これはマジに勉強になる

WEBデザイン

リンク

超初心者のためのスタイルシート講座 - 超初心者のためのホームページ作成講座

超初心者のためのホームページ作成講座、HTML、スタイルシート(CSS)講座、NetscapeComposerの使い方

takesuke 2007/02/06

一から勉強をしなおす！

リンク

CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

takesuke 2007/02/06

ＣＳＳに頼り切ったサイトが出来上がりそうだ。ここにフラッシュを組み込んでいくわけだが、アクションスクリプトが活用が難しい！自分の頭にある動きをするスクリプトはどれだよ？？？

リンク

ウェブデザインに使える16のジェネレーターツール - DesignWalker

takesuke 2007/01/31

これはやっちゃいけない。

WEBデザイン

リンク

Photoshopの無料ブラシを使って、たった３分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

takesuke 2007/01/29

うーん、子供の相手はマジで疲れる。

リンク

CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN' LISTEN::::::to the silence:::::::

お探しのページは「すでに削除されている」、「アクセスしたアドレスが異なっている」などの理由で見つかりませんでした。以下でキーワードやカテゴリーから記事を探すことができます。

takesuke 2007/01/24

コーディングが出来れば、仕事として魅力は持てないけど、食いっぱぐれる事は無くなるのだろう

WEBデザイン

リンク

「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP

たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ

takesuke 2007/01/23

こりゃーインパクト絶大やー

リンク

ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく

ヤコブ・ニールセンの考えをまとめたユーザビリティガイドラインユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。

takesuke 2007/01/22

自己満足では行けないところがある。

リンク

COULD：Webデザインに関する 15 の調査結果

takesuke 2007/01/19

ふざけんな！

webデザイン

リンク

intensivstation :: CSS Templates :: Templates

NEW dynamic basic CSS TEMPLATES 07 at the moment just in german avalible All templates are XHTML 1.0 and CSS2. Basic CSS TEMPLATES 2 columns fixed centered 3 columns fixed centered Freeflux Templates Special Templates for FLUX CMS Border Trick TEMPLATES 2 columns fixed centered 3 columns fixed centered CSS TEMPLATES AND SAMPLES Menu and content dynamic Menu fixed, Content dynamic Menu and c

takesuke 2007/01/16

テンプレートって役立つのかどうか分からん

リンク

もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife

class名やid名って付ける時悩みませんか？今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。これで、チョットだけ作業効率アップ！？ 2010年6月10日追記‥ この記事自体、2007年1月15日に書かれてるんでかなり古いです。あくまでも参考程度に留めてもらうのが良いかと思います。今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent

takesuke 2007/01/16

Class名やID名って自分の感覚でつけるものであって、人から与えられたものを使うと逆に混乱するんじゃないだろうか。。。 ●WEBデザイン

リンク

Ajax - Wikipedia

この項目では、Web開発手法について説明しています。コナミのアーケードゲームについては﹁A-JAX﹂をご覧ください。その他のAJAXについては﹁アイアース﹂をご覧ください。一般的なWebアプリケーション︵左︶とAJAX︵右︶の動作の違い Ajax︵エイジャックス[1][2]、アジャックス[3]︶は、ウェブブラウザ内で非同期通信を行いながらインターフェイスの構築を行うプログラミング手法である[4]。XMLHttpRequest︵HTTP通信を行うためのJavaScript組み込みクラス︶による非同期通信を利用し、通信結果に応じてダイナミックHTML (DHTML) で動的にページの一部を書き換えるというアプローチを取る[5]。 Ajax は﹃Asynchronous JavaScript And XML﹄の略で、2005年2月18日に米国のインフォメーションアーキテクトであるジェシー・

takesuke 2007/01/15

エイジャックスと読むとか～

リンク

日本語で読めるものを中心に　- Webデザインのリンク集 | lush life*

takesuke 2007/01/15

今後に役立つね。

リンク

ダーク系配色のデザインを採用しているサイトいろいろ - GIGAZINE

背景色が黒色の場合、白の割合をどれぐらいにするか、そしてそれをどれぐらい効果的に表現しようとするか、つまり機能美として背景などの目立たないところにはハイライトを使わず、読ませたい部分にきっちり目の焦点を合わせるために使われているか、そういう点に気をつけるのがポイントだそうで。というわけで、デザイン的にダーク系配色を使う場合に見ておいた方がいいサイトの例があるそうなので、見てみましょう。言うまでもありませんが、デザイン最優先で見がたくなっているものから、いわゆる機能性を優先しつつデザイン性まで確保しているものまで様々ですので、すべてがいいデザインというわけではありませんが、参考にはなるのではないかと。 30 Dark Designs You Should’ve Seen | Smashing Magazine デザイン的に一番機能美として優れているとされるのは一応、以下のサイト。目立たせた

takesuke 2007/01/15

宿題に使える！

webデザイン

リンク

はてなブックマーク

タグ

関連タグで絞り込む (13)

WEBデザインに関するtakesukeのブックマーク (61)

お知らせ

今週のはてなブックマーク数ランキング（2024年6月第3週）

今週のはてなブックマーク数ランキング（2024年6月第2週）

月間はてなブックマーク数ランキング（2024年5月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス