デザイナー 春山 有由希のポートフォリオサイトです。
![YUKI HARUYAMA Portfolio Site | 春山 有由希](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b20f5a264fe635cfe85bbe7012d3006d03532ee/height=288;version=1;width=512/https%3A%2F%2Fyuki930.v-colors.com%2Fogp%2Fogp.png)
なんでもない普通の画像でもちょっとしたエフェクトを与え、人目を惹くようにするjQueryのプラグインを紹介します。 デモページ [ad#ad-2] Little Colour Boxesの実装 HTML HTMLは画像を配置したimg要素にidを追加するだけです。 id名は任意のものが利用でき、classなどjQueryの書式で記述できるものに変更可能です。 <img src="images/nice_pattern_islamic.gif" width="425" height="425" id="image-boxes"> JavaScript 「jquery.js」と当スクリプト「jquery-littlecolourboxes.js」を外部ファイルで指定し、下記のスクリプトを記述します。 $(document).ready(function() { $("image-boxes")
Freebies 80+ Color Altering Photoshop Actions Henry JonesJanuary 14, 20118 Comments05.9k Color plays a major role in photography. It helps set the mood and tone of an image, but it is determined by the type of light present during a shoot. Photographers don’t always have control over this. This is one of many areas where Photoshop can be a valuable tool for photographers. It offers plenty of setti
mod_small_light - Dynamic image transformation module for Apache2 ============================================================================== The mod_small_light provides a dynamic image transformation. Build Environment ----------------- Supported Platforms: GNU/Linux, and other operating systems support GCC. Build ----- Simply run the configure script with --with-apxs option for analyzing you
パネルや画像などのちょっとしたアクセントにぴったり、紙がめくれたようなページカールのエフェクトをCSS3の「box-shadow」を使用して実装するスタイルシートを紹介します。 デモ [ad#ad-2] 実装は、下記のようになります。 HTML ページカールのエフェクトは「box-shadow」が適用できれば、どんな要素でも適用できます。 デモではリスト要素を使用しています。 <ul class="box"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> CSS3の「box-shadow」「RGBa」を使用します。 CSS3非対応の旧ブラウザ用のスタイルシートも記述されています。 ul.box { margin: 0; padding: 0; clear: both; overflow: hidden;
オンラインで画像の「変形」「修正」「エフェクト」などさまざまな画像加工やファイル形式の変換が楽しめる無料のネットサービスが「Image Espresso」です。 シンプルで使いやすいメニュー画面と多彩な機能が特徴で、ネット環境さえあればどこでも使える上に、特に会員登録などの必要も無いので思い立ったらすぐに使えます。 実際の使い方の詳細は以下から。Image Espresso ? Free Online Image Converter & Editor http://online.batchphoto.com/ まずは上記ページ内「Upload」をクリック これから加工する画像を選択し、「開く」をクリック こんな感じで画像がアップされました。 次に「EDIT」をクリック 「Add Filter」をクリック すると三種類の加工が選択でき「Transform」「Touch-Up」「Effects
エレガントなフラワーをあしらったPhotoshopのレイヤースタイルを紹介します。 Elegant Flower Photoshop Styles for free レイヤースタイルなので、上記のテキ
How to Generate Noise with Canvas デモページ(当方作成) [ad#ad-2] JavaScript function generateNoise(opacity) { if ( !!!document.createElement('canvas').getContext ) { return false; } var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), x, y, r, g, b, opacity = opacity || .2; canvas.width = 100; canvas.height = 100; for ( x = 0; x < canvas.width; x++ ) { for ( y = 0; y < canvas.heigh
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; レタープレスのテキストエフェクト
This week I’d like to show you how you can create a kick-ass animated Shine Effect with jQuery & CSS3 and then use it to create your very own Shiny Gallery ‘ShineTime’. This effect is useful in making your user interface elements look like they’re a real polaroid photo (or made of glass) and the best part is, it’s not that difficult to achieve. I always think it’s useful to see a demo of what we’
Inspired by American portrait painter Chuck Close, this script converts an image into a pixelated version using an HTML5 canvas element. It's basically a simple demo for canvas' imageData functionality. This project lives on GitHub where you can download the script and these examples. View Close Pixelate on GitHub Options The function accepts an array of objects. Each object holds a set of option
ニコニコ動画やYouTubeなどでは多数のムービーが日々作られて公開されており、さまざまな「野生のプロ」が目撃され、その生息を確認されているわけですが、誰もがあのような超絶ハイクオリティムービーを作り出せるわけではありません。しかし、「こういうアイディアやビジョンはあるんだ、あとはこの自分の手でもうちょっとだけなんとかできるだけでいいのに……!」みたいな歯がゆい経験をしているクリエーターの卵も多いはず。 そういう人にとっての福音となるのがこの超高性能映像編集ソフトウェア「Movie Pro」です。細かい編集に便利なタイムラインモードで映像・音声・タイトル・画像・BGMなどの編集用トラックを99トラックまで使用でき、デスクトップ画面の指定範囲内を動画で録画する「スクリーンキャプチャ」機能・2つのファイルを同じ時間軸で再生し表示を切り替えながら1本の映像を作成する「マルチカメラモード」・フレー
Ink spill and splatter Photoshop brushes 以下、チュートリアルをダイジェストでご紹介。 エッジの作成 画像のレイヤーをコピーし、そのレイヤーに[フィルタ]-[ぼかし]-[ぼかし(詳細)]を選択し、「半径」を7.8、「しきい値」を47.7、「画質」を高、「モード」をエッジのみ、にして「OK」ボタンをクリックします。 次に、[イメージ]-[色調補正]-[階調の反転]を選択します。 エッジが作成できたら、そのレイヤーは一旦非表示にしておきます。 シャドウとなるラインアートの作成 斜めのラインを描きクロスハッチングのパターンを作成します。 「レイヤースタイル」から「パターンオーバーレイ」を選択し、クロスハッチングのパターンを「比較(明)」で適用します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く