こんにちは。びたーと申します。 感染症蔓延のために同人誌即売会から足が遠のきおよそ一年半程度。 これまで同人誌から受けた御恩を今こそ返すべき…と思い、何かしたいと考え、自分でも何冊か作っては頒布する日々… しかし、小さきサークルゆえ、これではそこまで御恩をお返しすることに達していないと悶々と悩んでいた。 同人誌を作ってくれる母数をステイホームの今こそ増やせれば…と思いはすれど、いかんせん同人誌制作ってホントむずかしいことばっかだしな…と思考がぐるぐるするばかりだったが、そこで、 「同人誌を発行した文字書きパイセンにこれまでの失敗を聞いてその傾向と対策をまとめればもっと作ってくれる人が増えるのでは！？」 と思い立ち、先般上記タイトルでTwitterで調査を投げかけたところなんと800を超える小説同人制作経験者にお答えいただけました！　ありがとうオタクたち…！！ （まさかこんなに集まるなんて思

作り始めたきっかけ JR東日本の路線に乗っているとき誰もが目にしたことがあるのではないでしょうか。シンプルながらもどこを通っているのかがわかる「路線ネットワーク」を。じっくり見るのもなかなか面白いものです。そんなのを見ながら私は「これ、高速道路をやってみたら面白いのでは？」と思って作ったのが今回のこれです。実際告知を出した際大変反響がよく正直驚きました。もしかしてこんなのを待ち望んでいた…！？ このマップの特徴・仕様 1.忠実にフォーマットを真似たスタイル 路線ネットワークと同一のフォントを使用したり空港横には飛行機アイコンを付加したりなどフォーマットを本家に寄せています。高速道路をより便利に利用できるように、ナンバリング表示やETC専用マークなどオリジナル要素も多く含んでおります。 2.首都高と高速道路を合わせた地図 管理会社が分かれるため公式地図ではあまり2つを合わせることのない地図。

iOS7の登場で、フラットデザインへの関心はますます高まっていることでしょう。 ここではそんなトレンドは一切無視して、UIデザインにおける立体表現を行う上で、おさえておくべき大切なポイントをまとめてみました。これらをマスターして、時代に逆行するゴリッゴリの立体表現を行えるようになりましょう。 セオリー１：現実世界の「光源」の基本ルールを守る 唐突ですが、この2つのボタン、立体表現としてどちらが正しいと思いますか？ 左側、「A」のボタンには、以下のような光源の矛盾があります。 ボタン本体の影は、右下に付いている。つまり、光源は左上。 へこんだAの影は、右上に付いている。つまり、光源は右上。 ドロップシャドウは、真下に付いている。つまり、光源は真上。 一方のBは、すべての要素の影が、光源が上の表現になっています。つまり、正解はBです。そしてこれが、現実世界での「光源」（＝影）の基本ルールです。

2017年6月29日 Webデザイン 「デザインしてみたけどなんだか物足りない…」そんな経験ありませんか？私はよくあります。それで色を変えてみたり、形を変えてみたりと色々試してみるのですが、結局どれもしっくりこなかったり。そんな時は元のデザインにほんの少し手を加えるだけで納得のいくデザインに変わることが多いんです。わずかな装飾で大きく印象を変える。そんな「ひと手間」に注目してみましょう！ ↑私が10年以上利用している会計ソフト！ 追記：Photoshopを使った加工の仕方を記事にしてみました！ » 【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを グラデーションを加える 「デザインしてみたけどなんだか物足りない…」そんな時はわずかなグラデーションを加えるだけで立体感がでて、ノッペリしたデザインを一新することができます。アレコレ装飾するよりもシンプルかつ王道。 ヘッダーの

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ロシアのプロフォトグラファーであるAndrey Razoomovsky 氏が率いる「RAZOOMA.Net」にて、まるでミルクを美女にぶっかけたかのような鮮烈なイメージで構成された写真集「Milk」というのが公開されています。中にはドレスでないものも混じっていますが、全体的にとても刺激的なビジュアルでまとめられ、しかもかなりハイクオリティなので、見ているだけでいろいろなインスピレーションを得ることができるはずです。 また、一体どういう写真からこのようなイメージが完成していくのかというメイキングも少しだけ公開されています。 鑑賞は以下から。 RAZOOMA.Net - Projects - Milk http://www.razooma.net/projects/milk/ 一見すると普通のドレスですが、よく見るとミルクです スカートのすそ部分がミルクがはねたような感じに。 ミルクに包まれて

原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ

デジパのベトナムオフィシャルサイトがオープンしました。 さて、今回はこのデジパベトナムを組むのに辺り、最初は無理（もしくは相当厄介）だと思ってたことが思ったよりカンタンに出来たのでご紹介。 Movable Type 4のデフォルトテンプレートもそうですが、コンテンツの内容が少ない場合に、フッター部分は当然上に来てしまい、下がbodyに指定している背景色になってしまいます。 キャプチャみたいな感じです。 コレがイヤでフッターをページ下部に固定する方法とかを使う事もあるかと思いますが、アレはアレでコンテンツ部分が間延びしてしまう感じも無きにしも非ずだったりします。 と、言うか個人的には1サイトに1ページ有るか無いかも分からないような部分に労力を割きたくないのが正直なトコロなので、出来れば見逃して欲しい部分だったりします。 htmlとbody要素にheight: 100%指定して...みたいなの

電子メディアを通じてメーカーが主体的に情報発信する機会は増えている。その具体的な取り組み事例を通じてメディアデザイン手法を知る。 ここ数年でコンテンツの流通手段は紙から電子へと急速な広がりを見せている。昨年、総務省が発表した「ユビキタスネット社会」の実現を目標に据えた「u－Japan推進計画2006」によると、2005年末時点ですでに世帯におけるインターネットの利用率は87.0％に上っており、またブロードバンドサービスに加入している世帯数は利用者全体の94％にも及んでいる。政府は2010年までに超高速ブロードバンドの世帯カバー率を90％に引き上げる政策を進めており、今後ますますデジタルコンテンツは普及を続ける見通しだ。 このような条件から、製品仕様紹介カタログや製品の取扱説明書という日々の生活を支える重要なコンテンツにも、現在の紙中心の配信手法から電子的な手段を通じた配信へと間口を広げてい

via Digg Siggraph2007で発表されたというSeam Carving技術。そのSeam Carving for content-aware image resizingという動画で解説されているのは、画像 […] via Digg Siggraph2007で発表されたというSeam Carving技術。そのSeam Carving for content-aware image resizingという動画で解説されているのは、画像内のひとまとまりの図形・物などの形を維持したままで、不要な部分を削って縮めることができるという技術。(論文 pdf) 説明がわかりにくくて申し訳ない。見てもらったほうがぜったい早い。 オリジナルのQuickTime動画はこちら これを使うと、写真の中の鍵となる写真や人物を常に保存しつつも、見ているPCや携帯端末の画面サイズに合わせてイメージを縮める