新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
B. Feeds - Kuler - Adobe Learning Resources
Language Navigation Language Navigation
Creative CSS Loading Animations | Codrops
In this tutorial we’ll show you how to make some creative css-only loading animations also known as activity indicators. Today, we are going to do a lot of stuff with CSS animations. Indeed, we will talk about CSS loading animations. What do you say? Ready? A few things before we start: You won’t see any vendor prefixes in the CSS snippets, but you will, of course, find them in the files. The goal
フォトショップ講座 アーカイブ / ウェブデザインライブラリー
フォトショップで水彩ブラシと新聞を使ったビンテージアートワークを作成する方法 (2015年9月18日) 水彩画と新聞の画像を使ったビンテージアートワークを作成する方法をご紹介します。
ブラシ素材を使って木を描く
今回はブラシ素材を使った木の描き方を紹介します。 ウメボシトラさんの「手っ取り早い木」では イラストに適した木の描き方が紹介されており ブラシ素材も配布されています。 以下ダイジェストおよび手順まとめ （詳しくは上のリンクからどうぞ） ◯手順 １．葉ブラシをインストールする 「手っ取り早い木」のリンクより、葉ブラシをダウンロードし Photoshopの「編集→プリセットマネージャ」でマネージャを開き 「読み込み」ボタンからダウンロードしたabrファイルを指定 （ブラシはソースに書いてある通りに自作してもOK） ２．幹を描く Yの字をつなげていく感じで幹を描く ３．葉（影）を描く 暗めの色を選択し、インストールした葉ブラシを使って 影となる葉を描き、全体の形を作る ４．少し明るめの色を乗せる 先程よりも明るめの色を選択し、葉ブラシで 明るい部分を描画する ５．もう２色程度明るめの色を少量置く
A Slick Supernatural Text Effect | Envato Tuts+
In this tutorial we'll be creating a smoky night effect on text to give it an eerie supernatural sort of feel. It's a good exercise in using the Wave distortion filter... Step 1 The first thing we need for our image is a background. We're going to use a quick star-sky background. There are lots of tutorials around for this effect, and it's actually a simple two-step process: clouds + noise. So on
Photoshopで煙（けむり）を作る
煙（けむり）を作るには、ゆがみフィルタと編集＞フェードを繰り返す、またはフィルタ＞変形＞波型と編集＞フェードを繰り返す方法が良いようだ。 参考サイト Noscope Creating Smoke In Photoshop From Scratch PhotoShop - Smoke Effect Photoshop helpから引用 ゆがみフィルタを使用すると、画像内の任意の領域のワープ、乱流、渦、移動、反射、縮小および膨張を実行できます。 微妙なゆがみも大きなゆがみも作成できます。そのため、「ゆがみ」コマンドは、画像のレタッチや芸術的な効果の演出を実行する際に強力なツールになります。 ゆがみフィルタは、8 bit/チャンネル画像または 16 bit/チャンネル画像に適用できます。 適当な線を描く。 ゆがみフィルタ使用。ゆがみフィルタ内のどのツールを使うのか迷ってしまう。helpは見た方が
[Photoshop]極座標フィルタでできるクリエイティブ表現色々
調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。
![[Photoshop]極座標フィルタでできるクリエイティブ表現色々](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b3b54101d8884cbe62edef833888960548afbe5/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F01%2Fps-polar-coordinates-08-150x150.png)
photoshopブラシをマスターするためのチュートリアル「35 Tutorials for Mastering Photoshop Brushes」
TOP > Design , Photoshop > photoshopブラシをマスターするためのチュートリアル「35 Tutorials for Mastering Photoshop Brushes」 今までDesigndevelopでは様々なphotoshopフリーブラシを紹介してきましたが、今回はブラシ自体ではなくて、ブラシを使ったデザインをマスターするためのTipsを集めたエントリー「35 Tutorials for Mastering Photoshop Brushes」を紹介したいと思います。 Funky Web Design Layout photoshopブラシを使った様々な表現が紹介されていますが、その中から特に気になったチュートリアルをいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Fire Brushes: Photoshop Tutoria
Sparkling Hot Girl in Photoshop
I’ve seen some very nice images mixing photos with light effects and sparks. If you go to flickr in those Photoshop and Graphic Design groups you will see images with this effect. There’s a designer, I think he's Brazilian, who has some amazing designs using this style, his name is Leandro Demetrius and it’s really worth checking his work out. Anyway, in this tutorial I will show you how to create
[CSS]さまざまなバリエーションを簡単に利用できる美しいデザインのボタンを実装するチュートリアル
画像は使用せずに、繊細なパターンとグラデーションで美しいボタンをスタイルし、サイズやカラーなどさまざまなバリエーションを簡単に利用できるように実装するスタイルシートのチュートリアルを紹介します。 ベースとなるボタン HTML マークアップは非常にシンプルです。 <a href="" class="button">Button</a> または、button要素でも構いません。 <button class="button">Button</button> CSS CSS3を使って、ちょっとリッチにスタイルしてみましょう。 .button{ display: inline-block; *display: inline; zoom: 1; padding: 6px 20px; margin: 0; cursor: pointer; border: 1px solid #bbb; overflow
Photoshop で「銀残し」（ブリーチ・バイパス）を再現する方法
（銀を残せば──金も輝く） 「銀残し」をご存じでしょうか？ 映画や写真のフィルムを現像する手法のひとつです。「ブリーチ・バイパス」「ブリーチ・スキップ」とも呼ばれているようですね。 原理や理屈は ともかく銀残しを使うと、 「写真・映像の暗い部分が強調され、コントラストが上がり、画が引き締まる」 ──という効果があります。 『セブン』や『プライベート・ライアン』・『マイノリティ・リポート』などの映画を思い出すほうが早いかもしれません。いずれも黒色が目を引く映像でした。 銀残し – Wikipedia 今回は、この銀残しを Photoshop で再現する手順をご案内します。 Photoshop での手順（オーバーレイ編） (by asiamoth) 「Photoshop でブリーチ・バイパス」というと、有料・無料のプラグインがいくつか見つかります。しかし、標準の機能でも十分に銀残しの効果が得ら
[CSS]柔軟性のあるグリッドをシンプルで簡単に実装するスタイルシートのチュートリアル
すべてのモダンブラウザとIE8+に対応したグリッドを複雑なフレームワークを使うのではなく、シンプルで簡単に実装するスタイルシートのチュートリアルを紹介します。 Don't Overthink It Grids 下記は各ポイントを意訳したものです。 ラッパー カラム フロートのクリア ガター（溝） 外側のガター（溝） カラムの追加 対応ブラウザ ラッパー まずは、グリッドを包むラッパーです。 グリッド用のラッパーはセマンティック的には特に意味がなく、ただのラッパー（包み紙）です。使用する要素はdivがよいです。 HTML <div class="grid"> <!-- 100% wide --> </div> 表示例 ラッパーとなるdiv要素はブロックレベルのエレメントで、この中にグリッドを包み込みます。 カラム カラムはよく見かけるメイン コンテンツとサイドバーの2つです。 メイン コンテ
How to Make Polar Panorama Photo Like King Kaio Planet
2013年3月25日 Photoshop 連休なので軽くPhotoshopの小ネタでも。横長のパノラマ写真を使って、まるでドラゴンボールの界王星のような惑星風写真を作成する方法を書いてみます。連休で撮影した素敵な写真を加工してみてはいかがでしょう？たったの４ステップでできちゃいますよ！ ↑私が10年以上利用している会計ソフト！ 作り方 まずは横長のパノラマ写真を用意します。左右の端同士をつなげる事になるので、できるだけ両端の色や建物の位置が変わらない方がきれいに処理できます。 1. 「イメージ」＞「画像解像度」で「縦横比固定」のチェックを外して、幅と高さを同じサイズにします。この例では2000x497pxの写真を2000×2000にしました。縦にびよーんと伸びた正方形の画像の完成です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
recre8.jp - このウェブサイトは販売用です！ - ペンタブレット 写真加工 アート クリエイト タブレット リソースおよび情報
新着記事
新着記事
http://turi2.net/blog/658.html
Photoshop ロゴアクション
http://www.antsmagazine.com/web-development/50-beginner-tutorials-for-html5-2/