jQuery のloopedslider

iPhoneアプリの「リルパイレーツ」にハマり始めたatsushiです。 ホームページのトップページにFlashで画像を数枚切り替えて商品や会社をアピールすることって多いですよね。 実際、これまでもそんなFlashをつく…

Photoshop-WEB用に保存で画像の色がおかしくなったら

ウイニングイレブン2012の体験版をダウンロードしたatsushiです。 ホームページで使用する画像は、もっぱらPhotoshopで作成しているのですが、一眼レフで撮った写真だけ?かわかりませんがたまに「埋め込まれたプロ…

何かと役立つ!大きめアイコン素材

エアコンから水が漏れだしたatsushiです。 WEBデザインをしているとちょっとだけものさびしいスペースができることがあります。 そんなスペースを埋めたり、視覚的に見せる時に便利なアイコン素材集を紹介します。 Icon…

Photoshopのものさしツールの使い方

今年まだ一度も蚊にさされていないatsushiです。 きっと血がおいしくないんでしょうね。 ひさしぶりのPhotoshopの個人的にあまり使ってない機能を見つめ直すシリーズですが、今回は、「ものさしツール」をフューチャー…

一押しのキャプチャソフト

今年は、野生のカブトムシをよく見るatsushiです。 お客様向けの操作手順マニュアルをよく作るのですが、その際に欠かせないものがあります。 そう。キャプチャソフトです。 これまでも、フリーのキャプチャソフトを利用してき…

アンカーテキストの色

えさをあげてる野良ねこに威嚇されるatsushiです。 アンカーテキストの色について悩んだんで調べてみることにしました。 1.いちばん効果的な色は何色? インターネットをはじめて触れた時からリンクは「青」(#0000ff…

著作権フリーの画像を探す

クモの巣にかかる確率が高いatsushiです。 ホームページのデザインに欠かせない画像ですが、みなさんどんな風に用意してるでしょうか? 画像のイメージでホームページのイメージも決まってしまうぐらい重要なものですが、どのよ…

黄金比・白銀比の計算

冷房の効いた部屋にいると眠くなるatsushiです。 ホームページのデザインをしていると結構計算しなきゃいけないことてあるんですよね。 たとえば、サイトの幅が960pxでグローバルナビが7個配置する必要がある場合、1個の…

オリジナルレイヤースタイルを登録する

しばらく乗ってない自転車がクモの巣だらけになってるatsushiです。 ホームページのデザインをPhotoshopで作成しているのですが、大きく分けると2つの作業に分かれます。 ひとつは、トップページのデザイン。もうひと…

Illustratorでクリッカブルマップをつくる

網戸にしておくとちっちゃい虫がいっぱい入ってくるatsushiです。 ひさしぶりにIllustratorでおどろきましたよ。 それは何か?というと Illustratorでクリッカブルマップが簡単につくれるんです。 いや…

HDR(ハイダイナミックレンジ)

ボディーソープの詰め替えを忘れつづけているatsushiです。 突然ですが、HDR(ハイダイナミックレンジ)で聞いたことありますか? 結構痛そうなプロレスの技っぽいですが… ざっくりというと画像の合成の手法です。 みなさ…

Photoshopのフィルタ機能って結構すごい。

ひさしぶりにトカゲを見たatsushiです。 WEBデザインにおいてあまり使わないであろうとほとんどスルーしていた機能のひとつにフィルタ機能があります。 CG制作とかで使うぐらいでホームページの素材づくりには、役立たない…

グリッドの計算がすばやくできる便利なツール

最近、ひじがかさついているatsushiです。 Photoshopでウェブページをデザインする時ってどんな風にはじめますか? 私は、カラム数を決め、その幅に応じてだいだいの部品の大きさを決めるグリッドを使ったデザインをし…

ちょっとした環境設定で作業効率が上がるかも

重曹でキッチン周り掃除することにハマっているatsushiです。(油汚れとか簡単に落ちます。ホントに!) ほんとに些細なことだけど作業しやすくなるPhotoshopの環境設定をご紹介します。バージョンはCSなのであしから…

ボタン素材を悩まず簡単につくるには

2か月ぶりぐらいにバドミントンをやっていろんなところが痛いatsushiです。 毎日Photoshopと格闘すること5年ぐらいたったでしょうか。 デザインのこつをつかんできた気がする今日このごろですが、そろそろ次の課題に…

カラースキームをもっと自動的に作りたい

いつも携帯にセットした目覚ましより3分前に目が覚めるatsushiです。 WEBページをデザインする場合、どんな風にカラーを決めますか? 企業(固めの仕事)であれば、信頼感を出すためにブルー系、飲食系であれば、暖色系(オ…

Photoshopのパターンをつくってデザインにアクセントを!

録画した映画を見てるとすぐに寝てしまいなかなか見終わらないatsushiです。 Photoshopの「パターン」という機能はご存知でしょうか? 「パターン」は、「塗りつぶし」の中にある機能の一つです。簡単にいうと模様やボ…

Photoshop.comでオンライン画像編集

携帯のエリアメールのアラームを聞くとロボに乗り込まなきゃと思ってしまうatsushiです。 Photoshopを使うようになってかれこれ5、6年経つでしょうか? その間、Photoshopは進化をつづけ現在CS5になり、…

Photoshopでメモリ不足になったら

そろそろ引越しを考えてるatsushiです。 Photoshopで作業をつづけていると動作が重くなることはありませんか? 特にWEBページのデザインだとPhotoshop以外にもDreamweaverやIllustrat…

PDFの画像を編集したい!

吉野家で牛丼を食べてたら計画停電で店内が真っ暗な中食べ続けたatsushiです。 PDFファイルから画像を拾ってWEB画像の素材に使うことがちょこちょこあります。 PDFに使われてる画像を加工したい場合ですが、どんな方法…

タブのデザインに困らないかも

健康診断の結果、とくに問題がなかった(ちょっと頭が悪いぐらい)atsushiです。 ほとんどのブラウザがタブブラウザになってきてタブでページを切り替えるということがあたり前になってきてホームページのデザインにもタブを取り…

解像度ってややこしいね

毎日1時間のウォーキングではやせないことが判明し、ジョギングと筋トレに切り替えたatsushiです。 ホームページのデザインをしているとポスターやチラシの制作を依頼されることがたまにあります。 どちらも見た目は、同じなん…

サイトごとにカラースキームを用意する

最近、映画を見ているとすぐに寝てしまうatsushiです。 サイトのデザインで悩むポイントの一つにカラーの問題があります。 まず最初に悩むのは、イメージカラーです。どんな色でそのサイト(企業)のイメージを表現するかです。…

Photoshopのズームツール

引き続きガングリオンと共生しているatsushiです。 Photoshopでのデザイン制作に欠かせない「ズームツール」(虫眼鏡)ですが、便利に使いこなしてますか? 基本は、「ズームツール」を選択し、上記のオプションバーで…

Photoshopのブラシの設定

右足の親指の付け根にガングリオンができて革靴を履くと痛いatsushiです。 「ガングリオン」って響きがスーパーロボットっぽくて言いたくなりませんか?   そんなことより今日のお題ですが、Photoshopでよく使う「ブ…

Photoshopの描画モード

このところの寒さで今一歩自転車通勤する勇気が足りないatsushiです。 今回は、Photoshopの描画モードについてです。 まず、「描画モード」ってとこからですが、Photoshopで写真を加工したり、合成したりする…

カラースキームづくりで困ったら

家事でいうと、お皿を洗うのと洗濯ものをたたむのが嫌いなatsushiです。(それ以外は結構します) ホームページのデザインをするうえで悩むポイントっていくつもあると思いますが、一番悩むのが「色」だと思います。 デザインす…

Photoshopのはじめる前に知っておくべきこと?

乾燥ですねがかゆくなってきたatsushiです。 もっぱらホームページのデザインは、Photoshopを使っていてPhotoshopを使いだして4年ぐらい経つでしょうか。 WEBデザインに使う部分だけ覚えていったため、結…

Photoshop快適化

インフルエンザから復活したatsushiです。 毎日Photoshopばかり使ってますが、常に思うことは、「もっと快適に動作しないかな」ってことです。 もちろんマシンスペックが動作の善し悪しの大半を決めると思いますが、「…

選択範囲の拡張をうまく使う

年明けそうそうA型のインフルエンザにかかってしまったatsushiです。 あけましておめでとうございます。 新年最初の投稿もフォトショップのちょっとしたテクニックからスタートしようと思います。 今回は、「選択範囲の拡張の…

Photoshopの選択範囲を保存を使ってみる

まったくクリスマス感がないatsushiです。 今日は、Photoshopの普段あまり使ってないけど使ってみると便利かもしれない機能をご紹介。 本日の機能:「選択範囲を保存」 個人的には、これまで全く使ってこなかったコマ…

いつでもどこでもカラーコードがわかるんです。

ひさしぶりのチャリ通でみんなからどしたん?と聞かれるatsushiです。 WEBデザインに便利だなと思えるiPhoneアプリをご紹介します。 カラーガイド このアプリは、色見本帳DICカラーガイドに収録されている色を見る…

肌荒れも気にならない?

しもやけのシーズンがやってきてレッグウォーマーが欠かせない冷え性のatsushiです。 デジタル一眼を買って週末は、撮影に出かけるのが楽しみになっているんですが、いままでコンパクトデジカメしか使ったことがなくて分かりませ…

Abobe Kulerのウィジェット

ウイニングイレブン2011で週間ランキングTOP100に入ったatsushiです。 ホームページのデザインで苦労する配色ですが、以前にも「colorblender」(サイトがクローズしたのかな?現在サイトが開けません。)…

初心者のためのHTMLとXHTMLの違い

プライベートでも予定がぎっちり入ってきたYu-ichiです 今回はタイトルの通り、HTMLとXHTMLの違いについて書いてみたいと思います。 まず、体系的なお話ですが HTMLとXHTMLは元々同じSGMLから生まれてい…

写りこみ画像をつくる

かけこみで液晶テレビを買ったatsushiです。テレビを買うのに2時間待ちでした… デザインのよくある手法の一つに商品が床に反射しているように見えるデザインをよく見かけると思います。 この作り方は、以前にもご紹介している…

ロゴのデザイン

風邪をひいてバカじゃないことが証明されたatsushiです。(ベンザブロックLを服用中です) ホームページのデザインをしているとちょくちょく会社のロゴを一緒につくって欲しいとの依頼をいただくことがあります。 ロゴって会社…

丸で囲むPhotoshop編

ウイニングイレブン2011の練習を開始したatsushiです。 手順マニュアルの作成時などに画面をキャプチャしてポイント部分を丸で囲んで目立たせることってよくありますよね。 こんな感じに↓ WordやExcelであれば、…

Photoshop CSのクラッシュ

季節の変わり目は早寝になるatsushiです。 ホームページのデザインは、9割近くPhotoshopを利用してつくってますが、たびたびPhotoshopのクラッシュに襲われます。 バージョンはCSなんですが、よくあること…

WEBサイトとTwitterを連結

松前漬けがあればおかずがいらないatsushiです。 ユーザー数が1億4500万人を超えている言われる「Twitter」ですが、つぶやいてますか? 私も不慣れながらつぶやいてます。→atsushiのつぶやき 最近、ブログ…

LightBoxよりもThickBox

市指定の燃えないゴミの袋を買いそびれているatsushiです。 ブログなどで画像の拡大表示でよく使われている機能に「Lightbox」があります。 実際、制作したサイトでも「Lightbox」を使用して画像の拡大表示を行…

Photoshopのクリッピングマスク

ついにデジタル一眼を買ったatsushiです。ソニーのα55を買いました。 ひさしぶりのPhotoshopであんまり使ってこなかった機能を見つめなおす企画です。 今回は、クリッピングマスクです。 Illustratorで…

Photoshopでシャドウ

デジタル一眼レフの購入を迷い中のatsushiです。何を撮るかはです。 デザインを立体的に見せたり、ちょっとクオリティーを高く見せるテクニックで使える「シャドウ」ですが、Photoshopには、レイヤースタイルの機能に「…

Photoshop CS5欲しい!

B-1グランプリに行ってみたいatsushiです。 知らないうちにPhotoshop CS5が発売されてました。 何やらPhotoshop誕生20周年らしく、だいぶ力をいれたみたいですね。 素晴らしい機能が増えてます。 …

アメコミ風フォント

あいかわらず洗車をすると雨が降るatsushiです。しかもゲリラ豪雨… 突然ですが、アメコミって好きですか? 個人的には、マーヴェルのキャラクター(X-MENとかスパイダーマンとか)が好きです。 公式サイトのデザインもダ…

モバイルサイトデザインの参考に

エアコンのリモコンの調子が悪いatsushiです。 モバイルサイトでもここまで表現できるんだと感じさせてくれるモバイルサイトデザイン集をご紹介 モバイルデザインアーカイブ モバイルサイトのデザインってめちゃめちゃよくなっ…

イラストレーターさん必見!無料素材サイト

iPhoneやらPSPやら携帯やら部屋の中に充電器が散乱しているatsushiです。 ホームページのデザインをする時に主に写真でイメージをつくっているのですが、サイトによっては、イラストの方がやわらかい印象になったり、あ…

Photoshopのショートカット

夏になるとサラダが主食になるatsushiです。 Photoshopのショートカットキーについてですが、これまでもいくつか紹介してきましたが、これまた便利だなっていうショーカットキーが紹介されていたのでご紹介します。 作…

Photoshopのスクリプト

やせ期に突入したのか4キロほどやせたatsushiです。 毎週ブログのネタ探し勉強のためにPhotoshopのプラグインやアクション・ブラシなどを探しているのですが、最近になってPhotoshopにスクリプトっていうもの…

顔写真の合成

大人になってから虫が触れなくなったatsushiです。ギリさわれてクワガタです… お昼休みに家に帰るといつも「笑っていいとも」がかかっています。 いつも何気なく見ているんですが、最近気になるコーナーがあります。 木曜日の…

4 / 6123456