今回は、これからイラストを描き始めたい、という人向けに とっつきやすい、人体（キャラクター）の描き方講座をまとめました。 pixiv講座が中心です。 【顔・頭部】 【全身のバランス】 人を描くのって楽しいね 追記しました。人体の描き方を丁寧に解説しているサイトです。 書籍版レビュー 【手】 【足】 【まとめ】 講座紹介は以上です。練習法については、 プロの画力向上法まとめや効率よく絵が上達する方法など、 絵の上達法カテゴリの記事を参考にしてみてください。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
連載企画「今年ありがとうを言いたい○○」 前回書いた記事が予想外の評判で驚いています。 読んでいただいた方ありがとうございます！ さて、自分がありがとうを言いたい物ですが、Google Chromeのエクステンションに対して「ありがとう！」と言いたいです。 という訳で、感謝の気持ちを込めて、自分が使っているGoogle Chromeのエクステンション10個を紹介していきたいと思います。 Awesome Screenshot Awesome Screenshot: キャプチャーと注釈 これは仕事でというよりも、自分が運営している4sqWalkerというブログで記事を書く時に役立っています。 選択範囲や1ページ全体をスクリーンショットとして保存出来るだけでなく、注目してほしい所には丸で囲ったり文字を入れたりする事が出来るのが便利です。 これを入れてからPhotoshopを立ち上げる回数が減りま
「:target疑似クラス」をつかって、タブコンテンツ、画像ギャラリー、画像拡大、アコーディオンなど実用的なコンテンツを実装するチュートリアルを紹介します。 キャプチャはW3Cの「The target pseudo-class :target」 [ad#ad-2] 「:target疑似クラス」はCSS3で、アンカーリンクがアクティブな状態にスタイルを適用するものです。 IE6～8では「:target疑似クラス」は動作しないため、代替を用意したり、スクリプト「Selectivizr」を利用するなどなんらかの対応が必要です。 「:target疑似クラス」をつかって、タブコンテンツを実装 「:target疑似クラス」をつかって、画像ギャラリーを実装 「:target疑似クラス」をつかって、画像の拡大表示を実装 「:target疑似クラス」をつかって、画像のズームイン・アウトを実装 「:targe
私の経験から感じた事を書き記します。 全てが全てその時々で、正しいとは限りませんが、一つの指針としてお使いください。 因みに全部リスト化すると230くらいありましたが、それはきっとセミナーとかでやるかなぁと。 １人の再訪問を増やす意味 あなたのサイトの新規訪問者を30000上げる方法なんていうのもあるわけですが、それよりも遥かに重要な事があります。 それは、たった一人の再訪問者を増やす方法です。 何故か？ 手っ取り早く30000人に来てもらう事が重要に見えますか？ そうではありません。 すこし、昔の話しになりますが、私がブログを始めた当時ではツイッターと言うものがありませんでした。 私の一ヶ月目のアクセス数は平均すると2～10セッションくらいです。 そして3ヶ月目も10～100程度。 4ヶ月目にはいり、ようやく1000～2000という具合です。 これは大手の個人ニュースサイトがリンクをくれ
1：以下、名無しにかわりましてVIPがお送りします：2010/12/29(水) 12:46:37.78ID:IC9aNMY10 http://pinktentacle.com/2010/08/vintage-tokyo-subway-manner-posters/ 3：以下、名無しにかわりましてVIPがお送りします：2010/12/29(水) 12:48:53.69ID:j/e+RMLe0 なんか政治的宗教的にアブないのチラホラあるとこがいいｗｗｗｗｗ 4：以下、名無しにかわりましてVIPがお送りします：2010/12/29(水) 12:51:18.47ID:/jVVtRhy0 スペースインベーダーが気に入った 7：以下、名無しにかわりましてVIPがお送りします：2010/12/29(水) 12:52:17.12ID:R96n81Ya0 サンタが一番かっこいい
2010年はいろいろとネットやITにとって波瀾万丈な1年でしたが、来年2011年は一体どうなるのでしょうか？ というわけで、テレビ・ラジオ・インターネット・新聞などのメディア業界で15年間働き続けているDaniel Anstandig氏の考える「2011年に起きるであろうデジタルメディアの7つのトレンド」を見てみましょう。 詳細は以下から。 Seven Digital Media Trends of 2011 | Social Media Today ◆その1：新聞や雑誌はタブレットデバイスに移行する By Veronica Belmont 紙に印刷するメディアがインターネットの流れに乗り遅れているのは周知の事実ですが、伊達に今までメディアの最前線の一角を担っていたわけではなく、これまでもさまざまな試みをしてきています。その中でも2011年になったおそらく決定的となるとしているのが、新聞な
前回の投稿からかなり空いてしまいました。はてブ砲によりかなりアクセスが伸びてしまい、プレッシャーでいい記事を書こうと思えば思うほど腰が重くなってしまいました。というのはウソでずっとときメモやってました。次回からはもったいぶらないで何かエントリを書く際は一気に書こうと思います…。さて続きです。・・・前回の投稿からかなり空いてしまいました。 はてブ砲によりかなりアクセスが伸びてしまい、プレッシャーでいい記事を書こうと思えば思うほど腰が重くなってしまいました。というのはウソでずっとときメモやってました。 次回からはもったいぶらないで何かエントリを書く際は一気に書こうと思います…。 さて続きです。 前回非デザイナーのためのエントリーだからwebサイトじゃなくてチラシにしよう、と思って記事を書いたんですが 駆使するツールがもちろんweb上にあるものなので、カラーもweb用になってることを失念
Free Ecommerce CMS solution: software for your online store | LiteCommerce モダンなＵＩを活用したショッピングサイト運営用phpオープンソース「LiteCommerce」 最近公開されただけあって、アイテムをドラッグ＆ドロップでバッグに入れたり、ページ遷移に一部ajaxが使われていたりします。 以下がデモ画面。アイテムや文字が大きく表示されており見やすいのが特徴 デモページはこちら 利用にはPHP5.3以降、MySQL5.0.3以降が必要 関連エントリ PHP製のショッピングカートシステムいろいろ PHPで書かれた次世代のショッピングカートシステム「TomatoCart」 フリーで使えるPHP＋MySQLで構築されたショッピングカートシステム「Zeuscart」
パンくずリンク|パンくずリスト（breadcrumb navigation）はどうコーディングするのが今風なんだろう。 ふとそんなことを思い立ってしまったので、名を知られたサイトのソースを覗き見して考えることにした。 パンくずリンクのデザインについてまとめられたBreadcrumbs In Web Design: Examples And Best Practicesという記事によれば、 よくあるデザインパターンは次の通りである。 1行テキスト テキストを横並びにしただけの伝統的なパンくず。各ページリンクの間に区切り文字が入る。 ページタイトルを > で繋いだもの ページタイトルを > 以外の文字で繋いだもの シンプルなリンクの羅列 区切り文字を入れずに画像やCSSで階層を表現する。 マルチステップ 開始から完了までの行程を表示する。 サブナビゲーションつき 各ページリンクに属するページを
はじめに 先日たまたまプログラミングの話になって、そこでRubyの話を詳しく聞いて、ググってみたら面白そうなので猫とRubyを始める事にしました。 まだ始めて2日目なのですが、分り易いです。2日で基本文法を勉強したので、そのまとめを公開します。Route 477 – Ruby基礎文法最速マスター を参考にさせて頂いきました。WebアプリとiPhoneアプリで面白い事ができたら良いなと思っています。 基礎文法まとめ #コメントの入力 #ここにコメントが入る //が慣れてるから//が良いんだけどな(笑) #表示。 print "Ray Matayoshi" #=>改行なし puts "Ray Matayoshi" #=>改行あり p "Ray Matayoshi" #=>debug用 Rubyは文末にセミコロン打たなくても良いらしい。 #変数の宣言 #Rubyに
未来学者として『未来の衝撃』『第三の波』『パワーシフト』『富の未来』など数多くのベストセラーを世に送り出してきたアルビン・トフラーとハイディ・トフラー夫妻は2010年、『未来の衝撃』刊行40周年を迎えたことを機に、「今後の40年を左右する40の変化」（英題は「40 FOR THE NEXT 40」）を発表した。これは、世界各地で政治、経済、社会、テクノロジーなど分野ごとに行った分析調査をベースに導き出された予測であり、国家や企業そして個人が未来を左右する原動力を知り、いかに生きるべきかを考察するための道しるべともなるものだ。ここでは、トフラー夫妻の右腕であり、報告書作成を担当したトフラー・アソシエーツのマネジングパートナー、デボラ・ウェストファル氏へのインタビューをお届けする。その前に、この貴重な報告書の骨子に目を通していただきたい。 アルビン・トフラー（Alvin Toffler） アメ
この記事は、以下のような方を対象にしています。 現在Webデザインを仕事にしていて、さらにデザイン力をつけたい方 今はプログラマー、ディレクター、コーダーなどデザイン以外の仕事をしていて、来年はデザインも手がけたい方 ※この記事は、2010年末に公開したものを、文章と参考サイトなどのリンク先を修正し、2019年末に再公開したものです。 私は元々Webデザイナーなのですが、デザイン以外の仕事が連続したときなどデザインスキルの低下が心配になってくるので、年末年始など時間があるときは自己流のWebデザイン勉強法をしています。 もしかしたら他の方にも役立つかなと思い、公開しました。 今回は、主にWebデザインの中でも「レイアウト」について書いています。 まずは「知る」こと 私がWebデザインについて基礎からきっちり勉強したいと思い、Webデザインスクールに見学に行ったり「Webデザイン」と名の付く
2010年もあと数日を残すのみとなりました。というわけで、2010年のWeb標準について感じたことをまとめ、来年以降の動きについて考えてみました。 HTML5と周辺技術 2010年は昨年に盛り上がった「HTML5」への注目が、さらに広がった一年であるように思えます。とはいえ、どういった機能があり、どのような展開が見込まれるのかというよい紹介が増えたこともあり、昨年にあった「XHTMLはなくなる」といったような誤解がとても少なくなったのは良かったと感じています。 さらに今年は「HTML5」と括られる技術で構成されたショーケースの登場、スマートフォンの普及もあり、実際のWebアプリケーションでの採用といった出来事が重なりました。これからの基盤技術として「使っていく」技術という認識が固まったのではないでしょうか。今後は「使うこと」にフォーカスした情報が多く出てくるのではないかと思います。 Web
Do you need the Best jQuery Dropdown Menus possible? If so, look no further as we have them here! Best of all, we’ve given you more than most people do. Not 3, not 5, but 22 of the bst jQuery dropdown menus that you’ll find anywhere on the web. Now, each one of these is going to teach you how to put together some of the best jQuery dropdown menus out there. It may take some practice and depending
知っておきたい写真が劇的に上手になる25のテクニック デジタルカメラのおかげで気軽に何枚でも撮影できるようになり、素人でも写真を撮る機会や人に見せる機会が増えました。 ちょっとしたコツ、ちょっとした心がけひとつで、写真が劇的に良くなるならば試してみたいものですよね。 そんな劇的に写真が上手になる、25のテクニックをご紹介します。 1. 太陽の撮影は望遠レンズを使う。 悪い例 良い例 2. 人物写真は望遠レンズを使うか、ズームレンズの望遠側を使おう。悪い例 良い例 3. 旅行写真にはアクションを入れる。 悪い例 良い例 4. 夜景は日が沈んでから20分後に撮影する。 悪い例 良い例 5. 葉の撮影は色の種類を抑え、メインの被写体をハイライトする。 悪い例 良い例 6. 人を水平に撮るときは足を中心にするのを避ける。 悪い例 良い例 7. 生物のマクロ撮影は植物のレベルまでに近づく。 悪い例
コリス [ad#ad-2] 当サイトの購読は、RSS Feedをご利用すると便利です。 コリスのRSS Feed Twitterでは、サイトに掲載していないウェブ関連の話題、クリエイティブなもの、面白いものを数多く紹介しています。 Twitter@colisscom 2010年、ブックマークが多かったエントリー 漢字も使える手書き風の日本語フォントのまとめ ウェブサイトのパフォーマンス改善やセキュリティに役立つ.htaccessの設定 2010年総まとめ：商用利用も無料、日本語・英語の高品質なフリーフォント集 jQueryの日本語の解説サイトと国産のプラグイン集 たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法 商用でも無料で利用できる高級感のある細字のフォント集 無駄なdiv要素やc
【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) なんとか今年も一年間ブログを続けることができました。他のブログでも行われていますが、2010年にDesignworksでアクセスが多かった記事をBEST10で紹介したいと思います。 BEST10は以下から 1位 日産NOTEスペシャルコンテンツ「低燃費少女ハイジ」 さまざまなコンテンツを楽しみながら低燃
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く