The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
CS6からの新機能、パターンオプションを使ってみました。パターン作りがほんとに楽です。基本的な使い方や、自分が使ってみて気になった点などをまとめてます。 基本的な使い方 パターンオプションを使うと、パターン化された状態をリアルタイムに見ながら編集でき、何度でもやり直しができます。 ●モチーフになるオブジェクトを用意します。 ●モチーフを選択した状態で、オブジェクト-パターン-作成とたどります。 ●「パターンオプション」パネルが開きます。「タイルの種類」で好みのパターンの並び方を選びます。「グリッド」「レンガ」「六角形」があります。 ●間隔を以下のいずれかの方法で好みで設定します。 ①「パターンオプション」パネルの幅と高さ欄の数値を入力する。 ②オブジェクトをドラッグで拡大縮小する。タイル枠より大きくすると重なります。 ③パターンオプションの左上の「パターンタイルツール」アイコンをクリックし
アニメーションはゲームだけではなく、ウェブサイトやウェブアプリのUIなど、多くの用途で必要となります。流行りのマイクロインタラクションでもアニメーションは重要視されています。しかし、アニメーションに対して苦手意識を持っている方も少なくないのではないでしょうか。今回は私が普段トゥイーンアニメーションを作る時に使っている、簡単に「いい感じ」に仕上げるズルいテクニックを紹介します。 本記事で扱うのはトゥイーンと言われるアニメーションの種類です。これは、始めと終わりの状態を指定することで、中間の状態を自動的に補完しアニメーションさせる技術。具体的にはCSS TransitionやjQueryのanimate()関数、Adobe Animate CCのトゥイーン機能のことを指します。 本記事のデモはCreateJSで作成していますが、CSS3やjQueryなど他のテクニックでも応用できる内容となって
デモページ:ボックスの高さを拡張 以下は、これらの5つの実装方法と解説を意訳したものです。 Method 1: borderとoutline Method 2: 疑似要素 Method 3: box-shadow Method 4: div要素の追加 Method 5: border-image [ad#ad-2] Method 1: borderとoutline borderプロパティとoutlineプロパティを併用します。 この方法はoutlineプロパティをサポートするブラウザだけうまくいきます、つまりIE6/7以外です。 .one { border: solid 6px #fff; outline: solid 6px #888; } この方法が機能するのは、outlineがボックスの外に配置されるためです。outlineを使用する際の問題点は、周りのエレメントに影響を与えないとい
CSSには数多くの新しい機能が準備されています。その中でも2017年の今年に学んで、身につけておきたい3つのテクニックを紹介します。 3つはすべて有用で、Webサイトやアプリを作成する際に必ず役立つと思います。 3 New CSS Features to Learn in 2017 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 @supportsを使った条件付きCSS Float, Flexboxの後継者「CSS Grid Layout」 プロパティを変数で指定 すべてのブラウザにサポートされていない場合 @supportsを使った条件付きCSS @supportsを使用したCSS Feature Queries(W3C)は、特定のCSSのスタイルを指定したユーザーエージェントに対してのみ適用することができる条件付きのCSSを
昨日は、こちらの本を読みました。 雑談力が上がる大事典---会話に困ったとき最初のひとことがスッと出てくる! 作者: 齋藤孝 出版社/メーカー: ダイヤモンド社 発売日: 2014/04/18 メディア: 単行本(ソフトカバー) この商品を含むブログを見る 『雑談力が上がる話し方―30秒でうちとける会話のルール』の実践編ということです。大事典とあるだけあって、さすがにおもしろいです。 雑談力を上げたい、雑談がイマイチなのでどうにかしたい、そういう人が読むとおもしろく読めて役に立つと思います。 その中で、「雑談力が上がる9つのテクニック」というシートが紹介されています。 1.相手の見えているところをほめる 2.まずは肯定・同意する 3.質問で切り返す 4.相手8対自分2で聞き役に回る 5.相手の質問には一問二答で返す 6.相手との共通点を探して覚える 7.時事ネタはすぐ使う 8.日常の疑問は
コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」(複雑な背景バージョン) オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー(Command/Ctrl+J)したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は
5 Awesome Techniques for Using Textures in Your Designs [ad#ad-2] 下記は各ポイントを意訳したものです。 背景としてのテクスチャ オーバーレイとしてのテクスチャ モックアップのためのテクスチャ イラストのためのテクスチャ テクスチャをテキストに当てはめる 背景としてのテクスチャ テクスチャを効果的に使うポイントの一つは、繊細です。テクスチャを使用する際は基本的には、コンテンツから気を散らさないようにします。 例をみてみましょう。ここにシンプルなアートワークがあります。 このテクスチャは釣り合いがとれていません。コンテンツから気を散らせ、カラーもマッチしていません。 このアートワークにマッチするようにテクスチャを変更します。 テクスチャのサイズを縮小し、カラーを調整し、微妙なグラデーションを適用しました。 背景としてのテクスチャ
投稿日:2006年6月20日 レベル:初級 ソフトウェア: ブレンドツールを使って上記のイメージ画像の様なスタイリッシュな花を作ります。Adobe Illustratorで作成したデータは拡大・縮小をしても劣化しないので、大きな印刷物にも向いています。 1.花びらペンツールを使用し黄色と青で下記のようにパスを引きます。 2.ブレンドツールの設定 下記のようにメニューバーから「オブジェクト」→「ブレンド」→「ブレンドオプション」を選択。 ダイアログが出てくるので下記のように設定します。 ステップ数にて、あるオブジェクトからオブジェクトまでをブレンド回数を設定することができます。いろいろ試してみましょう。 その後もう一度「オブジェクト」→「ブレンド」と選び今度は「作成」を選択します。右側に書いてあるのがショートカットキーなので、Macではコマンド(りんご)+オプション+Bで同様の作業
ポートレート(人物写真)作成時の16のアートテクニックです。満足のいく写真を撮るのはなかなか難しいことですが、いくつかのテクニックを使えば満足いく写真が撮れる参考になるかも。 詳細は、以下から。 1.フォトショップ コンピュータをそれなりに使える人にお勧め。 Photo by Paul Moody 2.テクスチャー テーマやバックグラウンドの調和に役立つかも。 Photo by Sukanto Debnath 3.露出過度にする 使い方によっては写真のイメージをより滑らかにする効果あり。 Photo by sam_samantha 4.露出不足にする より気合の入った、ハードなイメージの写真にすることが出来ます。 Photo by ConfusedVision 5.逆光 この写真の髪のように主題をより強調することが出来る。 Photo by Caleb Sconosciuto 6.ポージン
デジタルARENAでは、Windows XPやOutlook Express、Excelなどの実戦テクニックを随時掲載していますが、大好評につき、「実戦テク総集編」を作成することにしました。 まず、その第1弾としてWindows XPの究極テクを一挙に公開。過去に掲載になったXPの実戦テクは何と300超。今回はその第1回として2004年に掲載になったテクニック82本を紹介します。引き続き2005年、2006年、2007年に掲載になったXP実戦テクも紹介していく予定なので、ご期待ください! さらに「実戦テク総集編」Part2、Part3、Part4…として、XP以外の実戦テクもどんどん掲載していきます。 役立つテクニックが必ず見つかるはずです。デジタルARENAで「実戦テク総集編」の記事を見つけたら即ブックマーク!
デザインスキル無料動画講座では、 スマホやタブレットで見られるYoutube版と、 パソコンのデスクトップに保存して見られる ダウンロード版の動画を配信しています。 ダウンロード版の動画をご覧になる時に 僕がお勧めしてい…
冥王星が太陽系の惑星から外されてしまいました。というわけで、自分で撮影したパノラマ画像を惑星風の画像に加工する方法。特にパノラマ画像でなくても、横長の画像であればほとんどのものが惑星っぽくなります。 作り方は以下の通り。 Photojojo >> How to Create Your Own Planets Using Your Panoramas まず「イメージ」→「画像解像度」を選びます 「縦横比を固定」のチェックを外して正方形にします。 次に「イメージ」→「カンバスの回転」→「180°」を選び、天地反転させます。 そして「フィルタ」→「変形」→「極座標」を選択 あとは「直行座標を極座標に」を選ぶだけ。 最後に、仕上げとして適当に「カンバスの回転」でキレイに見える角度に補正すれば完成です。 コツとしては、元になるパノラマ画像の左右の端っこの地平線部分がちょうど同じ高さになっていること。
You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out! Let me start by wishing you all a very happy new year! May 2007 be a year full of inspiration and creativity! Today I’ve picked another topic from my list of requests that readers of my blog send in: swirly curls. Lets add some trendy elegance to your illustrations! Here we go… Step 1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く