Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
ボタンを自動で生成してくれる「Button Maker」 | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

ボタンを自動で生成してくれる「Button Maker」

投稿日:

今回は 「Button Maker」という、ボタンを自動生成してくれるウェブサービスをご紹介します。

文字やサイズ、色などを指定するだけで、簡単にそれっぽい綺麗なボタンを作ってくれるので、時間がない時や、デザインの知識があまりない人におすすめです!

 

ボタンを自動で生成してくれる「Button Maker」

サイトにアクセス(http://box.aflat.com/buttonmaker/)するとすぐにボタンの作成画面が表示されます。

数値や文字、カラーコードなどを入力して「create」ボタンを押すと、上部に作成したボタンが表示されます。

作成したボタンは、右クリック→「画像を保存」で ダウンロードが可能です。

角丸の大きさや、枠線なども細かく指定することできるので、様々な形や色のボタンを作成することができますよ。

 

まとめ

簡単にですが「Button Maker」についてご紹介しました。

デザイン初心者や、Photoshopなどのソフトがないけど本格的にボタンをつくってみたい!という方はよかったら活用してみてくださいね。

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

WebデザイナーがFeedlyに登録しておくべきブログ一覧

こんにちは、ぶちこです。突然ですがみなさんはFeedlyを使っていますか? まず、「Feedlyとは何?」という人のために簡単に説明すると、自動的にお気に入りのブログやWebサイトの最新情報を収集して …

超便利!アイコンフォントを一括検索できる「GlyphSearch」のご紹介

Webサイト制作では、出番の多いアイコン。 私は以前まで画像のアイコン素材を使用していましたが、その存在を知ってからはアイコンフォントに頼りっぱなしです まずアイコンフォントについて簡単に説明すると、 …

Webデザイン学習法その1. 独学で勉強する

Webデザインを学習するのに、まずは独学でやってみようと思う人はたくさんいると思います。 そこで今回は、Webデザインを独学で学ぶことのメリットとデメリットについて私なりにまとめてみました。 &nbs …

作業がはかどる!オススメのGoogle Chrome拡張機能5選

こんにちは、ぶちこです。 いきなりですが、みなさんはGoogle Chromeの拡張機能、使いこなしていますか? 私は今までScreen Captureくらいしか拡張機能は使っていなかったのですが、他 …

チラシやパンフレット製作時に参考になるサイト

Webサイトの参考サイトに比べて、チラシなどの印刷物のギャラリーサイトって意外と少ないですよね。 とは言っても何の参考もなしにデザインをするのは大変です…。 私は普段Google画像検索や …