スポンサードリンク


2013年12月19日

『ツイッターのヘッダー画像設定方法その2』とゆっくり歩くよ♪ぽくぽく馬イラスト《干支ツイッター、ヘッダー&アイコン》配布♪

ツイッターヘッダー、アイコンの変更方法


◆方法1 〜プロフィールを見る⇒プロフィールを編集〜

1 ツイッターHOME左端『プロフィールを見る』の上の自分のツイッターアカウントをクリックします。
ツイッター ヘッダー アイコン 変更 方法 やりかた 設定



2 ヘッダー下にある『プロフィールを編集』をクリックします。
ツイッター ヘッダー アイコン 変更 方法 やりかた 設定



3 プロフィールが編集モードになりますので、変更したい箇所
・ヘッダーならヘッダー左上の鉛筆アイコン
・アイコンならアイコン左上の鉛筆アイコン
を、クリックします。(今回はヘッダーで説明します)
ツイッター ヘッダー アイコン 変更 方法 やりかた 設定



4 ヘッダー左上の鉛筆アイコンをクリックすると小窓がひらきますので、『画像アップロード』を選択。
ツイッター ヘッダー アイコン 変更 方法 やりかた 設定



5 任意のフォルダとファイルを選択し、開くをクリック。
ツイッター ヘッダー アイコン 変更 方法 やりかた 設定



6 『プロフィールを変更』⇒『変更を保存』
ツイッター ヘッダー アイコン 変更 方法 やりかた 設定

以上です。






◆方法2 〜設定⇒プロフィール〜

1 ツイッターHOME右端の『設定とヘルプアイコン』をクリックして『設定』を選択。
ツイッター ヘッダー アイコン 変更 方法 やりかた 設定



2 『ユーザー情報』からプロフィール』を選択。
ツイッター ヘッダー アイコン 変更 方法 やりかた 設定


3 ヘッダー画像、アイコン、編集したい方をクリック。
ツイッター ヘッダー アイコン 変更 方法 やりかた 設定
※プルダウンで『画像をアップロード』が選択できます


あとは方法1の46と同じです。









ゆっくり歩くよ♪ぽくぽくイラスト干支ツイッターヘッダーアイコン


フリー素材 イラスト ポップ ツイッター  ヘッダー アイコン イラスト 干支 馬 午 乗馬
※こちらはサンプル画像となります。※下部はツイッターに画像をアップロードした際に自動でかかるグラデーションを再現したものです。

本日の素材は
ゆっくり歩くよ♪ぽくぽくイラスト干支ツイッターヘッダーアイコンでございます。
干支の馬のヘッダー画像ですが、『新年』や『2014』要素は入れておりませんので、ただのゆるい馬イラストのヘッダー&アイコンとしてもお使いいただけるかと思います。

内容:ツイッターヘッダー&アイコン画像(2パターン)+無地アイコン


オマケ:
以前一度ご説明させていただいたかと思いますが、今回改めてツイッターヘッダー&アイコン画像の設定方法を記事にさせていただきました。



素材は日々一素材/パントリー『ichipan!(イチパン!)』 
よりダウンロードできます♪

フリー素材 イラスト ポップ ツイッター  ヘッダー アイコン イラスト 干支 馬 午 乗馬

ゆっくり歩くよ♪干支午(馬)イラスト《ツイッター、ヘッダー&アイコン》zip
ダウンロードは『ichipan!(イチパン!)』より♪







でっは〜(*´∀`*)ノシ



海産物、スイーツショップ、手紙、金魚、観葉植物、ハロウィン、クリスマス各シリーズへのリンクは、サイドバーに格納しております。
また、サイドバーに格納している素材以外にも素材は多数ございますので、ご入用の素材が見当たらない場合はキーワードで検索してみてくださいね♪



オススメ無料ツール


h4 イメージ Photoshop系のツールがオンラインで使えます⇒PixarEditor
h4 イメージ お絵かき系フリーソフト⇒Pixia




にほんブログ村 デザインブログ フリー素材へ
にほんブログ村
ランキングに参加しています☆お気に召しましたらクリックよろしくおねがいします顔文字イラスト ニコポッ揺れるハート

バナー 日々一素材 リンクフリー バナー イチパン! リンクフリー




posted by ヒビイチソザイ at 18:52 | Comment(0) | TrackBack(0) | チュートリアル | このブログの読者になる | 更新情報をチェックする

2013年11月26日

キラキラ☆雪の結晶《イラスト素材》配布とPixlr Editorの使い方2&オマケ「.htaccess」ファイル設定問題

フリー素材 クリスマス 冬 イラスト 雪の結晶 サンプル画像
※こちらはサンプル画像となります。



本日の素材は昨日のツイッターヘッダー画像の背景などで使用しておりますキラキラ☆雪の結晶《イラスト素材》でございます。
大きなほうが原寸大です、小さな方は50%透過してます。

ちなみに、学術的な雪の結晶としての正確さはございません;;

12月に入ったらお正月素材ですかねー…。
クリスマスの雰囲気は大好きなんですけどね。。。




素材は日々一素材/パントリー『ichipan!(イチパン!)』 
よりダウンロードできます♪

フリー素材 クリスマス 冬 イラスト 雪の結晶 サンプル画像
※こちらはサンプル画像になります。

雪の結晶《クリスマス☆ツイッターヘッダ画像》zip
ダウンロードは『ichipan!(イチパン!)』より♪





海産物、スイーツショップ、手紙、金魚、観葉植物、ハロウィン、クリスマス各シリーズへのリンクは、サイドバーに格納しております。
また、サイドバーに格納している素材以外にも素材は多数ございますので、ご入用の素材が見当たらない場合はキーワードで検索してみてくださいね♪






Pixlr Editorの使い方2(スーパーの袋カスタマイズ方法)


スーパーの袋のカスタマイズ方法を配布日にご説明出来ませんでしたので、本日はこちらをちょちょっとやってみたいと思います。
フリー素材 師走 お買い物 買い出し スーパーの袋 パック詰めロース肉 りんご みかん ネギ 紙袋 イラスト素材 サンプル画像

使用しますのはお馴染みペイント系無料オンラインツールPixlr Editorです。




お買物セットカスタマイズ方法


カスタマイズ方法というほどのものではありませんが、一応…


1 まずはPixlr Editorにて、新規ファイル作成。
昨日は初期レイヤーに適当な背景色を入れましたが、レイヤー自体を透明にする方が簡単かもです…;;
ということで、『透明』のチェックボックスにチェックを入れてファイルを新規作成します。
無料オンラインツール Pixlr Editor 使い方


2 ファイル⇒画像を開く… より…
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方

任意の素材を開きます。
無料オンラインツール Pixlr Editor 使い方
今回はスーパーの袋と食材単品を選択。


3 素材を作業用レイヤー「スーパーの買物袋」ファイルに移動します。※こちら昨日の記事にも移動方法詳細があります。
無料オンラインツール Pixlr Editor 使い方

無料オンラインツール Pixlr Editor 使い方

レイヤーは、スーパーの袋レイヤーが一番上、全ての食材素材レイヤーがその下の構成です。
無料オンラインツール Pixlr Editor 使い方


4 変形方法は昨日と同じく 編集⇒自由変形で
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方

5 あとは移動ツールにて食材をスーパーの袋の後ろにはみ出さないように配置してください。
無料オンラインツール Pixlr Editor 使い方

紙袋の方も同じ要領でカスタマイズできます♪


テイストの違うものも多いですが、スーパーの袋に詰め込めそうな素材は過去にちらほら配布しておりますので、ちょっくらお探してみてくださいませ♪

無料オンラインツール Pixlr Editor 使い方
今夜は海鮮鍋?





&オマケページの読み込み時間のパフォーマンス改善のための「.htaccess」ファイル問題


/auth/article_preview/ サイトの状況 ページの読み込み時間のパフォーマンス PageSpeed Insights
この間ふと「サイトの状況」を見たらURLが2つに増えてました;;;
増えたのは『日々一素材』のURLだったのですが、それなら今までどこのURLを計測していたんだろう;;;
/auth/article_preview/というのは、記事のプレビューページのことらしいのですが…

今までPCのパフォーマンス点数はどうやらこちらの計測結果だったようです。
ページの読み込み時間のパフォーマンス PageSpeed Insights 有効期限が指定されていません ブラウザのキャッシュを活用する .htaccessファイル
かなり最低な状況だろうなと思っていたモバイルが99点だった時点で気づけって話なのですが…


で、改めてhttp://blog.hibiichi-sozai.com/を測ってみた結果がこちら
/auth/article_preview/ サイトの状況 ページの読み込み時間のパフォーマンス PageSpeed Insights
…○┼< バタッ


&オマケ「.htaccess」ファイル問題から


芋づる式にいろいろと問題が出てまいりました。。。

例えば、
◆Seesaaのauth/article_preview/に関してはなんか微妙な問題もあるようです。
SeesaaブログでGoogle AdSense二次審査落ち理由の/auth/article_preview/を考えてみる


◆ページ読み込み速度を上げる無料サービスCloudFlareの方のアナリティクスもやっと動き始めたのですが、「脅威のコントロール」というページに早速「こいつどないしまひょ?出禁しまひょか?」ってリストが上がってきてます;;
無料オンラインツール CloudFlare 脅威のコントロール
無料オンラインツール CloudFlare 脅威のコントロール
こういうのどうやって判断すればいいんだろ???



とまあ、ひとつ問題を片付けようとすると芋づる式にどんどん新たな問題が浮上してきて時間が追いつかない;;;

まずは初めの問題⇒「『ブラウザキャッシュを活用する』のアラーム問題』から順番に片付けたいのですが…

問題解決のためには「『.htaccess』ファイルを設置すれば良い。」ということころまで辿り着いたのはいいのですが、ここは無料ブログです。
はじめは「.htaccess」ファイルを作成して、画像などと同様にアップロードしてHTMLファイルなどにリンクでもすればSeesaaでもどうにかなるかと軽く考えていたのですが…
「.htaccess」ファイルってApacheというウェブサーバーの設定ファイルらしいので、Seesaaのような無料ブログでは設置は難しいような気もします;;



というわけで、今日もまたググりの旅に出かけてまいりますε≡≡ヘ( ´Д`)ノ





でっは〜(*´∀`*)ノシ



オススメ無料ツール


フリーツールやフリーソフトでもPhotoshopとは違った感じの効果を入れることが出来ます。

h4 イメージ Photoshop系のツールがオンラインで使えます⇒PixarEditor
h4 イメージ お絵かき系フリーソフト⇒Pixia




にほんブログ村 デザインブログ フリー素材へ
にほんブログ村
ランキングに参加しています☆お気に召しましたらクリックよろしくおねがいします顔文字イラスト ニコポッ揺れるハート

バナー 日々一素材 リンクフリー バナー イチパン! リンクフリー




posted by ヒビイチソザイ at 18:42 | Comment(0) | TrackBack(0) | チュートリアル | このブログの読者になる | 更新情報をチェックする

2013年11月25日

無料オンラインツールPixarEditorでクリスマス電飾コードを描く&雪の結晶《クリスマス☆ツイッターヘッダ画像》配布♪

20131129-sample_mini.jpg
※こちらはサンプル画像となります。



本日の素材は
雪の結晶《クリスマス☆ツイッターヘッダ画像》となります。

アイコンはサンプルの雪の結晶以外にトップスター(クリスマスツリーのてっぺんに飾る星)の2種入ってます。
twitter-xmas7-icon-star.png twitter-xmas7-icon-snow.png







素材は日々一素材/パントリー『ichipan!(イチパン!)』 
よりダウンロードできます♪

フリー素材 イラスト クリスマス 雪の結晶 ツイッター ヘッダー画像 サンプル画像
※こちらはサンプル画像になります。

雪の結晶《クリスマス☆ツイッターヘッダ画像》zip
ダウンロードは『ichipan!(イチパン!)』より♪




海産物、スイーツショップ、手紙、金魚、観葉植物、ハロウィン、クリスマス各シリーズへのリンクは、サイドバーに格納しております。
また、サイドバーに格納している素材以外にも素材は多数ございますので、ご入用の素材が見当たらない場合はキーワードで検索してみてくださいね♪






無料オンラインツールPixarEditorでクリスマス電飾コード描くよ♪


Pixlr Editorという無料オンラインツールですが、これが結構便利でくつきも出先でよく使います。

この間クリスマスリースのカスタマイズセットとしてまめ電とリースの単品を配布させていただいたのですが…
クリスマス クリスマスリース 電飾 リボン チャーム まめ電 カスタマイズセット まめ電 チャーム付きリボン イラスト フリー素材 リンクアイコン
クリスマスリースカスタマイズセット☆ホワイト(まめ電、チャーム付きリボン、リースパーツ)
まめ電のコードだけはカスタマイズによって形がかわるので、配布が難しい…

ということで今回はその無料オンラインツールを使用してまめ電用の電飾コードを描いてみたいと思います。

電飾コードだけでなく、ちょっとしたイラストを作成する際の基本操作がわかるように図説してみました。
・ファイルの新規作成。
・パソコンからのファイル呼び出し。
・レイヤー作成。
・画像の変形
・レイヤーの統合



簡単にできる分出来はそれなりですが、無料ツールにしてはかなり高性能。
Photoshop形式のpsdファイルにも対応していますし、写真の加工等も出来ますので、Pixlr Editorブクマしておいて損はないかと思います。





Pixlr Editorで新規ファイルを作成する


※画像はクリックで拡大します。

まずはPixarEditor
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方

作業用に新規ファイルを作成します。
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方

オンラインツール フリーツール 便利ツール Pixlr Editor 使い方
※少し大きめですが、デフォルトの800px×600pxのまま作成しました。






Pixlr Editorで素材を呼び出す


ファイル⇒画像を開く から任意の素材を呼び出します。
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方

今回はリース(白)
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方

と、まめ電(真横)7色を呼び出しました。
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方



作業用ファイルに素材を移動する


一番手前のファイルがアクティブ(作業できる)ファイルです。
『まめ電コード』ファイルに『リース(白)』素材を移動します。(同じようにまめ電も全て移動しておきます)
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方
アクティブレイヤーから任意のレイヤーにドラック&ドロップで移動できます。

今回素材のリースが白なので見やすいように背景色をバケツで適当な色で塗りつぶしました。
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方

レイヤーの順番は上から「まめ電素材」「リース」「背景」です。
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方


まめ電を配置します


編集⇒自由変形 で、まめ電を適当な位置に配置します。
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方
等倍で拡大縮小したい時はShiftキーを押しながら操作します。(Winの場合)

大きさや角度を変えながら、お好みで配置してください。
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方




電飾コードを描く


リースレイヤーと一番下のまめ電レイヤーの間に電飾コード用の新規レイヤーを作成します。
リースレイヤーを選択し、新規レイヤーを作成するとリースレイヤーの上に新規レイヤーが作成されます。
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方
画像が無くてすみませんが電飾コード用レイヤーは「リースレイヤー」と「紫レイヤー」の間に作成します。

新規レイヤーはツールの右下のファイルアイコンをクリックすると自動で作成されます。
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方

電飾コードのカラーはお好みで。(今回は適当に濃い緑にしてみました。)
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方

ブラシ、鉛筆各ツールそれぞれ色々な設定ができますので試してみてください。
参考
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方

ソケットから二股にコードが出ているとそれっぽい感じになります。
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方


仕上げ


作業しやすいよう背景に入れた緑を非表示にします。
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方

レイヤー⇒表示部を結合 で、画像を統合します。
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方


電飾コードが描けました。
オンラインツール フリーツール 便利ツール Pixlr Editor 使い方
サンプルなので、ちょっとよれますが;;このあたりは、鉛筆ツールやブラシツールの設定で微調整でいかようにもなりますので、色々お試してみてくださいませ♪



最後にご注意!!


◆オンラインツールということで、手軽で簡単に使用できるのはいいのですが、誤ってブラウザバックボタンをクリックしてしまうと作業が水の泡になってしまいます。
こまめなバックアップをお忘れなく!(くつきは二度程やらかしました;;)

◆Chromeでは新規ファイル作成の定番ショートカット『Control+N』は使えないようです。(Chromeタブの方が新規作成されてしまいました)
ちなみに、ファイヤーフォックスとサファリでは普通に新規ファイルが作成が出来ました。




長くなってしまったのでスーパーの袋のカスタマイズ方法は明日ということで…

Pixlr Editorってピクセラエディターって読むんですね;;;;

今日の今日までピクサーエディターだと思ってました……○┼< バタッ



でっは〜(*´∀`*)ノシ



オススメ無料ツール


フリーツールやフリーソフトでもPhotoshopとは違った感じの効果を入れることが出来ます。

h4 イメージ Photoshop系のツールがオンラインで使えます⇒PixarEditor
h4 イメージ お絵かき系フリーソフト⇒Pixia




にほんブログ村 デザインブログ フリー素材へ
にほんブログ村
ランキングに参加しています☆お気に召しましたらクリックよろしくおねがいします顔文字イラスト ニコポッ揺れるハート

バナー 日々一素材 リンクフリー バナー イチパン! リンクフリー




posted by ヒビイチソザイ at 19:14 | Comment(0) | TrackBack(0) | チュートリアル | このブログの読者になる | 更新情報をチェックする


スポンサードリンク









エフェクソールXR
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。