blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Design

Figmaで元画像に近い大きいサイズの画像を取得する方法

FigmaでPhotoshopでいうスマートオブジェクト的な、完全な元画像は取得できないようなんですが、元画像に近い大きいサイズの画像は取得できます。マスクされたレイヤーの「インスペクト」にあるファイル名がリンクになっているので、それをクリックすると、別タブで開きます。ただし …

category: Design

[先着5名様限定] 10/22 全く新しいWebデザインワークショップ開催のお知らせ

10/22 monに、全く新しいWebデザインワークショップを開催します。内容は未定、というのは冗談で、あなたの中にあります。Webデザインについて知りたいことを、creamu代表の私が答えられる限り答えます。みなさんが疑問に思っていること、知りたいことを共有しながら、講師が …

category: Design

【PR】Wix – コーディング不要で簡単にサイトの作成・公開ができるサービス

現在広告を出稿いただいているWixのPRを兼ねて、紹介記事を書いてみます。 Wixは、コーディング不要で簡単にサイトの作成・公開ができるサービスです。 ビジネスや音楽、エンターテイメント、デザイン等のカテゴリー毎に、たくさんのテンプレートが用意されていて、テンプレートを選ぶと …

category: Design

Photoshopで色を変えやすい格子柄のパターンを作る方法

今までレイヤーを2つ重ねてマスクしたりしてチェックパターンを作っていたんですが、うまくいったのでメモ。 上記のようなパターンを1レイヤーで作るには、以下のようにします。 黒と透明のパターンオーバーレイを乗算に設定 カラーオーバーレイで、つけたい色を選び、スクリーンに設定

category: Design

20 ICONS FOR LINK TEXTS – Gumroadにリンクテキストに使える矢印アイコンを置きました

Gumroadがおもしろい感じなので、ちょっとリンクテキストに使える矢印アイコンを作ってみました。 PhotoshopのPSDファイルとなっていて、すべてレイヤーに分かれています。 アイコンはアンチエイリアスの点で作るのに手間がかかったりしますよね。12pxのサイズのテキスト …

category: Design

手書き文字がかわいいレストランのサイト

手書き文字を生かしたサイトを作りたい。 そんなときに参考になるのが、『暮らしのお店』。手書き文字がかわいいレストランのサイトです。 ロゴやメニュー、見出しの文字がかわいいですね。イラストも味があっていい感じです。 スライドショーの動きもゆったりしていて、優しい雰囲気が伝わって …

category: Design

透過をうまく使ったデザインをするためのPhotoshopチュートリアル

WebAppearsというサイトで、透過をうまく使ったデザインをするためのPhotoshopチュートリアルが紹介されています。 まずはぼかし(移動)とブラシをうまく使って背景を作り、ボタンの背景を透明度を駆使して作っていく方法が解説されています。 数値やRGBも細かく載ってい …

category: Design

ブログをデザインするときに参考にしたいサンプル集『How to Blog Design Style Guide』

ブログをいいデザインにしたい。 そんなときにおすすめなのが、『How to Blog Design Style Guide』。ブログをデザインするときに参考にしたいサンプル集だ。 このエントリーでは、以下のカテゴリにわけてたくさんのデザインサンプルが紹介されている。 ・ヘッダ …

category: Design

illustratorでぎざぎざな感じを表現する方法『How to make an object indented using illustrator』

「Calorie Note」のデザイン修正を前からやろうと思っていて、時間ができたのでぐおーーとやっちゃいました。 ↑のようになりましたw。 文字を手書き風の文字にして、手作り感を出してみました。 あと前からやりたかったぎざぎざな感じを、フッタのところで工夫して作ったので、作 …

category: Design

デザイン会社のクールなポートフォリオインターフェース『WHITEvoid』

かっこいいインターフェースが作りたい。 そんなときに参考になるのが、『WHITEvoid』。デザイン会社のクールなポートフォリオインターフェースだ。 このサイトは、コンテンツの現れ方や表示のされ方がかなりかっこいい。zoom inしたときにほかの部分にぼかしが入るのも気が利い …

category: Design

デザインの知識がなくても自分のFlashポスター、Webページを作れる『Glogster』

自分のかわいいページが作りたい。 そんなあなたにおすすめなのが、『Glogster』。デザインの知識がなくても自分のFlashポスター、Webページを作れるサービスだ。 『Glogster』は、プロフ世代におすすめのサービス。自分のウェブページが簡単に作成できる。 画像をアッ …

category: Design

商用でも無料で使える素晴らしいロゴテンプレート配布サイト『LogoTemplater.com』

ロゴやパーツのデザインを探している。 そんなあなたにおすすめなのが、『LogoTemplater.com』。商用でも無料で使える素晴らしいロゴテンプレート配布サイトだ。 このサイトのすごいところは、aiやepsファイルで配布してくれているところ。ベクターなので、自分で好きなよ …

category: Design

デザイナーならブックマークしておきたいタイポグラフィー関連サイト54選『54 Typography Resources Every Designer Should Bookmark』

タイポグラフィーについてもっと追求したい。 そんなあなたにおすすめなのが、『54 Typography Resources Every Designer Should Bookmark』。デザイナーならブックマークしておきたいタイポグラフィー関連サイト54選だ。 以下にいくつ …

category: Design

水面をマウスでなぞれるクリエイティブサイト『CUTWATER』

サイトインターフェースでクリエイティブな発想はないだろうか。 そんなときにおすすめなのが、『CUTWATER』。水面をマウスでなぞれるクリエイティブサイトだ。 『CUTWATER』は、水をテーマにサイトが作られていて、見ているだけで湖の中にいるような気分になる。 音にもこられ …

category: Design

写真から調和のとれた色の組み合わせを作成してくれる『Palette Generator』

綺麗な色の組み合わせを作りたいけれど難しい。 そんなあなたにおすすめなのが、『Palette Generator』。写真から調和のとれた色の組み合わせを作成してくれるツールだ。 フォームから写真を選択し、Createボタンをクリックすると、すぐに写真で使われている色の組み合わ …

category: Design

クリエイティブなイラストを描くグラフィックデザイナー『Alex Trochut』

クリエイティブなインターフェースを参考にしたい。 そんなあなたにおすすめなのが、『Alex Trochut』。クリエイティブなイラストを描くグラフィックデザイナーだ。 『Alex Trochut』のサイトは、とてもシンプル。グレーのテキストが並んだインターフェース。クリックす …

category: Design

広めのストライプ背景画像『wider stripe』を作りました。

ちょっと気分が変わったのでbackgroundを広めのストライプに変えてみました。 グラデーションよりも動きが出ますね。前よりもポップになっていい感じです。(もしかしたらグラデに戻すかもしれませんが。。) というわけで作ったついでにシャーベット色でいくつか作ったので配布いたし …

category: Design

キャンパスウェブデザイナーのためのインスピレーションサイト『edustyle』

特化したデザインギャラリーでユーザ同士コメントをつけ合いたい。 そんなあなたにおすすめなのが、『edustyle』。キャンパスウェブデザイナーのためのインスピレーションサイトだ。 大学のサイトを登録して、そのサイトのデザインについてコメントをつけられたり、投票することができる …

category: Design

バランスのいい配色を作成してくれるツール『pic2color』

綺麗な画像だな、と思ったら、構成色をカラーピッカーで調べておきたい。 そんなときにおすすめなのが、『pic2color』。オンラインで手軽にバランスのいい配色を作成してくれるツールだ。 面白いのが、Flickrからいい感じの画像をランダムで表示してくれる点。その構成色がリスト …

category: Design

東京発「デザイン&ものづくり」マガジン『PingMag』

クリエイターからインスピレーションを得たい。 そんなあなたにおすすめなのが、『PingMag』。 このサイトは、東京発の「デザイン&ものづくり」マガジン。日本人だけでなく外国人のデザイナーたちが共同して制作している。 コンセプトは一言で言うと、「インスピレーション」ということ …

category: Design

死ぬまでに見ておくべき187の素晴らしいデザインサイト『Squared Productions』

デザインに困ったら、『Squared Productions』がおすすめだ。 このサイトでは、素晴らしいデザインのサイトが187紹介されている。 ユーザビリティにも配慮されていて、テキストリンクをマウスオーバすると、サイトのスクリーンショットが表示される。大きくてとても見やす …

category: Design

仕様改良・バグ修正のインターフェース『JeditX』

今日はおっと思ったインターフェースのご紹介。 テキストエディタにJeditXを使い始めたのだが、とても配慮がいい。 バージョンアップのメールが届いたページなのだが、インターフェースがとてもわかりやすい。 仕様改良したところは青いドット、バグ修正したところは赤いドット、一見して …