このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基本原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古い本ですが、とっても素晴らしい本で今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基本というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ
仕事や趣味でちょっとしたWebページを作ったり，プレゼンテーションをするときに，「絵や図を自分で描けたら便利なのに」と思うことはありませんか。文字だけのWebページに比べて，絵や図が入ったページはぐっと華やかになりますし，わかりやすさも向上します。 最近ではフリーの素材がWeb上に溢れていますから，自分で描く必要はないと考える人もいるでしょう。ただ，たくさんの素材の中からイメージに合った絵を探すのも結構手間がかかりますし，目的にぴったりの絵というのは案外見つからないものです。 「自分で絵を描ければいいのだが，“絵心”がないし，センスもないから」とあきらめている人も多いかもしれません。確かに，紙に描くにせよ，コンピュータを使って描くにせよ，他人に見せて感心されるような絵を描けるようになるのは並大抵のことではありません。しかしコンピュータを使ってお絵描きをする場合には，ツールの使い方を理解し，
「フォトショップ ティップス ＆ マニュアル」は、アドビ・フォトショップを使う上で知っておくと便利なテクニックをひとつひとつ丁寧に紹介していくコーナーです。 フォトショップを早く理解して、すぐに使えるようにするために、「フォトショップ ティップス ＆ マニュアル」は、大きく分けて以下の二つのセクションで構成されています。フォトショップの基礎から一歩一歩勉強していくには、「機能別マニュアル」を、すぐに役立つテクニックが知りたいときは、「目的別ティップス集」をご覧ください。 「フォトショップ ティップス ＆ マニュアル」は、2004年の7月下旬から始まったコーナーですので、内容はまだ充実していません。不定期ではありますが、少しずつ更新していいきますので、気長にお付き合いください。 （コーナー概要を読む）
各所ですでに話題ですが、自分へのメモ書きもかねてまとめておきます。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
はてなダイアリーの新しい基本デザインを公開しました - はてなダイアリー日記 先日はてなダイアリーのヘッダーに新しい細いバージョンが加わりました。このヘッダーは、太いのよりもスタイルシートを使って見せ方をアレンジしやすいと思います。いくつか試しにアレンジしてみましたのでよかったら参考にしてください。実際にスタイルシートも載せて起きますので「詳細デザイン」のスタイル欄に入れれば見ることができます。ベースのテーマは新しいはてなダイアリー基本デザインの「Hatena2」です。 Hatena::Diaryロゴとメニューの位置を入れ替える メニューを左に持ってきて右上に「powered by Hatena::Diary」のような感じにしてみました。 #simple-header { text-align: right; background: #5e7cb4 url("http://f.hatena
これがあればもう完璧ですね・・・300以上ものロゴデザインに関するサイトを集めたまとめです。 チュートリアルからロゴデザインのアイディアまで・・・かな～り使えるのではないでしょうか。300以上もあるのでさすがにいくつかのカテゴリーに分類されていますね。 どんな役立つ資料があるのでしょうか。詳しくは以下をどうぞ。 ↑ ロゴのタイポグラフィーに関する資料いろいろ。フォントは悩みますよね・・・。 ↑ お約束ですが、「2.0っぽい」ロゴデザイン集についてもいろいろ教えてくれます。 ↑ 素敵なロゴデザインを集めたサイトも紹介してくれます。 全てのカテゴリーは以下のとおりです。是非ご活用ください。 Importance of Logo （ロゴの重要性） Logo Design Software （デザインのためのツール） Logo Design Tutorials （チュートリアル） Logo Fil
先日、普通の紙を味のある「アンティーク風」にする方法をお伝えしました。 今回はPhotoshopを使って「味のあるアンティーク風の紙を作る方法」をご紹介します。まるで宝の地図のような画像ができますよ。 慣れれば3分くらいで作成できます。以下よりご覧下さい。 ↑ まずはじめに背景が白の画像を作成します。 ↑ 次に「アクション」ウィンドウ右上の矢印をクリックします。 ↑ メニューから「アクションの読み込み」を選びます。 ↑ 「テクスチャ」を読み込みます。 ↑ するとアクションに「テクスチャ」が読み込まれました。その中から「羊皮紙」を選択して「再生ボタン」をクリックします。 ↑ このようなテクスチャが読み込まれました。 ↑ 次に消しゴムツールを使ってふちを消していきます。 ↑ 破れた紙の雰囲気を出していきましょう。 ↑ そして焼き込みツールを使って破れた部分を焼いていきます。古い雰囲気がでてきま
先日、「惑星が爆発したような画像を作成するPhotoshopのチュートリアル」を紹介してくれたlov2helpでまたしても興味深いチュートリアルが公開されています。 「空から光が差し込む神々しい景色」が簡単に作成できるチュートリアルです。神秘的な雰囲気がたまりません。覚えておくとよいかも。 では以下にそのステップをご紹介。 ↑ まず、500ピクセル×500ピクセルの画像を新規で作成します。 ↑ 「フィルタ」→「描写」→「雲模様1」で雲の素地を作ります。 ↑ さらに「雲模様2」を4回～5回ほど繰り返します。 ↑ 「イメージ」→「色調補正」→「レベル補正」を行います。 ↑ 「フィルタ」→「表現手法」→「押し出し」を選択。雲がぐぐっと迫ってきます。 ↑ 「イメージ」→「色調補正」→「階調の反転」。雲っぽくなってきました。 ↑ 次に「背景の複製」を行います。 ↑ そして「フィルタ」→「ぼかし」→「
これはすごいです。 惑星が爆発する画像を作成するPhotoshopのチュートリアルが公開されていました。1枚の泥の画像から作成していますよ。 » How to: Exploding Planet Effect in Photoshop (via TechEBlog） 5分もかかっていない早業です。以下に動画と共にご紹介。 ↑ このような乾いた泥の画像が・・・。 ↑ 球体風になり・・・。 ↑ 完成しました。 動画はこちらからご覧ください。 The Hole – video powered by Metacafe ↑ ドラゴン○ールで見たようなシーンですね。 こちらを作成された「Luv2Help」は他にも多くのチュートリアルを公開しています。ご興味のある方はこちらからどうぞ。 » Luv2Help.com 役立つTips情報や愉快なガジェット情報を提供してくれているTechEBlogからの情報
下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。 どちらにしろ文章だとわからないことでも動画だと簡単に理解できることもあります。細かい操作の多いPhotoshopやIllustratorなどはこうした動画チュートリアルに向いているかもですね。 » Use YouTube to learn Photoshop: etc: quick links to good stuff 以下、オリジナルの記事を尊重しつつ、内容の紹介というスタンスでいくつかご紹介・・・。 ■ Web 2.0-Style Logo Web2.0サイトでよく見かけるのロゴの作成方法です。光っているようなロゴですね。 ■ PHOTO EFFECT エフェクトの詳細です。どこにでもあるような電車の中の写
車を担保にキャッシングする方法 良く街頭で「車乗ったままでキャッシング」を広告を見かけることがあります。最近お金に困っており、自家用車でキャッシングできるなら、それを担保にしてお金を借りたいと思っています。具体的にどんな方法を取るのでしょうか？また、その際に気をつけることがありますか？ 所有権を債権者に移す方法が主、怪しい業者もたくさんある まず車を担保にする、というのがどういうことかを考えてみましょう。担保にすることには主に2種類の目的があります。一つは相手に借りたお金をきちんと返すようにとのプレッシャーを掛けること、そして、もう一つは万が一相手がお金を返せなくなった時に、担保物を売却してそこから債権回収を図る、ということです。 それを考えると、車の場合、不動産のような抵当権を設定するわけに行きませんから、質権などの担保権を設定するか、もっとお金を貸す側にとって心強いのは、車の所有権その
ページ全般 ボックス テキスト リンク リスト イメージ テーブル フレーム フォーム フィルタ CSSの基本 CSSプロパティ一覧［ABC順］ リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。 特集記事 レンタルサーバーの選び方 ～ 厳選おすすめサーバーを比較紹介 レンタルサーバーの容量はどのくらい必要か ～ 計算方法と目安を解説 法人向けレンタルサーバーの信頼度は？ ～ 安定性や安全性を測る指標を解説 記事一覧
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
