Photoshopで少しでも作業時間を短縮するためにしていること6つ
（上記ショートカットは全てコンフリクトしていたのですが、元々使っていなかったショートカットだったため、気にせずそのまま設定しました） 2. 共通パーツのスマートオブジェクト化 例えばリンクアイコンの▶など、ファイル内で同じ形、同じ色のものはスマートオブジェクトに登録しておくと便利です。 色や大きさを変更をするとき、1つのスマートオブジェクトを変更すると全体を変えることができます。 3. ツールプリセットの活用 ツールプリセットは、自分の良く使うツールを登録して使うことができます。ショートカットじゃダメなの？ という疑問もあると思うのですが、ツールプリセットでは、特定のサイズのブラシや、特定のシェイプなど、○○ツールの○○、というように詳細に登録することができます。 例えば私は、右向きの三角形や星のシェイプなど、良く使うものを登録しています。 登録方法は、そのツールを選んだ状態で、右から2番
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
How To Do a Vexel Pop Art Photophop - Snap2objects
How To Do a Vexel Pop Art Photophop by Estefany | Apr 1, 2009 | how to | 3 comments Roy Lichtenstein has inspired many artists till nowadays, with his beautiful paintings simulating the comic style, marked by the presence of primary colors and reticulated aspect. Now we are going to digitally recreate this style in a newer vision using the vexelling technique in Photoshop. This is the final result
YouTubeをもっと活用できる裏ワザ5選 | ライフハッカー・ジャパン
YouTubeはもはや、言わずと知れた世界最高のオンライン動画サイトのひとつですが、さらに活用するための裏ワザがあるのをご存じですか？ 以下では、面倒な手順をふまなくても、URLを少し変えるだけで使える便利な方法を紹介します。 動画の全体や一部分をリピート再生する方法 誰にでも「何度でも聞きたい曲」はありますよね。動画を自動的にリピート再生したい時は、URLの「youtube」のあとに「repeater」という単語を追加します。そうすると、外部サイトで動画が開き、放っておけばいつまでもリピート再生されます。動画全体だけでなく、動画の一部分だけをリピート再生させる設定もできます。 【設定例】 もとの動画のURL
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
もう迷わない！「」『』（）【】の“使いどころ"／テクニカルライターが教える、文章の見た目を良くする技術 | きんどるどうでしょう
こんにちは、もう覚えていただけましたでしょうか、晴海まどかです。「テクニカルライターが教える、文章の見た目を良くする技術」第3回。 今回は、記号の使い方で文章の見た目をよくできないか考えます。記号の中でもちょっと迷うかもしれない、括弧のお話を中心に。ちなみに、今回の話に関して言えば“縦書き”・“横書き”の区別はあまりありません。 前回の記事はこちら：テクニカルライターが教える、文章の見た目を良くする技術「あなたの縦書き文書を美しくする数字の書き分け方」 *この記事はKindle作家の”晴海まどか”さんからゲストポストいただきました 「括弧」を極めて美しい文章を作る技術 まずは例文をば！ 今回は先に例文を一つ見てみましょう。 なーんとなく、読みにくくないですか？ 以降、記号の使い方によって見栄えがどう変わるか、考えてみます！ 記号の代表格、括弧の使い方 括弧と一言で言っても、「かぎ括弧」（丸
Photoshopで文字をよりシャープにクリアに見せるこつ -1px未満のこだわり
dribbbleに投稿されたデザインで、コメントのやり取りがちょっと興味深いものなので紹介します。 簡単に意訳すると、 ビジター「デザインきれいだな、文字周りの処理に秘訣とかあるの？」 オーナー「文字をクリアにみせるために、Photoshopでこういう風にやってるよ。」 という感じです。
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
Photoshopで簡単でキレイに物体を増減させる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、はやちです( ˘ω˘) アスパラおいしいですよね( ˘ω˘) はやちは肉巻きアスパラが好きです( ˘ω˘)ｼﾞｭﾙﾘ あら、ここにおいしそうなアスパラが(๑´ڡ`๑) 今回はPhotoshopのコンテンツに応じた修正ツールを使ってアスパラを色々やっていこうと思います( ˘ω˘) アスパラを消してみよう！ 選択ツールでアスパラを囲みましょう( ˘ω˘) メニューバーの編集→塗りつぶしを選択します。 ショートカットキーShift＋F5でもできます( ˘ω˘) プルダウンからコンテンツに応じるを選択してOKを押すと( ˘ω˘) 消えた✌(´ʘ‿ʘ｀)✌ 他にも消し方があるよ ツールバーにあるパッチツールを選択してアスパラを囲みます( ˘ω˘) 上部にあるコントロールパネルのパッチのプルダウンからコンテンツに応じるを選択します( ˘ω˘) 選択されたものを引っ張ると置き換えたい背景に移し替
photoshopで枠線つき吹き出しをつくるときのちょっとしたコツ
ご存知の方も多いかもしれませんが、最近発見したので覚え書き。 吹き出しって三角の位置を微妙に修正することが多いと思うのですが、枠線つきの吹き出しって修正しづらくないでしょうか？ ※作成・確認環境は、Photoshop CS6です 例えば自分が配布しているSVGの吹き出しもそうなのですが、三角の部分を移動したり大きさを変えたい場合、パスが全て連結されていて動かしにくかったりします。 三角の部分を動かすには、土台の図形と三角部分を別々にすると良いですね。 吹き出しの図形をそれぞれシェイプで描きます。 このとき、吹き出しの三角の方は、パスを閉じないようにします。 ※訂正です、パスは閉じても閉じなくても表示は変わりませんでした。 良く確認せず申し訳ありません…。 2つの図形をちょうど良いところで重ね、ショートカットキーの「Ctrl + E」で結合します。 （レイヤーのところで右クリック→「シェイプ
WordPressでサイトをつくるとき、デザインやコーディングでちょっと気をつけるだけでハッピーになれるかもしれない3つのコツ
WordPressでサイトをつくるとき、デザインやコーディングでちょっと気をつけるだけでハッピーになれるかもしれない3つのコツ 2013.02.07 | 制作あるある 夜遅く帰ってきて、夜中だけどこんなものを食べてしまったサーモンです。 夜食ってなんでこんなにおいしいんでしょうね？ わたしがなぜ、サーモン色になったかというと、決して食いしん坊だから、とか、もう選ぶ色がなかったとかそんなことではないですよ。 私は請負で仕事をすることが多いので、ディレクターさん、デザイナーさん、コーダーさん、そしてWordPress構築、バラバラに集まったりすることがあるわけです。 そうすると、みんながみんなWordPressのこと分かってるわけじゃないので、ちょっとした行き違いがおきたりして、うまく進まなくなっちゃったりすることがあるんですね。 設計とか運営とか、ホント考えるべきことはいろいろあるんですけど
Illustratorの基本的なエフェクト集 | コリス
Illustratorの基本的だけど、マスターしておきたい効果的なエフェクトをWeb Designer Wallから紹介します。 Mastering Illustrator Effects 以下、各ポイントをピックアップしたものです。 上記サイトではチュートリアルのAIファイルもダウンロードできます。 間のびしない矢じり 角丸を素早く綺麗に描く 正確なジグザクのライン オブジェクトの収縮と膨張 変形のエフェクト ラフにするエフェクト 落書き風のエフェクト Illustratorのエフェクトを使用時のTips 間のびしない矢じり [効果]-[スタイライズ]-[矢印にする]で矢印のエフェクトを使用できます。
Turn Any Font Into a Sketch Font - Vectips
This blog post was previously published on our blog in 2009, and since it was so popular with our readers, we wanted to be sure the instructions were up-to-date. So we’ve updated this tutorial to be current with the most recent versions of Illustrator. Hope you enjoy revisiting this helpful tutorial in Illustrator CS6 & CC style. Want to see other articles revamped? Let us know by leaving a commen
「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効
ガイドを定規の目盛りにピッタリ合わせる - 逆引きリファレンス
正確な位置を示すはずのガイドが見当違いなんて意味ないですよね。ピクセル単位なら、ピクセルグリッドにピッタリ合ってほしいし、ミリメートル単位なら、ピクセルグリッドの制約を受けない自由な位置に配置したいです。 このような異なる用途でも、ガイドを正確に配置する技こそ、［shift］キーの併用です。［Photoshop（編集）］メニューから、［環境設定］→［単位・定規］を選択して、［単位］の［定規］を設定しておきましょう。
[CSS]ページが長くても、ページ全体を角丸のボーダーで囲むスタイルシートのテクニック | コリス
ページ全体を角丸のボーダーで囲み、そのページがスクロールするくらい長くても全体を囲むスタイルシートのテクニックを紹介します。 Body Border, Rounded Inside Step 1: ページ全体を角丸で囲む（スクロール非対応） Step 2: ページ全体を角丸で囲む（スクロール対応） Step 3: ページ全体を角丸で囲む（スクロールバーを変更） Step 1: ページ全体を角丸で囲む（スクロール非対応） まずはシンプルなスタイルシートで、ページ全体を角丸のボーダーで囲んでみましょう。 基本的な考え方は、body要素にborder-imageを使い、4つの角を角丸にします。使用するのは下記の画像です。 角丸用の画像 コードを見てみましょう。 HTML HTMLは、bodyだけで構いません。 <body> <h1>Rounded inside body border</h1>
CSSだけで作る動きのあるドロップダウンメニュー
では、HTMLから解説していきます。 HTML <ul id="dropmenu"> <li><a href="#">メニュー</a> <ul> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> </ul> </li> <li><a href="#">メニュー</a> <ul> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> </ul> </li> <li><a href="#">メ
【CSS】ハイブリッドアプリを作成するときにいつも書くようにしているCSSプロパティいくつか！
こんにちは、相変わらずドラクエ10三昧の橋本です。 最近はライノス道場に通っています。 さて、今日はハイブリッドアプリのCSSを書く際に毎回指定するようにしているプロパティを備忘録がてらいくつか書いていこうと思います（いつも忘れるので）。 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) iPhoneやAndroidでリンクなどの要素をタップしたときに、iPhoneでは薄いグレー、Androidでは緑やオレンジの枠がデフォルトで表示されます。 -webkit-tap-highlight-colorというプロパティに色を指定することで、この枠の色を変えることができます。 ハイブリッドアプリを作成する際には、この枠が出ると如何にもWebっぽくなってしまうため、透明色を-webkit-tap-hightlight-colorに指定して、枠が表示されないよ
【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。
娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？ さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。 例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
厄介なカラー設定をカンタンに済ませる方法 - 逆引きリファレンス