2014年9月9日 CSS, Webデザイン 以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！ ↑私が10年以上利用している会計ソフト！ 背景に大きな画像を使うメリット・デメリット 大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、そのWebサイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間がかかって

2013年5月9日 Webデザイン, インスピレーション, 便利ツール 2013年を代表するデザイントレンドと言えばフラットデザイン。それを横目に、実は静かに流行り始めている「ポリゴン風デザイン」をご存知でしょうか？ローポリと呼ばれているものですね。今回はツールを使って写真からポリゴン風イラストを作ってみましょう！デザインの参考になるWebサイトやグラフィック・アートもまとめているので、オリジナルポリゴンアートに挑戦してみてください！ ↑私が10年以上利用している会計ソフト！ 「triangulator」でポリゴン風イラストを作成 ポリゴンは通常は3D系のソフトで作りますが、PhotoshopやIllustratorでも作ることができます。ただ、それではかなり時間がかかってしまうので、写真をサクッとローポリイラストに変換できる「triangulator」を使用します。こちらの動画をご覧頂け

2013年3月25日 インスピレーション イギリス・ロンドンに引っ越して一ヶ月が過ぎました。寝込んだりもしたけれど、私は元気です。さて、イギリスと言えば、サッカー、紅茶、ロック、美容、ガーデニング…そして何より、間もなく開催されるロンドンオリンピック！各地でオリンピック特集が組まれている事と思います。そんなロンドンに住んでいることですし、ロンドンのアートやデザイン事情について書いてみたいと思います！ ↑私が10年以上利用している会計ソフト！ 1. 日常生活にアートが溢れている ここロンドンでは街中で当たり前のようにアート作品に出会うことができます。ストリートアートもそのひとつで、「落書き」なんてレベルをはるかに通り越したものばかり。そう、この街にとってアートは気軽に楽しむものなのです。 トッテナムコートロード駅近くのビートルズ（Photo by iKatchan） 「芸術テロリスト」の異名

2013年3月25日 Photoshop 暗い場所や室内で取った写真はノイズが入りやすいですよね。画像を補正する際、意外とやっかいだったりします。Photoshopには「ノイズを軽減」機能もありますが、なんだかあまり変化がなかったり…。そんなノイズを簡単に軽減する方法をいくつか紹介します。ビフォー・アフターの差にびっくりしちゃうと思いますよ！ ↑私が10年以上利用している会計ソフト！ Neat Image Neat Imageは画像のノイズ除去を自動で行なってくれるソフトです。Windows、Mac、Linuxで利用でき、Photoshop用のプラグインも使うことができます。無料版と有料版があり、無料版では大きなサイズと商用利用は不可です。今回は無料版を試してみました！

2014年3月6日 Photoshop, Webデザイン 水彩画っていいですよね。なんだかほんわかした雰囲気が大好きです。ということで今回はPhotoshop CS5を使って画像を水彩画風に加工する方法と、便利なPhotoshopブラシ、水彩画風デザインのWebサイトを紹介します。デザインの参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 写真を水彩画風に加工する方法 また動画撮ってみました。ただでさえ時間かかってないのに、４倍速にしたら30秒くらいになっちゃいました。簡単なのでぜひ試してみてくださいね！ 1. ぼかし 画像を開いて、そのレイヤーを複製します（コマンド＋J）。 複製したレイヤーを「blur」にレイヤー名を変更します。 フィルター > ぼかし > ぼかし（詳細）で、「半径」を10、「しきい値」を25〜30に設定します。 2. エッジの光彩 元の画像レイヤーを

2014年2月25日 Web関連記事, インスピレーション 私は普段紙の本をほとんど読みません。年に１冊読むか読まないか…。しかし、iPadを購入してからはなぜか電子書籍なら読むようになりました。ディスプレイで読む事の方が慣れているからですかね…？という事で私が最近読んだ無料の電子書籍をいくつか紹介します。日本語のものは比較的サクサク読めるものばかりなので、空いた時間に読んでみてください！ ↑私が10年以上利用している会計ソフト！ インタラクティブPDFでつくったインタラクティブPDFのつくりかた〜動画/音声再生・ページ効果編〜 ダウンロード InDesignで動画や音声付きのPDFファイルの作り方を説明してます。サンプルもついています。紙の本では表現できない、電子書籍の魅力はこういった点にあると思うので、これから電子書籍の出版を考えている人には参考になると思います。 地域でメディアづくり

2013年11月28日 インスピレーション デザインが思いつかない…いつもワンパターンのデザインになってしまう…。そんな経験ありませんか？デザインで行き詰まった時は、気分転換も兼ねて外にでてみましょう。画面を眺めているだけでは得られないようなインスピレーションが見つかるかもしれません。今回は新しいインスピレーションの刺激を求めてお散歩してみたので、そのコツやポイントをまとめてみます。いつも通る道やお店が少し変わって見えてきますよ！ ↑私が10年以上利用している会計ソフト！ インスピレーションを探すお散歩のコツ カメラ必須！ これはやる気の次に必要！素敵なデザインを見つけて、数日は覚えておけると思いますが、やはり人間は忘れていく悲しい生き物。写真にとって保存しておくと後から見返せるので、必ず持っていきましょう！店内が暗かったり、黄色っぽい照明を使っているところも多いので、その辺りを調整できる

2013年7月8日 フリーランス, 便利ツール, 名刺 以前も「印象に残る名刺の作り方」などで名刺デザインについて触れたのですが、「こんな名刺はどこで印刷してもらえるの？」という質問をいくつか頂いたので、今さらながらまとめてみました。和紙や木目の素材、透明な名刺や型押し加工など、思い通りのデザインが実現できるかも！オンラインで注文できるので、気軽に利用してみてください！ ↑私が10年以上利用している会計ソフト！ データ入稿ガイド 今回紹介する印刷会社さんはすべてデータ入稿可能です。どの会社もデータ入稿専用のテンプレートが用意されているので、ダウンロードしてデザインします。用紙やオプション加工によってテンプレートが異なる場合があるので注意。データの種類や対応バージョンも事前によく読んでおきましょう。また、どの会社も用紙やオプション加工の無料サンプルを注文できるので、デザインし始める前に質感な

2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します！有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください！ ↑私が10年以上利用している会計ソフト！ ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ

2014年8月22日 Wordpress WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 ↑私が10年以上利用している会計ソフト！ WordPressの管理ページをカスタマイズ　目次 管理バーを消す コメントに「削除」「スパム」ボタンを追加 ログイン画面：ロゴを変更する ログイン画面：CSSを変更する 管理画面左上の「W」ロゴマークを変更 投稿画面の項目を非表示 サイドバーのメニューを非表示に フッターテキストを変更 ユーザープロフィールの項目を追加 ビジュアルリッチエディターを非表示 投稿画面のビジュアルリ

2017年7月14日 フリーランス フリーランスWeb屋さんの皆さん、フリーランスの仕事はどうやって探していますか？また、依頼がない時のサブプロジェクトは持っていますか？会社をやめ、フリーランサーとして仕事を始めたばかりの頃は、多くの人が「依頼のない、空白の時間」を体験してしまいがちです。そんな期間を有効活用すれば、フリーランスとしての収入も増えると同時に自分のスキルを磨く事もできます。今回はフリーランサーさんの「サブプロジェクト」に焦点をあててみたいと思います。 ↑私が10年以上利用している会計ソフト！ まずはブログ・Twitterをはじめよう まだ自分のブログとTwitterアカウントを持っていない人は、今すぐはじめてください。なぜならこれらのツールは自分を宣伝する道具としてとても有効だからです。例えばサブプロジェクトとしてWebサイト用デザインテンプレートを作ったとしても、宣伝するツ

2014年8月22日 Webサイト制作 「Webサイトを作ってみたいけど、どうすればいいのやら？」という超初心者さん向けに、MacにプリインストールされているTextEdit（テキストエディット）、またはWindowsにプリインストールされているメモ帳を使った簡単なWebページの作り方を解説します。今回はDropboxを使って手軽にページを公開してみましょう！ ↑私が10年以上利用している会計ソフト！ 初めてのWebサイト制作　目次 HTML基礎知識 実際に作ってみよう DropboxでWebサイトを公開しよう 参考になるWebサイト・記事 HTML基礎知識 HTMLとは HTMLとは「Hyper Text Markup Language」の略で、Web上の文書を記述するためのマークアップ言語です。HTMLは文書の一部を「タグ」と呼ばれる特別な文字列で囲うことにより、ページを装飾したり、画

2017年6月30日 インスピレーション, 名刺 その人、その会社の第一印象でもある名刺デザイン。海外では多くの名刺デザインが紹介されていますが、日本国内だとなかなか見つかりませんよね。という事で、オフ会で直接頂いた名刺の中から素敵なデザインのものを一挙紹介します！シンプル・ポップ・エレガントなど、様々なデザインがあるので、ぜひ参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ オフ会に参加しました ホームページを作る人のネタ帳のYamada氏が東京に遊びに行くという情報をキャッチしたので、それにあわせて私もオーストラリアから帰国！1月29日に「ネタ帳とWebクリエイターボックスの上京を歓迎してくださいの会」と題し、オフ会を開催しました！総勢約80人とあって、めまぐるしく挨拶まわりを…。もしお話できなかった人がいたら本当にごめんなさいです…。 素敵な名刺頂きました そのオフ

2017年6月29日 Webデザイン みなさんが今働いている会社に就職する前、その会社のどのページを参考にしましたか？多くの方が企業紹介のページを参考にしたはずです。その中でも実際に働いている人の紹介ページもあったら、その会社についてもっとイメージが湧きますよね。今回はそんなスタッフ紹介ページに注目してみようと思います！ ↑私が10年以上利用している会計ソフト！ スタッフ紹介ページの必要性 企業サイトが一番伝えたいのは「この会社はどんな事をしているのか」という点だと思います。そのためほとんどの企業サイトに「この会社について」などの企業紹介ページを設置しています。しかし企業の経歴や代表者の挨拶だけで、本当にその会社の説明ができるでしょうか？ 最近デザイン系のWebサイトをはじめ、企業サイトでもスタッフの紹介を掲載するページが増えてきました。どんな人がこの会社をつくっているのか？どのように製品

2013年3月23日 インスピレーション アール・ヌーヴォー様式を代表するグラフィックデザイナー、アルフォンス・マリア・ミュシャ（Alfons Maria Mucha)。美しい女性やきらびやかな装飾類、花、華麗な曲線を使用したデザインが特徴で、生涯を閉じた今も多くの人を魅了し続けています。今回は私の大好きな彼の作品を紹介してみようと思います！ ↑私が10年以上利用している会計ソフト！ ミュシャの作品の特徴 女性と花 彼の作品の多くは女性をメインに花とともに描かれています。髪に飾ったり画面に花をちりばめたり。画家というよりもグラフィックデザイナー・イラストレーターとして活躍していたため、対象物を非常に鮮明に描いています。背景には暗色の幾何学模様や草花を、メインとなる女性には明るい色を使い、どこに焦点をあてているかがわかりやすい。 背景の模様 背景にはアール・ヌーヴォーの特徴である草花と曲線に