[Photoshop]スライダーを表示させなくても数値を設定できる小技

予約してたiPhone 6 Plusが届いてウキウキしているスタッフ『の』です。
今回は久しぶりのPhotoshopで、ちょっと便利な小技を紹介します。
パネルやダイアログ内で項目名にカーソルを合わせると人差し指と両方向の矢印が表示されることがあります。

その場合はスライダーを表示させなくても、左にドラッグするとパーセントが下がったり、

右にドラッグするとパーセントが上がったりします。

結構便利な隠しコマンドと思いますので使ってみてください。


バンフートレーニングスクールでは、フォトショップ講座を開講しています。

このブログで記事を書いているスタッフ「の」やスタッフ「ほ」が基本操作からマニアックなテクニックまで幅広くレクチャー!

まったくの初心者の方大歓迎!ある程度ご経験のある方向けの実践編もご用意しております。

詳しくは、下記詳細ページをご覧ください。

フォトショップ講座の詳細

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

[css]属性セレクタ

最近、ノートPCを買いましたスタッフ「ほ」です。

かなり昔に買ったノートPCがダメになってからは、持ち歩いてなかったのですが、やっぱり移動中の時間を有効に使いたいのと、スマホやタブレットではどうしてもやりたいことが満たされないので、思い切って買いました。

持ち運びにも便利な11インチサイズを買ったので、今のところ有意義に活用できています。

さて、今日はまだまだ終わってなかったセレクタシリーズです。

今日は「属性セレクタ」です。覚えるとかなり便利に使うことができます。

指定した属性を含む要素部分のみを装飾することができます。

むむむ…やっぱり文字にするとわかりづらいですね。

例を挙げていきましょう。

【HTML】


<table width="200">
<tr>
<td colspan="3">横結合</td>
</tr>
<tr>
<td rowspan="2">縦結合</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
</tr>
</table>

テーブルを作ってみました。一部、セルとセルを結合しています。

線が見えるように、CSSで以下の指定を行います。

【css】


table {
	border:2px solid #000000;
	border-collapse:collapse;
	width:300px;
}
td{
	border:1px solid #000000;
}

結果、ブラウザで表示すると、以下のような表示になります。

この中で、横結合されたセルと、縦結合したセルだけに背景色をつけたいとします。

上記のHTMLソースを見てみると、横結合されているタグにはcolspan属性、縦結合されているタグにはrowspan属性が指定されているのがわかります。

そこで、CSSで以下のような指定を行います。

【css】


table {
	border:2px solid #000000;
	border-collapse:collapse;
	width:300px;
}
td{
	border:1px solid #000000;
}

td[colspan] {
	background-color:pink;
}
td[rowspan] {
	background-color:lightblue;
}

結果、テーブルは以下のように装飾されます。

colspanが設定されたセルとrowspanが設定されたセルにそれぞれ背景色が適用されます。

さらに属性セレクタは、属性値も含めて指定をすることができます。

テーブルを少し変更します。

【HTML】


<table width="200">
<tr>
<td colspan="3">横×3 結合</td>
</tr>
<tr>
<td colspan="2">横×2 結合</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
</table>

【css】


table {
	border:2px solid #000000;
	border-collapse:collapse;
	width:300px;
}
td{
	border:1px solid #000000;
}

結果は以下のようになるはずです。

この中でも横に2マス結合したセルだけに装飾を行いたい場合、以下のようなCSSを追加します。

【css】


table {
	border:2px solid #000000;
	border-collapse:collapse;
	width:300px;
}
td{
	border:1px solid #000000;
}

td[colspan="2"] {
	background-color:pink;
}

結果、2マス結合したセルだけに装飾がかかりました。

このセレクタをうまく使うことで、さらにClass名の指定が減らせそうですね。

フォーム部品の装飾指定などにも活躍しそうです。


バンフートレーニングスクールでは、ホームページ制作講座を開講しています。

このブログで記事を書いているスタッフ「ほ」が特別なアプリケーションを使わずに基本的なWebページを構築する方法をレクチャー。

まったくの初心者の方大歓迎!Dreamweaverというアプリケーションを使った実践編もご用意しております。

詳しくは、下記詳細ページをご覧ください。

ホームページ制作基礎講座の詳細

 

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

[Illustrator]フレアツールの使い方

予約してたiPhone 6 Plusが届くのを心待ちにしているスタッフ『の』です。

さて今回は少し変わったツールをご紹介。
その名も『フレアーツール』

このツールは、光の像や光の輪を作ってくれます。

ドラッグしている最中はこんな感じです。

手を放すとこんな感じになります。

続けてドラッグするとこのようにもなります。


このツールは、下地が白だとあまり効果がでないです。
下地を青にするとこのようになります。

これで使い道が何となく見えてきます。
2回目のドラッグ中にキーボードの「↑」「↓」を押すことでリングの数を調整できます。

そして画面内をクリックすると、このようなダイアログが出てきます。

Illustratorに写真を配置して使用してみました。


バンフートレーニングスクールでは、イラストレーター講座を開講しています。

このブログで記事を書いているスタッフ「の」やスタッフ「ほ」が基本操作からマニアックなテクニックまで幅広くレクチャー!

まったくの初心者の方大歓迎!ある程度ご経験のある方向けの実践編もご用意しております。

詳しくは、下記詳細ページをご覧ください。

イラストレーター講座の詳細

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

[資格]Webクリエイター能力認定試験

こんにちは。スタッフ「ほ」です。

そういえば、以前からずーっと書こう、書こうと思いつつ忘れてました…

よく就転職を目的に学習をされる方に「何か資格などを身につけておいたほうがいいでしょうか?」というご質問を受けます。

就転職では、過去の実績があれば自分の力を提示しやすいのですが、業界未経験だとなかなか難しいところもあります。

そういった自分の力を示すひとつの方法として資格試験は有効かと思います。

Web系の資格はいくつかありますが、「Webクリエイター能力認定試験」がオススメです。試験には筆記と実技が含まれており、4~5ページ程度のサイトを実際に作成する試験になります。

「最低限、これくらいはできますよ!」という能力のアピールに使えますから、就転職を目的とされている方はご検討されてはいかがでしょう?

公式サイト(サーティファイ)
http://www.sikaku.gr.jp/web/wc/

実は、わたくしスタッフ「ほ」は、この試験の認定インストラクターだったりします。

http://www.sikaku.gr.jp/web/wc/org/prepare/instructor/member/#area3

ですので、これから受験を考えていらっしゃる方には、アドバイスができますので、いろいろお気軽に聞いてください!

また、現在スクールをお探しの方もぜひ!

あ、ちなみにWeb基礎講座のレッスン内で宿題にしている課題は、この資格試験をイメージした作りにしてありますので、いい予行練習になると思います。

バンフートレーニングスクールでは、HTMLとCSSが最短2日間で習得できるハンズオントレーニングをご用意してお待ちいたしております。
スクールの雰囲気を感じていただける無料体験も行っておりますので、ぜひお気軽にご参加ください。

Web基礎講座詳細http://www.vanfu-vts.jp/course/web_basic.html
無料体験http://www.vanfu-vts.jp/lesson_e/index.html
資料請求https://www.vanfu-vts.jp/cgi-bin/contact/request.php

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

【第160回バンフーセミナー】 受付開始!

こんにちは!

雨が降ったり傘 の画像、止んだりくもり の画像 気温が高かったり・・・・。お天気がはっきりしませんね。

昨日まで、もみじ+葉っぱ の画像秋休み秋だよ。紅葉(銀杏の葉) の画像で旅行へ行ってリフレッシュしてきた『J』です。

さて、さて・・・

『第160回 バンフーセミナー』の受付が開始されました。

今回は、【IllustratorユーザーのためのInDesign入門 2014 続編】です。

大好評につき前回のテーマの続編が開催される事になりました!

セミナーの内容は・・・・

■段落境界線

■文字/段組スタイル(基準、スタイル設定)

■表組み(Excel、スタイル設定・・・etc)

■複数ページ(マスターページ)

開催日:2014年10月22日(水)

時間:19:00~20:45

会場:ベルサール神保町3F

ROOM 3+4+5

第158回に参加されていない方は、youtube動画の閲覧をお薦めします!

『SeminarVanfu』で検索!パソコン のデコメ絵文字

人気のセミナーですので、お申込みはお早めに!走る の画像走る の画像走る の画像走る の画像走る の画像

お申込みはコチラ走る の画像走る の画像http://www.vanfu.co.jp/seminar/160th.html

ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像ゆみさんリク ディズニー春夏秋冬 の画像

バンフートレーニングスクールでは、イラストレーターが最短2日間で習得できる

ハンズオントレーニングをご用意してお待ちいたしております。

無料体験も行っておりますので、ぜひお気軽にご参加ください。

無料体験パソコン の画像 http://www.vanfu-vts.jp/lesson_e/index.html
資料請求ポスト の画像 https://www.vanfu-vts.jp/cgi-bin/contact/request.php

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ