HOME   »   Macアプリ  »  Pixelmatorで角丸アイコンを作成する方法
RSSフィード
ブログに配置するためのソーシャルボタン(Twitter)を作りたかったので、MacアプリのPixelmatorで作る事にしました。

その際、ボタンを角丸にしたかったので、角丸アイコンを作成する過程を記しておきます。
pixelmator

スポンサーリンク

Pixelmatorで角丸アイコンを作成する方法

参考にさせていただいたページは以下になります。
参考:Pixelmatorで写真の角を丸くする方法・角丸写真の作り方(動画あり) - iPhoneアプリ開発日記

Pixelmatorで角丸アイコンを作成する時の大まかな流れを示します。
  • 目的のサイズで新規作成
  • 四角を選択


では具体的に説明します。

pixelmator-角丸
▲MacアプリのPixelmatorを起動している状態で、「ファイル」→「新規作成」を選択します。

pixelmator-角丸
▲目的のサイズを指定して、OKを押します。今回は、幅290ピクセル、高さ50ピクセルに設定しました。

pixelmator-角丸
▲ツールパレットから、「長方形選択ツール」を選択します。



pixelmator-角丸
▲そして、白い枠の中で、ドラッグ&ドロップして長方形全体を選択します。大まかに囲めば、全部が選択されると思います。

pixelmator-角丸
▲全部が選択されている状態で、「編集」→「選択範囲をカスタマイズ」を選択します。

pixelmator-角丸
▲ここで角丸の具合を調節できます。「スムースさ」の%を変更する事で、角丸の度合いを調節する事が出来ます。今回は20%に設定してOKしました。

pixelmator-角丸
▲続いて、「編集」→「選択範囲を反転」を選択します。

pixelmator-角丸
▲そして、「編集」→「カット」を選択します。

pixelmator-角丸
▲すると、角の部分が丸くなったことが分かると思います。

角丸のアイコンに色をつけていきます。

pixelmator-角丸
▲ツールパレットから図のバケツを選択し、お好みのカラーを選択して塗りつぶしたい所を選択します。すると、塗りつぶされます。

最後に文字を入れます。

pixelmator-角丸
▲ツールパレットにある「T」の文字を選択して、

pixelmator-角丸
▲アイコンの所でクリックすると、文字を編集する事が出来るようになります。お好みの文字を入れます。

出来た角丸アイコンを保存します。

pixelmator-角丸
▲メニューバーの[共有」→[書き出す」を選択します。

pixelmator-角丸
▲保存形式が選択できます。PNGを選択して、「次へ」を選択します。

pixelmator-角丸
▲ファイル名を保存場所を指定して、「書き出す」を選択します。これで保存が完了します。

pixelmator-角丸
▲保存したファイルを開いて確認すると、確かに角丸アイコンを作成する事が出来ています。

pixelmator-角丸
▲ブログ内にはりつけると、このような感じに反映されます。

目的の角丸アイコンをMacのPixelmatorアプリで作成する事が出来ました。

Pixelmator App
カテゴリ:グラフィック&デザイン
価格:¥3,000(記事掲載時点)
バージョン: 3.2
リリース日:2011/01/05
AppStoreで詳細をみる


関連記事






スポンサーリンク

過去記事セレクション

当ブログの過去記事の中で、オススメの記事25個をまとめたページを作成しました。500記事を超えた中から厳選していますので、どれもオススメできる記事となっています。もしも興味がありましたら、是非一度ご覧ください。
公開記事が500を超えたので、過去記事の中からオススメを25個セレクトしてみました



▼このカテゴリの最新記事
Relate Entry
Entry TAG
MacApp   Pixelmator  
Comment
Trackback
Comment form
スポンサードリンク
楽天
2014年7月現在使用しているブログ用iPhoneアプリ16個
iPhoneホーム画面
人気エントリー
先月の人気記事
第1位(→0)
iPhoneにある写真(画像)をセブンイレブンで現像する方法

第2位(→4)
総計290個以上掲載!iPhoneアプリのURLスキーム一覧

第3位(↗︎2)
【iPhone】秘密の質問を忘れたのでAppleのサポートに電話してリセットしてもらった

第4位(↘︎2)
理系大学生なら絶対覚えておくべきWordの数式のショートカット

第5位(↘︎1)
iPhoneのパスコードを10回間違えると再入力までに60分必要

第6位(↘︎1)
SoftbankのiPhone4s→iPhone5sへ機種変更した時の料金試算

第7位(↗︎3)
iPhoneの画面を録画できるMac・Windowsアプリ「Reflector」のインストール方法・使い方

第8位(↘︎4)
iPhone/iPadのパスコードロックを10回間違えた時のデータ消去機能を実行してみた

第9位(↗︎4)
xRecというiPhone画面を録画できるアプリが再び登場!

第10位(↘︎2)
【iPhone】秘密の質問を忘れて間違えすぎるとApple IDが8時間ロックされる

第11位(→0)
iPhoneの写真を1枚5円で現像出来るネットプリントジャパン!

第12位(→0)
パラメータ有りiPhoneアプリのURLスキーム一覧

第13位(↗︎30)
青春18切符で東京から大阪へ~東海道線を突っ走る旅(1日目)

第14位(↗︎55)
青春18切符を利用した旅行時に活躍したiPhoneアプリのまとめ

第15位(↗︎16)
セリアでiPhoneの防水ケースを購入!風呂場で使うときに便利!

全記事表示リンク
サイト内検索
プロフィール

nasimeya

Author:nasimeya
Twitterアカウント→@nasimeya
iPhone5S/iPad3/iPad mini/MacBookAir13inch/Nexus5を現在所持しており、アプリとか紹介を主にしています。LAMYなど文房具もちょくちょく。ブログは楽しく書くことを心掛けております。

日にの観察ブログの更新は停止しています。

新しいブログはこちら⇒なしめやブログ(http://nasimeyablog.com

2013年5月現在利用している主力iPhoneアプリ26個
iPhoneホーム画面
2013年5月現在利用しているブログ用iPhoneアプリ13個
iPhoneホーム画面
iPad mini用おすすめアプリ8選

PAGE TOP