Webデザイナーに最低限知っておいてほしい、検索と置換(正規表現) - kojika17
置換前の文字と検索、置換の対応 特定の文字からHTMLを作成 (.*)と$による呼び出しを覚えれば、様々なことに応用ができます。 下記の文字から、HTMLのリストを作成してみましょう。 Google https://www.google.co.jp/ Yahoo! http://www.yahoo.co.jp/ Bing https://www.bing.com/ Yandex https://www.yandex.com/ 百度 http://www.baidu.com/ 用意した文字は「タイトル」「スペース1つ」「URL」というルールになっています。タイトルとURLを(.*)に置き換えて検索し、li要素とa要素に置き換えます。 例 置換前の文字 Google https://www.google.co.jp/ Yahoo! http://www.yahoo.co.jp/ Bing ht
Illustrator新機能で簡単にシームレスパターン
こんにちは。デザイナーの白浜です。桜もそろそろ散り始めるころでしょうか？ 今回は春っぽく桜のモチーフを使ったシームレスなパターンの作り方をご紹介します。IllustratorCS6からの機能「パターン作成」を使えば作成も編集もあっちゅうまなのです。 モチーフを準備する まず、モチーフを準備しましょう。春らしく桜のオブジェクトを用意しました。 次になんとなくこんな感じの柄にしようかな～と思ったイメージでオブジェクトを配置していきます。 ちょっと色も替えたりすると華やかですね！ 「パターン作成」を使う シームレスパターンにしたいオブジェクトをすべて選択して「オブジェクト」→「パターン」→「作成」を選択します。 すると… 先ほど選択したオブジェクトがスウォッチに追加され、同時にパターン編集画面が表示されます。 周りにパターンを適用した際のプレビューが表示されているので、わかりやすいですね！ パタ
IllustratorでSVGファイルを保存してみました
はじめまして、高橋まです。 以前は紙のデザインの仕事をしていましたが、 アシアルの一員となり日々webの勉強をしています。 このブログでは、web初心者の私が感動したものを 紹介していけたらいいなと思っています。 さて、今回はSVGファイルについて書きたいと思います。 今までは、webの画像といえばpng！と思っていたのですが、 ベクター形式を残したまま、ファイルの軽いフォーマットがあるよ！と 同じチームのエンジニアさんがアドバイスをくれました。 以前、アシアルデザイナー和田さんも紹介していた「SVG」です。 和田さんの記事と合わせて、読んでもらえたら嬉しいです。 SVGとはなんぞや SVG（Scalable Vector Graphics）とは、W3C（World Wide Web Consortium）によって 開発、メンテナンスされているフォーマット。 表示する都度、計算を行って画像
これからのWebデザインはIllustrator派が増えてくるのでは？ | 5 LOG
個人的に、今はWebデザインはイラレでやります。Photoshopは画像の調整にしか使いません。 これからは、徐々にDesigning in the browserにシフトして、ワイヤー、ラフ、パーツ制作にイラレを使用していくつもりです。 ただ、まだまだデザインカンプの作成が必須となっていて、なかなかシフト出来ないのが現状です。 なぜIllustratorか？ そもそもイラレの方がレイアウトが組みやすい。 これが一番の理由なんですが。。。 いや、これ以外にも、いろいろとあって、 以前は、とにかく画像画像だったパーツ（ナビゲーションとかボタンとか見出しとか）が、CSS3で表現出来るようになり、Webフォントやアイコンフォントが主流になってきて、画像で書き出すパーツが大幅に減った。 さらに、Retina等、解像度の違うディスプレイが登場して、今後も増えてくる事を考えるとSVGの使用も増えてくる
IllustratorからPhotoshopへレイヤーを保持したまま移動させる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。今回はIllustratorのレイヤーを保持したままPhotoshopに移動する方法をご紹介します。 最初からPhotoshopで作ればよくない？と言う方もいるでしょうが、私はイラストなど細かいパスを描くときはイラストレーターの方が断然使いやすいので、いつも「Illustratorでパスデータを作成→Photoshopで加工・着色」という方法で作業しています。 ではさっそく試してみましょう！ 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ Illustratorでデータを作る まずは今回のサンプルとし
日本地図・白地図プリントPDF AIデータなどの無料素材|Start Point
日本地図・白地図のプリントアウトして使えるPDFデータの無料ダウンロードができます。 小学生向けの都道府県名をひらがな表記にした日本地図や、地方区分ごとに色分けした日本地図、ぬり絵は暗記の勉強に使える白地図などもあります。 AIデータもあります。 家庭学習小学生にオススメ仕事に使えるダウンロード暗記・覚える公開日： 2019-11-01 20:03:00 最終更新日： 2025-05-30 16:09:35 日本地図 都道府県地図 無料素材 白地図 イラスト 透過PNG プリント用PDF 日本地図を都道府県ごとに区切った都道府県地図のPNGデータ、A4サイズのプリント用PDFを無料(フリー素材)として配布しています。 PDFファイルはイラストレータでも開けます。大きさなどを変更したいときはPDFファイルがオススメです。 1枚目の地図だけ大きく表示していますが、用意している地図素材はすべて同
アートボードのサイズを変更するには（Illustrator CS4） - DTP Transit
Illustrator CS4でアートボードのサイズを変更するには次の手順で行います。 ドラッグして行う方法 ツールボックスの［アートボードツール］をクリックして選択します（キーボードショートカットはshift+Oキー）。 アートボードがバウンディングボックスのように選択されるので、ハンドルをドラッグしてサイズを変更 選択したオブジェクトにアートボードを合わせる 選択しているオブジェクト、または、ドキュメントのオブジェクト全体に対して、アートボードの大きさを調整することができます。 ツールボックスの［アートボードツール］をクリックして選択 画面上部のコントロールパレットに［アートボード］関連のオプションが表示されるので、プリセットのプルダウンメニューから［アートボードを選択したアートに合わせる］を選択 ［アートボードをアートワークのバウンディングボックスに合わせる］を選択すると、すべてのア
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Facebook
好きなことをチェックしよう。Facebookにログインメールアドレスまたは携帯電話番号パスワードログインパスワードを忘れた場合新しいアカウントを作成 日本語English (US)Português (Brasil)中文(简体)Tiếng ViệtEspañolBahasa Indonesiaその他の言語…アカウント登録ログインMessengerFacebook Lite動画Meta PayMetaストアMeta QuestRay-Ban MetaMeta AIInstagramThreadsプライバシーポリシープライバシーセンターFacebookについて広告を作成ページを作成開発者採用情報CookieAdChoices利用規約ヘルプ連絡先のアップロードと非ユーザーMeta © 2026
Macromedia Flash - その他のダウンロード
使い慣れたアプリを最新バージョンにアップグレードして、創造性を加速しましょう。 クラウドストレージ、デバイス間でのファイル同期、Creative Cloud サービスへのアクセスなど、その他の特典をお楽しみください。
InDesignみたいにWebデザイン、「Adobe Muse」に日本版
「紙媒体のデザイナーのためのWebデザインツール」――。そんなコンセプトの新しいソフト「Adobe Muse 2.0」を8月21日、アドビ システムズがリリースした。英語版は2011年8月にパブリックベータが公開されていたが、日本語版の提供は今回が初めて。単体パッケージは販売せず、Creative Cloudのメンバー（月額5000円〜）向けに提供する（単体サブスクリプションは計画中）。 マスターページ、ガイド、スウォッチ……おなじみの機能 Adobe Museは、HTMLやCSSなどのコードを記述せずに、Webサイトを制作できるソフト（Mac OS X/Windowsに対応）。Webサイトの制作では、PhotoshopやFireworksなどのグラフィックソフトでカンプを作成し、HTML/CSSをコーディングする流れが一般的で、HTML/CSSの知識が必須。「ホームページ作成ソフト」を使
デザイナー必見！アナタにとっての『見たことも無いデザイン』を探すことが出来そうなサイト色々！ | バンクーバーのうぇぶ屋
WEBサイトを作る時、アイデア出しに詰まったりするなら参考になりそうなサイトを探したりするのもアリだと思いますが、たまには『WEBデザイン』の枠を超えた所からアイデアなんかが思いつくこともしばしばかと思います。 特にスペシャルコンテンツ的なサイトを作るときには、時として奇抜なアイデアや見たことも無いようなインパクトを必要とされる事もしばし。そんな時僕は一度“WEBデザイン”のことを忘れ、WEBデザイン以外のギャラリーや専門サイトを見る事も少なくはありません。 配色ルールなんかをインテリアやファッションデザインからヒントを得る的な記事も前に書かせてもらいましたが、似たような事かなと思います。たまにはWEB以外のデザインに目を通して違う発見やアイデアを得るための時間を作るのも面白いものですよー！ というわけで、今回は海外WEBデザインギャラリーまとめに続きまして続編的に書いてみようかなと、前回
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DesiCreator.com is for sale | HugeDomains
DTP Transit （IllustratorやInDesignをはじめとするDTPアプリケーションの操作に関するTipsやお役立ち情報）
lovwar.com
新着記事 | PhotoshopVIP
http://japan.internet.com/webtech/20120815/1.html
配色イラストレーターの「カラーガイド」
http://visitmix.com/labs/ai2canvas/
新着記事 | PhotoshopVIP
