Web制作者は絶対チェックしておきたい、デザインやコーディングに取り入れていきたい便利なツールのまとめ
Webサイトのデザインやコーディングは、やるべきタスクが年々増えてきました。それらの手間がかかる面倒な事が楽にできるツールやアプリも年々リリースされています。 これからのWeb制作にどんどん取り入れていきたいツールやアプリを紹介します。 Adobe Experience Design(Adobe XD) Adobe XDはWebサイトやスマホアプリのデザインやプロトタイプを作成するベクターベースのツールで、PhotoshopやIllustratorともスムーズに連携して利用することができます。 以前は「Project Comet」の名称で発表されていた新ツールが、2016年3月に「Adobe Experience Design(Adobe XD)」としてプレビュー版が公開されました。現在はOS X版のみですが、2016年後半にはWindows 10への対応も予定されています。
Web用保存は古い!? JPEG画質が改善したPhotoshop CC 2015の新方式の画像保存機能まとめ – ICS MEDIA
みなさんはAdobe Photoshopでどのように画像を書き出してますか？ 最新のPhotoshopではさまざまな画像書き出し機能が搭載されていますが、どれを選択するかで手間が異なります。 本記事ではPhotoshopのさまざまな画像書き出し機能を紹介し、最適な画像書き出し方法を検証します。 この記事はPhotoshop CC 2022 (23.5.0)で検証しています。 この記事のポイント 新しい画像保存方式（書き出し形式、クイック書き出し）は手間が少ないので、作業効率が良い 新しい画像保存方式はデフォルト設定で、小さなファイルサイズの結果を得られやすい アニメーションGIF保存は「Web用に書き出し（従来）」を使う Photoshopの画像書き出し方法一覧 Photoshop CCにおいて、画像を書き出す方法は分けて5種類あります。 書き出し形式 ［ファイル］→［書き出し］→［書き出
ネットで学べるillustratorチュートリアルサイト集 – creamu
spoon graphicsで、ネットで学べるillustratorチュートリアルサイトがまとまっています。 ざっといくつかご紹介。 » Vectips Ryan Putnamによるブログ。手軽なものからアイコンデザインまで、トップクラスのチュートリアルを公開している » Vectortuts Envatoによるベクターのあらゆることに関する人気サイト。たくさんの著者によって記事が書かれている » Veerle Pieters ベクターを扱うことで有名なVeerle Pietersによるブログ » Vector Diary 単純なシェイプから複雑なイラストを作っていく過程が公開されている » Illustration Info 初心者にもわかりやすいチュートリアル » Learn Ai illustratorに関するサイトを集めて、スキルの上がる情報を配信している 英語サイトですが、画像の
【ハウツー】ゼロからはじめるAdobe AIR - TodoMemoを作ってみよう (1) Adobe AIRの概要.1 | パソコン | マイコミジャーナル
本稿では、Adobe AIRを使って簡単なアプリケーションを作るまで過程を紹介します。注目の技術、Adobe AIRで何ができるのか、どうやって開発するのかを解説していきます。 Adobe AIRとは? 今後、最も期待している技術は何かと5つあげていくと、その中に必ず入るのが、「Adobe AIR」です。Adobe AIRは、アドビシステムズが開発したデスクトップアプリケーションの実行環境です。 AIRが面白いのは、これまで使ってきたWebアプリケーションの技術、HTML/JavaScriptやFlash/Flexを利用して、デスクトップアプリケーションを作ることができる点にあります。もし、これまでに、HTMLやFlashで何か作ったものがあれば、それを、簡単な作業で、デスクトップアプリケーションとして公開することができるのです。ちょっと手を加えるだけで、Webで動くアプリケーションと、デ
Adobe - デベロッパーセンター : こくばん.in：リアルな書き味と消し味を実現するテクニック
「こくばん.in」とは 「こくばん.in」は、“黒板に落書き”という学生の頃に誰もが体験したことをWeb上で味わうことのできるお絵かきサービスです。絵に自信がない人でも気軽に落書きを楽しめる場所として、2008年2月末にサービスインしました。 使い方は、まさに黒板と同じです。画面下部に並ぶ6色のチョークのいずれかを選択し、黒板上をクリック＆ドラッグするだけで自由に線を書くことができます。線を書く際に、上下カーソルキーあるいはマウスホイールを使えば、線の太さが変わります。また、画面右下には黒板消しがあり、クリック＆ドラッグすることで書いた線を消すことができます。 図1：チョークを勢いよく動かすと線がかすれた感じになったり、黒板消しでこすると線がぼやけた感じになったりと、実際のチョークの書き味と消し味を再現しています 落書きが完成したら、画面右下の投稿ボタン使って「みんなのらくがき」コーナー
【ハウツー】ゼロからはじめるFlex 2 - Flex 2で作る簡単なWebカタログと商品注文フォーム (1) Adobe Flex 2を使ってみよう | パソコン | マイコミジャーナル
本稿では、ここ最近、Web系プログラマーの間で話題になっているAdobe Flex 2を使って、商品注文フォームを作る過程を紹介します。Flexはすでに様々なところで、機能が紹介されていますが、実際にその機能を使う時にどんな手順で作るのか、またどのくらいの作業量が必要になるのかという部分までは、なかなか見えてこない部分があります。そこで本稿では、一歩突っ込んで、簡単なWebカタログと商品注文フォームを作ることで、Flexという技術の魅力を確認していこうと思います。 今回作成するプログラム ここではFlex Builder 2を使って簡単なWebカタログと商品注文フォームを作ってみます。このURLでテスト版を試すことができます。 商品選択画面 フォームには郵便番号を自動検索する仕組みもある Flex 2の魅力はコンポーネントにあり Flex 2には、豊富なコンポーネントが用意されており、本稿
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
HTML／CSSコーディング時間を激減させる「Creative Cloud Extract」と、その真価を引きだすための10のポイント
Photoshopでほそ〜い髪の毛を1分で綺麗に切り抜く方法｜フォトショップの参考書 [sitebook]![Photoshopでほそ〜い髪の毛を1分で綺麗に切り抜く方法｜フォトショップの参考書 [sitebook]](https://cdn-ak-scissors.b.st-hatena.com/image/square/98da957ee01fe3c133f94a65080ddc6ea5785bd7/height=288;version=1;width=512/https%3A%2F%2Fsitebk.com%2Fwp-content%2Fuploads%2FeyeCT.png)