大阪ホームページ制作のMKK WORKS

グラフィックデザインのメッカ「Deviantart」 すばらしいグラフィックデザインが多く投稿されていて、ものによってはライセンスフリーという大変うれしい作品も多く投稿されています。 なのに、残念な点が１つ。カテゴリ移動のユーザビリティが。。。。そんなわけで、自分達が見やすくするために作った「Deviantartの使えるカテゴリ」でリスト化しているものを公開します。 是非有効活用してください。

＞＞続きを読む

ここのところ広告的なバナーを作ることが多かったのですが
その際にphotoshopのレイヤースタイルがもっと多くセットしてあれば楽だったなーと感じたので
今後使いやすそうなレイヤースタイルを自作したので一部UPします。

バナー広告やボタンに使えそうなメタルっぽい質感のレイヤースタイルを20ほど。




















ダウンロードは続きからどうぞ。

＞＞続きを読む

久しぶりのエントリーです。
サイトをリニューアルしたのでこれからブログには力をいれていきますので宜しくお願いします。

今回はWebサイト制作者がphotoshopを扱う上で欠かせない必須技術
photoshopによる人物の切り抜きがテーマです。

様々な方法がありますが、今回は手軽に、簡単に行う方法を紹介しています。
もちろん写真によっては切り抜き方は全く違うものになりますが
今回の方法をマスターすれば人物だけでなく植物や動物を切り抜くことも簡単に行えるテクニックです。
難しい方法だと、マスクを使ったり、抽出ツールを使ったりとかなり複雑な手順のものも多いです。
特にマスクを使った方法紹介などは「どうやってそんな細かいところまでマスクしたんだよｗｗｗｗｗ」
といった気持ちになることも少なくありませんね。

今回のものはそういった複雑な手順をなるべく省いた方法を考えました。
















続きは以下からどうぞ。

＞＞続きを読む

Webサイト制作者が仕事を探すのに便利なBtoBサイトまとめ

Webサイトをプロとして制作されている個人＆法人の方が苦労することの一つに
新規案件の受注ということがあるかと思います。

MKK WORKS でも営業スタッフの負担減と新規案件増を期待し
様々なサイトで受注＆提案を行っています。

そんな便利なBtoBマッチングサイトをご紹介します。

利用方法によっては有料となる場合もありますのでご注意下さい。

＞＞続きを読む

ものすごく簡単にロールオーバー風のリンクボタンが作れます。

サンプルページ

CSSのソースは下記だけです。

a:hover img{
opacity: 0.5;
filter: alpha(opacity=50);
}

要するにaタグ内のimgに対し、hover時に50%半透明化させて表示するだけの簡単なものですが
ソースも数行で済む為、意外と使えるテクニックです。

filterは対応ブラウザが少ないのでopacityでfirefoxなどをカバーしています。
数字を変えれば透明度を変更することが可能なので最適な数字で使用して下さい。

サンプルソース
a:hover img { opacity: 0.5; filter: alpha(opacity=50); }

簡単でしかも割とカッコイイとは言え、あまり推奨される方法ではないので
サンプルページや、ちょっとした事例を紹介するだけの
あまり細かく作りこまなくても支障の無いページに使うようにするのが無難だと思われます。