PhotoshopでWebデザインを効率化するための便利な使い方 | ページ 3 / 3 | 東京上野のWeb制作会社LIG
こんにちは。LIGブログ編集部です。いつも「時間が足りない！」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか？ Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ
Photoshop、Illustrator、Sketch…デザインツールは結局どれがいいの？
2016年2月29日 Webデザイン, 便利ツール みなさん、UIデザインのツールって何を使っていますか？かつてはWebデザインに使うグラフィックツールはPhotoshop一択でした。しかし昨今はお手頃価格のグラフィックツールが増えてきて、どれを使うのがいいのか悩んでしまったり…。私もその一人でした。そこで現在巷でよく使われているPhotoshop、Illustrator、Sketchを比較してみました。 ↑私が10年以上利用している会計ソフト！ UIデザインのツールって、何使ってます？ — Webクリエイター ボックス (@webcreatorbox) February 19, 2016 Twitterでもアンケートを取ってみました！やはりPhotoshop強し！ 各ツールとも日々進化しており、以前はできなかった機能ができるようになっていたり…と、今回記事を書いていて改めて気づいたものも
PhotoshopでWEBデザインする基本の設定とテクニック - STAND-4U
Photoshopで「オブジェクトを直感的に選択・移動・変形」できる！ これは基本！Photoshopだって簡単な設定で、カンバス上で直感的にオブジェクトを動かしたり変形したりする事ができる！ 「移動ツール」を選んだ状態で、左上の「自動選択」をONに。また選択する対象「レイヤー/グループ」のどちらかを設定する事ができる。 こうすると事で、カンバス上に配置したオブジェクトや写真を、移動ツールで選択したり移動したりする事ができるようになる！ ちなみに「自動選択」をOFFの状態の場合でも「command」を押しならが選択すると自動選択する事ができる。もちろん逆も可能で「自動選択」がONの状態で「command」を押しならがクリックすると、自動選択しない状態になるので使い分けよう！ 自動選択ON・OFFのどちらにするかの正解は無く、自分の好みで選ぼう。 理由は簡単で、自動選択されては困る場合もある
超倍速でWordPressオリジナルテーマ作成！骨だけ「Bones」の使い方をザックリと
【発表】WP テーマ選びで悩んでる？ 日本語テーマの比較はこちら。 デモサイトを見ながら使い方とできることを比べられます 【テーマ選び方】8つ比較 「Bones」は、WordPressの「ブランクテーマ」とか、「スターターテーマ」って呼ばれる、カスタマイズ前提のテーマの一つなのだけど、そのカスタマイズのしやすさが他のブランクテーマと比較して圧倒的です。（当人比。ちなみに、その他のブランクテーマは下記リンク先を） 密かに使ってるカスタマイズ前提のWordPress ブランクテーマ4つ 「Bones＝骨ばっかり」というその名が示す通り、「骨組み」として、自分好みに肉付けしやすく、オリジナルのテーマ作成をビューンとひとっ飛びに高速で進められます。 簡単にまず、優れた特徴をあげてみましょう。 子テーマ不要 よそ様が作ったテーマをカスタマイズする場合、子テーマを用意した方がいいです。直接、元のテーマ
WordPressテーマを作成するのに役立つサイト・ツール・サービスまとめ
テーマバリデーションサービス The Web Template Verification Service WordPressテーマ的におかしなところがないかチェックする時に使用。 Theme Check WordPress › Theme Check « WordPress Plugins WordPress管理画面から、プラグインでテーマをチェックすることができます。すべてを修正するのは難しいけど警告部分くらいは直したい。 AntiVirus WordPress › AntiVirus « WordPress Plugins テーマのウイルスチェック。一応チェック。 noindex、nofollowのチェック NoFollow noindex、nofollow、nofollowリンクなどをチェックできるChrome拡張。FirefoxだとSeerobotsアドオンが便利。 サイトのnoi
仕事が嫌いな人は、そもそも起業に向いていないというめちゃ当たり前のこと
昨日、Apple Watch Series2の使用レポートを書いたんですが、もうほとんどアクセスがない。ソーシャルでもほぼスルー。キーワード「Apple Watch Series2」で４位。「Apple Watch サーフィン」で１位にいるけど、ほとんど検索流入がない。これはつまり、 Apple Watchに興味ある人はもうごくわずか ってことだと思うんで、Series2で打ち止めになるんではないかと心配しているわけでございます。周囲で前のモデル買った人も使ってない人多数だし、そもそもフィットネスに興味があってそれを管理しようっていう健康オタクはどれくらいいるかってことになる。貧乏人でもスマホは買うが、健康管理には貧乏人は興味がないからね。貧乏人ほどデブが多いってことがそれを証明しています。つまり小金があるもの好きの贅沢デバイスになってるわけだよね。 それはさておき、先日のことですが、けん
UIデザイナーの私がPhotoshopからSketchへ乗り換えた9つの理由 | Page 2 of 2 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
6. 100% CSS対応 全てのスタイルはCSSで再現でき、デザインのスタイルをそのままCSSで書き出すこともできます。これは楽よ。 そのため、Sketchで作成したデザインはWebまで統一できます。 Code friendly! 7. 書き出し 画像の書き出しに関して、Sketchは最強。 これ以上使いやすい書き出し機能は想像できません。書き出したいレイヤーが選択しやすいし、フォルダーにオーガナイズできるし、複数のファイル形式と解像度での書き出しが一度にできます。すごすぎて、一回使ってみたら他のソフトに物足りなさを感じるしかありません。それほどいいです。 It’s that good. 8. 複数アートボード デザインを作成するとき、統一感と使いやすさを守るため、大まかなデザインを見ながら細かいデザインを作ることは結構大事です。 その点Sketchは、複数のアートボードを自由に設置して
プロ御用達！WEBデザインに役立つデザインツール13選
更新日: 2017年09月26日公開日: 2015年06月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方に
思い通りカスタマイズできる？WordPressの有料テーマを買う前の注意点10個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。 以前「WordPressのおすすめ有料テーマ『TIMELINE』を買って使ってみた」で、WordPressの有料テーマの良いところを紹介させていただきました。 あれから、約5000種類の高品質なテーマを販売しているサイト「Themeforest」でいろいろな有料テーマを買っていじってみたのですが、とても便利だと感じながらも、良いところばかりではないなー思うことがしばしばありました。 今回は購入前にチェックしたい、有料テーマの落とし穴をまとめてみました。 ※使用したことがあるのは「ThemeForest」の商品だけなので、日本語のテーマや他のサイトで購入したテーマでは当てはまらない項目もあります。 1. 機能外のカスタマイズは難しい 有料テーマの設定は管理画面から行います。 テーマによって設定できる項目は異なりますが、大抵のテーマではメインカラーや文字色
WordPress開発が捗りそうなBracketsおすすめ拡張40個まとめ
Paste and Indent JavaScript & CSS CDN Suggestions scriptタグやstyleタグを書くと、CDNが使えるJSファイルやCSSファイルの名前を提案してくれ、選んでいくだけでCDN呼び出しタグを書くことができます。これがあると、ネットで探し回る必要ないかも。 Brackets Extension: CDN Suggestions CDN Finder jsDelivrで公開されているCDNを検索し、URLを手軽に取得することができます。 CDN Finder Autoprefixer 名前の通り、ファイルの保存時に自動でプレフィックスを付与する拡張です。 Can I Useの情報から判断して、不要なものは取りのぞいてもくれます。 機能を有効にするには、「編集」メニューから「Auto prefix on save」にチェックをしておく必要があり
Amazonにバレることなく2年間もKindle電子書籍で売れ行きを偽装して不当に2億円以上を荒稼ぎしたプログラマが登場
Amazon.comで販売されているKindle用の電子書籍は、読者のレビュー(書評)やダウンロード数を参考にして書籍をダウンロードするかどうかを決めることができます。それまでどれくらいの読者に読まれた本なのかという情報は、Kindle電子書籍の販売の行方を大きく左右する重要な要素ですが、この情報をねつ造してダウンロード数を荒稼ぎするという行為「catfishing」を、なんと2年間もの長きにわたってAmazonにばれることなく淡々と実行したプログラマの存在が明らかになりました。 Revealed: How one Amazon Kindle scam made millions of dollars | ZDNet http://www.zdnet.com/article/exclusive-inside-a-million-dollar-amazon-kindle-catfishing
Time Machine で Mac をバックアップする - Apple サポート (日本)
Time Machine で Mac をバックアップするUSB ドライブやその他の外付けのストレージデバイスがある場合は、Time Machine を使用して、アプリ、音楽、写真、メール、ドキュメントなどのファイルを自動的にバックアップできます。 ストレージデバイスを Mac に接続する 外付けのストレージデバイス (USB ドライブ、Thunderbolt ドライブなど) を接続してください。 ストレージ容量が Mac の 2 倍以上あるストレージデバイスをご用意ください。たとえば、Mac 本体のストレージが 1 TB の場合、少なくとも 2 TB の容量があるバックアップディスクが理想的です。Time Machine に必要なストレージ容量が不足している場合は、Mac が教えてくれます。 Time Machine のバックアップディスクは、Time Machine バックアップ専用にし
[速報] Googleブランドの新スマホ「Pixel」登場、衝撃の “5つの特徴” 【@maskin】 #madebygoogle | TechWave（テックウェーブ）
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 米Ｇｏｏｇｌｅは2016年10月4日、カリフォルニア州サンフランシスコで開催した記者発表イベントでGoogleブランドの新スマートフォン「Pixel」を発表した。 外見はiPhone6/7とそっくりだが、中身はどうか? まず始めに特徴として「Google
![[速報] Googleブランドの新スマホ「Pixel」登場、衝撃の “5つの特徴” 【@maskin】 #madebygoogle | TechWave（テックウェーブ）](https://cdn-ak-scissors.b.st-hatena.com/image/square/9ea591fb022b2d5d0bbe7d0faf92cf08c18493d4/height=288;version=1;width=512/https%3A%2F%2Ftechwave.jp%2Fimages_inbox%2F2016%2F10%2Fscreenshot_1266.jpg)
GoogleハイエンドVRヘッドセット「Daydream View」は11月発売【@maskin】 #madebygoogle | TechWave（テックウェーブ）
Ｇｏｏｇｌｅの記者発表イベントで発表されたGoogleブランドの新スマートフォン「Pixel」、5つの特徴の続き([速報] Googleブランドの新スマホ「Pixel」登場、衝撃の “5つの特徴” 【@maskin】 #madebygoogle)、最後の項目となる「VR」だ。Googleは、対応スマートフォンとVRヘッドセット、そしてコントローラで構成されるハイエンドなスマホVR環境「Daydream」を提供しており、スマートフォン「Pixel」はその第一号認定製品となる。 「Daydream」は、Pixelに加え専用のVRヘッドセットとコントローラが揃うことで機能するわけだが、その初めての対応製品「Daydream View」が発表された。 「Daydream View」は、Daydream対応のセンサーとディスプレイが搭載されたVRヘッドセット。コントローラも付属する。 マイクロファイ
ブログ記事が無断転載されたので対処してみた件 | vdeep
…… 俺のサイトやん(^p^) 文章もほぼほぼコピーだし(^p^)あうあうあー とりあえず、僕はTwitterにつぶやくことにした！(^p^) vdeepの記事ぱくられまくっててわろた カエレバをブログに設置したい！ – 信天翁のブログ https://t.co/posBZYZCAd — okutani (@okutani_t) 2016年10月4日 そしたらブロガー仲間のしむさんが、おつぱさんの記事を教えてくれました。 @okutani_t まじか！実際そんなのあるんだね( ﾟдﾟ) やっぱりhtaccessでこんなのやったりするんです？https://t.co/ozgvqqABJp — しむ（コトバコ） (@46sym) 2016年10月4日 おつぱさんの記事はこちら。 LINKパクリサイトに記事を全文無断転載されたのでGoogleに著作権侵害を報告しつつ差し替え画像を用意して対策を講
パクリサイトに記事を全文無断転載されたのでGoogleに著作権侵害を報告しつつ差し替え画像を用意して対策を講じてみた
人の心を盗むことはあっても、記事を盗むことはありません。おつぱ（ @OZPA ）です。ｸﾗﾘｽｩｰ!!ｸﾗﾘｽｩｰ!! さて先日、Twitterで@25kei12 さんより「とあるサイトで記事が全文パクられてますよ」と教えて頂きました。 参考：全文パクリブログ発見! – ま鉄系 よくよく考えたら全文まるまる無断転載されたのは初めてのこと（把握する範囲で）。しかもサイトを見てみたら画像まで直リンクしてくださっているご様子。 うーん殴りたい。 そんなわけでどんな制裁をくわえてやろうかと高鳴る鼓動を抑えつつ、当該パクリサイトにいろいろと対策を講じることにしました。（パクリサイトへのリンクはしておりませんので悪しからず） Googleに著作権侵害で報告 まずはじめにやるべきはGoogleへの著作権侵害を申告することでしょう。以下のサイトを参考にさせて頂きました:) 無断コピーされたコンテンツをGo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sketchを更に便利にパワーアップするプラグインのまとめ
キングジム、旅のお供にも最適な「ポメラ」がパワーアップ。日本語入力やデータ連携機能を強化した「DM200」
TechCrunch | Startup and Technology News
http://vdeep.net/wp-content/uploads/2016/10/wp-habakiri.jpeg
