2枚の写真を一つにする方法

2枚の写真を一つにする方法 1：まずは二枚並べる。 2：片方の画像のカンバスサイズを大きくする。 3：大きくなった余白に、もう一枚をドラッグする。 4：あらためてカンバスサイズを調整して、最後にトリミングする。

Web ページ用に使用するために画像を複数に分割するスライス

フォトショップでWEBで使う画像を処理する場合、圧倒的に便利。 保存ボタン 一つで、画像を分割保存できる。 筋子を瞬間的にいくらにできるようなワザである。 この機能だけでもフォトショップの利便性がよくわかる。 フリーの素材集でボタンや数字イラストが一枚のjpeg画像にまとまっている事がよくあるだろう。 その一つ一つの画像を簡単に分割することできる。 1：フォトショップに元画像を読み込む。

画像に自然なフレームをつける方法

アクションのフレームで”ストローク”を選んだ場合 1：ウインドウ＞アクションを選択。 2：アクションパネルの右上のアイ…

jqueryのお勧め本-JQueryクックブック

jQueryクックブック javascriptの基本文法を知ってから読むべき本。 しかし、この本の内容を理解すると、jquery の活用方法が一気に広がる。 また、オライリーらいし、"基礎・根底からの説明"がしっかりしているため、この本を読むと類書がスラスラ読める。 部分的に古いバージョンのjqueryに対応した説明がわずかに残っているが、逆に現在の記述方法の優れた点も理…

写真の縁をぼかしたりする方法

考え方：通常の簡易な加工ソフトと異なり、直感的に操作しにくい。 レイヤーの考え方は皆無である。選択範囲の概念だけで操作する。 1：指定された図形で選択範囲を作成。 2：選択範囲を中心としたぼかしを入れる。 この時点ではくりぬかれていない。 3：選択範囲を反転を切り抜く。 ※切り抜いたので背景色はカンバスの色となる。 2の段階で[編集] - [コピー]から新規キャンバスに貼り付けすれば、選択範囲の サイ…

画像ファイルの連続処理：ドロップレット

ドロップレット photoshopで大量の写真を同一規格で生成する。 アクション操作とアクションとひもつくドロップレットの組み合わせで デスクトップに専用ショートカットが生成される。 後はそのアイコンの上にファイルをドラッグするだけでよい。 1：ウインドウからアクションを開く。 2：新規アクションをクリック。 3：アクション名をいれ、記録ボタン。 4：画像を開いて好きに加工する。 5：別名で保…

else if

jquery のelseif php とことなり、 else if としないとならない。 else と if を離すように！

複数条件の判別式

jqueryで要素内の取得した文字列での複数条件の判別式。 演算子はphpと同様である。 if (numA == 1 && numB == 2) { alert("numAが1かつnumBが2です。"); } if (numA == 1 numB == 2) { alert("numAが1もしくはnumBが2です。"); }

id値が変数の時にセレクタでの指定方法

jqueryではタグにid値が付いていると、セレクタ関係が非常に楽なる。 しかし、当然、その値はユニーク値であるため、 変数をたて、phpで変数を自動採番することが多い。 その後、取得したid値を変数に入れて処理することが多い。 そのとき、セレクタで指定するさいは、 文字列と変数を＋ でつなげることを忘れないように。 例 $('#' + variable).text();

背景色や文字色などのCSSであつかう情報について

背景色、文字色は cssメソッドはなるべく使わずに、styleシートに書く。 removeClassメソッドやaddClassメソッドを使い、 クラス名を付けたり、引いたりすること。 例： $(this).removeClass('class_name1').addClass('class_name2');

厳密なエラーチェックではuse strict

お約束のfunctionの後に、 シングルクオート付きで、use strictを書く。 最後セミコロンで閉じることも忘れずに。 $(function(){ 'use strict';

Illustrator アートボードをコンテンツにフィットさせる方法

オブジェクト →アートボード →オブジェクト全体に合わせる。 この後、Web形式で保存などをすると、ロゴなど、Webで活用しやすい形式となる。

jqueryのキャッシュを無効化する。クローム編。

IE、firefox、chromeの中でjqueryのjsファイルをキャッシュでしつこく持つの chrome. いちいち、キャッシュをクリアしないと、jsフィアルの変更が効かない。 jqueryを開発中は、そのことに気がつかないとはまってしまう。 不安なら、別ブラウザで開発しても良いが、 クロームでの改善方法は図の通り。 デベロッパーツールを開いて、disable cache にチェックを入れる。

画面表示が終了後、指定したクラスをもつオブジェクトの背景色と文字色を変化させる

$(document).ready(function() { $('.aki').css('background','rgb(221,221,221)'); $('.aki').css('color','rgb(51,51,51)'); $('.zai').css('background','IndianRed'); $('.zai').css('color','white'); $('.mu').css('background','white'); $('.mu').css('color','rgb(51,51,51)'); })

Photoshopスライス手順

Photoshopのスライスは他のソフトにはない、相当につよいツールである。 手順 1：Photoshopに対象画像を表示させる。 2：ツールパネルからスライスツールをクリック。 3：画像上でスライスしたい箇所をドラッグ。このとき、長方形になるように。 4：スライスしたい箇所が複数ある場合は、3を繰り返す。 5：ツールパネルから、スライス選択ツールを選択。"2"のツールの一つ下。 6：スライス箇所をダブルクリック。 …