絵文字とレタッチは360度




 お知らせ

 「Greenfish Icon Editor Pro 」で保存したアニメーションGIFが
 Internet Explorer にて、ループ
(繰り返し再生)しないPC環境があります[1]

 
「natm」で保存すると Internet Explorer にも適合するので、Internet Explorer 対策にします[2]

 「Internet Explorer 対策


 
<脚注>
 1. Firefox、Chrome、Operaでは、問題なくループしています。
   HPやブログに絵文字を貼る場合は、より多くの訪問者の環境に対応するのが望ましいと考えます。
 2. 当サイトは、PC初心者も対象にしているので簡単な方法を紹介します。 Giam でも可。





はじめる前に「当サイトを利用する前に 」を確認してください。


ホームページ素材


ボタンの作り方

YouTube ボタンの作り方 [2分17秒]

基本操作は、「各部の名称と使い方 」でマスターしてください。



作り方を通じて、基礎的な扱い方を知る


 ボタン    ボタン
 アンチエイリアスOFF    アンチエイリアスON




ファイル>新規画像を作成
ボタン 制作 1



サイズ 「256×256」
ボタン 制作 2









塗る色を指定する    「楕円」 「塗りつぶし形状」    黒いライン上をドラッグ
ボタン 制作 7
みんなの絵文字と同色の色見本






 
ボタン 制作 A   ボタン 制作 4 A
     関連記事 「GIFは、半透明を保存できない
         
 編集>透明部分のトリミング   トリミングされた
ボタン 制作 9    ボタン 制作 10









     
 フィルター>べベル   各項目を設定する  
ボタン 制作 11



  ボタン 制作 12  
     
[ 次回 ] フィルター>色相/彩度  [ 次回 ] マウスオーバーの画像を作成 「GFIE Pro 独自形式(*.gfie,*gfi)」で保存
ボタン 制作 13


  色相 アニメ
     
「新規レイヤー」(レイヤー2)  文字の影の色を指定する
ボタン 制作 14   ボタン 制作 15
     
「テキスト」   文字を入れる サイズ「24」 ※画面をクリックすると「テキストの挿入」が出る
ボタン 制作 16   ボタン 制作 17 
関連記事 「フォント一覧(縦書き) 」「フォント一覧(横書き) 」「フォント位置 早見表


     
 「変形」   テキストを中央に移動する  
 ボタン 制作 18  
 関連記事 「文字を挿入 」「変形(移動)
 
 「新規レイヤー」(レイヤー3)   文字の色を指定する  テキスト>文字を入れる>影の色に重ねる
ボタン 制作 19   ボタン 制作 20



ボタン 制作 21





 
       
 「Ctrl 」を押しながら「レイヤー2」をクリック    
ボタン 制作 22   
 
「矩形選択」   画像全体を囲む    選択された
ボタン 制作 23

  ボタン 制作 24   ボタン 制作 25
 
 「変形」   文字の位置を微調整 
 ボタン 制作 26  ボタン 制作 27 
 
「新規ページ」を追加する フレームレートは、後で設定する  「合計4ページ」 1ページ目を選択
ボタン 制作 28








ボタン 制作 29


 ボタン 制作 31
 
 [ 1ページ ] 「OP」を選択  編集>削除  
ボタン 制作 32




ボタン 制作 33  
     
 [ 2ページ ] 「Shift 」を押しながら「TP」を選択  「編集>削除」
ボタン 制作 34  
     
 [ 3ページ ] 「TO 」を選択  「編集>削除」
ボタン 制作 35    
     
 1ページ目のフレームレートを「400 」  右クリック>すべてのフレームに適用
ボタン 制作 36 ボタン 制作 37


再利用するなら「GFIE Pro 独自形式(*.gfie,*gfi)」で保存する

 
   
 [ 4ページ ]フレームレート「800 」    「テスト」    「全てのページ」のレイヤーを結合する
ボタン 制作 38    ボタン 制作 39



テスト アニメ









  ボタン 制作 40





     
 名前を付けて保存 「Graphics Interchange 形式(*.gif)」
ボタン 制作 41
 
TOP アニメ TOP リンク     HOME アニメ  アンチエイリアス HOME リンク アンチエイリアス

※応用でバナーも作成できます。
バナー素材 バナー素材 バナー素材

YouTube 簡単!バナーの作り方 [5分10秒] ※記事と連動していません



マウスオーバーの画像が必要な場合、 [ 次回 ] で保存したファイルから作成する
※マウスオーバーの画像は、アニメーションしない方が好ましい。





ボタンページ先頭 ボタントップページ ボタンサイトマップ ボタンGreenfish Icon Editor Pro の使い方 ボタン実践編

 Copyright © 2024 emoji 16x16 All Rights Reserved.