ヒョーゴノスケ @hyogonosuke イラストレーター。映画ドラえもんポスター/ドラえもんカレンダー/ポケモンカード/なつもん！/カービィ絵本/東京オリンピックアニメーション/ジャンプ系作品グッズ/暗号クラブ/ホラー横丁13番地/パンドランド/ 仕事のご依頼はこちら→hyo_gonosuke@hotmail.com https://t.co/qzpF7tR0Y3
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
Last weekend I was watching the Iron Man movie and I was blown away by some of the effects I saw. Loved the bombs and some interface designs, in special when he puts the mask and lots of cool elements start popping on the screen, like the Terminator view. That really inspired me and I decided to try that in Adobe Photoshop. So in this tutorial I will show you how to create the Iron Man screen inte
効果的なミニマルデザインと退屈なデザインの境界線ミニマルデザインを考えるときによく使われる言葉「Less is more（少ない事は効果的だ）」。装飾が多すぎるとどれも目立たなくなる、無駄を削ぎ落した方がより美しく効果的であるという考えです。これに対し「Less is bore（少ない事は退屈だ）」という皮肉な言葉もあったりします。美しいミニマルデザインと退屈な間抜けデザインは紙一重。その違いを考えてみましょう。 ミニマルデザインとはそもそもミニマルデザインとはなんなんでしょう？Wikipediaを見ると ミニマル・デザイン（Minimal Design）は、あまり使用しない機能のせいでシステムが肥大化することを避け、必要最小限の機能に絞って設計することをいう。 とあります。冒頭でも書いたとおり、要素が多すぎると結局なにが主張したいのかわからないデザインになってしまいます。それを避けるため
オリジナルのブラシを作成したり、レイヤースタイルを利用して、リアルなにじみのある水彩風のイラストを描いていく。レイヤースタイルの［境界線］やレイヤーの［塗り］の設定を工夫するのがポイントだ。 まず新規ファイルを作成したら、鉛筆ツールを選択。ブラシパネルの［ブラシプリセット］で［ハード円ブラシ（5pixel）］を選んだら、パネル左側の［散布］にチェックを入れて［散布：35％］に変更しておく 1-1 。続いてメインモチーフの赤ずきんを描いていく 1-2 。
複数の模様が並ぶパターンとしては ルイヴィ●ンやruss●tのモノグラムと言えば ピンと来る方も多いのではないでしょうか。 自分で作るとなると「どうすればいいんだ」状態に陥りがち。 続きを読む
ブログ読者からいただいた質問にお答えします。 質問はこうです。ハイフンの高さは、ふつう、小文字の e o x など上下の飛び出しのない文字の真ん中くらいの位置です。でもそれだと、大文字だけで組んだときとか電話番号で数字の間に入れるときとか、こんなふうにハイフンが下がって見える。 先に言っちゃいましょう。それは、すっごくオススメです。しないと間違いというわけではないですよ。でも、すると気がきいている。 ここからちょっと細かい解説。 ハイフン（ - ） 半角ダーシ（ – ） 全角ダーシ（ — ） は、どれも横線ですが、長さが違って、使い道も違います。ハイフンとダーシについては以前書いた記事が こちら にありますので参考にしてください。全角ダーシは、言いかけて止めた言葉とかを表現するときに使います。日本語でも同じような使い道かな。 ダーシは、ハイフンと同じ高さにつくります。ハイフン、半角ダーシ、
制作のためにいろいろなソフトを使っていますが、数年経っても相変わらず使っているもののひとつに OmniGraffle があります。ダイアグラムやワイヤーフレームを手軽に作れますが、多機能なので奥が深いソフトのひとつ。以前もOmniGraffleを使ったテンプレート作りで便利な使い方を幾つか紹介しましたが、今回も最近（やっと）見つけたものも含めて6つ紹介します。 下準備を忘れずに Webサイトのワイヤーフレームを作るのであれば新規文書をそのまま使わず、キャンバスのサイズをきちんと調整しましょう。ディフォルトではルーラの単位がインチになっている場合もあるので、まずはピクセルに切り替えます。グリッドの間隔もインチではなくピクセルにしておくと設計がしやすくなります。OmniGraffleでは、グリッドをオブジェクトに手前に表示させることが出来るので、厳密な設計を好む方は手前に表示したほうが作りやす
藤井彩人ホームページ 「ayato@web」 アヤトウェブ (C) Copyright AYATO FUJII All Rights Reserved 当サイト内の内容・画像の無断転載・転用については固くお断りします。 Since 2001.03.13・このページは MacOSX Safari に最適化されています。 このページはリンクフリーです。 ※「当サイト利用時の注意・免責事項」 ※「デジタル映像制作ガイドブック」における無断転用について
グラフィックデザインに役立つPhotoshopチュートリアルまとめ「30 Fresh Photoshop Tutorials for Graphic Designers」 グラフィックデザインは、実際の撮影画像やイメージにさまざまな加工を加えることで仕上がっていきますが、その加工工程は完成したデザインからはなかなか分かりらないもの。今回紹介するのは、グラフィックが完成するまでの加工のチュートリアルをまとめた「30 Fresh Photoshop Tutorials for Graphic Designers」です。 Design a Dark, Super-Natural Magic Figure with Fire Element in Photoshop – PSD Vault Photoshopを活用してイメージのグラフィックに近づける加工方法が多数紹介されており、高いクオリティーを
Photoshopのチュートリアルというと英語が多いですが、日本語の方がサクサク読める（私の場合）ので、日本語で解説してくれているチュートリアル集をまとめてみました。 フォトショップでつくるキラキラに輝く人物の作り方 フォトショップでリアルな炎を出しながら走るバイクの作り方 フォトショップで夕日に輝く幻想的なライティング効果を作る方法 映画のタイトルロゴのような光と文字を描画するPhotoshopチュートリアル フォトショップでキラキラに輝く背景画像を作る方法 布地テクスチャーにペイント フォトショップでキラキラに輝くライティングエフェクトをつくるチュートリアル Photoshopで六角形のキラキラに輝く背景画像をつくる方法 フォトショップでオーロラが輝く地平線に太陽が沈む様子を描く方法 基本的な光の作り方2 基本的な光の作り方3 Photoshopで美女の画像に効果を入れる方法 フォトシ
下の画像は、左：適用前のグラデーション（ディザ有り）、右：適用後のグラデーションです。 適用前にはグラデーションにバンディングの縞模様があり汚いですが、適用後のものは縞模様がなくなり綺麗なグラデーションとなっています。 Photoshop Tip: Spatter [ad#ad-2] 上記で紹介されているのは非常に簡単な方法で、Photoshopのはねフィルターを使用します。 メニューバーの[フィルター]-[ブラシストローク]-[はね]を選択します。
Liebe Besucherinnen und Besucher von FootballPantherShops.com, wir möchten Sie darüber informieren, dass unsere Webseite FootballPantherShops.com nicht mehr aktiv weitergeführt wird. Stattdessen empfehlen wir Ihnen, folgende Webseiten zu besuchen, die Ihnen wertvolle Informationen und Ressourcen in verschiedenen Bereichen bieten: Marktcentral.com Marktcentral.com ist Ihr umfassendes Portal für ges
たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
第7回「手軽にWebを彩るCSSコーディングテクニック50」 2010年03月15日 基本的なCSSを使ったWeb制作はそれほど難しくないが、より高いレベルのデザインを実現しようとすると、難易度はグッと上昇する。そんなときは、世界中のデザイナーやデベロッパーが提供しているCSSテクニックを使ってみるとよいだろう。ここでは、世界各国のデザイナーやデベロッパーが紹介している、ビジュアル表現やレイアウトなどを中心としたCSSのコーディングテクニックを紹介していこう。 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) http://www.smashingmagazine.com/2010/0
ちょっとした冊子を作りたい時、本を作りたいけど印刷所に頼むほどではない時など、自宅でも印刷や製本ができると便利ですよね。今回は製本の基本からコピー本や豆本の作り方まで、自宅でもできる「製本」の方法をご紹介します。 ■製本の種類もいろいろある？ 製本といっても、文庫本のように背表紙に全てのページがくっ付いているものや、フリーペーパーのように真ん中がホチキスで留められているものなど、様々な方法がありますよね。 ＜製本の基本を覚えよう＞ ▽とじ方、道具から折丁印刷まで | 手作り製本 - BindUp バインドアップ こちらのエントリーでは、次の4つの方法について、手順を写真付きで解説しています。 糸かがり綴じ：背の部分に糸を通してとじる方法。 無線綴じ：折丁（印刷された紙をページ順になるように折りたたんだもの）の背に接着剤を付けてとじる方法。 網代綴じ：折丁の中にも接着剤をしみ込ませ、折丁同士
CSS3で何ができるのかという「CSS3で何ができるの？ という時にみておきたいサイト集」という記事をとりあげました。 今回は、そのCSS3を実際どのように使うのか？ ウェブページに効果的に使用した例、陥りやすいワナとその対処方法をWeb Design Wallから紹介します。 CSS3 Examples and Best Practices 下記は各ポイントを意訳したものです。 はじめに テキストのエンボス効果 繊細な角丸とシャドウ アニメーションで回転するDVD 半透明のバー 角丸 微妙なテキストのシャドウ 陥りやすいワナと対処方法 はじめに CSS3の人気はいっそう高くなっています。実際CSS3の新しい機能はウェブに多くの新しい可能性をもたらします。 しかしながら、CSS3はまだ完全にすべてのブラウザにサポートされていないので、あまり興奮しないでください。 だからといって、CSS3を
ウェブサイトやブログの作成・運営で、避けておきたい35個のミスをnetjellyから紹介します。 List of Web Design Mistakes You Should Avoid 下記は、各リストを意訳したものです。 ※訳者注： 一部過激なものは表現を少し和らげています。 はじめに ウェブサイトやブログを開発・作成する際に、避けた方がよいミスをリストアップしました。 1. 作るだけでは終わりではない ウェブサイトは開発・作成だけでは終わりではなく、公開・運営する必要があります。そして、オンラインやオフラインでウェブサイトの告知に手間や時間をかけることはいっそう必要になります。もし、あなた自身があなたのサイトについて時間をかけないなら、他の誰もそれはしないでしょう。 2. 広告をコンテンツに混ぜない 広告をコンテンツに混ぜると、短期的にはクリック数を増やすかもしれません。しかし、ユー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
