2.鍐呯疆DirectUI緇樺埗鎬濇兂錛屽皢鐣岄潰緇樺埗鍏冪礌鎶借薄鎴愬浘鐗囥佹枃鏈佺煩褰㈠尯鍩熴佺嚎鏉°佸姩鐢伙紝騫朵笖鍐呯疆EventItem銆丏rawItem緇樺埗鏈哄埗銆傚彲浠ュ皢榪欎簺緇樺埗鍏冪礌浠ュ強緇樺埗鏈哄埗緇勫悎寮鍙戯紝瀹炵幇鎸夐挳銆佸崟閫夋銆佸閫夋銆佸垎緇勬銆乀ab鎺т歡銆佸姩鐢繪帶浠剁瓑鐣岄潰鎺т歡銆?/p>
3.鎻愪緵浜嗛潪甯鎬赴瀵岀殑API鎺ュ彛錛屾渶澶ч檺搴︾殑璁㏒KINSE鐣岄潰搴撴洿鍔犻忔槑鍖栥佷釜鎬у寲錛岃SKINSE鐣岄潰搴撶殑浣跨敤鑼冨洿寰楀埌鏈澶у歡浼搞?/p>
4.鍦ㄥ瓙綾誨寲榪涜鎺т歡鎹㈣偆鐨勬椂鍊欙紝灝介噺涓嶄慨鏀規帶浠剁殑榛樿灞炴э紝鏈澶х▼搴﹀湴鍏煎window鏍囧噯鎺т歡鐨勯粯璁ゅ睘鎬с傛瘮濡傦紝鐩墠甯傚満涓婂緢澶氱晫闈㈠簱鍦ㄧ粯鍒剁獥鍙ｆ爣棰樻爮鐨勬椂鍊欙紝鍘繪帀浜嗙獥鍙ｇ殑WS_CAPTION灞炴э紝 瀵艱嚧GetClientRect銆丟etWindowRect鏂規硶澶辨晥錛屼粠鑰屽姞澶т簡鐣岄潰寮鍙戝拰璁捐鐨勯毦搴︼紝褰撶劧涔熷鑷翠笉鑳藉畬緹庢敮鎸丼DI/MDI絳夌晫闈㈡鏋躲?/p>
5.鎻愪緵浜嗙晫闈㈡帶浠跺姩鎬佸竷灞鐨勭壒鎬с傜渷鍘諱簡紼嬪簭寮鍙戜腑鏈涓虹箒鐞愮殑紿楀彛鎺т歡浣嶇疆鐨勮皟鏁淬傚彧闇瑕佽皟鏁翠竴涓媂ML閰嶇疆灞炴э紝灝卞彲浠ヨ繘琛屽畬緹庡竷灞銆?/p>
6.鏀寔BMP銆両CO銆丳NG銆丣PG絳夊浘鐗囨牸寮忥紝鏀寔鐨偆鑹茶皟鍙樻崲錛屾彁渚汼KINSE鍐呴儴鐨勫浘鍍忓紩鎿庢帴鍙ｃ?/p>
7.鏀寔SDI銆丮DI絳夌晫闈㈡鏋訛紝鏀寔20浣欑鐣岄潰鎺т歡錛屽畬鏁村吋瀹箇indow 2000銆亀indow2003銆亀indow XP銆乿ista銆亀indow7褰撳墠鐨勪富嫻佹搷浣滅郴緇熴傚茍涓旀敮鎸亀indow騫沖彴鐨勫縐嶈綆楁満璇█寮鍙戙?/p>
]]>
Alpha 鏄嚭鐜板湪 32 浣嶄綅鍥炬枃浠朵腑鐨勪竴綾繪暟鎹紝鐢ㄤ簬鍚戝浘鍍忎腑鐨勫儚绱犳寚瀹氶忔槑搴︺?
24 浣嶇湡褰╂枃浠跺寘鍚笁縐嶉鑹蹭俊鎭氶亾錛氱孩銆佺豢鍜岃摑鎴?a title=綰€佺豢銆佽摑/鑹茶皟銆侀ケ鍜屽害銆佸?> RGB銆傛瘡涓氶亾鍦ㄥ悇涓儚绱犱笂閮芥嫢鏈夊叿浣撶殑寮哄害鎴栧箋傛瘡涓氶亾鐨勫己搴﹀喅瀹氬浘鍍忎腑鍍忕礌鐨勯鑹層?
閫氳繃娣誨姞絎洓縐?alpha 閫氶亾錛屾枃浠跺彲浠ユ寚瀹氭瘡涓儚绱犵殑閫忔槑搴︽垨涓嶉忔槑搴︺俛lpha 鐨勫間負 0 琛ㄧず閫忔槑錛宎lpha 鐨勫間負 255 鍒欒〃紺轟笉閫忔槑錛屽湪姝よ寖鍥翠箣闂寸殑鍊艱〃紺哄崐閫忔槑銆傞忔槑搴﹀浜?a title=鍚堟垚 >鍚堟垚鎿嶄綔鏄嚦鍏抽噸瑕佺殑錛屽鍦?Video Post 涓紝浣嶄簬鍚勪釜灞備腑鐨勫嚑涓浘鍍忚娣峰悎鍦ㄤ竴璧楓?
瀵逛簬鎵娓叉煋鍥懼儚涓璞＄殑閿嬌杈圭紭鍛ㄥ洿閮ㄥ垎閫忔槑鐨勫儚绱狅紝alpha 閫氶亾鐗瑰埆鏈夌敤銆傝繖浜涘儚绱犵敤浜庡悎鎴愩傚鏋滅敓鎴?alpha 閫氶亾錛屽茍涓斾笌鍥懼儚涓鍚屼繚瀛橈紝閭ｄ箞綾諱技浜庝笂榪板艦寮忕殑鍥懼儚鍙互騫蟲粦鍦板悎鎴愬埌涓嶅悓鐨勮儗鏅腑銆?
鐪熷僵浣嶅浘鏂囦歡鐨勬瘡涓氶亾閮藉畾涔変負 8 浣嶏紝鍙互鎻愪緵 256 涓駭鍒殑寮哄害銆傚洜姝わ紝涓涓?RGB 鏂囦歡鏄?24 浣嶇殑錛屽叿鏈?256 涓駭鍒紙閮藉甫鏈夌孩銆佺豢鍜岃摑錛夈俁GBA 鏂囦歡錛堢孩銆佺豢銆佽摑銆乤lpha錛夋槸 32 浣嶇殑錛屽叿鏈夐澶栫殑 8 浣?alpha錛屽彲浠ユ彁渚?256 涓駭鍒殑閫忔槑搴︺?
3ds max 鍙互鍦ㄦ覆鏌撴椂鑷姩鍒涘緩 alpha 閫氶亾銆傛墍娓叉煋鍥懼儚涓殑鑳屾櫙鍍忕礌鏄畬鍏ㄩ忔槑鐨勶紝alpha 閫氶亾涔熷彲浠ヨ鏄庨氳繃鏉愭枡絳夊璞″垱寤虹殑浠諱綍鍏朵粬閫忔槑搴︺傞氳繃鍗曞嚮宸ュ叿鏍忎笂鐨?#8220;鏄劇ず Alpha 閫氶亾”鎸夐挳錛屽彲浠ュ湪娓叉煋甯х獥鍙?/font>涓湅鍒拌繖縐嶆儏鍐碉細鍦ㄧ敓鎴愮殑鏄劇ず涓紝榛戣壊鍍忕礌鏄畬鍏ㄩ忔槑鐨勶紝鐧借壊鍍忕礌鏄笉閫忔槑鐨勶紝鑰岀伆鑹插儚绱犲垯鏄劇ず閫忔槑搴︺傝榪斿洖鍒板父瑙勬樉紺猴紝鍐嶆鍗曞嚮“鏄劇ず Alpha 閫氶亾”鍗沖彲銆?
瑕佽緭鍑哄甫鏈?alpha 鐨勬覆鏌撳浘鍍忥紝璇蜂互 alpha 鍏煎鐨勬牸寮忚繘琛屼繚瀛橈紝濡?TIFF 鎴?Targa銆傚鏋滀嬌鐢?Targa錛岄粯璁よ緗皢鍖呭惈淇濆瓨 alpha錛涘鏋滀嬌鐢?TIFF錛岃紜繚鎵撳紑“瀛樺偍 Alpha 閫氶亾”澶嶉夋銆?
|
Create a Transparent Image with Adobe Photoshop® |
All Axialis Software products support images with Alpha Channel transparency. PNG, BMP and PSD file format actually support alpha channel. If you want to create a nice icon (using Axialis IconWorkshop™) or a screensaver with smooth sprites (using Axialis Professional Screen Saver Producer) we recommend you to use images with Alpha channel.
Alpha channels are masks through which you can display images. The alpha channel is an 8-bit channel, which means it has 256 levels of gray from 0 (black) to 255 (white). White acts as the visible area; black acts as the transparent area (you see the background behind the image when displayed). The level of gray in between determines the level of visibility. For example, 50 percent gray allows for 50 percent visibility. Alpha channels are usually used with 16.8M color RGB images. The resulting image is called RGBA (RGB+A, A means alpha channel).
In the illustration below you see how the alpha channel is applied to the original image to remove (visually) the orange gradient background. The result produces a 32 BPP (Bit Per Pixel) transparent image. The grey checkboard-like pattern shows the transparency of the image.
We'll learn how to create a transparent image with Alpha Channel from a standard image. Photoshop® contains powerful Alpha Channel manipulation features. We'll see here one of the simplest way to proceed: Extrude a part of the image and remove the existing background. Advanced techniques also exist to work with alpha channel. See Photoshop help to read more.
Create a Transparent Image using Adobe Photoshop®
1. Open your image in Photoshop® (we use version 7.0 in this tutorial). Select File/Open... Choose your file and click Open. The file open in a separate document window. You can download the original image we use in this tutorial here: logo.bmp (right-click and choose Save Target As).
2. If the file is not in RGB format (16.8 M colors), convert it: Choose Image/Mode/RGB Color.
3. Now select the background area of the image (the area you wish to remove). If the image background has a solid color (white in our example), select the Magic Wand Tool (W) or click 
in the toolbox. Be sure to specify Tolerance=10, Anti-aliased and Contiguous in the selection options (dialog box on top, under the menu). You may need to adjust the tolerance value (it depends on your image). When done, click in the background area of the image (
):
4. A selection dashed-line appears around the logo and around the square border of the image. It means that the background is selected (not the logo). If the background is not made of a solid color, you can select it by using the Polygonal Lasso Tool (L) or click 
. It's a bit more difficult but that's the only way to proceed.
5. Now, we'll select the logo only. To do so, choose Select/Inverse (Shft+Ctrl+I). It's almost unchanged but the dashed-line around the square border of the image has disappeared.
6. Choose Edit/Copy (Ctrl+C), then Edit/Paste (Ctrl+V) to create a new layer with the "extruded" logo in it. The "layers" list has been updated (see below). The new layer, which is selected, appears at the top of the list (). The original image is present in the background (
). Now, we'll hide the original image by clicking on the "eye" button of the background layer (
). If you want, you can also delete it by drag-and-drop it on the trash (at the right-bottom corner of the list).
5. The image document now looks like shown below. The background area (which was white) has disappeared. Now you see a gray-checkboard-like texture around the logo () indicating that this area is in fact transparent.
6. We recommend to save the image to another file to keep the original one intact. Select "File/Save As...". In Format box, select "PNG" (our favorite format). Please note that BMP and PSD formats also support 32 BPP / Alpha Channel. Click Save. Select Interlace: "None", click OK.
7. You're done, the transparent version of your image is created. You can download the image we've created in this tutorial here: logo-ps.png (right-click and choose Save Target As).
]]>
|
Photoshop 7.0宸辨寮忔敮鎸?2Bit BMP鍦栨獢,
BMP鏀寔閫忔槑姣旇緝甯歌鐨勬柟娉曟湁涓ょ錛? 32浣嶇殑BMP錛屽甫涓涓狝LPHA閫氶亾錛屽湪ALPHA閫氶亾閲屼綘瑕佺殑鍦版柟鏄櫧鑹詫紝涓嶈鐨勬槸榛戣壊錛屽氨鍙互浜嗐備笉榪囪鏄敤鍥劇墖浼犵湡鍣ㄧ湅榪樻槸鐧藉簳錛屼絾鏄鍏ュ埌杞歡鎴栬呭埆鐨勬敮鎸佺殑鍦版柟灝辨槸閫忔槑鐨勪簡銆傛瘮濡傛垜鎶婅繖涓狟MP瀵煎叆FLASH閲屽氨鏄儗鏅忔槑鐨勪簡銆?/p> 鐢╬s錛岄夋嫨鑳屾櫙鍥懼眰錛屽皢涓嶉忔槑搴﹁緗?%灝眔k浜?/p> 1銆佸彲浠ュ湪photoshop閲岄潰鏂板緩涓涓儗鏅壊涓洪忔槑鐨勫浘鐗囷紝鐒跺悗灝嗕綘闇瑕佸鐞嗙殑榪欏紶鍥劇墖鎷栧埌鏂板緩閫忔槑鍥劇墖涓婇潰錛屼箣鍚庣敤姍＄毊宸ュ叿灝嗗叾鐧借壊閮ㄥ垎鎿︽帀錛屽瓨涓篏IF鏍煎紡鐨勫浘鐗囧嵆鍙?/p>
WINXP閲岀殑棰勮浣嶅浘閮芥槸256鑹?.涔熷氨鏄?浣嶅厓.鍥犳涓嶉渶瑕佸甫a閫氶亾..WINXP鏈韓灝辮鍙?浣嶅厓鐨勮儗鏅?55.0.255 涓洪忔槑鑹?/span> 瀹炵幇榪欑鏍煎紡鏈変簲縐嶆柟娉?/span> 絎竴縐?/span>:灝辨槸鏈変漢鎻愬埌鐨勪嬌鐢?Iconworkshop 6.0 杞崲涓涓? (娉ㄦ剰:鏈濂界敤鍋氬ソ鐨凱NG鍥捐漿鎴愬甫α閫氶亾鐨刉indows 浣嶅浘BMP(32浣?)閲囩敤alpha閫氶亾鐨?br>榪欑鏍煎紡鑳藉湪Windows涓嬮潰鐨勭▼搴忎腑鐢?.. 鍦―LL涓殑閫忔槑浣嶅浘璧勬簮涓?瑕佺湅娓呮浣犺鏇挎崲璧勬簮鐨勫垎杈╃巼鍙婁綅娣卞害(鍗?浣?16浣?32浣?  bmp1.jpg (77.84K) 涓嬭澆鏁? 97 bmp2.jpg (87.63K) 涓嬭澆鏁? 96 絎簩縐?/span>:灝辨槸鎶婂仛濂界殑PNG瀵煎叆鍒扮敾鍥懼伐鍏烽噷..鍙﹀瓨涓?4浣嶄綅鍥?.灝卞彲浠ヤ簡..鏁堟灉鍚屼笂.. 絎笁縐?/span>:鏈変簺璧勬簮閲岄潰涓嶆槸鏈変竴浜涗綅鍥懼懆鍥存槸绱壊鐨勫悧,鎶婇偅涓綅鍥句繚涓嬫潵,鐒跺悗鍦ㄨ繖涓綅鍥鵑噷闈㈢紪杈戜綘瑕佺殑鍥懼艦(榪欎釜鏄儲寮?6浣嶄綅鍥?,榪欑浣嶅浘鍙互鍦╓indows涓嬩嬌鐢?br> 涓嬮潰榪欏紶鏄粠DLL鐨勪綅鍥捐祫婧愰噷淇濆瓨鍑烘潵鐨?榪涜璇存槑 bmp4.jpg (40.53K) 涓嬭澆鏁? 84 bmp5.jpg (50.98K) 涓嬭澆鏁? 75 bmp6.jpg (35.63K) 涓嬭澆鏁? 63 bmp7.jpg (32.14K) 涓嬭澆鏁? 71 bmp3.jpg (91.3K) 涓嬭澆鏁? 59 絎洓縐?/span>:鍒朵綔濂戒綘鐨勪綅鍥句互鍚庯紝鍦ㄩ氶亾鏍囩閲屾柊寤轟竴涓狝Lpha閫氶亾錛屾妸浣犳兂閫忔槑鐨勯儴鍒嗙敤榛戣壊濉厖錛屽叾浣欓儴鍒嗙敤鐧借壊濉厖銆傛渶鍚庝繚瀛樻垚32浣嶄綅鍥俱傛晥鏋滅涓縐嶄竴鏍楓?br> bmp8.jpg (58.54K) 涓嬭澆鏁? 79 絎簲縐?/span>:鏄嚜宸卞仛Windows榛樿涓篟GB鑹?55,0,255(绱壊)涓洪忔槑鏁堟灉.鍏蜂綋鍋氭硶.榪樹笉鏄緢娓呮.瀹炲湪涓嶅ソ鎰忔?榪樿澶у鍘熻皡. |
]]>