僕が「月100万円以上安定して稼げる」アニメーターになれた超現実的な仕事術Youtuber・アニメーター / hide channel
人物・動物のイラストを描く時の参考になる骨格や筋肉の仕組み、動きや表情、手や足など各部位、赤ちゃんからお年寄りまで世代ごとの特徴の出し方、ネコや鳥や馬などの動きや品種や柄などの描き方を紹介します。
WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者/状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
仕事上良く人体の構造を確認したり、イラストを使用したりするのですが、3DのモデリングソフトであるDaz studioなんかをいちいち立ち上げてモデルを探して…という手間をかけるより、ブラウザでさっと見たい時に使用するWebサイトをご紹介します。 Zygote Body こちらは元々Google Body BrowserというGoogleマップの様に人体を見る事ができるサイトだったのですが、いつの間にかZygote Bodyという風に名称が変わっていました。 立ち上げるとまずは女性か男性かモデルを選ぶ事ができます。 今回は男性モデルを使用。データの読み込みには時間がかかりますが、表示されると男性が凛々しい表情で立っています。 表示したい階層を選択出来る 画面左にあるバーを調整するだけで、「骨だけ」や「臓器だけ」など様々な人体の秘密を探る事ができます。 こちらは血管と神経だけを表示させてみまし
ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか? 使い勝手の良すぎるドロップシャドウに警鐘!シャドウだって色々あるよってことで今回はシャドウアイデア集です。 その1:黒じゃなくって補色をつかう デフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。 たとえばハイライト部分がピンクならシャドウにブルー、という具合に。 この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか!と目から鱗でした。 その2:シャドウに空の色&地面の色を足してみる 屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。 サンプルでは芝生なのでグリーンを追加。ドロップ
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか?」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います! ↑私が10年以上利用している会計ソフト! 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。(模写したデザインを自分のオリジナルで活かせない) もし模写するときはどう
これは便利! 本番環境でテーマのテストができるWordPressのプラグイン Theme Test Drive 先日、当ブログのモバイルテーマ(iPhone・Androidなどから見たときのデザイン)を作ったときにめちゃくちゃ役立ったWordPressのプラグイン「Theme Test Drive」を紹介したいと思います。 このプラグインを使うと、WordPressにログインしている人だけ、別のテーマで表示することができるので、表では通常通りブログを公開しつつ、裏では新しいテーマをテストする、なんてことが可能になります! まずは「Theme Test Drive」をインストール まずは管理画面のプラグイン画面にて「Theme Test Drive」で検索して、プラグインをインストールします。 「Theme Test Drive」の設定は「外観」メニューから 設定を行うには、WordPres
画像を使わずに擬似要素を使ってリストメニューをデザインしてみました。CSS3のtransitionを使った動きのあるメニューも作ってみました。 まずはHTMLから <ul class="rist-menu" id="list1"> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">jQuery</a></li> <li><a href="#">PHP</a></li> <li><a href="#">Ruby</a></li> </ul> classでリストとリンクに関することを指定して、これはすべてのサンプル共通になっています。idで擬似要素に関する内容を指定して、サンプルごとで変わっています。 1つのページに複数のサンプルを設置するためこのようにしましたが、実際設置するときは1つだと思い
最近Photoshopをゲットしたライターのしゅーへいです。 LIGデザイナー陣のデザイン技術をチラチラ見ながら、Photoshopの勉強をしております。ちなみに打倒、王さんです。 今回の記事は、手描きのイラストをデジタルデータ化する方法です。 必要な物は「スキャナ」と「Photoshop」です。今から紹介する方法は、線画でも利用可能なので覚えておいて損はないです。 ストーリー 家にあった中二病ノートに2012年4月に書いたイラストというか文字がありました。なんか「イイナ・・・。」とか思ったので、このイラストをデジタル化しようと思います。 スキャンする まずはスキャナを使ってスキャンします。 320dpiのTIF形式でスキャンしました。綺麗にスキャンできるならJPEGでも良いと思います。 Photoshopでの作業 次に、Photoshopでの作業に移ります。 余計な部分の除去 そのままス
【WordPressプラグイン「Newpost Catch」でCSSを使って見た目を整える方法】画像は左、記事タイトルは右にさせる WordPressプラグイン「Newpost Catch」で、最近の記事に簡単にサムネイルをつけることができます。プラグインをインストール(有効化)すると、その後は「自分のサイトにあったデザインにしたいな!」と思う方もいらっしゃると思います。 デザインをキレイにするには、スタイルシート(CSS)を使ってキレイに整える方法を私はおすすめしています。今回は、よく寄せられる質問の中でも最も多い「CSSを使って画像とテキストを左右に並べて表示させる方法」をご紹介します。 まず、プラグインフォルダ内には「Newpost Catch」CSSファイルがありますこんな前提があります「Newpost Catch」プラグインフォルダ内には、CSSファイル「style.css」が入
最近リリースしたもの中心に、個人ブログ、写真やクリエイティブな作品を見せるポートフォリオ、企業・ビジネスサイトなど、レスポンシブ対応のWordPressのテーマファイルのまとめをflashuserから紹介します。
http://coziest.net/?p=572 のパクリです。 WP-Dの元記事や上記ブログの記事を見ても納得しない人は多いでしょう。なぜか。 「制作会社の視点であって、フリーランスの視点で考えていない」からだと思います。はてなにはフリーランスの人が多いのです。 そこで、細々と10年フリーランスをしている自分が、「フリーランス編」として工数と見積もりの話をしたいと思います。 ■依頼内容 個人なので、100ページ以上必要なサイトを依頼される事は稀です。顧客も、中小・零細企業がほとんどでしょう。 ここでは前提条件として、「30ページ前後のホームページをWordpressで管理できるようにする」というリニューアル案件を想定したいと思います。 そしてこのぐらいの規模の場合、納期は概ね1ヶ月前後とだと考えられます。1ヶ月は待ってくれるけど、それ以上かかるようなら破談になる可能性が大です。 ■見積
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く