新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
ウェブデザインにおけるテクスチャやパターンの使い方をしっかり学びたい人用のまとめ
当サイトでもテクスチャやパターンなどを素材として紹介しますが、ダウンロードして満足するだけでなく、どのように使うかが大切です。 テクスチャやパターンを効果的に使った実例を見ながら、その使い方を紹介します。 The What, Why and How of Textures in Web Design 下記は各ポイントを意訳したものです。 1. ノイズのテクスチャ 2. リアルにするためのテクスチャ 3. ビジュアル効果を与えるテクスチャ 4. トーンや印象を明確にするテクスチャ 5. シンプルなピクセルパターンの繰り返し 6. 大きなインパクトを与えるパターン 1. ノイズのテクスチャ ノイズのテクスチャは最近のウェブデザインでとても人気があります。これは背景からボタンまで、あらゆるデザインほとんどのエレメントにマッチします。 ノイズの使い方は使う場所に依存しますが、良いノイズというのはぱ
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
[JavaScript] AS3のEventDispatcherみたいにObserverパターン « きんくまデザイン
こんにちは。きんくまです。 AS3のEventDispatcherは便利だと思います。JSでは特に用意されていないので作りました。 こんな感じです。 var kinkuma = {}; //package name (function(pkg){ pkg.Event = function(){ this.target; this.context; }; pkg.Observer = function(){ this.listeners = {}; }; pkg.Observer.prototype = { addObserver:function(type, listener, context){ var listeners = this.listeners; if(!listeners[type]){ listeners[type] = []; } listeners[type].pus
少しざらっとした布地のテクスチャ素材とそれを創るPhotoshopのパターン素材
ファブリック素材の拡大キャプチャ ダウンロードできるはPhotoshopのパターン素材には、9種類のパターンがあります。
Node.jsのためのasync必修パターン(1): 同期パターン
node.jsはnon-blocking処理を行うため、書き手の意図しない順序で処理が実行されることがあります。それでは困ることもあるため同期をとって処理を行うパターンについて書きます。例えばA、B、C、Dという処理があり、A、B、Cの3つが終わってからDが行われることを保証したい場合の必須のパターンです。 A、B、Cという3つの処理では、それぞれDBに問い合わせを行い、Dという処理では3つのDB問い合わせの結果を使って集計の処理を行いたいような場面を考えてみます。a(); b(); c(); d();上のように普通に書くと、node.jsでは折々の状況に応じてaからdまでの処理を非同期に実行します。dが一番最初に実行されるかもしれません。困ります。そこで、A、B、Cの3つの処理が3つとも完了した後にDが実行されるようにするパターンを書きます。// sync.js var wait = f
YouTube人気急上昇
【2016年埼玉】あれ？機械の音がなくなったな…→パートの女性がプレス機に頭をつぶされ絶命していた『埼玉県プレス工場挟まれ事故』【ゆっくり解説】
Subtle Patterns | Free textures for your next web project
These lovely water-colorful dots will make your designs pop...
パターンやテクスチャ背景が活かされたwebサイトまとめ「Patterns and textures in web design: awesome examples and resources」
パターンやテクスチャ背景が活かされたwebサイトまとめ「Patterns and textures in web design: awesome examples and resources」 デザインの大枠を決める背景は、背景に質感を持たせることにより表現の幅が広がる、視覚的アプローチの重要な要素ではないでしょうか？そこで今回紹介するのは、質感を活かした背景デザインが特徴的なwebサイトまとめ「Patterns and textures in web design: awesome examples and resources」です。 galp.in シンプルなパターンから、サイトの特徴をダイレクトに伝えてくれるテクスチャまで、さまざまなwebサイトが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■stephencaver.c
背景画像に使えるシームレスなパターン画像500種:phpspot開発日誌
シンプルで色々な用途に使えそうな商用OKのアイコンセット「Reflection... 次の記事 ≫：2010年7月30日 管理人のブックマーク
50 Brown Patterns for an Added Impact to your Designs | Naldz Graphics
Seeing the color brown makes us think of natural things like soil, skin, hair, animal fur, toasted bread and withered leaves. It may also be associated with culture and tradition. Brown is produced by a mixture of orange, red, yellow with black or gray. It covers a wide range of visible spectrum which creates its variations of Red Brown, Dark Brown and Pale Brown. What you will see in this collect
効果的にコンテンツを配置する代表的な3つのレイアウトとは
ウェブデザインでもよく使用される、ユーザーの視線の動きを予測し、効果的にコンテンツを配置する代表的な3つのレイアウト、グーテンベルグ ダイアグラム、Zパターン、Fパターンを紹介します。 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 グーテンベルグ ダイアグラム Zパターン レイアウト Fパターン レイアウト Pattern of Focal Points -情報の階層化 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムとは、均等に配置された同種の情報を見るときの視線の動きを一般的なパターンにしたものです。 これは特に、テキストの比重が高いコンテンツにはまります。 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムは4つの象
テーマカラー1色をメインに用いたWebサイト50
2018年10月11日 Webデザイン, インスピレーション, 色彩 前回の記事「WebデザイナーにおすすめのEvernote活用術」で紹介したように、私はEvernoteに素敵なデザインをストックする際、使われているテーマカラー別にタグをつけて分類しています。気がつけば各色のデザインストックが増えてきたので、その中でも厳選した5サイト×10色の合計50サイトを紹介します。単色をデザインに使う時のポイントも一緒に読んでみてくださいね！ ↑私が10年以上利用している会計ソフト！ 追記：リンク切れサイトを削除したため、数が減ってます… テーマカラーをメインに取り入れる時のポイント 「配色に自信がなくても！Webデザインが好きになる配色ツールと使い方」でも紹介したとおり、きれいな配色でもベタ塗りしただけではデザインの魅力が半減してしまいます。特に今回のようにテーマカラーを使う面積が広ければ広いほ
The 10 Best Sites to Download Free Background Patterns for Images
If you're designing a new website, coming up with an interesting background pattern is essential. A decent background pattern fills the space and adds interest to your web design. If you can't create that pattern yourself, there are lots of great resources available online for downloading free patterns that you can use for commercial or non-commercial use. On this list, you'll find pretty much any
持ってると便利なピクセルベースのPhotoshopのパターン素材
ディテールの強化やテクスチャの作成に便利な、ドットやラインのピクセルベースのPhotoshopのパターン素材を紹介します。
Free: 20 Seamless Photoshop Grid Patterns | Premium Pixels
Today I’m giving away 20 seamless grid patterns for use within your designs. Grid patterns are so versatile that with a few blending options, you can create interesting backgrounds. The Photoshop patterns (.pat) come in black and white with a transparent background meaning they can be applied to almost any element or colour. Also in the download is a set of 20 500px x 500px transparent .pngs – one
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop初心者でも簡単できる、かっこいいテクスチャ素材を作るチュートリアル
新着記事
Tattoo Ideas, Trending Hairstyles, Wordpress Themes and More!
Japanese style pattern by gimei on DeviantArt