Advertisement

<h1 style&equals;"-webkit-transform&colon; rotate&lpar;-3deg&rpar;&semi;-moz-transform&colon; rotate&lpar;-3deg&rpar;&semi;transform&colon; rotate&lpar;-3deg&rpar;&semi;-o-transform&colon; rotate&lpar;-3deg&rpar;&semi;-ms-transform&colon;rotate&lpar;-3deg&rpar;&semi;border-bottom&colon;solid 2px &num;cd8c5c&semi;width&colon;100&percnt;&semi;color&colon;&num;cd8c5c&semi;font-size&colon;18pt&semi;padding-bottom&colon;5px&semi;margin-bottom&colon;30px&semi;">『Auther』とは作者という意味<&sol;h1>&NewLine;<p><span style&equals;"color&colon;&num;848484">「この記事を書いた人」っていう、<br &sol;>&NewLine;ブログを読んだあとに出てくるアレを作ってみたかったので、自分のアイコンを描いてみました(&DiacriticalAcute;ω`)<&sol;span><&sol;p>&NewLine;<p>お絵かきはたしなむ程度ですが、実はiPhoneで書いたLINEのスタンプを販売したりもする婿どの<i class&equals;"fas fa-child" aria-hidden&equals;"true"><&sol;i>(<a href&equals;"http&colon;&sol;&sol;twitter&period;com&sol;immukodono"><i class&equals;"fab fa-twitter"><&sol;i>immukodono<&sol;a>)です&lpar;・∀・&rpar;&sung;<&sol;p>&NewLine;<p>今まで自分の似顔絵を書いた事はなかったのでしたが、学生の頃はいつも教科書の下に先生の似顔絵を書いていたので、<strong>iPhoneアプリで似顔絵作成に挑戦してみました<&sol;strong>よ!<&sol;p>&NewLine;<p>&lbrack;adchord&rsqb;<br &sol;>&NewLine;<&excl;--TOC--><&sol;p>&NewLine;<h2>お絵かきアプリ【ArtStudio】<&sol;h2>&NewLine;<p>婿どの<i class&equals;"fas fa-child" aria-hidden&equals;"true"><&sol;i>が使っているのは、【ArtStudio】というiPhoneアプリです&sung;<br &sol;>&NewLine; <&sol;p>&NewLine;<div class&equals;"appreach"><img src&equals;"https&colon;&sol;&sol;is5-ssl&period;mzstatic&period;com&sol;image&sol;thumb&sol;Purple114&sol;v4&sol;5c&sol;1f&sol;51&sol;5c1f5161-f837-eca2-34d1-e24c1c5cba74&sol;source&sol;512x512bb&period;jpg" class&equals;"appreach&lowbar;&lowbar;icon"><&sol;p>&NewLine;<div class&equals;"appreach&lowbar;&lowbar;detail">&NewLine;<p class&equals;"appreach&lowbar;&lowbar;name">ArtStudio &&num;8211&semi; Draw and Paint<&sol;p>&NewLine;<p class&equals;"appreach&lowbar;&lowbar;info"><span class&equals;"appreach&lowbar;&lowbar;developper">Lucky Clan<&sol;span><span class&equals;"appreach&lowbar;&lowbar;price">¥600<&sol;span><span class&equals;"appreach&lowbar;&lowbar;posted">posted with<a href&equals;"http&colon;&sol;&sol;mama-hack&period;com&sol;app-reach&sol;" title&equals;"アプリーチ" target&equals;"&lowbar;blank" rel&equals;"nofollow noopener noreferrer">アプリーチ<&sol;a><&sol;span><&sol;p>&NewLine;<&sol;div>&NewLine;<div class&equals;"appreach&lowbar;&lowbar;links"><a href&equals;"https&colon;&sol;&sol;itunes&period;apple&period;com&sol;jp&sol;app&sol;artstudio-draw-and-paint&sol;id354818333&quest;mt&equals;8&amp&semi;uo&equals;4&amp&semi;at&equals;1000lmK9" target&equals;"&lowbar;blank" rel&equals;"nofollow noopener noreferrer" class&equals;"appreach&lowbar;&lowbar;aslink"><img src&equals;"https&colon;&sol;&sol;nabettu&period;github&period;io&sol;appreach&sol;img&sol;itune&lowbar;ja&period;svg"><&sol;a><a href&equals;"https&colon;&sol;&sol;play&period;google&period;com&sol;store&sol;apps&sol;details&quest;id&equals;com&period;atelierliese&period;artstudio" target&equals;"&lowbar;blank" rel&equals;"nofollow noopener noreferrer" class&equals;"appreach&lowbar;&lowbar;gplink"><img src&equals;"https&colon;&sol;&sol;nabettu&period;github&period;io&sol;appreach&sol;img&sol;gplay&lowbar;ja&period;png"><&sol;a><&sol;div>&NewLine;<&sol;div>&NewLine;<p> <br &sol;>&NewLine;<strong>アドビのフォトショップのiPhone版みたいなアプリで、機能満点<&sol;strong>です!<&sol;p>&NewLine;<p>フォトショップ使ったことないけど 笑<&sol;p>&NewLine;<p>このアプリのイイなぁと思うところは、<br &sol;>&NewLine;指のジェスチャーに「Save」とか「Move」といったアクションを登録できるのが使いやすいです。<&sol;p>&NewLine;<p> <span style&equals;"color&colon;&num;848484">例えば…指三本で左フリックすると「Save」など。<&sol;span><&sol;p>&NewLine;<p>現在はバージョンアップ版の【ArtStudio Pro】がリリースされているのですが、旧バージョンの方に慣れてしまっているのと…<br &sol;>&NewLine;指のジェスチャー機能は無くなってしまったみたいなので、切り替えられていません。<&sol;p>&NewLine;<p>いつも通り旧バージョンで<strong>アイコン作りをスタート<&sol;strong>&lpar;๑˃̵ᴗ˂̵&rpar;و<&sol;p>&NewLine;<h3>まずは手書きでラフを<&sol;h3>&NewLine;<p>アプリでお絵描きするのですが、<br &sol;>&NewLine;<b>下書きは手書きで書きたいタイプ<&sol;b>なので、近くにあったメモ用紙にザックリとしたラフを書きました。<&sol;p>&NewLine;<p>それを写真に撮って【ArtStudio】に取り込みます。<&sol;p>&NewLine;<p><img alt&equals;"ArtStudioに手書きのラフをカメラで写して取り込み、罫線やゴミをコントラストやブライトネスの調整で飛ばす" src&equals;"https&colon;&sol;&sol;xn--p9jk9143a&period;tokyo&sol;wp-content&sol;uploads&sol;2019&sol;01&sol;20190112023425&period;jpg"&sol;><&sol;p>&NewLine;<p>メモ用紙の罫線などが邪魔なので、コントラストなどを調整して、ゴミを飛ばします。<&sol;p>&NewLine;<p>うん、<&sol;p>&NewLine;<p>エラがいい感じにシャープ!<&sol;p>&NewLine;<h3>パーツごとにレイヤーを分けて描き込んでいく<&sol;h3>&NewLine;<p>取り込んだラフをなぞるようにして、輪郭や目、口などを書き込んでいきます。<&sol;p>&NewLine;<p>パーツごとに、重ねるレイヤーを分けて書いていくと、後で調整するのが楽になりますね&sung;<&sol;p>&NewLine;<p><img alt&equals;"ラフに上書きするように、レイヤーを変えながら書いていき、最後に色を塗る" src&equals;"https&colon;&sol;&sol;xn--p9jk9143a&period;tokyo&sol;wp-content&sol;uploads&sol;2019&sol;01&sol;20190112023429&period;jpg"&sol;><&sol;p>&NewLine;<p>ちっちゃいアイコンなので、ベタ塗りでサクサク塗ってしまいます!<&sol;p>&NewLine;<h3>バランスを調整<&sol;h3>&NewLine;<p>最終段階。<&sol;p>&NewLine;<p>顔のバランスや画像サイズを調整したり、お玉を持たせて料理人っぽくしてみたりしました&lpar; &DiacriticalAcute;&lowbar;ゝ&grave;&rpar;<&sol;p>&NewLine;<p><img alt&equals;"細かな調整をして、背景を塗ったらワードプレスのAutherアイコンがひとまず完成" src&equals;"https&colon;&sol;&sol;xn--p9jk9143a&period;tokyo&sol;wp-content&sol;uploads&sol;2019&sol;01&sol;20190112023432&period;jpg"&sol;><&sol;p>&NewLine;<p>最後に背景を塗って、ひとまず終了!!<&sol;p>&NewLine;<h2>『Gravatar』でアバターを登録する<&sol;h2>&NewLine;<p>作ったアイコンをアバターとして登録するために、ワードプレスアカウントのプロフィール編集ページへ。<&sol;p>&NewLine;<p>そこに【<b>あなたについて<&sol;b>】という項目があります。<&sol;p>&NewLine;<p>ちょっと下へスクロールすると…<br &sol;>&NewLine;『<strong><a href&equals;"https&colon;&sol;&sol;ja&period;gravatar&period;com&sol;">Gravatar<&sol;a>でプロフィール写真を変更できます<&sol;strong>』と書いてあります。<&sol;p>&NewLine;<h3>『Gravatar』って何?<&sol;h3>&NewLine;<p>よく分からなかったのでググってみたところ、Wordpress公式のアバター設定は、この『Gravatar』というサービスを使っているそうです&lpar; •̀ &period;Ì« •́ &rpar;✧<&sol;p>&NewLine;<p><b>プラグイン<&sol;b>を使ってアバターを設定した方が、好みの形に編集できるみたいですが、<b>プラグインを増やしたくない<&sol;b>のでとりあえず『<a href&equals;"https&colon;&sol;&sol;ja&period;gravatar&period;com&sol;">Gravatar<&sol;a>』を使ってみます。<&sol;p>&NewLine;<h3>サインイン!<&sol;h3>&NewLine;<p>『<a href&equals;"https&colon;&sol;&sol;ja&period;gravatar&period;com&sol;">Gravatar<&sol;a>』にアクセスしてみます。<&sol;p>&NewLine;<p>婿どの<i class&equals;"fas fa-child" aria-hidden&equals;"true"><&sol;i>は英語のサイトで登録してしまいましたが、<strong>このリンクは<a href&equals;"https&colon;&sol;&sol;ja&period;gravatar&period;com&sol;">Gravatarの日本語サイト <i class&equals;"fas fa-external-link-alt"><&sol;i> <&sol;a> <&sol;strong>です。<&sol;p>&NewLine;<p>『Gravatar』のサインインは、ワードプレスアカウントを持っているなら簡単です(&DiacriticalAcute;ω`)<&sol;p>&NewLine;<p>サインインしたら、ユーザーページが表示されます。<&sol;p>&NewLine;<p><img alt&equals;"Gravatarにサインインして画像を登録する手順" src&equals;"https&colon;&sol;&sol;xn--p9jk9143a&period;tokyo&sol;wp-content&sol;uploads&sol;2019&sol;01&sol;20190112023434&period;jpg"&sol;><&sol;p>&NewLine;<p>登録しているアカウントのメアドを追加したり、修正したりできますが、ここはひとまずそのまま放っといて、下の方へ。<&sol;p>&NewLine;<p>英語で、<&sol;p>&NewLine;<p>ï½¢<span style&equals;"color&colon;&num;ec6d71&semi; font-weight&colon; bolder&semi;">おっと、まだ画像が登録されてませんよ<&sol;span>ï½£<&sol;p>&NewLine;<p>的なコメントが表示されているので、プロフィールアイコン用の画像を登録してみましょう!<&sol;p>&NewLine;<h3>画像を選択してアップロード<&sol;h3>&NewLine;<p><img alt&equals;"Gravatarにアイコン用の画像をアップロードする方法" src&equals;"https&colon;&sol;&sol;xn--p9jk9143a&period;tokyo&sol;wp-content&sol;uploads&sol;2019&sol;01&sol;20190112023437&period;jpg"&sol;><&sol;p>&NewLine;<p>iPhoneのカメラロールからも登録できましたよ!<&sol;p>&NewLine;<p><img alt&equals;"アップロードしたアイコンを切り抜きして登録。あとはレートを選択します。" src&equals;"https&colon;&sol;&sol;xn--p9jk9143a&period;tokyo&sol;wp-content&sol;uploads&sol;2019&sol;01&sol;20190112040615&period;jpg"&sol;><&sol;p>&NewLine;<p>画像をアップロードしたら、好きなサイズに切り抜く事ができます。<br &sol;>&NewLine;ちょっとだけアップ目で切り抜きました。<&sol;p>&NewLine;<h3>次に「画像のレート」を選択します<&sol;h3>&NewLine;<p><strong>「レート」というのは、『制限の公表』みたいなもの<&sol;strong>ですね!<&sol;p>&NewLine;<p><b>映画のPG-15とかR-18指定というのと同じ<&sol;b>です&lpar;&Breve;ω&Breve;&rpar;<&sol;p>&NewLine;<p>暴力的だったり、エロが過ぎる場合は『G』より下にしなくてはなりませんが、<b>婿どの<i class&equals;"fas fa-child" aria-hidden&equals;"true"><&sol;i>にエロ要素はないので『G』<&sol;b>にしておきます。<&sol;p>&NewLine;<p><span style&equals;"color&colon;&num;848484">でも、Gというのも…<&sol;span><&sol;p>&NewLine;<p>いや、なんでもありません&lpar; ̄ー ̄&rpar;<&sol;p>&NewLine;<p><img alt&equals;"使用するアカウントを選択したら、1分くらいでプロフィール画像として反映されました" src&equals;"https&colon;&sol;&sol;xn--p9jk9143a&period;tokyo&sol;wp-content&sol;uploads&sol;2019&sol;01&sol;20190112040620&period;jpg"&sol;><&sol;p>&NewLine;<p>最後に登録した画像を使用するアカウントを選択したら、<strong>1分くらいでプロフィール画像として反映<&sol;strong>されました!<&sol;p>&NewLine;<p><img alt&equals;"アウトラインや影をつけてみたり背景を変えてみました" src&equals;"https&colon;&sol;&sol;xn--p9jk9143a&period;tokyo&sol;wp-content&sol;uploads&sol;2019&sol;01&sol;20190112040624&period;jpg"&sol;><&sol;p>&NewLine;<p>最終的に、輪郭にアウトラインを入れたり、影を付けたりしました。<br &sol;>&NewLine;背景もノッペリじゃつまらないので、チェッカーフラッグみたいにしてみました&lpar;&ast;&dot;︶&dot;&ast;&rpar;ノ&&num;8221&semi;<&sol;p>&NewLine;<h2>Autherアイコンを作ってみたまとめ<&sol;h2>&NewLine;<p><&sol;p>&NewLine;<div style&equals;"background&colon; &num;a3b9e0&semi; padding&colon; 5px 10px&semi; color&colon; &num;f7fcfe&semi; border-radius&colon; 10px 10px 0 0&semi;"><b><span style&equals;"font-size &colon; 12pt"> ザックリ<i class&equals;"fas fa-child" aria-hidden&equals;"true"><&sol;i>まとめると…<&sol;span><&sol;b><&sol;div>&NewLine;<div style&equals;"background&colon; &num;f7fcfe&semi; padding&colon; 10px&semi; border&colon; 2px solid &num;a3b9e0&semi; border-radius&colon; 0 0 10px 10px&semi;">&NewLine;<ul>&NewLine;<li>スマホアプリでもアイコンを簡単に作れる<&sol;li>&NewLine;<li>スマホから登録・アップロード可能<&sol;li>&NewLine;<li>Gravatarの設定は難しくなかった<&sol;li>&NewLine;<&sol;ul>&NewLine;<p><&sol;div>&NewLine;<p><&sol;p>&NewLine;<p>使ってるWordpressテーマの<b>LION MEDIA<&sol;b>の仕様なのかもしれませんが、せっかくアバターを作ったのに<strong>Autherに表示されるアイコンが小さい<&sol;strong>のがちょっと不満でもあるので、いつかプラグインで編集するかもです&lpar;&ast;&DiacriticalAcute;Ú¡&grave;●&rpar;<&sol;p>&NewLine;<p>あんまり参考にならないかもしれませんが、<strong>最初から最後まで結構簡単でした<&sol;strong>ので、これから作ってみる方の参考になればと思いま〜す&lpar; •̀ &period;Ì« •́ &rpar;✧<&sol;p>&NewLine;<p><a href&equals;"https&colon;&sol;&sol;blogmura&period;com&sol;ranking&period;html&quest;p&lowbar;cid&equals;1054682"><img alt&equals;"ブログランキング・ブログ村" src&equals;"https&colon;&sol;&sol;xn--p9jk9143a&period;tokyo&sol;wp-content&sol;uploads&sol;2019&sol;01&sol;20190117050807&period;png"&sol;><&sol;a><&sol;p>&NewLine;

Advertisement
婿どの : 100年続く料理屋に婿入りしたのが運のつき。 趣味を掘り下げることでストレス発散しています。 お金をかけずにクリエイトするのが信条。 工作・分解・DIY・家庭菜園・バイク…つまりやりたい事をなんでも記事にするブログ! AB型の天パーがお通りだい! *Amazonのアソシエイトとして、当メディアは適格販売により収入を得ています。
\\ 関連記事はこちら //
X

Headline

You can control the ways in which we improve and personalize your experience. Please choose whether you wish to allow the following:

Privacy Settings
Advertisement