ネタプラス http://neta-plus.com Webサービスやツールなど、使えるトクな情報を紹介 Mon, 18 Aug 2014 04:41:42 +0000 ja hourly 1 https://wordpress.org/?v=3.9.27 フラットデザインの配色に困ったときに役立ちそうなサイト「Flat UI Colors」http://neta-plus.com/flat-ui-colors/ http://neta-plus.com/flat-ui-colors/#comments Sat, 16 Aug 2014 16:53:53 +0000 http://neta-plus.com/?p=563 「Flat UI Colors」は流行りのフラットデザインに合う配色を綺麗にまとめたパレットです。20種類のフラットデザインにマッチした色が載っており、シンプルで見やすい設計のサイトとなっています。

Flat UI Colors

 

配色に迷ったらとりあえずココ

色数は決して多くはありませんが典型なカラーが網羅されており、サイト制作の際などでとりあえず色を試してみたい!なんて時に便利です。

Flat-UI-Colors2

 

簡単にカラーコードをコピーできる

目的の色をクリックすればクリップボードへカラーコードを簡単にコピーすることができます。ワンクリックでコピー可能なのでちょっと色を借りたいときに大変便利。フォーマットを自分の好みに変更すればHEX値やRGBなどに変更することもできます。


Flat-UI-Colors3

個人的に若干色が濃いような気もしますが、マット調を貴重としたサイトデザインをする際なんかに配色に迷ったは場合は使ってみてはいかがでしょうか。

]]>
http://neta-plus.com/flat-ui-colors/feed/ 0
【OCR】画像から文字を認識して選択・コピーできるようにするChrome拡張機能「Project Naptha」http://neta-plus.com/project-naptha/ http://neta-plus.com/project-naptha/#comments Fri, 01 Aug 2014 16:48:46 +0000 http://neta-plus.com/?p=522 「Project Naptha」は、Web上の画像を読み取って文字として選択できるようにしてくれるChrome拡張機能です。通常はコピー&ペーストができないような写真やスクリーンショット、ダイアグラム、イラスト上にある文章などを文字列化することができます。画像上の文字をテキスト化したいが、いちいち手で文字起こしをするのは面倒というときに便利です。

Project Naptha

Project-Naptha2

 

使い勝手の良いOCR機能

「Project Naptha」はインストールするだけでOCR機能を有効化できます。毎回自分で変換作業が必要なわけではなく自動でページを読み込むに認識して文字列化くれるのが良いところ。

bradbury-paste

読み取った文字列をその場で翻訳させることも可能です。日本語翻訳にも対応しています。

fast-translate

 

使い方・インストール方法

公式サイトにアクセスして「Add to Chrome」とかかれているボタンをクリックします。

Project Naptha5

Chromeに拡張機能を追加するかメッセージが表示されるので「追加」を選択します。

Project-Naptha6

インストールが完了すると認識したい画像上から文字を選択できるようになります。まだ日本語の認識精度はいまいちのようですが、実用的なレベルで便利なChrome拡張機能となっております。

]]>
http://neta-plus.com/project-naptha/feed/ 0
画面上の色を取得してカラーコードを教えてくれるChrome拡張機能「ColorPick Eyedropper」http://neta-plus.com/colorpick-eyedropper/ http://neta-plus.com/colorpick-eyedropper/#comments Fri, 25 Apr 2014 05:38:56 +0000 http://neta-plus.com/?p=502 「ColorPick Eyedropper」は、開いているサイトのページ上で使われている色を教えてくれるChrome拡張機能です。手軽にすばやくカラーコードを取得できるで、ネットサーフィンをしている際「ここの色は何色なんだろ?」と突然カラーコードを知りたくなった時なんかに便利です。

ColorPick Eyedropper

 

RGB,HSV,HEX形式でも表示してくれる

RGB,HSV,HEXカラーコードに対応したカラーピッカー機能を備えています。また、パレット上で色を選択して16進数でのカラーコード表示をすることも可能です。

ColorPick-Eyedropper2

 

ピクセル単位での色の取得が可能

拡大できるプレビューウィンドウが搭載されているのでピクセル単位での細かい選択ができます。

ColorPick-Eyedropper3

 

使い方・インストール方法

    1. Chromeウェブストアにアクセスします。
    2. 「ColorPick Eyedropper」で検索。
    3. 「無料ボタン」をクリックします。
    4. 「追加ボタン」をクリックします。
    5. インストールが完了するとアプリ表示一覧のページにアイコンが追加されれます。

あとは、追加されたアイコンをクリックすれば動作開始されます。

]]>
http://neta-plus.com/colorpick-eyedropper/feed/ 0
指定した2色の掛け合わせた色を教えてくれるサイト「ColorBlendy」http://neta-plus.com/colorblendy/ http://neta-plus.com/colorblendy/#comments Thu, 24 Apr 2014 12:16:10 +0000 http://neta-plus.com/?p=479 「ColorBlendy」は、自分で指定した2つの色の掛け合わせた結果を教えてくれるサービスです。ブレンドモードの種類も豊富で様々な掛け合わせを試すことができるのが特徴です。Photoshopのような高機能画像編集ソフトをわざわざ立ち上げるのが面倒な際には活躍しそうですね。

ColorBlendy

ColorBlendy2

 

掛け合わせたい色を選択

混ぜたい色のカラーコードを左側と右側のボックスに選択します。カラーコードを直接入力することもできます。

ColorBlendy3

 

ブレンドモードの選択

全部で5種類の色の混ぜ方を試すことができるので、目的に応じて使い分けましょう。

  • MULTIPLY : 乗算
  • SCREEN : スクリーン
  • OVERLAY : オーバーレイ
  • DODGE : 覆い焼き
  • BURN : 焼きこみ

ColorBlendy4

]]>
http://neta-plus.com/colorblendy/feed/ 0
劣化なく綺麗にPNGのファイルサイズを減らしてくれるサービス「TinyPNG」http://neta-plus.com/tinypng/ http://neta-plus.com/tinypng/#comments Thu, 17 Apr 2014 14:20:24 +0000 http://neta-plus.com/?p=456 「TinyPNG」は、簡単にPNG形式の画像ファイルを圧縮して軽量化してくれるサービスです。ブラウザにドラッグ&ドロップするだけで画像を最大70%まで圧縮することができます。透過PNGにも対応しており、画像の質をほとんど落とさずにファイルサイズを減らしてくれるのが特徴。ブログやモバイルサイトなどで重くなりがちな画像を軽量化する際に活躍しそうなサイトですね。

TinyPNG

TinyPNG2

画像をアップロード

「Drop your .png files here!」と書いてあるところに、画像をドラッグ&ドロップします。画像サイズの最大は2MB、数は20個まで対応しています。

TinyPNG3

画像の軽量化が終わると、どのくらい軽量化されたのかパーセンテージで表示してくれます。「download」をクリックで軽量化されたPNG画像ファイルをダウンロードできます。

TinyPNG4

 

圧縮前:ファイルサイズ96KB

TinyPNG.png_google-chrome2

 

圧縮後:ファイルサイズ27KB

TinyPNG.png_google-chrome

今回試しにChoromeのPNGファイルを圧縮してみましたが96KBから27KBへ72%もファイルサイズを減らす事ができました。比べてみても全然わからないくらいに綺麗に圧縮されています。簡単にファイルサイズを大幅に圧縮してくれるので、画像の軽量化に困ったときには使ってみてはいかがでしょうか。

]]>
http://neta-plus.com/tinypng/feed/ 0
デザイナー必見!無料で使える高品質なアイコンを簡単に探せるサイト「IconFinder」http://neta-plus.com/iconfinder/ http://neta-plus.com/iconfinder/#comments Fri, 11 Apr 2014 13:44:10 +0000 http://neta-plus.com/?p=438 「IconFinder」は質の高いアイコンを検索してくれるサイトです。フィルター機能が充実しており、目的のアイコンを簡単に見つけることができます。一部アイコンは有料となっていますが、基本的には無料でダウンロードすることできます。

IconFinder

IconFinder2

 

ハイクオリティな無料アイコンを簡単検索

検索ボックスからキーワードを入力してアイコンを探します。

IconFinder3

検索結果一覧が表示されアイコンがずらっと表示されます。

IconFinder4

 

便利なフィルター機能

アイコンのスタイル、ジャンルによってフィルターをかける事ができます。

IconFinder5

ページの左側にあるメニューよりアイコンフォーマット、ライセンスタイプ、アイコンサイズなど細かいフィルターをかけることが可能。

IconFinder6

ダウンロードしたいアイコンを選択するとダウンロード画面に移ります。アイコンのダウンロードできる形式は「PNG」「ICO」「ICNS」の3つになっています。

IconFinder7

扱っているアイコンの数も豊富で簡単にお目当てのアイコンを探せるのでとても便利です。
Webサイト製作やバナーのデザインを作る際に活躍しそうなサイトですね。

]]>
http://neta-plus.com/iconfinder/feed/ 0
無料かつ短時間でクオリティの高いロゴが作成できるサービス「Logo Garden」http://neta-plus.com/logo-garden/ http://neta-plus.com/logo-garden/#comments Tue, 08 Apr 2014 13:01:27 +0000 http://neta-plus.com/?p=386 「Logo Garden」はサクッと簡単に質の高いロゴを作成できるサービスです。手順に沿って進めていくだけで簡単に本格的なロゴが出来上がります。

Logo Garden

デザインの知識が無くとも手軽にハイクオリティなロゴが作成出来るのがの魅力的。IllustratorやPhotoshopなどのソフトを持っていない方、ロゴのデザインに悩んでいる方にオススメです。

Logo Garden2

 

短時間でクオリティの高いロゴが作れる

作成したいロゴに合わせてジャンルの選択をしましょう。

Logo Garden3

お好みのロゴのモデルを選びます。

Logo Garden4

色やサイズ、位置などの調整も行えます。

Logo Garden5

]]>
http://neta-plus.com/logo-garden/feed/ 0
ワンクリックだけ!15分使える使い捨てメアドを簡単に発行できるサービス「クイックメール」http://neta-plus.com/quickmail/ http://neta-plus.com/quickmail/#comments Mon, 31 Mar 2014 07:05:01 +0000 http://neta-plus.com/?p=396 「クイックメール」はワンクリックするだけで15分間利用できるメールアドレスを作成してくれサイトです。受信メールの全文表示と添付ファイルのサイズは最大5MBまで可能です。1つのメールに対して1分間につき1通だけ返信できる条件付きとなっています。

クイックメール(QuickMail)

QuickMail2

 

サクッと捨てアド発行!

使い方はいたって簡単。「メアドを発行する」のボタンをクリックするだけで発行することができます。

QuickMail3

発行されたメアド情報が確認できます。

QuickMail4

15分では足りない場合は利用時間の延長を行うことができます。発行してから15分を過ぎてしまうと延長が出来ないので、やり忘れないよう気をつけましょう。

QuickMail5

メールアドレスの登録が必須だけど不安なサイトや、メールマガジンに登録しなければならないサイトを利用するとき使ってみると便利かもしれません。

]]>
http://neta-plus.com/quickmail/feed/ 0
デザインの幅を広げてくれそうなPhotoshop用ブラシを無料でダウンロードできるサイト「Brusheezy」http://neta-plus.com/brusheezy/ http://neta-plus.com/brusheezy/#comments Sun, 30 Mar 2014 14:37:28 +0000 http://neta-plus.com/?p=363 「Brusheezy」は大量のPhotoshop用ブラシを無料でダウンロードできるサイトです。ブラシ以外にもパターンやテクスチャーなど、様々な種類の無料素材を揃えたデザインサイトとなっております。

Brusheezy

Brusheezy2

 

検索ボックス機能

検索ボックスからお探しのブラシを簡単に探すことができます。

Brusheezy3

 

便利なソート機能

ソート機能を使えば新着順、人気順などお好みに合わせて並び替える事ができます。

Brusheezy4

 

ライセンスの確認

各ブラシのダウンロードページにてライセンスの取り扱いの表示を確認できます。

Brusheezy5

 

中でも気になったものをいくつかピックアップしてご紹介。

Urban Retroism & Flares Brushes

b-Save2

 

Grungy Hand Drawn Arrow Brushes

b-hand-drawn-arrows

 

Cipiobrush small pixel bruses

b-cipiobrush

 

Halftone Dots Brushes for Photoshop

b-hafltone_brushes_photoshop_1

 

Sunbeam Photoshop Brushes

b-sunbeams_brushes

 

Antlers Brushes & Horns Photoshop Brushes

b-ANTLERS

]]>
http://neta-plus.com/brusheezy/feed/ 0
質の高いPhotoshopブラシを無料でダウンロード出来るサイト「BrushKing」http://neta-plus.com/brushking/ http://neta-plus.com/brushking/#comments Thu, 27 Mar 2014 13:52:55 +0000 http://neta-plus.com/?p=289 「BrushKing」は、無料で使えるハイクオリティなPhotoshopブラシを集めたサイトです。デザインの幅を広げてくれそうな質の高いブラシが9500個以上紹介されています。

BrushKing

BrushKing2

カテゴリ別にも分かれており、お探しのブラシも簡単にカテゴリから探すことも出来ます。

BrushKing3

 

中でも気になったものをいくつかピックアップしてご紹介。

42 More Subtle Grunge Textured Photoshop Brushes

398-42-more-subtle-grunge-textured-photoshop-brushes

 

Fake Glitter

401-fake-glitter

 

Sujune Vivid Dream Set

460-sujune-vivid-dream-set

 

Environment Brushes

524-environment-brushes

 

18 Electrifying Lightning Brush Strikes

528-18-electrifying-lightning-brush-strikes

 

Fox Fine Art Photosop Brushes (medium size)

546-fox-fine-art-photosop-brushes-medium-size

 

Smoky

556-smoky

 

Shattered Glass Brushes

559-shattered-glass-brushes

]]>
http://neta-plus.com/brushking/feed/ 0