［Illustrator ABC］TS08 プロセスカラーを利用した特色用の分版作業
今回は、プロセスカラーを利用した分版作業です。デザインが複雑なパスで構成されている場合は、パスを分割することで、選択のとりこぼしのおそれがあります。ここではプロセスカラーを設定していったんラスター画像化し、Photoshopで版ごとに分解したファイルを作成しました。 2013.07.01 記事内に、『Illustrator ABC』の関連ページが記載されています。そちらもご覧いただくと、機能やメニューについての理解が深まります。 今回も、特色2色のポストカードの入稿データを例に解説します。使ったのは、赤インクと紺インクです。印刷所は再びレトロ印刷さんです（ただし、この記事はレトロ印刷さんの監修のもとに書いているわけではないので、間違いがあることもあります）。 この印刷所は墨1色で色ごとに版分けして入稿しないといけないので、複雑なことをやろうとするとこんがらがってきますが、そのぶん印刷物をつ
jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
大規模サイトにおける本当は怖いCSSの話
7. 確認する <p class=”btn check”> チェックボックス✓ <input type=”checkbox” class=”check”> 段落です p span{color:blue; margin:20px} <p class=”btn”> <span>ボタン</span></p> ボタン 定義済みのid,class名をつけた 要素の再定義で崩れた 9. 共通ボタン 例外ボタン共通ボタン デバイスの向きを変えられる ユーザはいつでも、さまざまな理由でiOSデバイスの向きを変えることができます。たとえば、実行 する操作が縦長の向きのほうが自然に感じられる場合もあれば、横長のほうがより多くの情報を表示 できると感じられる場合もあります。デバイスの向きを変える理由が何であれ、アプリケーションの 主要な機能が見やすいままであることをユーザは期待します。 ユーザはホーム(Home
Home - Designzzz
There’s something incredibly satisfying about breathing new life into old garments, and you should give it a shot if you’re looking for your next DIY project. In addition to being super fun, upcycling old... Anyone who's tried to photograph their pets knows how difficult it is. While the professionals make it look easy, capturing the perfect photo of cats and dogs is hard because they're unpredict
プラグインに頼らず自力でjQueryのスライドショーを作る方法（はじめてのスライドショー作成編） | WEB-LABO
スライドショーの考え方 まず、最初に１枚目の画像を表示しておいて、１枚目を非表示にすると同時に２枚目を表示する。次に２枚目を非表示にすると同時に３枚目を表示する。３枚目を非表示にすると同時に１枚目を表示する。 今回は、制御構造を分かりやすくするために、フラグ用の変数を使い処理を分岐しています。具体的には変数flgの値が1の時は、1枚目の画像を表示する。flgの値が2の時は2枚目の画像を表示する。flgの値が3の時は3枚目を表示するといった具合です。 画像を切り替えた後に、flgを+1することで次の画像が表示できます。スライドショーに使う画像が3枚の場合は、flgの値が3を超えたときに1に戻します。あとは、これの繰り返しです。切り替えるタイミングの制御にはタイマーを使います。 【ステップ１】fadeIn()、fadeOut()を使用する fadeIn()、fadeOut()を使って画像を切り
25 Examples of Modern Minimal Web Design
Minimal Web Design Inspiration Tim Brack’s Portfolio Club of the Waves Dongkyu Lee’s Portfolio Andrew Herzog’s Portfolio Robin Spielmann’s Personal Site amstein Online Store Andreas Nymark’s Portfolio Monica Lovati’s Studio Harry Atkins ID—C Studio Tomorrow Happens Paul Macgregor’s Portfolio Niklas Rosén’s Portfolio Thursday Design Studio Minimal & Dark Web Design Inspiration Koto Studio Nordic Be
デザイナーの仕事を驚くほどラクにするPhotoshopアクション厳選18種【全て無料】 | Find Job ! Startup
画像加工や写真の修正、すべて手作業でやってませんか？ Photoshopのアクション機能で自動化すればアッという間に終わります。今回はデザイナーの仕事を驚くほどラクにするアクションを18種、厳選してまとめました。 目次 単純作業をラクにするアクション（×4種） モックアップ作成をラクにするアクション（×6種） 写真加工をラクにするアクション（×6種） 写真の枠をラクに付けるアクション（×2種） 単純作業をラクにするアクション １.Retina対応画像を生成する Retinize Itを使えば、iPhoneやiPadに対応したRetina画像を自動生成できます。リサイズ〜名前変更の手間を一気に短縮しましょう。 Retinize It ２.リフレクションする 水面に反射したような効果が得られるリフレクションエフェクトが簡単に作れるアクションです。たったのワンクリックでAppleプロダクトの
WP Themes for Car Auction - WordPress Themes and freebies
WP Themes for Car Auction Your one-stop destination for discovering the best WordPress themes tailored for car auction websites. Whether you’re a developer, auction house owner, or car enthusiast, we provide the resources and insights you need to create stunning, high-performing auction sites. Discover the Best Themes Top Picks: Explore our curated list of top WordPress themes designed specificall
あかつき＠おばなのDTP稼業録 【Adobe CS】複数バージョンをインストールする際の注意事項
勉強会（の懇親会）などで「Adobe CSを複数インストールすることってできますか？」という質問をよくいただきます。 個人的には複数バージョンをインストールして使っていますし、Adobeさんのデモなどでも複数バージョンをインストールしているのを確認できますね（名久井さんのアイコンの並べ方が素晴らしい！）。 ですが、無計画にインストールして使用するとアプリケーションの不調に悩まされることになりかねません。そこで、個人的に気をつけているコトをリストしてみました。ただし、あくまで個人的な経験に基づくものですので、ご利用は計画的に。 1.旧いバージョンからにインストールする 複数バージョンをインストールする場合に一番基本となるのがコレ。 CS6をインストールしたシステムに後からCS5やCS3をインストールしたりすると、アプリケーションが使用する共有ファイルが旧いものになってしまいます。 ですので、
CSS Spritesを用いた表示高速化と軽量化の実施方法 | Stronghold Archive
どうもこんばんは！今回のtipは【CSS Spritesを用いた表示高速化と軽量化の実施方法】です。ページの高速化に関しましては色々な方法ありますが、もっとも手軽に始められる方法の一つだと思います。 CSS Spritesについて CSS Spritesとは簡単に言うと複数の画像一枚にまとめ、読み込みの回数（HTTPリクエストの回数）を減らし、さらには画像自身の容量も削るという方法になります。通常の場合、画像は以下のように一枚ずつ表示しているかと思います。CSS Spritesではこれら複数の画像を一枚にまとめ、背景画像に指定した上でbackground-position（背景画像の表示位置）を使って表示を切り替えていきます。この方法はボタン等でよく見られます。では実際に上の画像を使ってCSS Spritesを実装してみましょう。 CSS Spritesによるボタンの作成 １.ますはボタン
Adobe Bridgeの使い方と便利な10機能
個人的に制作に欠かせないアプリケーションの一つがAdobe Bridgeです。 制作者の方は既に知ってるアプリケーションだとは思いますが、春ということで、新人の制作者やAbodeのアプリケーションを使い始めたばかりの人向けに書いてみました。 個人的に制作に欠かせないアプリケーションの一つがAdobe Bridgeです。 制作者の方は既に知ってるアプリケーションだとは思いますが、春ということで、新人の制作者やAbodeのアプリケーションを使い始めたばかりの人向けに書いてみました。 多数の形式のファイルをプレビュー サブフォルダ内の表示 ファイル名のリネーム ワークスペースの切り替え キーワード・レート・ラベルの追加 フィルター スマートコレクション スタック フルスクリーンプレビューやレビューモード Mimi Bridge Adobe Bridgeは写真や制作ファイルの管理・閲覧が簡単にでき
意外と使える！？Adobe Bridgeでサクサク画像選び！
大量の画像管理にはBridge いきなりですが、お勧めします。 初めまして、新米のKinoです。 みなさんのアプリケーションフォルダにはきっと収まっているはずなのになかなか陽の目を見ない、このソフト。 僕はたくさんの画像を管理するのに重宝しているんです。 今回は、ちょっと覚えるだけで画像管理にBridgeを使いたくなる機能を紹介しますよ〜 サブフォルダ表示＋ラベリングでラクラク画像セレクト！ 複数ファイルの細部を同時に確認！ 画像セレクトをする人にオススメです それではどうぞ〜 Bridgeってそもそもなんですか？ そういえば、知らない人も多いはず。。 BridgeはAdobe社製のマネージメントアプリです。 単体で加工や編集はできませんが、Creative Suitesの全アプリケーションの仲介役として、ファイルの閲覧や管理を行うことができます その性質から単体での販売はしておらず、他ソ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
メンソール系 氷冷エナジードリンク RAIZIN COOL | RAIZIN / ENERGY DRINK
企業サイトやブログで使えるWordPressのプラグイン100個の安全性を確かめ、使い方を日本語で分かりやすく解説したオススメの本
spyrestudios.com| 502: Bad gateway
クリエイティブでデザイン性の高い国内サイト ベスト14 – 2011年10月版 | WDS
http://ideahacker.net/2013/05/18/5249/
DNS移転失敗体験談
すごアフィ | すごいアフィリエイトサイト、勝手に集めました。