image

photoshopからFlashへ 3

タイミングをずらす タイムライン レイヤー名を選択。 ドラッグして、「sora」の終わるあたりに、「clover」の始まりを持ってくる。 「tanpopo」の先頭も「clover」の終わるあたりまでずらす。 アクションを記述 タイムライン 一番最初にactionに書き換えた…

photoshopからFlashへ 2

キーフレームの挿入 タイムライン タイムラインの四角いのをドラッグ選択。 control クリックでキーフレームを挿入。 同じく60と90にも挿入する。 これでキーフレームができた。 クラシックトゥイーンの挿入 タイムライン 30の位置を選択。 同じく60にも ク…

PhotoshopからFlashへ

Photoshopファイル作成 クロスフェードに使いたい写真を、同じサイズでレイヤー構成にする 読み込み 新規作成 ActionScript2.0 読み込み Photoshop形式ファイルを、ステージに読み込み 読み込み画面 Psのレイヤー構成 シンボルに変換 タイムラインでの作業先…

印刷用画像をブラウザで表示すると色が変わる点への留意

印刷用画像をサイトに使ったところ、全く色が変わってみえることがあった。 埋め込みカラープロファイルの指定がsRGB以外になっていると、ブラウザの解釈が変わることがある。ex.サファリでは問題なくても、Firefoxでは同じ画像が違う色になる 対処:Photosh…

白黒画像をレイヤーマスクにする

レイヤーマスクの役割 まわりを覆って 部分を強調する どの部分を使うか元の画像 白黒画像をレイヤーマスクにする レイヤーはX色の塗りつぶし X色で描画 今回は白。 画像を重ねる 上の白で描画した画像 スクリーンもしくはオーバーレイ 白が強調される。 今…

ネオンサインのロゴを作る

フォトショップで立体感たっぷりなネオン管ロゴをデザインする方法 - PhotoshopVIPに、バリエーションをくわえて、ネオンなバナーにしました。DEMOはこちらです。 ネオンロゴのチュートリアル。点灯してぼんやり輝く。 レイヤーとレイヤー効果を重ねていて、…

Photoshopでお箸をつくる

料理画像の食べる雰囲気をだすために、お箸をつくりました。 photoshopのお箸のチュートリアル ベクトルシェイプでお箸の原型をつくる 角丸のベクトルシェイプで、680×30px、角の丸さは5px程。 細くする方の両端は、自由変形で、1°くらいずつ近づけました。 …

レイヤーの描画モードで絵に色をつける

ボールペンで書いた絵をスキャンしました「画像レイヤー」 別レイヤーで色を塗っていきます「色塗りレイヤー」 「色塗りレイヤー」を焼き込みカラーにして、画像レイヤーの上から重ねます。"焼き込み"は白には反応しません。 レイヤーの様子 下のレイヤーに…

Macでイメージファイルをリネームする

デジカメなどの画像ファイル名をリネームするには 画像をPCにいれっぱ&溜まった片付けは大仕事で大変です。っていうか、使えなくなることに・・・(自話。 いるファイルを選んだら、日付や名まえそろえてリネームしましょう。 MacのAutomatorでリネームするこ…

illustrator ライブトレース前のひと手間

画像から自動トレースするIllustratorのライブトレース機能。 リアルに見えるベクトル画像ができました。 ライブトレースの前に画像を調整する 元画像をphotoshopで調整。 必要によってシャープをかけコントラストや彩度をあげる。 画像を切り抜く。クリッピ…

画像形式

ネット上で使用出来る画像は Jpeg(Joint Photograph Experts Group) GIF(Graphocs INterchange Format) PNG(Portable Network Graphics Webで使用する画像は最終的に四角いビットマップデータとして書き出すそれぞれの特徴 圧縮方法 透過 扱う色数 JPEG 圧縮…

ai課題06 グラデーションを使ったイラスト

お手本 絵に描いて、分解して考える。 輪:缶本体のグラデーションをグレーにする。上下の明度差を乗算で被せる。全体の形の影:全部選択して効果をかける 作成

ai課題05 イラストレーターで時計を作る

文字盤の数字 土台になる図形の真中に、文字(12)を載せてグループ化。 文字は中央揃え。 文字のベースラインシフトで縦位置を調整。 文字盤の中心を支点に回転。 文字毎回転している 各文字&土台を回転して傾きを修正。 土台の図形を消して、数字を入れ替え…

ai課題05

文字盤の数字 土台になる図形の真中に、文字(12)を載せてグループ化。 文字は中央揃え。 文字のベースラインシフトで縦位置を調整。 文字盤の中心を支点に回転。 文字毎回転している 各文字&土台を回転して傾きを修正。 土台の図形を消して、数字を入れ替え…

グラデーション課題01

文字をアウトラインにする

グラデーション課題02

基本の長方形を変形。 丸い角は、効果のスタイライズから。 平行四辺形は、シアー使ったら良かったかも。

グラデーション課題03

透明パネルで乗算 色の重なった効果 レイヤーで階層を整理しておく。。

グラデーション課題04

グラデーションを逆方向にすると、立体がでる。 拡大縮小ツール。どこを起点にする?と、効果の落書き。わしゃわしゃしておる。カップの下の丸みを、図形から作る方法ないでしょうか。 今回は、 長方形と楕円形の合体 スムーズパスへ

フラッシュをブログに貼る

はてなブログへの埋め込み 風姿花伝 てっく煮ぶろぐ様から jimdoにアップロードする。ファイルのURL http://u.jimdo.com/www35/o/sc3c2f6ba73e7498e/flash/m40c8c8452dff2a4b/1338990877/flash.swf googleモジュールにjimdoでのURLを入力。生成されたコード…

フラッシュをブログに貼る

はてなブログへの埋め込み 風姿花伝 てっく煮ぶろぐ様から jimdoにアップロードする。ファイルのURL http://u.jimdo.com/www35/o/sc3c2f6ba73e7498e/flash/m40c8c8452dff2a4b/1338990877/flash.swf googleモジュールにjimdoでのURLを入力。生成されたコード…

ライブトレース

写真を減色・デフォルトして、絵の表現にする。(色数を調整)まだ生っぽい。

Web用画像に保存

特徴 JPG フルカラー 透過なし 圧縮で画質劣化 GIF 256色 透過あり 劣化しない圧縮 PNG フルカラー/256色選択 透過色複数可 劣化しない圧縮 容量を押さえるには 画像を小さく JPG 80画質以上は不要 コントラストを下げる・ぼかしをかける(色や明るさが急激に…

Web用画像に保存

特徴 JPG フルカラー 透過なし 圧縮で画質劣化 GIF 256色 透過あり 劣化しない圧縮 PNG フルカラー/256色選択 透過色複数可 劣化しない圧縮 容量を押さえるには 画像を小さく JPG 80画質以上は不要 コントラストを下げる・ぼかしをかける(色や明るさが急激に…

ライブトレース

写真を減色・デフォルトして、絵の表現にする。(色数を調整)まだ生っぽい。

楕円形ツールでロゴを描く

移動コマンドで数値を入れた移動コピー Ctrl+Shift+M(move) ダイレクト選択ツールで移動、アンカーに重ねる [left:w400]

長方形ツールでロゴを作る

基本の長方形を、コピーして使うことで一貫性がでる 基本の長方形に、整列させる。 web用に保存するときのサイズ 目的サイズの長方形をアートボードに変換 アートボードパネルのオプションからサイズ変更 アートボードサイズでクリップオプション

線のバリエーション

線を重ねる テキストや線には、線や塗りを重ねてバリエーションを作ることが出来る 作った物をグラフィックスタイルで保存し、また使える。

イラストレーターのフォントの輪郭の強調

テキストに、アピアランスで塗り・線を重ねる 線幅のない塗りだけのもの(文字がつぶれないように) 線幅の狭いもの(縁取り)→線角:ラウンド形状 形状によっても違いが出来る 広い線幅のもの(縁取り)→線角:ラウンド形状 ドロップシャドウなどの効果を重ねる 上…

フォントの輪郭の強調

テキストに、アピアランスで塗り・線を重ねる 線幅のない塗りだけのもの(文字がつぶれないように) 線幅の狭いもの(縁取り)→線角:ラウンド形状 形状によっても違いが出来る 広い線幅のもの(縁取り)→線角:ラウンド形状 ドロップシャドウなどの効果を重ねる 上…

線のバリエーション

線を重ねる テキストや線には、線や塗りを重ねてバリエーションを作ることが出来る 作った物をグラフィックスタイルで保存し、また使える。