タグ

tipsに関するyunokixxxのブックマーク (34)

  • WordPressのビジュアルエディターにプラグインなしでクライアントさん向けボタンを追加

    私はビジュアルリッチエディターは使ってませんが、クライアントさんはやっぱりビジュアルリッチエディターを使ってます。 フロート解除ボタンなど、もう少しだけエディターを便利にするボタンを追加するための Tips です。 WordPress の投稿画面のビジュアルリッチエディター。私はビジュアルエディターは使ってないのですが、クライアントさんに納入する時には、ビジュアルリッチエディターでブログの書き方を教えてます。クライアントさんは HTML が書ける人ばかりではないので…。 もともとかなりのボタンが最初からついてるビジュアルリッチエディターですが、実はアドバンスツールというものがあって、最初は表示されていないボタンもあります。 ビジュアルリッチエディターのアドバンスツール

  • 【プリセットの使用方法 ★★★超基本】 - ブラシ、テクスチャ、スタイル…自作のアイテムを作ろう! - WEBCRE8.jp

    Photoshopでの操作には人や仕事の種類によってよく使うモノがあり、ほとんどの機能には「これを作るときはこのくらい」といった使いがちな設定や数値を保存しておく機能があります。いくつかの制作物に同じ効果をかけて統一感を出したり、作業をショートカットする為に使うわけですね。 その設定の調達手段として、 プリセット 配布ファイル 自作 といったものが挙げられます。 プリセットとは Photoshopにはブラシやパターン、アクションなどにデフォルトで用意されたプリセットというものがあります。 何が用意されているかはバージョンによっても違うと思いますけど、場所は コンピュータ:C→Program Files→Adobe→Adobe Photoshop*.*とかCS*→プリセット(Presets) の中にあるはずです。 ちなみにwebcre8はCS4を使っています。Web PremiumなのでFi

    【プリセットの使用方法 ★★★超基本】 - ブラシ、テクスチャ、スタイル…自作のアイテムを作ろう! - WEBCRE8.jp
    yunokixxx
    yunokixxx 2016/02/19
    ブラシ、パターン、カスタムシェイプ、カラースウォッチ、レイヤースタイル、グラデーション、アクションファイルの作りかたのまとめ
  • Photoshopで継ぎ目のないマーブル模様・柄を作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    今回は、素材として探してみると以外と少ないマーブル模様の作り方を紹介したいと思います。 マーブルはアイスクリームとかアイスクリームとかアイスクリームとかの模様として、とっても重宝しますよ! マーブル模様の下準備 今回のサンプルはストロベリー(ピンク)×チーズケーキ(クリーム)で行きたいと思います! 500×500のキャンバスにクリームのベタ塗りとかき混ぜるストロベリーの部分を別レイヤーで作ります。 ピンクは鉛筆ツールでポチポチ描きました。混ぜてみないとどんな具合になるか分からないので適当に描き込んでください。(何度でも修正できます。) まずはひと混ぜ ストロベリーのレイヤーを選択した状態で、「フィルター」→「変形」→「渦巻き」ツールを使ってひと混ぜしましょう。 ↓ こんな感じになりました。 今度は選択範囲を指定して逆向きにかけてみたり・・・。 この作業を何回か繰り返していろんな方向に混ぜあ

    Photoshopで継ぎ目のないマーブル模様・柄を作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • イラストレーター(AdobeIllustrator)講座●パスを破線にする

    アドビ イラストレーター(Adobe Illustrator)のパスは破線にもなります。 「破線」にチェックを入れ、線の長さや間隔の長さを入力するとパスは破線になります。空欄の部分にはその前までに入力した数値が繰り返し使われます。 線分に20ptと入力/線分20pt、間隔20pt、線分20pt、間隔20pt、線分20pt、間隔20pt…と続きます。 線分に20pt、間隔に10ptと入力/線分20pt、間隔10pt、線分20pt、間隔10pt、線分20pt、間隔10pt…と続きます。 Illustratorでは最大二点鎖線まで作ることができます。 Illustratorで破線と線端の形状を組み合わせると、丸で破線が作れます。 この丸の大きさは、パスに設定した線の太さと同じになります。丸と丸が重ならないように間隔を調整しましょう。線を同じ位置に重ね、それぞれに異なる設定をすると複雑な線も簡単に

    yunokixxx
    yunokixxx 2015/08/25
    めっちゃ役に立った……
  • Illustrator、円周上に円を配置、段階的に小さくなる、数珠状

  • githubにgit pushした変更の取り消し

    「間違ったコミットをリモートにpushしちゃった!取り消したい!」ってときの操作。上イメージのようにgithubに誤ったpushをした場合を想定して解説してみます。 下記コマンド打つ。 HEAD~2は「直前の2つのコミットを修正対象とする」という意味になります。3つ前のコミットを取り消したい場合はHEAD~3としてください。するとこんな画面が出てくる。 取り消したいコミットを削除して保存します。この場合、2行目のコミットが誤りなので2行目を削除して保存します。うまくいくとこんなメッセージ。

  • Pages:書類に行番号を追加する方法

    書類の文以外の場所をクリックして、挿入ポイントが表示されないようにします。 新しいフローティングテキストオブジェクトを作成します。 もう一度、書類の文以外の場所をクリックして挿入ポイントが表示されないようにします。 文の横にテキストボックスをドラッグします。 テキストボックスを細長い形にします。 使いたい数字をテキストボックスに入力します。 テキストボックスを選択します。 「フォーマット」メニューから「詳細」を選択し、次に「オブジェクトをセクションマスターに移動」を選択します。これで作成した行番号がすべてのページに表示されます (ただし、ほかのセクションに対しては有効になりません)。 ヒント:このフォーマットを再利用するつもりがある場合は、文書をテンプレートとして保存してください。

    yunokixxx
    yunokixxx 2015/06/22
    ペーパーレビューのために
  • Software How To

    How-ToHow to Remove a Windows VirusYou can do a lot to prevent your laptop or PC getting infected, but if you suspect it's already happened, here are the steps to take to banish malware.

  • JavaScriptで文字列のバイト数(≠文字数)を求める方法 - Movable Type技術ブログ

  • Windows の Inkscape で EPS ファイルをかんたんに開く

    何かと苦労しがちな印象だった Windows での EPS ファイルの取り扱い。 以前にも Windows で EPS 形式のファイルを開く で EPS ファイルを GSview というソフトを使って別の形式に変換する方法を照会しましたけど、この方法だと正しく読み込めない EPS ファイルがときどきあったりしました。 そんな中、Inkscape と Ghostscript を使うことで Windows でも簡単に EPS ファイルを開くことができることを知り、さっそく試してみることにしました。 Inkscape というのはベクターデザインソフトで、Ghostscript は PostScript 解析プログラム。どちらも無料でダウンロードして利用できるところも嬉しいです。 まず、EPS ファイルを開いて編集するのに使うベクターデザインソフト Inkscape をインストールします。 201

  • ライオンの写真を水墨画”風”に加工するチュートリアル | Photoshoplab

    今回は「とにかくフィルターを使って機械的に写真を加工できないか」と試行錯誤した結果できあがったものを記事にしてみました。 写真はゆんフリー写真素材集さんからゆんフリー写真素材集 : No. 14527 ライオン [日 / 東京]を利用させていただきました。 ※あくまで”風”という表現にしています。正確なものではありません。※ 全体的な流れ 写真をモノクロにする フィルタ>スケッチ>コピーを多用する 全部でレイヤーは4枚で構成される できたレイヤーをいい具合に重ねて行く ものすごくざっくり言うとこんな感じになります。 多少長くなりますがお付き合いください。 元となるモノクロ状態の写真を作る(a) DLしたままの写真を複製します。 イメージ>色調補正>白黒 を適応します。 このままでは画像が明るすぎるため イメージ>色調補正>明るさ・コントラスト 以下のような数値で適応します。 この状態の写

  • 絵の描き方が参考になる画像ください! : ワラノート

    1: 以下、名無しにかわりましてVIPがお送りします 2014/01/27 20:46:15 ID:TBCF/3Gj0

    絵の描き方が参考になる画像ください! : ワラノート
  • スタイルシートで実装するパララックススクロール | コリス

    パララックス=スクリプトと思っていたのですが、スクリプト無しでも実装できるんですね。 今後、実装方法がますます進化しそうです。 実装方法を簡単に紹介します。 HTML デモのHTMLをシンプルにするとこんな感じになります。 各スライドはdivで配置し、それぞれclassにslideを、idで個別の名称を付与します。 <div id="title" class="slide header"> <h1>Pure CSS Parallax</h1> </div> <div id="slide1" class="slide"> <div class="title"> <h1>Slide 1</h1> <p>パラグラフ パラグラフ</p> </div> </div> <div id="slide2" class="slide"> <div class="title"> <h1>Slide 2</h1

  • IllustratorとPhotoshopで花火を描くチュートリアルあれこれ -和素材作り-

    IllustratorとPhotoshopで花火を描くチュートリアルあれこれ -和素材作り-
  • Illustratorで乱菊をつくる - 和素材作り -

    菊の文様は着物や工芸品などに古くから取り入れられてきました。菊の表現方法は横向きの菊を描いた「横菊」、数種類の菊を組み合わせた「菊尽くし」、貉の毛の様に花びらを小さくデザインした「貉菊」、流水と共に描いた「菊水」など様々です。花の部分を簡略化したものは家紋にも多く取り入れられています。今回は「乱菊」をIllustratorで作成してみました。Illustratorで桜をつくる – 和素材作り –に登場した回転ツールの他、リフレクトを主に使用します。 Illustratorで乱菊をつくる手順 完成イメージはこんな感じ Illustratorを起動し、新規ファイルを作成します。[楕円ツール]で任意の大きさの円を描きます。この円は乱菊の大きさのガイドに使用するだけなので、この中に収めたいなーという大きさで描いて下さい。描いたら楕円レイヤーをロックしておきます。 楕円レイヤーの上に新規レイヤーを作

    Illustratorで乱菊をつくる - 和素材作り -
  • Photoshopで金屏風を作るチュートリアル -和素材作り-

    今回はPhotoshopで金屏風を作ってみたいと思います。豪華で華やかな金屏風はお正月デザインに活躍しそうです。 Photoshopで金屏風を作る方法 photoshopを起動し、新規ドキュメント作成。サイズはお好みで構いません。[グラデーションツール]で全体を塗ります。 続いて新規レイヤーを作成し、全体に市松のパターンを配置します。 【市松パターンの作り方】正方形を四分割し、斜めに2マス塗りつぶします。今回は#e9b73cで塗りました。パターンの範囲(正方形)を選択した状態で、[編集]-[パターンの定義]を選択。任意のパターン名を付けて[OK] 作成したパターンで塗りつぶしたところ。市松レイヤーの描画モードを[乗算]にし、不透明度を50%に設定します。 更に新規レイヤーを作成。[フィルター]-[スケッチ]-[ノート用紙]を適用。プレビューを確認しながらお好みで数値を設定してください。描画

    Photoshopで金屏風を作るチュートリアル -和素材作り-
  • Illustratorで水引をつくる -和素材作り-

    今回はIllustratorで水引を作るチュートリアルになります。 ブログには何件かチュートリアル系記事を掲載しているのですが、「ブレンド」ツールはとても役に立ちますね。私自身イラレ初心者なので、初心者でも簡単に作れる内容になっています。 オリジナルの水引をつくろう 今回はIllustratorCS3で作っています。(環境の違いでグレードダウンw) 贈り物に使用される水引をオリジナルにしてみたら、より気持ちが伝わるかもしれません。ただ、何でも「オリジナル」にこだわるのではなく、作法を弁えて制作して欲しいと思います。 故中村勘三郎さんの言う「それは型破りではなく型無しだ」状態にならないようにしましょう。 水引については前回記事「水引に想いを込めて。由来や作家さんのご紹介。」で紹介しています。水引ってなに?って方はこちらをどうぞ。 今回の完成系はこんな感じ。紅白で五の蝶蝶結びを作ります。

    Illustratorで水引をつくる -和素材作り-
  • Yiiでユーザ認証まわりを作成する | CHOICE

    Yiiでのユーザ認証まわりを修正します。 したいことは パスワードについてはphpassを利用して暗号化したい。ログインにはメルアドとパスワードを利用したい。アクセスコントロールは管理者、マネージャー、一般ユーザのように簡単にしたい。となります。 パスワードについてはphpassを利用して暗号化したい。まず、ここからphpassの最新版をダウンロードし、protected/extensions/passwordHash/PasswordHash.phpとして保存します。 次にmain.phpphpassの設定を追記します。 'import'=>array( // for phpass 'application.extensions.passwordHash.PasswordHash', ), 'params'=>array( //for phpass 'phpass'=>array( '

    Yiiでユーザ認証まわりを作成する | CHOICE
  • あんなこともこんなことも。そう、Node.jsならね。

    $ pulldown jquery -> Success: https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js was downloaded to ./jquery.min.js $ ls jquery.min.js

    あんなこともこんなことも。そう、Node.jsならね。
  • スライドショー

    品飲料メーカー・飲店」にスマホサイトを8個追加しました。 モリバコーヒー、カフェ・ド・クリエ、ブルーボトルコーヒー、カフェラミル、倉式珈琲店、サンマルクカフェ、イノダコーヒ、サザコーヒー 品飲料メーカー・飲店のスマホサイトまとめ