浴衣やオフィスにも合う「ミディアムヘア」アレンジ 簡単“くるりんぱ”も - はてなニュース
鎖骨に届くか届かないかという長さのミディアムヘアさん必見！ 夏は首回りに汗をかくことが多く、髪がまとわりつきがちです。そんな煩わしさは、ヘアアレンジを楽しみながら回避しましょう。見た目は“ゆるふわ”でかわいらしく、かつ爽やかに！ 思わずトライしてみたくなる、夏向きのヘアアレンジを集めてみました。 ■ 今風に見せたいなら「ねじりアップ」に挑戦 ＜セレブ風ねじりアップ＞ ▽ cawaii-hair.tokyo - 流行しているねじりヘア。夏は思い切ってアップにしてみましょう。TOKYO Cawaii BEAUTYのページでは、エレガントな雰囲気が印象的な「セレブ風ねじりアップ」を紹介。まずは前髪と顔周りの髪をねじってピンで止め、さらに耳後ろから襟足まで続けてねじります。ねじった毛束はだんご状にし、毛先をピンで固定。反対側も同じようにねじって完成です。 ＜ルーズなねじりアップ＞ ▽ ルーズなニュ
Photoshopでシームレスなパターンテクスチャ素材を作る方法【芝生、木目、レンガなど】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの姐さんです。 今回はPhotoshopの機能を使って、シームレスパターンを作成する方法をご紹介します。 ※この記事は2022年3月に編集部が情報を更新しました 芝生 1. 正方形の新規ファイルを作る 今回は300px×300pxの正方形にしました。 2. 写真を配置する カンバスいっぱいになるように写真を配置します。 3. カンバスサイズで写真を切り抜く 全てを選択（ctrl+A）→選択範囲をカット（Ctrl+X）→編集→特殊ペースト→同じ位置にペースト（Ctrl+Shift＋V）で芝生の写真をカンバスサイズで切り抜きます。 この手順をやっておかないと次の手順の「スクロール」がうまくいかないので、必ずやっておいてください。 4. 「スクロール」フィルタで写真を移動する 次に、先ほど切り抜いたレイヤーを選択した状態で、「フィルタ」→「その他」→「スクロール」を選択しま
Illustratorを使うとき、私が手放せない10個のスクリプト｜DTP Transit
最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの？ Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ
デザインに赤十字マークを使うと法律違反？ 厳密な使用ルールに「知らなかった」の声 - はてなニュース
「赤い十字」をデザインに使うと、法律違反になる可能性がある――病院や医療をイメージしやすい赤十字のマークについて、正当な理由なく使ってはいけないことを解説したエントリーが、はてなブックマークで注目を集めています。ジュネーブ条約と日本の法律で使用できる範囲が定められており、ネットには「医療機関でもダメなんだ」「赤十字のついた救急箱見かけなくなったと思ったらこういうことなのか」などの反応が寄せられています。 ▽ デザインに赤い十字（✚）を使うと法律違反って知ってましたか？ | 初代編集長ブログ―安田英久 | Web担当者Forum Webサイト関連の情報サイト「Web担当者Forum」のブログに、白地に赤い十字を描いたマーク（赤十字マーク）に関する話が掲載されました。病院や医療の象徴として連想しやすいマークですが、戦時国際法のジュネーブ条約と、日本で定められている「赤十字の標章及び名称等の使用
JavaScriptの動かないコード (JavaScriptエラー集) - 主に言語とシステム開発に関して
「このJavaScriptコードが動かないのは，なぜですか？」というミニクイズ集。 すべて制限時間は１分。 別名，JavaScriptのエラー事典。またはアンチパターンのまとめ。 中級編 初級編 番外編 2015年５月現在，全５３記事。 中級編 JavaScriptの仕様関連 p要素への appendChild() で失敗する かけ算を間違える イベントハンドラが見る値のエラー クロージャを使わない場合に起きるエラー オブジェクトのprototypeを変更した時のエラー 正規表現で同じ文字の連続を検出したい - 置換前パターン中での後方参照 jsonオブジェクトをevalできないエラー 不要なイベントが連鎖で発生してしまう （バブリングの対処） オブジェクトのプロパティ定義にthisを使って失敗するエラー setTimeoutのタイマーが指定時刻に動かないエラー オブジェクトのメソッドを
不動産広告にありがちなこと - 不動産屋のラノベ読み
だらだらと。 キャッチコピーの「！」の数と、物件の良さは反比例する。 →本当に良い物件は、上品なイメージを出したいので！を付けたりしないです。 「日当たり良好」は「ほめるところがない」という意味。 →賃貸はもちろん。一戸建でも、南道路なら「南道路」と書きます。 「閑静な住宅街」は「本当にほめるところがない」という意味。 →日当たり良好とさえ書くのが憚られる場合に。 「××駅徒歩圏」は「具体的に書くとちょっとアレ」な距離。 →徒歩2,3分なら、売りになるので数字書きますって。 徒歩15分とか、ま、歩けなくもないですしねえ。 「室内キレイです」は「リフォームしてません」という意味。 →リフォーム済ならリフォーム済と(ry 「状態良好」は「まあ、現況で住めなくもないですよ」という意味。 →室内キレイとさえ書くのが(ry この前、会社の人が「北向きなので、とても明るいです！」というキャッチコピーを
頭が$で始まる JavaScript の変数名―jQuery の命名則でドルマークを使う意味・由来 | 黒くないすべてのものはカラスではない
買ったまま長いことツンドクだった jQuery Cookbookを最近パラパラと読んでいます。 発行が2年前ということもあり、updateの速いjQueryの解説書としてはもうそろそろ 2nd Editonが出てもおかしくない時期(※)ですので今買うのはあまりお勧めしませんが、basic部分では十分役に立つ内容です。 ※ただし2013年1月5日時点ではまだ2nd editionはオライリの近刊予告リストにも入っていません。 パラパラとめくっているうちに、いくつか次のような変数宣言があるのに気が付きました。 var $element = … var $item = … JavaScriptで、$で始まる変数宣言というのをみた記憶がなかったので「アレッ」と思いました。 一瞬、著者が perlのコードと書き間違えたのではないかと思ったのですが、同書をよく読むと次のような一説がありました。 “…
childNodesの罠 - ホットリンク研究開発室のblog
yukiinu2ndです。また間が空いてしまいました……。 #文章にまとめるのは難しいです。 今回は、JavaScriptについて勉強をしている方から相談を受けた(というより自ら首を突っ込んだ)際にはまってしまったことについて紹介します。 その方、何でもJavaScriptからchildNodesなどを使ってDOM操作をすることで動的に要素を操作する、というサンプルを動かしていたのですがうまく動かないと困っていました。 childNodesはノードオブジェクトのプロパティであり、 var kodomotachi = document.getElementById("oya").childNodes; alert(kodomotachi[0].innerHTML);とするとkodomotachiにid属性が「oya」である要素の子ノードの配列が返ります。 上記のようにその要素の持つ子ノードの
PSD からテキスト情報を抽出するスクリプト
こんにちは。デザイナーの高口です。 デザイナーの皆さんは、デザインを開発者に伝える時、どのようにしていますか？ 口頭で伝える、印刷したデザインに書き込む、指示書を作る…様々な手法があると思いますが、どれも時間がかかりますよね。 そこで今回は、伝える手間を少しでも減らすべく、PSD からテキスト情報を抽出するスクリプトをご紹介いたします。 1.スクリプトをダウンロード まず、下記のリンクからスクリプトをダウンロードして下さい。 (ご利用に際しては、自己責任にてお願いいたします。) ダウンロード ： TextExportToCSV ダウンロードしたファイルを解凍すると「TextExportToCSV.jsx」というファイルがありますので、下記のフォルダにコピーして Photoshop を再起動して下さい。 Windows – C:\Program Files\Adobe\Adobe Photo
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
Illustrator/InDesignの自動カーニングあれこれ｜DTP Transit
次の方針が望ましいと考えます。 ツメ組みでの基本は「自動」＋「プロポーショナルメトリクス」を設定 ベタ組みでの基本は「和文等幅」 自動カーニングが効かないフォントのみ、「オプティカル」を設定 見出しなど、部分的に「文字ツメ」を併用することも（ただし、欧文には設定しない） ご参考： メトリクスには「プロポーショナルメトリクス」の併用が必須 - なんでやねんDTP 2007-11-03 - 遠近法ノート 「文字ツメ」と「オプティカルカーニング」について。 Illustrator CS2とInDesign CS2の自動カーニング機能 - DTP Transit ふと、調べてみたのですが、「自動」は、従属欧文には無効なので、合成フォントを設定する必要があります（言われなくても使っているでしょうけど）。というわけではないようです。コメント欄を参照してください。 各機能をまとめてみました。 設定名 和
-webkit-text-size-adjust: none を絶対に設定してはいけない理由
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
JavaScriptの正規表現で文字列を抜き出す「グループ化」
JavaScriptの正規表現で特定の文字列を抜き出す「グループ化」について解説します。 JavaScriptで特定の文字列を抜き出して処理したいことがよくあるのですが、グループ化の使い方を忘れてネットで検索してもなかなかヒットしないので、備忘録で残しておきます（他に適切な方法があるようでしたらすいません）。 １．特定の文字列を抜き出す まず基本として、特定の固定文字列を抜き出すには、match関数で次のように記述します。 var foo = 'abcdefg'; var bar = foo.match(/abc/); これは変数fooに「abc」という文字が含まれていれば、変数barに abc が設定されます。 変数fooに「abc」という文字が含まれていない場合、変数barにnullが設定されます。 この使い方は、検索したい文字列があらかじめ決まっていて、上記のような代入文ではなく、判
Illustratorでプラグインを使わずに、角を丸くする｜DTP Transit
Illustratorで文字の角を丸めるとき、［角を丸くする］効果を利用すると、次のように意図しない形状になってしまうことがあります。 これを避けるために、有料のプラグイン、Xtream Pathの［スマートラウンド］を使う方法をご紹介してきましたが、Illustratorだけで実現する方法をご紹介します。 なお、この方法は、本日のセミナー（「クリ☆ステVol.6」）終了後、参加者の方から教わったものです。お名前を失念してしまいましたが、ありがとうございます（※追記あり）。 実現方法 実現方法は、［パスのオフセット］効果の二度がけ。 一旦、負の値でかけてから、同じ数値で正の値でかけます。 なお、この際、両方とも正の値を設定する効果に［角の形状］を「ラウンド」にしておくのがポイント。 正直、なぜ、これで丸くなるのかよくわからないのですが、結果オーライで。 ただし、細かいところをいうと、"墨だ
Photoshop/Illustrator の小技・Tips集
電話機のコイル線やハンドバッグのチェーンもブラシなら簡単！ フォントをアウトライン化してブラシを適用すればまるでオリジナルフォント！ この解説のために作成したブラシと作成作業を楽にするテンプレートファイルはこちらからダウンロードできます。Versionは「ＣＳ」です。 ＜ブラシ＞(406.58 Kbytes) ＜パターンブラシ作成用テンプレート＞(733.13 Kbytes) ：文字を右クリックして「リンク先を保存」を選んでください。 （テンプレートの中には９種類のオリジナルブラシも含まれています） 今回はかなりお役に立つのではないかと自負しています。 上の図で、受話器につながっているコイル状の線やハンドバッグのチェーン。これらはペンツールで画いたパスにオリジナルのパターンブラシを適用したものです。 またその下の「ＡＢＣＤＥＦＧ」は「Areal Black」という欧文フォントをアウトライン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
iOS7のブラーエフェクトを学ぶPhotoshopのチュートリアル（PSD素材付き）
IDEA * IDEA
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
「出、出た～www Wordに画像直接貼りつけ奴～www」← 拡張子をzipにするとキレイな画像を抽出できるよ(ｷﾘｯ - Flash Black
