要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」:phpspot開発日誌
Wallpaper/Projects/Ben Plum 要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」 div等のエレメントに設定した背景が自然に自動伸縮されていい感じにしてくれるプラグインです。 ブラウザサイズによってはせっかくカッコよく設定した背景画像が台無しになることがこれまでもありましたが、このプラグインでもうそういったことはなくなりそう。 デモページ 関連エントリ レスポンシブ対応のサイト構造作成用の軽量CSSフレームワーク「Layers CSS」 レスポンシブでタッチフレンドリーなスライドを作れるjQueryプラグイン「Glide.js」 クロス環境で動作するレスポンシブスライダー実装jQueryプラグイン「FerroSlider」 タッチができてレスポンシブなカルーセル実装jQueryプラグイン「Owl Carou
背景パターン簡単作成「Generate Pattern」使ってみた | バシャログ。
だいぶ暖かくなってきました。もうすぐ連休ですね！ seki です。 さてさて今回は連続する背景画像やドットアイコンなどを、実際に使用したプレビュー画面を見ながら、簡単に作る事が出来るWebサービス「GeneratePattern」のご紹介です。 詳細は以下より。 はじめに 【GeneratePattern】 こちらが実際の画面です。継ぎ目の無い単純な背景画像を作ったり、Fireworksのテクスチャの作成などで大活躍！中々使い勝手が良くて面白いツールです。 ※保存にはユーザー登録が必要 基本機能 使い方は単純に、ペンと色を選択したら、描画していくだけ！ スポイト、消しゴム、塗りつぶしや全消し、保存方法など、最低限の機能は上部に。 右サイドには、キャンパスサイズの変更や、拡大・縮小、ユーザー情報の変更などが出来るようになっています。至ってシンプルなUIですね。 作ってみる 実際に、ものすごく
レイヤーマスクの基本 - 選択範囲
【Photoshop基本操作】レイヤーマスクとは、レイヤー上の元画像をそのまま残し、不要な部分を消すことができる機能です。レイヤーマスクの画像作成は、選択範囲とも密接なつながりがあり、幅広い知識と高度なテクニックを要します。 「マスク領域が非表示になる」のがレイヤーマスクですが、構造的な説明はこれで十分でしょう。重要なのは「なぜレイヤーマスクなのか？」という点です。たとえば、魚の尾のように半透明な部分は、どのような形態のマスクを作成すればよいのでしょうか？ レイヤーマスクは、グレースケールの濃淡で不透明度をコントロールできるので、透明度が違う部分を塗り分ければ、違和感のない魚の尾が背景画像と合成されます。
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
継ぎ目のない背景画像を作成するPhotoshopのチュートリアル | コリス
Photoshop初心者でも簡単に作成できる、ウェブページの背景に利用する継ぎ目のないシームレスな画像を作成するチュートリアルをDesign Shackから紹介します。 Create Seamless Web Background Textures in Minutes 写真の「ぼけ」のようなエフェクトをオリジナルで描き、その画像を元に継ぎ目のないシームレスな画像にします。 下記は、各ポイントを意訳したものです。 Step 1: 新規作成 Photoshopを起動して[ファイル]-[新規]を選択し、ファイルを新規作成します。 設定は、幅：800px、高さ：800px、解像度：72pixel/inch、カラーモード：RGBカラーにします。 新規作成の設定画面 次に、カンバスを「#80ac4b」で塗ります。 [Ctrl]+[A]でカンバスのすべてを選択し、カラーピッカーに「#80ac4b」を指
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://generatepattern.com/
