カテゴリー: デザイン関連

【スマホアプリ】スプラッシュ画面デザイン集

スマートフォンアプリのスプラッシュ画面をデザイン機会があったので、参考にデザインを収集しました。 Pokémon GO […]

デザイナーはアーティスト(芸術家)ではないという話。

最近、Web制作のご相談を受けていて、お客さまから「デザイナーな芸術家じゃないんだかさ!」というお話を伺うことが続いて何 […]

【photoshop】複雑な画像を毛先まで簡単に切り抜く方法

今回は、「選択とマスク」機能を使用した画像の切り抜きを紹介します。全体で10分程の作業です。 使用するのはこの画像。女の […]

【Illustrator】複数の要素のカラーを一括で変更するワザ

今日はアプリのモックアップなどを作成する時に便利なTipsを紹介します。 例えばこの状況で、headerの色やボタンの色 […]

【photoshop】トーンを合わせて写真を自然に合成する

今回はこちらのペンギンの写真に帽子をかぶせる合成をしてみましょう。 ペンギンの写真は青みのトーンが強く、女性の写真は赤み […]

【フリー素材】Web年賀状を送ろう!

2018年度、戌年のWeb年賀状を作成しました! 文章や住所を書き換えて、お手持ちのサーバへアップすれば、簡単にWeb年 […]

フリーで使えるwebフォント「Google Fonts」を試してみました

こんにちは、工藤です。 今回はフリーで使えるwebフォント「Google Fonts」を試してみました。 Noto Sa […]

紙面デザイナーが、WEBやアプリをデザインする時に注意したいことまとめ

昨今、もう切っても切り離せないWEBやアプリ。私自身職業柄、デザイナーの知り合いが多く、良くWEBの注意点を質問されるこ […]

【自作背景】星空をつくる

今回も自作背景を作っていきましょう。今日のテーマは「星空」。 手順 01.星を散らす 02.空の写真を調整・合成する 実 […]

【自作背景】photoshopで雲を描く

ここにこういう素材が欲しい…けれどちょうどよい素材が無い。そんな時は自分で素材を作ってしまいましょう。 今日はphoto […]

バナー・メインビジュアル デザイン集

今回はバナーとメインビジュアルを集めました。 個人的には、人物モデルの写真を組み合わせて作るデザインが気に入っています。 […]

WEB/アプリ作成に役立つ!フリーアイコンのまとめ

こんにちは、工藤です。 今回はフリーでアイコンを提供してくださっているサイトをご紹介します。 icooon-mono シ […]

Webデザインの参考に!ギャラリーサイトまとめ

こんにちは、工藤です。 今回はWebデザインの参考になる、ギャラリーサイトをまとめました。 日本語サイト I/O 300 […]

人物の写真を補正する

今回は人物のレタッチを紹介していきます。 使用するのはこちらの写真。 ヘアスタイルを修正 まず、看護師さんなので髪をまと […]

ローディングアイコンを作成してくれるWebサービスのまとめ

こんにちは、工藤です。 今回はローディングアイコを作成してくれるWebサービスをまとめました。 Webサービスだとリアル […]

写真を美しく補正する

案件によっては、撮影などの機会がなく、担当の方が撮った写真を素材としてデザインをまとめるという状況も多々あります。 その […]

簡単にスクリーンショットが撮れるChrome・Firefox向けプラグイン

こんにちは、工藤です。 今回はページ全体のスクリーンショットを撮るのに便利なプラグインをご紹介します。 Chrome・F […]

GIFアニメは次世代へ!動くpng画像、apng形式の作り方

(動かない場合、firefoxまたはChromeで確認すると動きます。) 上記の画像はapng形式のアニメーション画像。 […]

伝える手間、聞く手間を惜しむとたいていのWebデザインはうまくいかない。

今年に入ってから新しいお客さまとの受託制作や、社内のWebサイトの制作を行っていて、デザインの進め方の難しさを改めて痛感 […]

水彩のデザイン素材 7点

練習も兼ねて、水彩のデザイン素材を作ってみました。 photoshopで作りました。商用可です。 ダウンロードはこちらか […]

レスポンシブ対応したモーダルウィンドウのプラグインのまとめ

こんにちは、工藤です。 今回は以前まとめたものが古かったので、jQueryを使ったモーダルウィンドウのプラグインを改めて […]

【CSS】Webでマルチカラムレイアウトが可能に

雑誌の組版でよくある、マルチカラムレイアウト。Illustratorなどではテキストボックスを2つ作ってスレッドテキスト […]

おすすめのWordPressプラグイン集 part2

こんにちは、工藤です。 今回はおすすめのWordPressプラグインをご紹介します。 前回⇒おすすめのWordPress […]

(DTP)2色分解画像のつくりかた

特色印刷ってご存知でしょうか。 通常の印刷ではCMYKの4色のインクを使用しますが、それ以外にも様々なインクの種類があり […]

アプリ用アイコンを一括リサイズしてくれる おすすめサービス

こんにちは、工藤です。 アプリのアイコンって割とサイズを用意しないといけなくて、何を用意したのか作業中よくわからなくなっ […]

1 2 3 9