Firefoxで開発されている方はほとんどFirefoxアドオン「Web Developer」をインストールされていると思いますが、今回の更新により、英語になってしまいました。
で、日本語に戻す方法を探していたんですが、今のところ無いみたいなので旧バージョンの戻す方法を取りました。
↓旧バージョンのダウンロードはこちら↓
Firefoxアドオン「Web Developer」をダウンロード
ちなみに「Web Developer」をダウンロードした後はFirefoxのツール→アドオン→「Web Developer」の詳細部分から自動更新をOFFにしておいて下さい。
本サイトはこちら→求職者支援訓練・職業訓練講師のブログ
今日は最近のデザインでよく使用されています、ピクトグラムアイコンがダウンロードできるサイトの紹介です。
サイト名は「Noun Project」というサイトです。
最近私もよく使わせて頂いてます。しかも商用可能なんです。（使用する場合は各自ライセンスを必ず確認して下さい。）
アイコンの数がかなり多いので、使用する場合サイトの上部にある検索ボックスを利用してもらったらいいと思います。
↓ピクトグラムアイコンダウンロードサイトはこちら↓
本サイトはこちら→求職者支援訓練・職業訓練講師のブログ
今回はWebデザインでよく使う型押し文字（プレス文字）を作ってみようと思います。
型押し文字（プレス文字）がどんなのかというと、下の画像を見て下さい。
よくみますよね。
とっても簡単なのでつくってみましょう。
まずは簡単に順番から。
では画像を見ながらつくってみましょう。
1.新規ファイルを作成する。（今回は500px✕500pxで作成しました。）
2.カンバスを塗りつぶします。
3.文字を置きます
4.文字の色をレイヤースタイルであてる。（今回はグラデーションオーバーレイ）
5.続けてレイヤースタイルをあてる。（ドロップシャドウ、シャドウ（内側））
※今回文字の色が黒に近いためシャドウ（内側）はほとんど見た目が変わりませんが文字の色によってはわかると思います。
※また各数値は調整して見て下さい。
完成です。ちょっとした時間で、できるのでぜひ使って下さい。
本サイトはこちら→求職者支援訓練・職業訓練講師のブログ
今回はIllustrator（イラストレーター）でハーフトーンパターンを適用した文字を作成しましょう。
どういった文字かというとこんな文字です。
よく見ますよね。
ずっとPhotoshopで作成してたんですがイラストレーターで作成したほうが綺麗なので最近はイラストレーターで作ってます。
では作成方法です。
まずはざっと流れを記述します。その後画像を見ながらやってみて下さい。
1.文字ツールで文字を打ちましょう。
2.文字を選択した後、「オブジェクト」→「ラスタライズ」をクリック
3.「ラスタライズダイアログボックス」が立ち上がるので「標準」を選択した後「OK」をクリック
4.次に「効果」→「ピクセレート」→「カラーハーフトーン」をクリック
5.「カラーハーフトーンダイアログボックス」が立ち上がるので最大半径「8」その他「255」にする
これで基本完成ですが文字の色を変える時等、パス化しておくと便利なのでパス化しましょう。
6.文字を選択した後、上部の「ライブトレース」ボタンをクリック。
7.そのまま「拡張」ボタンをクリック。
8.パス化されました。後は変えたい文字の色を変えましょう。
あとはお好みで色を変えたりして下さい。
できましたか？
結構可愛いので使ってみて下さい。
本サイトはこちら→求職者支援訓練・職業訓練講師のブログ
今回はPhotoshopの小技、レイヤーを複製するショートカットキーの紹介です。
てか、Photoshopとかもの凄い久々だなー。もともとIllustrator、Photoshop、XHTMLメインの予定だったんだけど。
ちょっとづつ更新していかないとね。
本題に戻りますが、レイヤーの複製の仕方は何パターンかありますが、今回紹介するのは3パターンです。もの凄い基本的なことですが知っておけば便利なんで。一応紹介しておきます。
以上です。
1つ目はレイヤーパネルの下部の「新規レイヤーを作成」のボタン（アイコン）にドラッグ&ドロップして下さい。
レイヤーパネルの下部の「新規レイヤーを作成」のボタン（アイコン）はこちらです。
2つ目は簡単、複製したいレイヤーを選択し、キーボードの「CTRL」＋「J」を押すだけです。
3つ目は複製したいレイヤーを「ALT」を押したまま上下どちらでもいいのでドラッグしましょう。白と黒の矢印にアイコンが変わると思います。
アイコンが変わったらマウスを離しましょう。
僕は3つ目を1番使うかな。
1つ目と3つ目は「フォルダ」の複製にも使えます。これが便利かな。
ぜひ使って見て下さい。
求職者支援訓練・職業訓練講師のブログ
