The keynote will be focused on Apple’s software offerings and the developers that power them, including the latest versions of iOS, iPadOS, macOS, tvOS, visionOS and watchOS.
写真やイラストの画像をカンバスに描いたようにするPhotoshopのチュートリアルを紹介します。 また、チュートリアルのアクションを作成したので、よければどうぞ。 元画像、左:イラスト(©みなぎあき)、右:写真 [ad#ad-2] 以下に紹介するチュートリアルは、下記ページを元にしたものです。 Canvas Texture Imitation Step 1. 元画像の調整:ノイズ 画像をPhotoshopで開き、そのレイヤーを複製([Ctrl]+[J])します。 複製したレイヤーを指定し、[イメージ]-[色調補正]-[色相・彩度]を選択し彩度を少し下げた後、レイヤーの不透明度を「70%」にします。 複製したレイヤーと元のレイヤーを結合し、[フィルター]-[ノイズ]-[ノイズを加える]を選択し、量を「10%」にして「OK」ボタンをクリックします。
光、光源、光線、光跡を効果的に使用したPhotoshopのチュートリアル集のPart 15です。 Abstract Glowing Background Light and Glow Effect A
光、光源、光線、光跡を効果的に使用したPhotoshopのチュートリアル集のPart 13です。 Michael Jackson Wallpaper Soul Rebel Poster Tutoria
aFreeArtworkにエントリーされている、サイトデザインのアクセントに使える6つのPhotoshopのチュートリアルを紹介します。
Our last Wallpaper of the Week was an image I had created using Pixelmator, and I really liked the outcome. The best part about it was that it was pretty easy to accomplish in Pixelmator, but I decided for perspective's sake to create the same effect in Photoshop. The process is easy as well, but with a few extra steps. As in the previous tutorial, I will show you how to create a digital bokeh eff
当サイトで使用しているWordPressのサーバー移転をしたので、その際に行ったWordPressの旧データのバックアップの手順の覚え書きです。 セットアップ編に続く予定です。 はじめに:移転先の確認 1. WordPressのサイトデータのバックアップ 2. WordPressのデータベースのバックアップ 3. WordPressの設定と現況のバックアップ 4. バックアップしたファイルのリスト はじめに:移転先の確認 現在使用しているWordPressのデータを保存する前に、移転先が現在と同じ環境で利用できるのか、それともバージョンが異なるかなどを確認する必要があります。 移転先で使用するWordPressのバージョン 移転先のPHPのバージョン 移転先と異なる場合は、事前に旧環境でバージョンアップを済ませてから各データの保存を行います。 ※バージョンアップの前には別途、データのバック
「WordPressを構築し、一通りのページチェックも終わり後は検収を控えるのみ」。ちょっと待ってください。デバッグモードがオフになっていませんか? WordPressには運用モードとデバッグモードがあり、通常は運用モードで動いています。運用モードにあるWordPressはエラー表示を控え、テスト時には知っていなければならない警告なども出力されません。 日々の運用時でも「いきなり画面が真っ白になって何も表示されなくなった」といった経験はありませんか? これも運用モードにある WordPress がエラーを表示しないためです。 今回は制作と運用両方で最も重要なデバッグモードについてお話しします。 運用モードとデバッグモード 前述の通り、WordPressには運用モードとデバッグモードがあります。これら2つのモードを切り替えるオプションを「WP_DEBUG」オプションと言います。このWP_
IllustratorやPhotoshopといったソフトを使う際に避けては通れないのがベジェ曲線の使い方です。特に初心者にとっては「最初の難関」として立ちはだかることも多いベジェ曲線ですが、そんなペンツールを使いこなすべく、全く知識がない人でも1から使い方を学べるようにしたのが「The Bezier Game」です。 The Bézier Game http://bezier.method.ac/ 実際に特訓している様子は以下のムービーから。最初にチュートリアルが表示され、それに続いて実際に練習を行っている様子を見ることができます。 「ペンツール」を使いこなすべく「The Bézier Game」で特訓してみた - YouTube 上記URLにアクセスしたら、まずは「Get Started」をクリック。 まずはシンプルに線の書き方からスタート。3つの点をクリックして結んでいくというお手本が
前回まではActionScript 3.0を利用したプログラミングを解説してきました。ActionScript 3.0はグラフィカルな表示には強いのですが、機能的なWebアプリケーションを作るのにはあまり向いていません。 Flashでアプリケーションを作る場合は、Flexというフレームワークが便利です。Flexと聞くとお金が必要なイメージがあるかもしれませんが、FlexはFlex 3 SDKに付属する無料のフレームワークです。 Flexフレームワークには便利なコンポーネントが用意されています。また、MXMLと呼ばれるXMLにもとづいたフォーマットでアプリケーションの見た目を記述することができます。今回は、Flexフレームワークの使い方を簡単にご紹介していきます。 MXMLでコンポーネントを配置 早速サンプルを見てみましょう。MXMLでアプリケーションの見た目を記述してみます。 <?xml
僕はまったくプログラムがわからない。C言語とかJavaScriptとかPHPとかよくみるけど実際には何言ってるかわからん。日本語も怪しいのに英語で…しかもプログラミングなんて全然わからない。 しかし、はてなブログは記事を書く時に 見たまま HTML編集 に分かれており、少しHTML編集でいじる時もある。</p>とかで段落?ってのがわかるぐらいの何とも頼りない知識だ。どうせならもう少しHTMLができるようになってブログをもっと読みやすくしたり軽くしたりといじりたい欲が出てくるが、いかんせん知識がなさすぎてすぐパワー系池沼キャラになっでじまう。 スポンサーリンク プログラミングでもできたらなぁ…何かカッコイイイメージもあるし、就職にも便利そうだなぁ…でも何から学べばいいしどうやって学べばいいかもわからない。まさに打つ手なし!状態だったが、ふとした瞬間閃いてしまった。 ネットで勉強できるんじ
第4回ではCakePHPでの開発環境を構築しました。今回からアプリケーション部分の開発にとりかかります。 開発するのはToDo管理アプリケーションです。今回は以下の作業を行います。 DBの設計と作成 コントローラの作成 モデルの作成 ビューの作成 この作業で実装される機能は以下になります。 タスク一覧の表示 このアプリケーション開発の前提として、DocumentRootは/home/gihyo/public_htmlで、URLはhttp://example.com/~gihyo/、CakePHPをセットアップしたディレクトリは/home/gihyo/public_html/todo、URLはhttp://example.com/~gihyo/todo/とします。 DBの設計と作成 まずはCakePHPに慣れるためのサンプルアプリケーションですので、機能は最小限とします。アプリケーションを利
米国アドビ システムズ社(以下Adobe)から、2007年3月におけるFlash Playerのバージョン別普及率が公表された[1]。その調査結果によると、Flash Player 9の普及率はアメリカとカナダで84.0%、ヨーロッパが83.5%、日本は81.8%に達した(図1)。 Flash Player 9は、昨年の6月にFlex 2とともにリリースされた。Flash Player 9およびActionScript 3.0をサポートするFlash CS3 Professionalもついに米国で発売になり[2]、日本語版は6月下旬に出荷が始まる予定だ。 本連載では、スクリプトの初学者を対象に、ActionScript 3.0を使ったスクリプティングについて解説する。ただこの第1回では、技術的な説明に先立ち、Flash Player 9は従来のバージョンとどこが違うのか、また新しい
CSSで作成したイメージスライダーに、ホバー時にメッセージを半透明のパネルに表示するチュートリアルを紹介します。 デモページ イメージスライダー自体もキーフレームを使ったCSSアニメーションで実装されています。 [ad#ad-2] 実装 実装のポイントだけピックアップ。 HTML メッセージの見出しとパラグラフをdiv要素で内包し、さらにa要素で内包したものを1コンテンツとして、スライダーを実装します。 画像はそれぞれの背景として配置します。 <div class="slider"> <a href="#"> <div class="panel"> <h2>One</h2> <p>Lorem ipsum dolor sit amet...</p> </div> </a> ... </div> CSS まずは、スライダー自体のスタイルです。 画像をbackgroundで表示します。 .sli
前回は自己紹介をの制作を題材にして、参考資料を活用することにフォーカスしてお送りしました。今回はさらに細かいところにフォーカスしていきます。 カラースキームを固める 前回考えたプロセスの中で、自己紹介に関連するキーワードを書き出してみました。 それらのキーワードをもとに、今度はページのカラースキームを考えてみましょう。 基本のベースカラーが決まれば、そのカラーを基準にパレットのバリエーションも増やすことができます。 配色については、色彩理論[1]を身につけておくとカラースキームを考えるときに役立ちます。 また、色彩に関するセンスは経験によってより洗練されていくものだと考えています。いろいろなパターンを作りながら、試行錯誤していくことが大切です。 Web 上だけを見ても自動的にカラースキームを生成してくれる、便利なカラースキームジェネレータなどが多くあります。ゼロからつくれなくても、こういっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く