無料で「Photoshop」「Illustrator」「WordPress」などWebデザインが学び放題に！／事業譲渡に伴い有料会員サービスを終了した学習サイト「chot.design」の全レッスンが無料公開
「Photoshop」と「Illustrator」にWebブラウザ版 まずはβ版、データ閲覧までなら非会員にも開放
Webブラウザ上で動作するため、ダウンロード不要で使えるのが特徴。Creative CloudのメンバーでなくてもWeb版のツールを開いてデータを閲覧することは可能。有料会員であれば、レイヤー内のオブジェクトの移動や削除、文字入れ、「画像の映り込みの修正」といった簡単な編集ができる。 対応ファイルはアドビのクラウド専用ファイル形式である「クラウドドキュメント」のみだが、Photoshopで使われているPSDデータ、IllustratorのAiデータともに、一度Webブラウザ版で読み込むことでクラウドドキュメントに変換されるという。 Webブラウザ版は、同日に発表したチーム管理サービス「Adobe Creative Cloud Web」にも組み込まれている。プロジェクトの初期から制作物などアウトプットまでをオンラインで完結するよう設計されたもので、チームでのデータ管理やコミュニケーションなど
スキルアップのためには場数を増やせ！Illustratorチュートリアル56選
デザイナーの職人道具でもある定番ツールの一つがAdobe Illustratorです。 多種多様な機能が備わっており、使いこなせば非常にクオリティの高いものを作り上げることが可能です。 しかし、プロが使っているツールなだけに独学では難しそうだと思っている方も多いのではないでしょうか。 今回は、Illustratorのスキルを身につける際に役立つチュートリアルをご紹介します。 一つ一つ手順を詳しく解説してありますので、Illustratorを使っている方、これから使おうと思っている方は是非参考にしてみてください。 Illustratorスキルが上がる、厳選チュートリアル56選 1.フラットスタイルなイラストアイコンを作成する方法 http://design.tutsplus.com/tutorials/how-to-create-a-detailed-lighthouse-flat-icon
お探しのページが見つかりません - Schoo（スクー）
「404エラー」とは？ ・HTTPステータスコードの一つ。Webサイト側でページが見つからない時に表示されます ・このエラーは、Web ページが一時的に利用できなかったり、Web ページが削除されていたりすることが原因で発生する場合があります ・お使いのPC/スマホは正しくインターネットに接続されているのでご安心ください ・「404エラー」について、詳しく学びたい方はこちらの授業がおすすめです
Web制作に必ず役立つIllustratorのチュートリアルやスライドのまとめ
ひと昔前までは「IllustratorはDTP」といった感じでしたが、Illustratorのバージョンアップによる機能強化に伴い、徐々にイラレでWeb制作をおこなう人が増えてきました。 ベクターっぽいスタイルのフラット、ベクターデータのSVGなどの影響もあるかもしれません。 Illustratorを使って、Web制作をする時に役立つ環境などの設定方法や注意点をはじめ、レイアウトやエレメントの作り方、スライスの便利技、時短テクニックなどのチュートリアルやスライドを紹介します。Illustratorで一番ネックとなる「にじみ」の理由とその解決方法も勉強になります。 Speed Design with Illustrator 翻訳版：Illustratorでインターフェイスをデザインする時に役立つ時短テクニックのまとめ ウェブやアプリなどのインターフェイスをデザインする時に役立つ14の時短テク
初心者がクラウドワークスで2連勝したIllustratorアイコン作成勉強法 - atskimura-memo
ビギナーズラックかわかりませんが、Illustratorの勉強を始めてほぼ土日だけの二週間でクラウドワークスのコンペで2連勝してしまいました。仲間を増やしたいので、この二週間何をやったかまとめてみたいと思います。 なお、性格にもよると思うので、この勉強法が合わない人もいると思います。 こちらが証拠の私のクラウドワークスのページです。自己PRとかなんも書いていませんw atskimuraさんのプロフィール【クラウドワークス】 では、2週間何をやったか書いていきます。 イラレでアイコンを作るという作業を体で理解する Illustratorテクニックファイル アイコン&マークデザイン 最初はこちらの本を買いました。 ちょうど娘がインフルで私は暇だったこともあり、土曜だけで7時間くらいやったんじゃないでしょうか。 本の3分の1くらいひたすらやりました（7時間で1/3。意外と時間かかる）。 この本は
Illustrator（イラレ）でマーブル模様・柄を作るチュートリアル | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの白浜です。 以前、「アイスクリーム柄に使える！Photoshopでシームレスなマーブル模様を作る方法」という記事を書いたのですが、今回はIllustratorでマーブル柄を作成する方法をご紹介したいと思います。 まずは下準備、キャンバスに好きな色を乗せる 今回は濃い目のグレーの下地に5色ほど乗せました。あとでまぜこぜになることを考えてバランスよく配置します。 うねりツールを使ってまぜる！ うねりツールはここにあります。 うねりツールを選択すると円形のブラシが出てくるので、かき混ぜたいオブジェクトを選択してドラッグしてみてください。 ブラシの範囲内がドラッグしている間回転します。 Altキーを押しながらドラッグするとブラシの大きさが変わります。 また、「うねりツール」をダブルクリックするとオプションが出てきます。ここでうねりを適応する幅や、回転する向きなどを選べます。
IllustratorからCanvasデータを書き出し[Ai2Canvas] – yama-log
IllustratorからHTMLのCanvasに書き出しが出来るIllustratorのプラグイン Ai2Canvas 使い方 まず上記サイトからファイルをダウンロードします。 zipファイルを解凍してできた。[Ai2Canvas.aip]ファイルを /Applications/Adobe Illustrator CS5.1/Plug-ins.localized/canvas/Ai2Canvas.aip に移動します。 ※Mac環境でのはなし。 ※[Adobe Illustrator CS5.1]フォルダはバージョンにより違うと思います。 ※Plug-ins.localizedは、ファインダーでみると「プラグイン」と表示されます。 ※[canvas]ディレクトリは適当に作りました。(つくらなくても行けると思います。) あとはイラレで適当なファイルをつくって、 [ファイル]メニューの[書き
![IllustratorからCanvasデータを書き出し[Ai2Canvas] – yama-log](https://cdn-ak-scissors.b.st-hatena.com/image/square/fce5455e6c65393c3afbcb7abe3e505925447921/height=288;version=1;width=512/https%3A%2F%2Finfo.yama-lab.com%2Fwp-content%2Fuploads%2F2012%2F01%2F0191a3f5ac3175a13fefa91a6162d386-1024x635.png)
ちくちく日記
この文章は2012年頃に参加した勉強会の後、書いたまま公開しないでいたものです。なんで公開しなかったのかは忘れたけど（多分もうちょっと手を入れてからアップしようと思って放置したまま忘れてた）写研の女社長が亡くなったという話が流れてきたので、今更ながら公開してみます。 私が最初に入社した会社は、地方の小さな広告代理店で、旅行パンフやチラシなどの制作がメイン業務だった。 配属された制作部ではちょうどMacintoshでの制作が主流になりつつある頃で、入った当初は版下の作業とMacでのDTP作業が半々ぐらいだったが「これからはMacだよね！」という空気に押されて版下からDTPへとどんどん仕事が移っている時代だった。その会社には写植機があり、写植を打つオペレータさん（年配の女性の方だった）も在籍していたが、減っていく写植の仕事に、どことなく居心地悪そうにしていたのを覚えている。 入社したばかりの私
実はあまり知られていない？Adobe公式の無料チュートリアル動画集
2014年8月17日 Illustrator, Photoshop, 便利ツール Web制作にはかかせない、PhotoshopをはじめとするAdobe社の製品。初心者向けのWebサイト制作についてかかれたサイトや書籍でも必ず目にする名前だと思います。覚える事が多くて何から勉強すればいいかわからない！なんて言う声もよく聞きますが、Adobeの公式サイトで配信されている無料動画で、基本的な使い方はマスターできちゃいますよ！昔からあるサイトですが、意外と存在を知らない方がいらっしゃったので、記事にしてみます。 ↑私が10年以上利用している会計ソフト！ Adobe TVとは？ Adobe TV Adobe TVはAdobe社公式の動画チュートリアルサイト。各ソフトの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。何より嬉しいのは動画で説明されているサンプルファイルもダウンロー
身につけておきたいWebサイト高速化テクニック #4｜最適な画像書き出しの基本 | DevelopersIO
みなさんこんにちは、クラスメソッドWeb担当の野中です。 昨日行われたAdobe MAXの発表でFireworksの新機能開発が終了 *1だそうですね。びっくりです。 さて、前回の身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識では、画像の品質を保ちながらファイルサイズを抑えるためにそれぞれの画像形式の特性について紹介しました。 第3回でリクエスト数の削減について先に解説すると記載していますが、文章の構成を考えると画像の書き出しについて先に説明した方が流れとしてわかりやすいので順番を変更しています。 本題 今回はPhotoshopやIllustrator、Fireworksを使った最適な画像書き出しの基本的な手法について紹介したいと思います。 前回の記事で得た知識を前提に解説しますので、まだ前回の記事を読んでいない方は必ず読んでおいてください。 この記事の対象者 W
1-4時間で実践できる、Illustratorのさまざまなテクニックを学べるチュートリアルのまとめ
2013年春の新作、Illustratorのチュートリアルをvector tuts+から紹介します。 チュートリアルはステップごと詳しいキャプチャ付きで、英語が苦手な人でも雰囲気は伝わると思います。
イラレをペロペロするためにIllustrator Maniaというメディア作りました | ナナメウエblog
「Illustrator Mania」というサイトを作り、3月中旬頃より正式にオープンさせました。 Illustrator Mania なにそれ？美味いの？ 私、鈴木（@suzukisan__）がIllustratorについていろいろと書いています。 Illustratorというのは非常に素晴らしいアプリーケーションですが、ひとつひとつの機能について完全に理解しているわけではありません。 そこで自分自信の勉強を含め各機能についての解説や、効果について検証し、その内容をまとめています。 まだすべての機能について書けていませんが、メニューから使用できる機能について徐々にまとめています。 機能説明 また、その基本機能を元にTipsやチュートリアルなどの記事も書いています。 記事中で使用されている機能については可能な限りリンクを貼っているので、具体的な使いどころなどもわかるかと思います
イラレの図形をObjectiveCやAS3、JSON形式に変換できるイラレ拡張「DrawScript」:phpspot開発日誌
Drawscript - convert Illustrator shapes into code イラレの図形をObjectiveCやAS3、JSON形式に変換できるイラレ拡張「DrawScript」。 イラレで作成した図形をコードに変換してプログラム内で使いたい場合に使えそう。 次のように図形を変形させればコードが生成されるみたいです 覚えておくとよさげです 関連エントリ iPadやスマホのテンプレが詰まったイラレ用のワイヤーフレーム作成キット 立体的なサイコロ画像を描画するイラストレーターチュートリアル GUIパーツやアイコンがセットになったイラストレーター用UIデザインフレームワーク イラストレータで綺麗なアイコンを作るチュートリアル３５
UI/UXデザイナー兼ソフトウェアエンジニアにジョブチェンジを果たした - id:anatooのブログ
もともと只のソフトウェアエンジニアだったのですが、最近になって肩書きが長くなりました。 何やってるのか やることが増えました。 UI設計 ワイヤフレーム作成 ビジュアルデザイン プロトタイプ開発 開発 エンジニアの頃は、一番下の普通の開発しかやってませんでしたが、ここ最近は上記のことをまんべんなくやっています。ワイヤフレーム作成では、アプリやウェブサイトの設計書となるワイヤフレームをOmniGraffleでガリゴリ書いています。その次のビジュアルデザインでは、PhotoshopやIllustratorなどを使ってアプリやウェブサイトの実際の見た目のデザイン作業をやっています。プロトタイプ開発では、実際に動作するプロトタイプ(ハイフィデリティプロトタイプって言うらしい)を作ってUI上の問題を解決していくということをやっています。UXに関してはこれらの作業全てを通じて改善に貢献するということを
『Illustratorによるイラスト制作の基本操作』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！デザイナーのマチダです。2012年４月に新卒入社し、現在はスマートフォンゲームのイラストを制作しています。 はじめに-Illustratorの仕組み-多機能によってグラフィックだけでなく文書作成などマルチに活躍できるIllustratorですが、機能の多さに最初は何をどのように使ったらいいのか戸惑うかと思います。 ＜illustratorでイラストを描く際に心がけていただきたいこと＞ 普通絵を描く時は線画を描いて着彩すると思いますがIllustratorは少々違い、"様々な形をした図形を配置"して絵を描きます。図形を上に重ねていくことで
IllustratorとPhotoshopでの画像のいじりかた
元の絵を利用してシンボルマークみたいに加工したり それをパターン化したり、パターン化したものをバラしたり あとはPhotoshopのベタ塗りレイヤーなんかを使ってみたり デザイナーの井上のきあさんが色々解説してくださいました。 （色々わかりやすいように時系列を少し前後させています）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
合成フォントダウンロードセンター
新着記事
新着記事
