さりげなく美しい質感を加えたい、かわいすぎないかわいいデザインにしたい、といった時によさそうなシンプルなピクセルを使ったPhotoshop用のパターン素材を紹介します。
こんにちは、デザイナーの姐さんです。 毎度シームレスネタですが、今回もです! 結構需要があると思うんです、ポリゴンスタイルをPhotoshopでシームレス化。 基本は前回の「Photoshopで芝生やレンガの写真からシームレスなパターンテクスチャ素材を作る方法」と同じです。 ざっくりポリゴンパターンを描く ペンツールで三角形をつなげてポリゴンパターンを作ります。色はグレースケールの濃淡4色ぐらいにしました。 上の図のように、外側の三角形の頂点を画面ギリギリにして、反対側とラインを揃えておくと、後々の仕上がりがよくなります。 オブジェクトが複数のままだと「スクロール」が使えないので、ある程度描いたところですべてを選択して、右クリック→「スマートオブジェクトに変換」。 スマートオブジェクトにしておけば、後から色を替えたりもできるので、ただ結合するよりオススメです。 フィルタ「スクロール」を使う
サポートするタッチジェスチャーの一覧 PhotoSwipeの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 <!-- Core CSS file --> <link rel="stylesheet" href="path/to/photoswipe.css"> <!-- Skin CSS file (optional) --> <link rel="stylesheet" href="path/to/default-skin/default-skin.css"> <!-- Core JS file --> <script src="path/to/photoswipe.min.js"></script> <!-- UI JS file --> <script src="path/to/photoswipe-ui-default.min.j
JavaScriptもCSSも画像も使用せず、SVGで実装された軽快で気持ちいいアニメーションで動くローディングのアイコンを紹介します。 ページに実装する時もJavaScript/CSSは必要ありません。簡単なHTMLでOK! デモページ SVG Loadersの使い方 使い方は、簡単! Step 1: SVGファイルをダウンロード 下記ページの右サイドの「Downlaod ZIP」から、SVGファイルをダウンロードします。 SVG Loaders -GitHub Step 2: HTML あとは、imgタグで配置するだけです。 <img src="svg-loaders/puff.svg" /> アイコンのカラーを変更したい時は、svg要素のfill属性を変更します。 <svg fill="#fff" width="140" height="64" viewBox="0 0 140 64
Picture Cut is a jquery plugin that handles images in a very friendly and simple way, with a beautiful interface based on bootstrap or jquery ui, has great features like ajax upload, drag image from explorer, image crop and others. Download Version 1.1 Beta Features Ajax Upload Resize image Drag image from explorer Manipulate image size in bytes Cropping image Supported Browsers Google Chrome Mozi
Best Free Seamless Wood Plank Textures To Enhance Your Design For designers, it is essential to have various resources such as brushes, patterns, textures and more to create more attractive designs. These resources give designers greater abilities to add striking effects and elements that may give some zest to their works. Now I know how time-killing it is to look for the right resources for your
スマホなどの小さいスクリーンでは昔からあるLightbox風の体験を与え、より大きいスクリーンではページ上にインタラクションのスペースを残すよう設計された、画像や動画をアニメーションで拡大表示させるjQueryのプラグインを紹介します。 フラットなデザインにも相性が非常によく、操作も快適でエレガントです! しかも、IE7+にも対応。 Strip Strip -GitHub Stripのデモ Stripの使い方 Stripのデモ デモはChrome, Safari, Firefox, Opera, IEは7+、iOS5+, Android3+でご覧ください。 各画像をクリック・タップすると、拡大画像がスライドして表示されます。 拡大時はそのまま他の画像も表示できるギャラリー機能にも対応しています。 デモ:幅780pxで表示 スライド表示させるのは画像だけでなく、YouTubeやVimeoなど
Vector pattern design can be used for printing onto fabric, paper, scrap booking or website background. This is a beautiful collection of vector pattern designs you will find heart pattern, floral pattern, retro, stripe and dot shape pattern designs. You may be interested in the following modern related articles as well. 30 Awe-Inspiring Examples of Digital Illustration Artwork 150+ Free High-Res
Denim is a sturdy textile that is not only significant for fashion but is also useful in graphic design. These wonderful materials are used in many designs including texture overlays, background fills, etc. that can effectively enhance any design. Today, you’re in for a freebie treat that we have instored for this post. Take a look and you’ll find some Free Seamless Denim Textures that we have gat
Asphalt is a material that is usually used in road constructions. But they also have a role in graphic design as wonderful textures that can add grunge, roughness and more to your designs depending on how you make use of them. Let us consider adding some new set of textures with this freebie collection below. I’ve surfed the net and found these Free Seamless Asphalt Textures that might be of use t
デモページ:Standard 操作は左右のナビゲーション、矢印キーを使ったキーボード操作にも対応しています。 外観はCSSのテーマファイルで変更することができ、アニメーションの変更、ビュレットのナビゲーション、サムネイルのナビゲーション、フルスクリーンスライダー、video/audioもサポートしています。 デモページ:Using API デモページ:Using Events デモページ:Multiple Sliders ダウンロードファイルに含まれているデモは、Retina用の画像も用意されています。 デモを幅480pxで表示 Ideal Image Sliderの使い方 Step 1: 外部ファイル 当スクリプト・スタイルシートを外部ファイルとして記述します。 「default.css」はスライダーの外観を定義したデフォルトのテーマです。 <head> ... <link rel="s
Metals are one of the abundant materials that are used especially in the industrial era. But as the new digital age enters the scene, metals have never seized to be a handy tool for engineers and designers alike. In the world of graphic designing, metals also have a great role in creating impressive designs through their textures and effects. Today we’ll be on for a treat with these Free Seamless
Flowers are one of the prettiest things you can find around the world. With their beautiful colors and various shapes, they never fail to disappoint our eyes and admiration. What’s even better is their beauty can be used in adding more charm to our designs. Scroll down and check out what we have instored for you. For our creative designers, I have collected a series of beautiful and Free Seamless
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く