メモメモφ(..) -4ページ目

メモメモφ(..)

PictBear思いつき講座・・・・?

最近、画像クリックすると、真っ黒の背景のページに飛びますよね。
んで、そこでは、画像のみの保存ができなくなっちゃってるじゃないすか!!

これでは、拡大して大きくしてもらってブラシとか保存してもらうことができない!!
どーすんだよ、なんで急にそんなことすんのよ、アメーバ

画像拡大される事前提で書いてる記事も多いのに。

こまったなー、前に一度試して止めた、画像クリックしたらページ移動せずそのまま大きくなるスクリプトを使ってみようかな。

でも、めんどくさ・・・。
ちょっと時間かかるかも。
アメーバの女子ユーザーが結構参加している姫ブログランキング↓
http://himeblo.jp/

ここの投票バナーのクリアストラップといわれるものを好きな画像を合成して作ってみましょ。
こういうものです。



1.まず、姫ブロ管理人さんが配布しているクリアストラップの素材を手に入れます。↓
http://himeblo.jp/bbs/02/pc.php?mode=thread&id=2&page=1
[2]にある「加工用です。ご自由にどうぞ。」とあるのを右クリックして名前を付けて保存してください(コピーはしないで)。
[3]のロゴも忘れずにダウンロードして。

もうひとつ、このストラップの四角部分だけの選択範囲を作るためのテンプレです。



白く見えている部分は透過されています。これをダウンロードして使ってください。

これで道具はそろいました。


2.最初に300×300くらいで、白紙のキャンバスを新規作成。何か白以外の色に塗りつぶしておきます。これは、あとで画像の位置を合わせるときに背景があった方が分かりやすいから。今はピンクで塗りつぶしています。
使いたい画像を開いて、幅300程度にリサイズし、すべて選択して貼り付けします。
背景処理も、あらかじめしておくといいです。


3.レイヤー→レイヤーの読み込みで、テンプレを読み込みます。



この時のレイヤーはこういう風に重なってます↓



4.使いたい画像を適当にレイヤーのリサイズでサイズを調節したり、テンプレレイヤーを移動(左のツール上から3番目の移動ツールでレイヤーは動かせます)したりして、テンプレの枠内にかっこよく収まるように位置を調節。


レイヤーのリサイズは、上のレイヤーメニューをクリックしたまましばらく待つと出てきます。



5.テンプレレイヤーを選んで、四角内を自動選択ツールで選択し、


↓           ↓          ↓

貼り付けレイヤーへ移動してから選択範囲を反転、削除。これで四角く画像が残る。

選択範囲は解除せずにテンプレレイヤーを捨てる。


これで四角内だけが残る。



6.貼り付けレイヤーが選ばれている状態で、選択範囲→境界のぼかしで2くらいにする。


左の画像のように、四角の中に選択範囲が食い込みます。この状態で、編集→削除か、deleteキーを2~3回押すと、右のように、切り取ったふちのぎざぎざが目立たなくなります。

選択を解除する。


7.ストラップ画像をレイヤーの読み込みで読み込んで、きれいに画像がはまるように位置を調節する。
右下角に合わせる感じで。左上の2辺は、ちょっとあけ気味にすると、下が透けるので透明感が出ます。

姫ブロのロゴもレイヤーの読み込みして、いい位置へ移動。

背景を捨て、適当な大きさにトリミングして、

表示部分の結合をする。表示部分の結合だと、透明な部分はそのままで1枚になります。



pngで保存して出来上がり。

これをどう使うのかは、姫ブロの説明読んでください。




パレットが出ていない場合は、表示→コントロールバー→パレットをクリックして、出しておいてください。

まずブラシをクリック。ブラシはこれ。よく似たクローンブラシと間違わないようにね。



右にあるパレットのサンプルをクリックして、色見本から使いたい色をクリックする。




パレットのブラシをクリックして、使いたいブラシをクリック。




キャンバスをクリック。



ブラシが画像になります。


お役にたてましたら、クリックプリーズ↓


フリーソフトとかは有料ソフトみたいに万能ではないので、1つのソフトで全部やろうとしないで、目的に合わせていろんなサイトなどを利用すると、いろいろできて楽しーね
1から作るのが難しいことも簡単に作ってくれてしまう、サイトをまとめてみました。

どれも使い方は簡単なんですが、どうしても作れないと思う人や、モノによっては登録が必要なので、それがしたくない人は、依頼したらいいでしょう。
↓以下、毒吐き。
掲示板で「作ります!」って受注してる人を見かけますが、何のことは無い、誰にでも利用できるサイトを使って作ってるわけなので、自分で作った方が早いですよ。
サイトを教えてあげれば済むことなのに、わざわざ注文受けて作ってあげてるのが、恩着せがましくて、なんかね~。というわけです。



 とあるさくらのジェネレータ(登録不要)
とある画像を作れます。こゆやつね。人気のラノベタイトル風。

とある1とある2とある3

使い方は説明書きも無いくらい簡単。欄内に好きな文字を入れ、色を選びます。
青は魔術色、赤は科学色、その他にすると自分でグラデーションの色を選べます。
ほかに、「僕はともだちが少ない」風と、「まどか★マギカ」風タイトルロゴジェネレータがあります。


Blingee(登録不要)
ギラギラしてるのは、キラ画とか言われることもあるのかな?右下に必ずBlingeeとロゴが入るので、ここで作ったものはすぐわかります。

基本登録不要で使えますが、登録すれば、お気に入りスタンプリストの作成や、オリジナルスタンプの作成などができます。さらにいろいろできる(らしい)インストール版Blingee plusもあるようです。

使い方は、指示に従って使いたい画像をアップし、下にいろいろ効果のリストがあるので、それをクリックして、上に表示されている自分の画像の使いたい場所をクリックすればその効果が付きます。
出来たらsaveボタンクリック。後は指示に従うだけです。

やってみたらわかりますが、簡単だし、とてもたくさんの効果があって楽しいです。ただ、著作権上どうよ?ってスタンプも多数あります


バナー工房(登録不要)
みなさん一度は使ったことあるんじゃないかな。

バナー作成用にたくさんの素材がそろっていて、指示に従って入れていけば作れます。
gifアニメも作れますし、いわゆるキラ画が簡単に作れます。ただ、オリジナリティや自由度は低いです。
初心者さんにはいいんじゃないでしょうか。
ここで一度作ってみて、自分なりにもっとこーしたい!って気持ちがわいてくると、フリーソフトダウンロード!!になるんでしょうな。


K2/IDE::2008(登録不要)
画像の加工のページでポラロイド風、がくぶち風、切手風、フィルム風などいろいろな加工ができます(サーバーの関係でポラロイド風は現在できないようです)。
フィルム風も、私が作った時は、なぜかできませんでしたが(^^;


今は使えないけど、ポラロイド風では、ドットのテープを貼れたりして結構可愛いです。早く再開してもらえたら嬉しいですね。



Framer(登録不要)
こちらも、切手風の加工などができます。


英語のサイトですが、そんなに難しくありません。
「ファイルを選択」のボタンクリックして画像をだし、Frame styleでフレームを選びます。上のはUSA stampとFilm、下のはPolaroidとColor Craft Bonus Photoです。
フレームのスタイルを選ぶと、すぐ隣の画像がそのフレームになるので、確認できます。
切手(USA stamp)なら、日付も入れられます。
下のCreateボタンを押せばできあがり。上にあるsaveボタン押せばPCへダウンロードされます。


Photo Funia(登録不要)
こちらも海外のサイト。いろいろな背景に合成できます。

 


Effectsのページで、合成したいエフェクトをクリック、Choose Fileのボタンをクリックして開く窓の、Brouseのボタンを押して使いたい自分の画像を出します。
使う範囲を設定して、OKクリック。オレンジ色のGo!のボタンを押すと、できあがり。
saveボタンを押し、好きなサイズを選んで(HDとあるのは、一番上がプリントできるぐらいでかいサイズ、真ん中がネット用700×487、下が100×100)クリックするとダウンロードされます。closeを押せばおしまい。

顔にはめ込む効果が多いので、顔写真で作った方が面白いかもね。


モジマル(登録不要)

もともと携帯サイトだったところですね。今(2012/8)はまだ、一部の機能しか使えないみたいです。



日本語なんで、使い方は書いてある通りに選ぶだけ。


ImageChef(一部登録必要)


 

上のハートのキャンディのように、画像に文字を入れられるもの(フォントや位置などは選べない)や、用意されたマークや画像を好きに組み合わせて画像を作ったりできます。
日本語ですが、どうもスペイン?かどこか外国のサイトのようです。
右クリックしたり、エクスポートしたりでjpgで保存できるものもありますが、動くものはフラッシュなので、登録しないと保存したりはできないようです。
かなりいろいろ遊べます。


ほかにも使えるサイトまだまだあります。興味がある人はこのサイトへ飛んでみてください。
http://girlsnet.ninpou.jp/ 
自動でいろいろ作れるサイト、便利なソフトがこれでもかと紹介されてます。 

お役にたてましたら、クリックしてくださると嬉しい

ブログにデジカメで撮った写真を載せたいけど、できなかったってとき、たいてい、画像の縦横サイズやKBが規定より大きすぎるのが理由です。
あと、加工したいけど、サイズが思ったような大きさじゃないとか。

縦横のサイズを小さくすると、KBも減ります。それでもKBが大きすぎる場合、もしpngなら、jpgにしてみるとたいてい軽く(KBがちいさく)なります。
それでも重すぎるのなら、ピクトベアでは無理なので、ほかのソフトでjpgで画質調整してください。jpgは画質を変えて、KBを調節できます。

んで、サイズ変更=リサイズ。PictBearでの方法。

ちなみに、拡大すると、画像はもれなく粗くなりますから、しない方が良いです。

画像を開いて、イメージ→イメージのリサイズをクリック。



イメージのリサイズの窓が開きます。
青○の「縦横比を固定する」にチェックを入れておいて、赤○の幅か高さのどっちかを好みのサイズに書き換えれば、そのサイズになります。
青○にチェックが入っていれば、縦横比を保ったまま(変にゆがんだりせず)サイズを変えられます。

 

ですが。
たとえば、ブログのスキン、トップ画像を作りたいとき、画像のサイズがあらかじめ決まっていて、画像を切り取ったりせずにそこに当てはめたいときは、「縦横比を固定する」のチェックを外して、幅と高さをそれぞれ書き込んでやればいいです。

ただ、差が大きいとこーんなふうにゆがんでしまったり

画像をゆがませずに縦横比が違う目的のサイズにするには、縦横どちらかのサイズを合わせて、余分な分を切り取るか、つけたしするなどするしかありません。

たとえばこの画像のように、300×165サイズの画像を100×100にゆがまずして、右の四角い枠内に貼り付けようと思います。

縦横比を固定して長いほうの横幅を100に合わせてリサイズしたものを貼ると、こんなちんちくりんに; 余白があまりまくりです。

なので、まずは、短い辺に合わせてサイズをリサイズします。今は縦が165で横より短いので、縦を165から100へ、縦横比を固定したままでリサイズ。貼ってみました。


とりあえず余白は無いですよね。この状態から、かっこよく見えるように位置を調節します。


要らない部分をカットしたら、できあがり。
(枠は別レイヤーなので、枠内を選択範囲にして選択範囲を反転して、猫画像レイヤーで削除する)



もしお役にたてましたら、クリックぷりーず

最近はあんまり写真は使わないみたいなんで、どうかなと思うんですけど、いかがでしょうか?
素材として、欲しい人いるかな(^^;

ちなみに、自分で撮影したものオンリーです。
タレントの画像、キャラクターの画像は無し。

まぁ、あんまりたくさんは無いけどね~。



ええと、こういうのって前にも書きましたっけ?記憶力が・・・。重複してたらすみません


白いふちを残して切り抜いたシールみたいな感じです。これはいろんなやり方が考えられます。文字の縁取りをするのとほぼ一緒、ただ、文字みたいに内部に穴があいているといった複雑さが無いので、より簡単。

思いついた方法
A.ふちを残して切り抜く
B.ふちを白く塗りつぶす
C.境界線を白で付ける 


A.ふちを残して切り抜く
(かくかくにしたければ、かくかくに切り抜くのやり方見てください)

1.必要な部分以外は白く塗りつぶしておきます。もしくはそういう画像を開きます。
右のレイヤーのところで右クリックして、背景からレイヤーへ変更。



2.白い部分を自動選択ツールでクリックして選択範囲に。
必要な部分まで選択されてしまうなら、選択範囲を修正(P!自動選択ツールできれいに切り抜き(gif)/選択範囲の修正)するか、境界線をグレーでちょっと入れておくといいです。



3.選択範囲→選択範囲の反転をします。
それから、選択範囲→選択範囲の変更→拡張で適当に大きく。



こうなったら、選択範囲→選択範囲の反転をもう一度して、編集→削除。
できあがり。


あとは、選択反転してコピーして、好きなところに貼りましょ~。



B.ふちを白く塗りつぶす
この画像のように、すでに背景が透明になっている画像からスタートするなら、これが楽なんじゃないかと。

1.画像に沿って消してしまったら、不透明部分の選択をします。

2.選択範囲→選択範囲の変更→拡張で適当に拡張。



3.拡張したところに白で塗りつぶしツールで塗りつぶししてできあがり。



C.境界線を白で付ける

画像が四角い場合はこれが一番簡単。つまり、枠を付けるわけです。
色を白、太めのブラシを選んでおいて、選択範囲→すべて選択して、編集→境界線の描画で。



もちろん四角じゃない画像でも、すべて選択ではなく不透明部分の選択とか、自由選択するとかで、同じように境界線を引くことで白くふちが付いたようにできます。ただ、画像が削れるので、削りたくないときは不向き。

お役に立ちましたら、クリックぷりーず


スマホのアプリにあるらしく、最近よく見かけますね。
Photoshop Elementsでも簡単に作れます。こんな感じ。 

これはエレメンツの作成メニューから作ってますが、ピクトベアでは、画像にあらかじめふち付けて自由に配置したらいいです。(もちろんエレメンツでも同じように作れます。)

1、作りたい大きさのキャンバスを新規作成します。
使いたい画像を開きます。 

使いたい画像を選択範囲→すべて選択して、白を選んで太目のブラシを選び、境界線の描画します。


     ↓境界線の描画

これで画像にふちが付きました。同じようにほかの使いたい画像にもふちを付けます。

今度は一番細いブラシか鉛筆を選び、黒を選んで同じように境界線の描画します。これで白いふちのそのまた外側に黒い細い枠が付きます。

重ねて貼り付けしたいので、黒い枠はつけておいた方がはっきりしていいんじゃないかと思います。でも、斜めにするとどうしても線ががたつくので、ナシならなしでもいいし、グレーでもいいんじゃないかと思います。

2、そのまま編集→コピーします。もしすべて選択を解除しているなら、もう一度選択範囲→すべて選択してから編集→コピーします。
白紙のキャンバスへ移動して、編集→貼り付け。

この時レイヤーはこんな状態です。貼り付けられている黄色い花の貼り付けレイヤーは選択部分以外は透明です。

この画像を傾けたかったら、ここで、選択を解除して、レイヤー→レイヤーの回転→角度入力で好きな角度に傾けます。



傾けたら、十字矢印の移動ツールで、好きな場所へ移動します。


以上の手順を使いたい画像すべてで繰り返します。
ここでついでなんで、便利なショートカットを覚えちゃうと作業が早くなります。左手の小指でCtrlキーを押しながら、左手人差し指でもう一つのキーを押すといいですよ。

*すべて選択→Ctrl+A
*コピー→Ctrl+C
*貼り付け→Ctrl+V
*選択解除→Ctrl+D
*やり直し→Ctrl+Z

選択してコピーして、キャンバスへ移動して貼り付けし選択解除までを左手だけでできちゃいます。

というわけで背景に色を付けたければ背景を選んで塗りつぶしをして、イメージの統合をして保存してできあがり。


お役に立ちましたら、クリックぷりーず↓