デザインをもっと楽しく!WEBデザイナーの皆様にとって役に立つ情報をお届けいたします! おしゃれなボタンの作り方やテクスチャの使い方、制作関連のおすすめサイトなどの情報が満載! | フォトショッパーフォトショッパー

必見!覚えておくととにかく便利!「斜めストライプ」をcssで実装しよう!

thum_001_02_min

とっても簡単に実装できる「斜めストライプ」のcssを使ってみよう こんにちは、おぎしおです。前回のブログで「斜めストライプを簡単に作成できるパターン」をご紹介しましたが、今回はcssで斜めストライプを実現する方法をご紹介したいと思います。 とっても簡単に実装できるので、覚えておくと便利なcssです...

>もっと見る

必見!登録しておくととにかく便利な「斜めストライプ」のパターン

thum_001_01_min

単調になりがちなデザインを引き締める斜めストライプ こんにちは、おぎしおです。 今日は登録しておくととにかく便利な「斜めストライプ」のパターンをご紹介したいと思います。 斜めのラインを引いたパターンは、バナーの背景に設定したり、キャンペーンページのボタンの上に載せたりと、単調になりがちなデザイン...

>もっと見る

ガーリー系のサイトに使える!縫い目が可愛い”ステッチ風ボタン”の作り方

537_thum_eye

こんにちは、おぎしおです!今日は『WEBデザインの基本はボタンデザインから! ~ちょっとおしゃれなボタンを作ってみよう~』というタイトルで、基本のボタンの作り方をお伝えいたしましたが、今回はちょっと個性的なボタンの作り方をお伝えしてみようと思います。 女性ファッションを扱うサイトなど「デザインを...

>もっと見る

作業がもっと楽になる!photoshopの便利なプラグイン【パスファインダー編】

491_eye_thum

こんにちは、おぎしおです。 今回のブログでは、photoshopの便利なプラグインを紹介していこうと思います。 そのプラグインとは「photoshopでもIllustratorのパスファインダー機能が使えるようになる」というものです! 配布サイト様はこちら→【Photoshopのパスファイン...

>もっと見る

写真の上で透明に浮かび上がる『透け感』が涼しげな吹き出しの作り方

thum_transparent_eye

こんにちは!おぎしおです(^・^) 「写真や背景の上にべた塗りのシェイプを乗せた時、なんだかもっさりした印象になるなぁ」って時、ありませんか? 特に夏のデザインを作っていくとき「涼しげなデザインにしたいのに、べた塗りシェイプが暑苦しい!」ということが多いような気がします。 そんなとき私は、今...

>もっと見る

予算も時間もない!そんなときに重宝する、フリーのイラストサイト

thum_s

予算も時間もない!そんなときに重宝する、フリーのイラストサイト 「時間も予算もない!それでもイラストを使わなければならない!」というシチュエーションって、けっこうありますよね。締め切りは目前なのに、自分で作るとクオリティーもいまいちだし、イラストを買う予算も用意されていない!という感じになると、もう...

>もっと見る

テクスチャを使って「幾何学模様がキレイな背景画像」をつくってみよう!

img_thum

前回「ワンランク上のデザイン制作に欠かせない「テクスチャ」の使い方」という記事でテクスチャの使い方についてご紹介させていただきました、が! 柄が少し薄いものをチョイスしていたため、テクスチャ使用後の効果(変化)がわかりにくくなっていることに気が付きました(汗)。 今回はわかりやすく、もう少し濃...

>もっと見る

ワンランク上のデザイン制作に欠かせない「テクスチャ」の使い方

thum

「テクスチャ」とは“物の質感”を疑似的に表現するものです。 このブログでも、背景やフッター部分の背景に「テクスチャを乗せた画像」を使うことで、物の質感が持つ「表現力」を、デザインに加えるようにしています。 単色塗やグラデーションだけでは表現できない「テクスチャ」の使い方について、今回はレクチャーしていこう...

>もっと見る

1 / 212

新着