PCから転送した高画質の画像をiPhoneでは見られない?

家に帰るとストーブの前から動かないatsushiです。 完成したホームページのデザインの画像をiPhoneで見ようとした時の話です。 ホームページのデザインは、幅1280px×高さ1500ぐらい~のサイズで制作しています…

EC-CUBEの商品登録時にHTMLタグが使えない時に

年々冷え症が悪化していくatsushiです。 EC-CUBEで商品情報を登録する際、「詳細-メインコメント(タグ許可)*」となっていて、HTMLタグを使用できるようになっています。 ただし、EC-CUBEで許可されている…

Photoshopで指定したサイズで矩形を描くには

手足の冷えが始まってきた冷え性のatsushiです。 ホームページのデザインってまず、基本骨格から決めます。 たとえば、サイドバーの幅が○○ピクセルでメインの幅が○○ピクセルで…といった感じで… そうなってくると作るデザ…

Windows Media Playerで再生してる動画のキャプチャができない

モヒートを作ろうと思ってミント・ライム・ガムシロップも揃えて肝心な炭酸水を買い忘れて水で割ったatsushiです。 モヒートを知らない方はこちら 先日、ホームページのデザインに動画のキャプチャ画像を利用することになり、W…

iPhoneでフォントの名前を調べるアプリ

愛用のMac Book Proの音量が起動とともに最大になるatsushiです。 先週に続き、フォントにまつわる話題です。 突然ですが、フォントの名前って覚えてますか? 私個人、フォントマニアなので、日本語フォントはある…

これは使える!フリーのフォントダウンロードサイト

最近、腕毛が濃くなってきたatsushiです。 日夜、フリーのホームページに使える素材を探しつづけているのですが、なかなか満足できるクオリティーの物にめぐり会うことってないんですよね。 写真については、最近フリーでもクオ…

Photoshopのスポイトツールがおかしくなった?

朝、車に乗ったら助手席にクモの巣が張りめぐらされていたatsushiです。 今回は、すごくマニアックな記事になりそうですが、何日もどうしらたら直るのか悩まされ、解決してスッキリしたことです。 どんなことかというと Pho…

背景を消した画像をきれに馴染ませる方法

涼しくなったのでそろそろ自転車通勤を復活させようと思っているatsushiです。 前回の私の投稿でも触れましたが、ホームページのデザインをする際、人物の写真を入れて、なるべく親しみや、活気がでるように心がけています。 そ…

人物(女性)のフリー写真素材

台風の日に車上荒らしにあったatsushiです。 ※雨の日とか台風の時とか音が消されるので多いらしいです。気をつけてください。 ホームページをデザインする時に意識してデザインしていることがあります。 それは、ページに温か…

クオリティーが高い使えるフリーのシルエット素材

9月に入って急に虫にさされはじめたatsushiです。 ホームページのデザインでフリー素材のイラストを使おうとするとシリーズですべて揃っているものなら問題ないですが、かき集めて使おうとするとイラストのテイストやタッチが合…

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時間待ちでした… デザインのよくある手法の一つに商品が床に反射しているように見えるデザインをよく見かけると思います。 この作り方は、以前にもご紹介している…

3 / 512345