1. HOME
  2. WEBデザインアーカイブ
2010.01.12 18:13

【PhotoShop】CS4で点線を描く

PhotoShopでWEBデザインをしていたら、こんなとこでつまづいた。
Illustratorだったら、簡単に点線描けるんだけど、PhotoShopでどう描くんだーって、ググってみたら
意外と簡単でした。

描き方は以下、

-------
1.ブラシツールを選択する
2.[ウィンドウ]から[ブラシ]をチェック
3.ブラシパネルから、[ブラシ先端のシェイプ]を選択
4.下の方にある[間隔]プロパティを変更すれば、点線が描けるようになる。

こんなかんじ↓
photoshop.jpg
-------

photoshopなかなか使いこなせない。。
すこしずつ、慣れていこう。



Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.08.04 11:39

【Site】TOTO

totoのサイトの写真の部分の波がすごい。

toto.jpg

Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.06.18 15:25

【Site】21世紀型キャンパス構想　慶應義塾大学日吉キャンパス

keio.jpg
21世紀型キャンパス構想　-バリアフリー・キャンパスの構築をめざして-　慶應義塾大学日吉キャンパス
慶応義塾大学のコンテンツサイトです。

CGを使用していて、すっきりとしたデザインです。
清潔感を感じるデザインです。

いつかこのくらいのクオリティのフルフラッシュサイトを作ってみたいものです。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.04.03 12:22

かっこいいテキストをつくるPhotoshopチュートリアル集

最近は、Photoshopにハマってます。

下記、ブログエントリーに、テキストをかっこよく魅せるPhotoshopチュートリアル集が載ってます。
http://coliss.com/articles/build-websites/operation/design/961.html

もっといろんな技を覚えて、Photoshopをマスターしたいなー。


----------------------------------
今月のWebCreatorsは、かなり良かった。



WEBデザイン即効テクニック76はかなり為になったな～。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.03.30 18:16

Photoshopでお絵かき

rainbow.jpg

下記のチュートリアルを参考にPhotoshopでお絵かきしてみました。
http://psdtuts.com/designing-tutorials/
creating-a-fantastic-fantasy-night-sky-in-photoshop/

う～ん、なかなか難しかった。
でも、いろいろなphotoshopの機能を覚えた気がする。


これからも、どんどん挑戦していこう。

Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.03.30 02:16

複数バージョンのIEを動かせるIEtester

My DebugBar | IETester / HomePage

標記の通りです。IEtesterをインストールすると、IE5.5、6、7、8 beta 1を動作させることができるそうです。

今までは、スタンドアローンを使っていたのですが、Vistaでは使えず困っていたので助かりました。

まだアルファ版で、いくつかバグがあるみたいですが、今後のバージョンアップ次第で、かなり使えるソフトになりそうです。

IE7のシェアが増えてきたといえ、まだまだIE6は健在なので、IE6でのテストが必要ですね。

情報によるとIE6のことを考えなくてよくなるのは、最短でも2010年だそうです。

まだまだ、苦労の日々が続くなー。


そろそろNPOのサイト完成させなければ…。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.03.28 06:14

ポートフォリオサイト集【デジハリ】

デジハリのデザイン本科の今年の卒業生のポートフォリオ集です。

下記、URLの僕の友達のポートフォリオサイトからリンクできます。
http://ukora.com/link/index.html

みんなすげー。

エンジニアクラスも一応デザインの勉強はしたけど、ここまでのクオリティはまだまだ無い。

うおーなんか燃えてきた。デザインのほうも、本格的に勉強するしかないな。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.03.27 19:47

いろいろなアイコン集【Iconspedia】

下記サイトに、色々なジャンルのアイコンがあります。
http://www.iconspedia.com/

う～ん。どれもこれもカッコいいものばかり。

ここまでのクオリティはキツイけど、ササッとアイコンが作れるくらい、Photoshopを極めてみたいものです。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.03.26 16:38

Photoshopのショートカットキー

仕事で初めてデザインをしましたが、死にそうでした。

まずphotoshopに慣れていないってのが大きな障害になりました。

半年以上前にデジハリで習ったが、もうほぼ忘れてましたね。


とりあえず、出来るだけ触るようにして、慣れていくしかないですね。

まず、効率的に作業が出来るように、ショートカットから覚えていくか。
http://blackstraycat.nobody.jp/adobe_photoshop-shortcut.htm


デザインマスターへの道はまだまだ遠い～。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.03.25 07:48

Webデザインギャラリーサイト4選

僕が愛用しているWebデザインギャラリーサイトです。

デザインの参考にしてます。

Design Link Database

Web de DB

straightline bookmark

Best Web Gallery

デザインのクオリティもどんどん高めて行きたいな～。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.03.17 10:03

クリエイティブなポートフォリオサイト22選

下記ブログエントリーに22個のクリエイティブなポートフォリオサイトが紹介されています。
http://elitebydesign.com/22-most-creative-web-portfolios/

どれもこれも綺麗です。

このブログももっとカスタマイズしようかな～。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.03.09 21:22

無料で使えるアイコン400

pi_diagona_pack.png
『PI Diagona Pack』
無料で使えるアイコン400選です。

上記のアイコンが、10x10pxと16x16pxの200個ずつ、計400個配布されています。
個人利用・商用利用ともに無料で利用できるそうです。

アイコンとか作るのが面倒くさいと思っている僕には、かなり助かります。


---------------------------
今日はNPOの話をしてきた。早く、サイト作んないとな～。
ガンバロ。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.03.05 10:19

2008年ロゴデザイン集

2008年のロゴデザイン集のサイトです。
http://www.logoorange.com/logo-design-08.php

ロゴデザインの参考に。

Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.03.02 15:39

スタイリッシュなフォームを実装するチュートリアル

Webデザインをする際に、フォームのデザインは(自分の場合)かなりおろそかになりますが、やっぱりフォームもかっこよく見せたい!!

そんな時に、役に立つリンク集です。
http://coliss.com/articles/build-websites/operation/css/848.html

2008022602-05.png


フォームにもとことんこだわりたいですね。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.02.29 13:54

かっこいいナビゲーションメニュー集

下記のブログエントリーに様々なかっこいいナビゲーションメニューが紹介されています。
http://blog.creamu.com/mt/2008/02/navigation_menus_trends_and_ex.html

サイトを作る際、ナビゲーションメニューの見せ方はかなり重要ですよね。
アクセシビリティ、ユーザビリティ、デザイン・・・いろいろな要素に気を使わなければいけません。

僕は、サイトを作る際はたいていの時間をメニューの実装に費やします。

このような参考資料があればいいですね。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.02.24 16:23

グラフィックデザインポスター

下記URLに刺激的なグラフィックデザインポスターが紹介されています。
Winners of the What is Graphic design poster competition

ポスター作りの参考になりますね。


最近、自分もデザインセンスのなさをつくづく痛感しております。
やっぱり、良いものを多く見て学ぶしかないですね。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.02.18 06:33

質の高いフリーフォント配布サイト

下記サイトにて約8000もの質の高いフリーフォントをダウンロードできます。
urbanfonts


なんか、最近いろんなことが中途半端な気がする。
とりあえず、やりたいこと、やるべきことを整理しなきゃなぁ～。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.01.26 17:55

CSS3.0


WebCreators2月号を読んでいたら、CSS3.0の記事があったので調べてみました。

今までと大きく変わったのは、対象となるHTML要素や機能ごとにモジュール化されることです。
従来のCSSで適用範囲を広げすぎ、仕様が肥大化したため、必要な機能を適宜サポートできるサブセットを提供し効率化を図るためだそうです。

まだ、勧告には至ってないが、一部機能がSafariやFirefox,IE7で実装されているらしい。

調べてみたら、ここ↓でプレビューが載っていた。
http://www.css3.info/preview/


さらに詳しい情報は、GIGAZINEさんのブログのCSS3.0はこうなるに載っている。

かなり魅力的な機能が増えているなぁ～。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.01.25 13:55

フォームのテンプレート集

フォームには用途によって、いろいろな種類がありますね。
項目が多くなると、それを一から書いていくのはちょっと面倒くさい。

そんな時に、役に立つのが下記のサイト。
The Wufoo Form Gallery

用途別にさまざまな、フォームのテンプレートを配布しております。HTMLとCSSをダウンロードできます。

これはかなり便利。

Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.01.21 16:38

Ajaxを使ったクールなギャラリーサイト

カッコよかったので載せます。このサイト↓
http://www.contreforme.ch/

見せ方が面白い。

とりあえずメモ。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る
2008.01.21 08:26

Photoshopテキストエフェクト

下記ブログのエントリーにて、Photoshopチュートリアルが紹介されてます。
http://www.designwalker.com/2008/01/text-effect.html

Photoshopも使いこなせるとここまで、できるんですね。

かっこいいな～。

ここまで使いこなせるようになりたいものです。
Posted by:Keisuke Kimura   Category:WEBデザイン
先頭へ戻る