ホームページ制作まん

素材の最近のブログ記事

Photoshopの技を磨く。

user-pic


neon_lights_photoshop.jpg
画像にネオンの曲線や、光の効果を加えると写真がかなりかっこよくなります。
挑戦しようと思ってもなかなか難しいと思います。
ただ、本気でやりたいと思っている人は是非ここで勉強してみましょう。
英語のサイトですがわかりやすくチュートリアルで書いてあるので、やりながらCGデザイナー気分が味わえて
さらには全部達成すればかなりのスキルアップになるでしょう!おすすめです

Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects

手書き風のフリーアイコン

user-pic

web2.0風の艶っとしたキレイなアイコンもいいけど、たまにはちょっと崩したものが欲しくなったりしますよね。

そんなときに使えそうなフリーのアイコンセットを見つけました。

「Handycons」

tegaki.jpeg

ちょっとアクセントが欲しいときや、そういったデザインのサイトの制作時に使えるかもしれません。

気になる方はお試しを。


Wordpressテーマ100選

user-pic

2009年に発表されたWordpressのテーマ。
それを何と総勢100テーマを集めたエントリーサイトです。

「100 Amazing Free Wordpress Themes for 2009」

■City Dreams
全画面写真のテーマ。文章中心だけど、ブログは印象的に見せたい方に。

wp01.png

■Colourise
ネオンのような光のラインと背景のコントラストが印象的です。
2.0に代表されるデザインです。

wp02.png

■WP CODA
jQueryやBetter Coda Sliderで実現されたスライダーを実装したテーマ。
そこらへんの拡張狙ってる方は、実装する手間なし。

wp03.png

■Fholio
ポートフォーリオ用に作られたWordpressテーマ。スライダー付です。
写真の好きな方や、自分の作品を発表したい方はこちら。

wp04.png

これだけあるとさすがに迷いますね。

数点、インストール中してみましたが、インストール中にエラーを吐いたり、ちゃんと反映されない物もあったり。

使用目的がブログではなく、CMSを使ったサイトなものもあるので注意。

TYPE C4

user-pic


font.png





フォントハブサイト「FAN」が、同サイトで立ち上げたブランド「TYPE C4」から視認性の高い「クリアデザインフォントシリーズ」の新製品「C4 ミンニアム」6書体および「C4 スクエア」2書体の販売を開始しました。


こちらの「TYPE C4」は、現在のデジタル時代に対応した横組設計思想や視認性・可読性が高いことなどが特徴のフォントブランド。今回発売されるC4 ミンニアムは、このコンセプトを基本に"限りなくゴシック体に近い"新しいスタイルの明朝体という位置づけとなるものです。ユニバーサルデザイン思想で、ディ スプレイでの表示にも適しているといいます。


このなかで、C4 スクエアは欧文書体における"スクウェアセリフ"(ローマン体の細い線を太くしたデザイン)のイメージを日本語の書体に取り入れたもので、明朝体とゴシック体の中間に位置するような書体です。

いずれもTrueTypeフォーマットで、価格は1書体1万2,600円、C4 ミンニアム6書体パックが4万7,250円、C4 スクエア2書体パックが1万9,950円となっています。
また、同フォントシリーズの「C4 ゴシック・ドゥ」12書体および「C4 ニューズ」4書体が発売されました。

白地図

user-pic

最近の制作案件で地図を白地図を触る機会があったのでご紹介。

昔から素材で地図ってあまりいいのがないといつも思ってた時にコレ。

地図を活用する人の総合サイト

map.png

今回使ってみて、非常に便利でした。

各都道府県はもちろん、主要都市もあって、連携技で県章なんかもある。

なかでも一番使えたのが『地図ぬりぬり』という機能である。

好きな色で地図が塗れて、文字もかけて、おまけにBIGサイズでのダウンロード。

あとは、PhotoshopでもIllustlatorでも、煮るなり焼くなり。

今までも白地図を扱っているサイトは沢山あったけど、このサイトだけで十分です。

一度、使ってみてください。

有名サイトのロゴ

user-pic

たまに気になる有名サイトのロゴで使用されているフォント。

印象に残るロゴを作るには一番重要になってきます。



twitter.jpg

Pico Alphabet (Modified)



digg.jpg

FFF Forward (Modified)



corkd.jpg

Triplex



vimeo.jpg

Black Rose



grooveshark.jpg

FF Nuvo



envato.jpg

Agenda Italic



tutsplus.jpg

Lubalin Graph



lastfm.jpg

National (Modified)



technorati.jpg

Neo Sans Medium



flickr.jpg

Frutiger Black



purevolume.jpg

Avenir Book



youtube.jpg

Alternate Gothic No. 2



basecamp.jpg

Whitney



facebook.jpg

Klavika (Modified)



skype.jpg

Helvetica Rounded Bold



日本の伝統色

user-pic

先日、日本らしい色を使う手前上、色々調べていたらこんなのを発見。

≪日本の伝統色 和色大辞典≫

Traditional-Japanese-Color-Names.png

色の名前、かっこ良くないですか?

英語表記や#CCCCCCとかは見慣れてしまってますが、改めて感じで色を表現。

日本人ならではの感性ですよね。

他にも色の事がたくさん載っているので、遊びに行ってください。

http://www.colordic.org/w/

iconPot

user-pic

無料で自由に使えるアイコンを大量に集めたページ。

オイコン.png

無料で商用利用も問題なく私用できるものばかり集めているので
いちいちライセンスを確認せずにガンガン使えるので
気楽に探して即私用できる。

素材探しにはどうしても時間がかかってしまいますが
こんな感じのサイトを沢山抱えておけば
いざというときに役に立つかも。


iconPot

Ftg

user-pic

WEBデザインをする時、ボタンやバナーなど様々なオブジェクトを作るはずです。

ふとしたときに便利なサイト。

テクスチャ.png

背景パターンやハーフトーンなど、いろいろな用途に使えるグレイスケールのテクスチャー素材。

単純なものでも自分で作るとなると結構面倒なことも多く、これだけ揃っているととても重宝します。

PhotoshopやIllustratorなどツールを使用してオブジェクトを作る際に便利です。

47+ Excellent Ajax CSS Forms

user-pic

ホームページには必ずといっていいほどあるのが、『フォーム』

みなさん、どうしてるんでしょう?

今は昔のHTMLフォームと違い、PHPやらCGIやらajaxやらが当然になってしまって。

かといって、PHPやCGIを1から組めるデザイナーさんってどれぐらいいるんだろう

とも思う。

47.jpg

プログラマーさんがいる制作会社はまた別だろうけど、制作会社って全部が全部

プログラマーさんが常駐してるところって事は無いと思うし。

そんな時、コレ使ってみてください。

47+ Excellent Ajax CSS Forms


スタイリッシュなフォームが多数紹介されています。デザインなどの参考に。


JPEG画像の劣化。

user-pic

イメージデータの形式は沢山ありますが、その中でもJPEGは保存をするたびに
劣化してしまいます。
一度や二度では違いはわかりにくいのですが、
保存を繰り返していくことですぐにわかるほど劣化していきます。

少しずつ圧縮されて劣化する画像の様子がムービーでまとめられていたので紹介します。

jpg_movie.jpg

新規保存を連続で600回繰り返して劣化していく20秒間のムービーです。

連続で見ていくと明らかに劣化していく様子がはっきりわかります。

この動画は単純に同じ圧縮率でJPEG保存を繰り返しているのではなく、
少しずつ圧縮率を上昇させています。


↓動画はこちら
GENERATION LOSS | HADTO.NET

Photoshopで骸骨

user-pic

最近発見したPhotoshopのパターンとカスタムシェイプです。

骸骨を探していたら、こんなところに行き着きました。

http://www.brusheezy.com/brush/732-Skull-Patterns

skull01.png

skull02.png

全体的に結構ダークですが、骸骨やホラーっぽい素材を探している方は是非。

プラグインの入れ方は簡単。

該当フォルダーにコピペするだけです。

こっち系はやはり海外サイト、強いですね。



fotolia

user-pic

ストックフォトサイトとのfotoliaです。

ホームページ制作に欠かせない高画質のイメージを1枚から購入できます。

画質が小さい物なら1枚100円からとお値段も手ごろ。

WS000.jpg

見ているだけでも飽きません。

素材で悩んだり、いい写真が準備できない時などは心強い見方です。

月極めの料金もあるので制作者サイドにも大変ありがたいサービス。

是非、使ってみてください。

* *
* *


ホームページ制作まん

ホームページ制作会社


栃木県パソコン修理/パソコンのお医者さん
ホームページ制作 栃木
 

ホームページ制作LINK2

このアーカイブについて

このページには、過去に書かれたブログ記事のうち素材カテゴリに属しているものが含まれています。

前のカテゴリは技術です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。