Skip to main content

Posts

Showing posts with the label Graphic/Web Design

Sharing: Online Photo Editing Tools

 photo effect from LoonaPix.com ဓာတ္ပံုေတြကို Frame လုပ္ခ်င္သူေတြ Effect ေတြႏွင့္ ကစားခ်င္သူေတြအတြက္ အသံုးဝင္မည့္ photo editing tools ေတြကို မွ်ေဝခ်င္ပါတယ္။ ယခုေခတ္မွာ photoshop လို photo editing software ေတြ သံုးတတ္စရာမလိုဘဲ professional ဆန္တဲ့ effect ေတြကို online tools ေတြမွတဆင့္ ျပဳလုပ္ရယူႏုိင္ပါတယ္။ effect ျပဳလုပ္မည့္ ဓာတ္ပံုတစ္ပံုႏွင့္ mouse click ႏွိပ္တတ္ရံုျဖင့္ ဖန္တီးရယူႏုိင္ပါၿပီ ;) ဓာတ္ပံု effect ေတြကို ေအာက္ပါ site ေတြမွာ ျပဳလုပ္ရယူႏုိင္ပါတယ္။  Photo505   LoonaPix   WriteOnIt  Dumpr   Hairmixer PhotoFunia (Mobile Apps available) More similar sites: Click here Have fun :D

Wordle: Word Cloud Generator for Graphic Designer

Wordle is a toy for generating “word clouds” from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends.  Graphic Designer ေတြအတြက္ အခ်ိန္ကုန္သက္သက္သာသာျဖင့္ word clouds ေတြကို ဖန္တီးေပးႏုိင္တဲ့ tool တစ္ခုျဖစ္ပါတယ္။ မိမိကိုယ္ပိုင္ Photoshop ထဲမွာ ဖန္တီးမယ္ဆိုရင္ေတာ့ အခ်ိန္ယူၿပီး ဖန္တီးရပါလိမ့္မယ္။ Designer ေတြ အႀကိဳက္ေတြမယ့္ Tool တစ္ခုျဖစ္ပါတယ္။ ယခုေနာက္ပိုင္း Design ဖန္တီးရာမွာ ယခုလို tool ေတြအသံုးျပဳၿပီး ဖန္တီးမွသာ အခ်ိန္ကုန္ လူပင္ပန္း သက္သာပါလိမ့္မယ္။ Photoshop မွာအသံုးျပဳမည့္ Brush, Pattern, Shape, Gradient ေတြကို ကိုယ္တုိင္ဖန္တီးယူမည့္အစား Photoshop Designer Pack ကဲ့သို႔ေသာ package ေတြကို အသံုးျပဳျခင္းျဖင့္ Design ေတြကို လြယ္ကူလွ်င္ျမန္စြာ ဖန္တီးႏုိင္မွာျဖစ္ပါတယ္။ Font အတြက္ အသံ...

ႏွစ္သက္မိေသာ ေၾကာ္ျငာမ်ား (၂)

ေခါင္းေလွ်ာ္ရည္ ေၾကာ္ျငာတစ္ခုပါ။ Extra Strong ျဖစ္လြန္းလို႔ ဆံပင္ေတြမွာ အာတာပူစီေတြ ကပ္ထားသေယာင္ ထင္ရပါတယ္ :P TV မွာ မေၾကာ္ျငာဘဲ Billboard ေတြမွာ ဒီလိုပံုေလးေတြနဲ႔ ေၾကာ္ျငာတာနဲ႔တင္ လူေတြေငးၾကည့္ၿပီး ခ်က္ခ်င္းသတိထားမိသြားမည့္ ေၾကာ္ျငာမ်ိဳးပါ။ Australia က Teenager ေတြ ipod နားေထာင္ၿပီး လမ္းျဖတ္ကူးရင္း ဘ၀တစ္ပါးသို႔ ကူးေျပာင္းသြားၾကတာေတြ မ်ားလြန္းလို႔ NSW Police ေတြက သတိေပးထားရတဲ့ ေၾကာ္ျငာတစ္ခုပါ။ ဒီလိုကိစၥေတြဟာ ႏုိင္ငံတကာမွာလည္း ျဖစ္ပ်က္ေနတာကို ေတြ႔ျမင္ေနၾကရပါတယ္။

ႏွစ္သက္မိေသာ ေၾကာ္ျငာမ်ား (၁)

ေန႔စဥ္ေန႔တုိင္း ေတြ႔ျမင္ေနရတဲ့ အရာ၀တၴဳေတြထဲမွာ ကုန္ပစၥည္းေၾကာ္ျငာေတြဟာလည္း တစ္ခုအပါအ၀င္ပဲျဖစ္ပါတယ္။ ျမန္မာႏုိင္ငံမွာတုန္းကေတာ့ ေၾကာ္ျငာေတြအမ်ားဆံုးေတြ႔ျမင္ႏုိင္တာ တီဗြီေပါ့။ ဇာတ္ကားၾကည့္ၿပီဆိုရင္ မျမင္ခ်င္မွအဆံုးပဲ။ တစ္ခါတေလ ေၾကာ္ျငာအေၾကာင္းၾကည့္ေနရင္း ဇာတ္လမ္းက ျဖတ္ျဖတ္ၿပီးျပတာေနတာလားေတာင္ ထင္ရတယ္။ အဲေလာက္ေတာင္ ျမန္မာျပည္မွာ ေၾကာ္ျငာေတြရဲ႕လႊမ္းမိုးမွဳက ေခတ္ထေနပါၿပီ။ သူငယ္တန္းကေလးကို ေက်ာင္းစာေတြေမးရင္ အကုန္ရခ်င္မွရမယ္ ဒါေပမဲ့ ေၾကာ္ျငာသီခ်င္းေတြဆိုခုိင္းၾကည့္ မိုးပ်ံေနေအင္ ေတာ္ေနတာေတြ႔ရလိမ့္မယ္။ အခုဆိုရင္ ကုန္ပစၥည္းေတြကို Billboard ေတြ၊ ဂ်ာနယ္ေတြ၊ သတင္းစာေတြမွာလည္း ဗြက္ေပါက္ေအာင္ ေၾကာ္ျငာေနၾကၿပီ။ အဲဒီေတာ့ ဒီဇုိင္းလက္ရာေပါင္းေျမာက္မ်ားစြာ တစ္နည္းအားျဖင့္ အုိင္ဒီယာေပါင္း ေျမာက္မ်ားစြာကို မဂၢဇင္း၊ ဂ်ာနယ္၊ အင္တာနက္စာမ်က္ႏွာေတြမွာ ေတြ႔ျမင္ႏုိင္ပါတယ္။ သုိ႔ေပမယ့္ တစ္ခ်ိဳ႕ေၾကာ္ျငာမ်ားဟာ တစ္ခါျမင္ရံု၊ ၾကည့္ရံုျဖင့္ အဓိပၸယ္ဆိုလိုရင္းကို နားလည္ေစဖို႔ အင္မတန္ ခက္ခဲလွပါတယ္။ တစ္ခ်ိဳ႕ေၾကာ္ျငာမ်ားက်ေတာ့လည္း ၾကည့္လိုက္ရံုျဖင့္ ဘာကိုဆုိလိုလဲ ဘာကိုေၾကာ္ျငာေနတာလဲဆိုတာကို ကြက္ကြက္ကြင္းကြင္း ျမင္ႏုိင္ပါတယ္။...

Turn your photos into art work with BeFunky.com

မိမိရိုက္ကူးထားတဲ့ ဓာတ္ပံုေတြကို artwork အေနနဲ႔ ပံုစံေျပာင္းခ်င္တယ္ဆိုရင္ BeFunky.com က ကူညီေပးပါလိမ့္မယ္။ မိမိလုိခ်င္တဲ့ Design ပံုစံေတြကို Click ႏွိပ္တတ္ရံုျဖင့္ ဖန္တီးရယူႏုိင္ပါတယ္။

Common Colors and Their Most Common Meanings

Web Design မွာ Colour အသံုးျပဳပံုႏွင့္ ပက္သက္တဲ့ Article တစ္ခုကိုဖတ္ရင္း အေရာင္ေတြနဲ႔ သူတို႔ရဲ႕ စိတ္၀င္စားဖြယ္ရာ အဓိပၸာယ္ေဖာ္ျပခ်က္ေတြကို မွတ္စုသေဘာမ်ိဳး ဘေလာ့မွာ မွတ္ထားရင္း ျပန္လည္ မွ်ေ၀လိုက္ရပါတယ္။ Red energy, passion, excitement, power; also implies aggression, danger Blue coolness, spirituality, freedom, patience, loyalty, peace, trustworthiness; can also imply sadness, depression Yellow light, optimism, happiness, brightness, joy Green life, naturalness, restfulness, health, wealth, prosperity; in certain contexts, can imply decay, toxicity Orange friendliness, warmth, approachability, energy, playfulness, courage Violet wisdom, sophistication, celebration White purity, cleanliness, youth, freshness, peace Black purity, cleanliness, youth, freshness, peace Gray security, maturity, reliability Pink romance a feminine color Brown romance a feminine color Via : Avangate

Vecteezy, Brusheezy and Flasheezy

Graphic/Web Designer ေတြအတြက္ အေထာက္အကူျဖစ္ေစတဲ့ website သံုးခုကို မွ်ေ၀ခ်င္ပါတယ္။ Vecteezy - Free Vector Art Flasheezy - Free Flash Files and Templates Brushezzy - Free Photoshop Brushes Related post : two-cool-free-stuff-sites-for-graphic/web designers

Two cool free stuff sites for Graphic and Web Designers

Artshare.ru ဒီဆိုဒ္ထဲမွာေတာ့ vector girls, icons, cliparts, photos, wallpapers, silhouettes of people, styles and brushes စတာေတြကို Download ရယူႏုိင္ပါတယ္။ ကၽြန္ေတာ္အႀကိဳက္ဆံုးကေတာ့ အဲဒီဆုိဒ္ထဲက Photoshop Brushes ေတြပါ။ Designus.com ဒီဆုိဒ္ေလးလဲ Design နဲ႔ပက္သက္ၿပီး resources ေတြ ေတာ္ေတာ္မ်ားမ်ားကို တင္ေပးထားပါတယ္။ Brushes, icons, inspiration, miscellaneous, photostock, reviews, royalty-free, shapes, tutorials, vector and wallpapers စသည္ျဖင့္ေပါ့။ အႀကိဳက္ဆံုးကေတာ့ Tutorial section ႏွင့္ Photo Stock section ပါပဲ။ Design ၀ါသနာပါသူမ်ား ေလ့လာအတုယူ အသံုးျပဳဖို႔ရာ မွ်ေ၀လိုက္ရပါတယ္။ က်န္းမာေပ်ာ္ရႊင္ပါေစ :)

Tilt-Shift Photography

Before After ဒီလို effect ပံုစံကုိ ဓာတ္ပံုပညာ အေခၚအေ၀ၚအရ Tilt Shift technique လို႔ေခၚေၾကာင္း မွတ္သားရပါတယ္။ ဓာတ္ပံု ႏွင့္ Design ပညာေလ့လာေနသူေတြအတြက္ေတာ့ အရမ္းစိတ္၀င္စားဖို႔ေကာင္းပါတယ္။ အဆင့္ျမင့္ Digital Camera ေတြမွာသံုးတဲ့ Tilt Shift Lens ေတြဟာ အင္မတန္ ေစ်းႀကီးပါတယ္။ ဒါေပမဲ့လည္း ကၽြန္ေတာ္တို႔လို အေပ်ာ္တမ္း ကင္မရာသမားေတြအတြက္ ဒီလို effect မ်ိဳးကို Len ေတြမလိုဘဲ Photoshop သိရံုနဲ႔ ဖန္တီးလုပ္ယူႏုိင္ပါတယ္။ အရိုးရွင္းဆံုးေျပာမယ္ဆိုရင္ ဓာတ္ပံုတစ္ပံုမွာ လိုခ်င္တဲ့ Focus ကို ခ်န္ထားၿပီး က်န္တဲ့အပိုင္းေတြကို Blur လိုက္တာပါပဲ။ Tutorial ကို ဒီေနရာ မွာ ေလ့လာႏုိင္ၿပီး examples ေတြကို ဒီမွာ ၾကည့္ရွဴ႕ႏုိင္ပါတယ္။ Tags: tilt shift photography , tilt shift , photoshop , photography

What is Baseline Shift in Photoshop?

The baseline is the imaginary line on which most letters in a front rest. (Some letters extend well below the basline, such as g, j, p, q, and y; others extend slightly below the baseline, such as e and o) shifting a letter above the baseline creates superscript and below the baseline creates subscript. Baseline shift ဆိုတာကေတာ့ superscript, subscript လုပ္တဲ့ ပံုစံပါပဲ။ ဒါေပမဲ့ အကြာေ၀းကို ကိုယ္တုိင္ စိတ္ႀကိဳက္သတ္မွတ္နုိင္တာေလးတစ္ခု ပိုလာပါတယ္။ စာသားႏွစ္ေၾကာင္းကို အေပၚေအာက္ကပ္ၿပီး shiny floor ပံုစံလုပ္တဲ့အခါမွာ base line ေပၚမွာရွိတဲ့စာသားေတြပဲ ဆိုရင္ ျပႆနာ သိပ္မရွိေပမဲ့ base line ကိုေက်ာ္လြန္တဲ့စာလံုးေတြ (q,y, etc) ပါလာၿပီဆိုရင္ character ေတြရဲ႕ Baseline Shift မွာ သြားျပင္ေပးဖို႔လိုပါတယ္။ နံပါတ္ ၁ ပံုမွာဆိုရင္ က်န္တဲ့စာလံုးေတြအားလံုး အဆင္ေျပၿပီး y ဆိုတဲ့စာလံုးက ဒုကၡေပးေနတာ ေတြ႔ရပါလိမ့္မယ္။ နံပါတ္ ၂ မွာက်ေတာ့ y အတြက္ အဆင္ေျပသြားေပမဲ့လည္း က်န္တဲ့စာလံုးေတြက အရမ္းကြာဟေနၿပီး ပံုစံသိပ္မလွေတာ့ပဲျဖစ္သြားပါတယ္။ နံပါတ္ ၃ ကေတာ့ အဆင္ေျပဆံုးပါ။ ဘာလို႔လည္းဆိုေတာ့ y ဆိုတဲ့ စာလံုးကို select ေပးၿပီး Bas...

The Shinny Floor Effect

Tutorial တြင္ ျပဳလုပ္လိုေသာ ပံုစံမွာ ေအာက္ပါ ပံုစံအတုိင္းျဖစ္သည္။ ပါ၀င္သည့္ object မ်ားမွာ background gradient layer ႏွင့္ 2 text layers တို႔ျဖစ္ပါတယ္။ စာသားေအာက္ေျခက ေရာင္ေျပးပံုစံကိုေတာ့ Layer Mask ကို အသံုးျပဳၿပီး ျပဳလုပ္မွာျဖစ္ပါတယ္။ 1. Background ကို မိမိႏွစ္သက္ရာ Gradient ထည့္သြင္းပါ။ ထုိ႔ေနာက္ မိမိျပဳလုပ္လိုေသာ စာသားကို ရိုက္ပါ။ 2. ရရွိလာေသာ စာသား Layer ကို Duplicate (Layer Menu > Duplicate) or (Ctrl+J) လုပ္ပါ။ 3. အသစ္ရရွိလာေသာ စာသား Layer ကို အေပၚေအာက္ ေျပာင္းျပန္လွန္ရန္အတြက္ Free Transform (Ctrl+T) or (Edit>Free Transform)ကိုေရြးပါ။ ထိုေနာက္ စာသားတြင္ selection box ေပၚလာပါက Right Click ႏွိပ္ၿပီး Flip Vertical ကိုေရြးပါ။ ၄။ Flip Vertical လုပ္ေဆာင္ၿပီးသည့္ေနာက္တြင္ စာသားႏွစ္ခုကို ေအာက္ပါအေနအထားအတုိင္းရရွိေအာင္ ျပဳလုပ္ပါ။ ၅။ ေဇာက္ထိုးျဖစ္ေနေသာ စာသား Layer ကို Layer Mask ထည့္သြင္းရန္အတြက္ စာသား layer ကို layer box တြင္ select ေပးၿပီး Add Layer Mask Button ကို ႏွိပ္ပါ။ ထုိ႔ေနာက္တြင္ စာသား layer ၏ ေဘးတြင္ Layer Box Thumbnail box ေလးကို ေတြ႔ျမင္ရပါလိမ့္မည္။ ၆။ Gradient Tool ကို...

New Logo for Design Contest

Logo Design for Web Logo Design for Print Design Contest အတြက္ New Logo တစ္ခုကို ထပ္ဆြဲျဖစ္ပါတယ္။ ဒီတစ္ခါ Design ကလည္း Simple & Attractive ပံုစံမ်ိဳးရေအာင္ ႀကိဳးစားထားပါတယ္။ အားေပးၾကတဲ့ သူငယ္ခ်င္းေတြကို ေက်းဇူးတင္ပါတယ္။

Logo Design Contest

If you like my design, please vote my design here Photoshop tutorial ေလးေတြရွာရင္း Logo Design Contest တစ္ခုကို PhotoshopCandy ဆိုတဲ့ site မွာသြားေတြ႔လို႔ Design ဆြဲၿပီး ၀င္ၿပိဳင္ထားပါတယ္။ ရိုးရိုးရွင္းရွင္း Design ေလးပါပဲ။ မေန႔က submit လုပ္လိုက္တယ္။ အခု အဲဒီ site ရဲ႕ Contest page ေပၚမွာေရာက္ေနပါၿပီ။ ၿပိဳင္ပြဲက 13 April မွာ ပိတ္မွာျဖစ္တဲ့အတြက္ Design ၀ါသနာပါသူ မိတ္ေဆြမ်ား ၀င္ေရာက္ ယွဥ္ၿပိဳင္ႏိုင္ရန္လည္း ေၾကာ္ျငာေမာင္း ထုလိုက္ရပါတယ္။

9 Web Design No Nos for the Newbie by Mathrew Griffin

Mathrew Griffin ေရးထားတဲ့ Tips ေလးေတြ ႀကိဳက္လြန္းလို႔ Bookmark လုပ္ထားတဲ့အျပင္ Blog ေပၚမွာပါ ထပ္မွတ္ၿပီး မွ်ေ၀လိုက္ပါတယ္။ 1. Using free scripts without learning how they work A simple JavaScript from hotscripts.com can really spice up a web site and boost your image. But when a client requests a simple change, your ignorance will shine brighter than ever if you don't know how it works. You don't need to be a PHP or JavaScript master but you should know your way around a chunk of code. At the very least, have a contractor on call to get you out of a pickle if necessary. 2. Using a WYSIWYG editor to change font size and color If you're coming from word-processing or print design, it feels natural to highlight text and use your Dreamweaver controls to change fonts—don't do it. When you decide you don't like the color of your text anymore, you will have hundreds of changes to make. Learn CSS basics and hundreds of changes will turn into one simple change. 3. Changing t...

1st July and 7th July

London - HammerSmith Station မွာ ကပ္ထားတဲ့ ေၾကာ္ျငာေတြပါ။ ပထမပံုကေတာ့ 1st July ကစၿပီး Public Area ေတြမွာ ေဆးလိပ္ေသာက္ခြင့္ မရွိေတာ့ဘူး ဆိုတာ သတိေပးထားတာပါ။ ဒဏ္လည္း႐ိုက္မယ္လို႔ ေၾကာ္ျငာထားပါတယ္။ လမ္းေတြမွာေတာ့ ေသာက္ခြင့္ရွိပါေသးတယ္။ Club ေတြ Station ေတြမွာေတာ့ ေသာက္ခြင့္ မရွိေတာ့ပါဘူး။ တစ္ဘက္ကျပန္ၾကည့္ရင္ေတာ့ ေဆးလိပ္ႀကိဳက္သူမ်ား နည္းနည္းေတာ့ ဒုကၡေရာက္တာေပါ့။ ဒုတိယပံုကေတာ့ ဒီေန႔႐ိုက္လာတာပါ။ 7th July မတုိင္ခင္က ကပ္ထားတာလား ၿပီးမွ ကပ္တာလားဆိုတာ မမွတ္မိေပမဲ့ 7th July နဲ႔ေတာ့ ဆက္စပ္ေနပါတယ္။ အခုတေလာ ဒီႏွစ္ 7th July ကေတာ့ London ဗံုးေဖာက္ခြဲမွဳ 2 ႏွစ္ျပည့္တာပါ။ Security ေတြကိုလည္း တိုးၿပီးေတာ့ ခ်ထားတာေတြ႔ရပါတယ္။ အထူးသျဖင့္ Central London (Zone 1) လို ေနရာမ်ိဳးေတြမွာေပါ့ (ေဖာက္လို႔ ေကာင္းတာကိုး)။ ဗံုးကိုကိုမ်ား အဓိက Target ထားတဲ့ ရထားလိုင္းက Central Line ပါ။ ကၽြန္ေတာ္လည္း အလုပ္သြား ေက်ာင္းသြားရင္ Central လုိင္းပဲ စီးေနရတာဆိုေတာ့ ... အင္း ... မ်က္ခံုးေတာ့ ခပ္လွဳပ္လွဳပ္ပဲ။

71 CSS menus for Web Designer

CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required! 11 CSS navigation menus 12 more CSS Navigation Menus 14 Free Vertical CSS Menus 2-level horizontal navigation Absolute Lists: Alternatives to Divs Accessible Image-Tab Rollovers ADxMenu A drop-down theme Bookend Lists: Using CSS to Float a Masthead Bulletproof Slants Centered Tabs with CSS Clickable Link Backgrounds Create a Teaser Thumbnail List Using CSS: Part 1 Creating Indented Navigation Lists Creating Multicolumn Lists cssMenus - 4 Level Deep List Menu CSS and Round Corners: Build Accessible Menu Tabs CSS-Based Tabbed Menu CSS-based Navigation CSS: Double Lists CSS Mini Tabs (the UN-tab, tab) CSS only dropdown menu CSS only flyout menus CSS only flyout/dropdown menu CSS only flyout menu with transparency CSS only vertical sliding menu CSS Swag: Multi-Column Lists CSS Tabs CSS Tabs CSS tabs with Submenus dTree Navigatio...

How to create Transparent image for different background

Image Logo တစ္ခု ဒါမွမဟုတ္ စာသား Logo တစ္ခုကို ေနာက္ခံအေရာင္ အမ်ိဳးမ်ိဳးကြဲျပားတဲ့ Background ေတြေပၚမွာ ထားခ်င္၊ သံုးခ်င္တယ္ဆိုရင္ Transparent Image အေနနဲ႔ ဖန္တီးေပးဖို႔လိုပါတယ္။ မ်ားေသာအားျဖင့္ သိထားတာက Transparent image ျဖစ္ခ်င္ရင္ GIF Format နဲ႔ သိမ္းဖုိ႔ပါပဲ။ ဒါေပမဲ့ အခုလို different color background သို႔ pattern ေတြရွိတဲ့ background မွာထားဖို႔အတြက္ဆိုရင္ေတာ့ GIF နဲ႔ မရေတာ့ဘဲ PNG နဲ႔ save လုပ္ေပးမွ အဆင္ေျပမွာပါ။ မဟုတ္ရင္ တြန္႔တာေတြ အနားေတြ စုတ္ျပတ္ေနတာေတြ ထြက္လာမွာပါ။ Transparent PNG ရဖို႔အတြက္ကေတာ့ design your logo/image in photoshop with transparent background (or any background color) before you make saving, you need to make hidden your background layer from file menu > choose save for web in save for web window, choose PNG-24 from preset list box choose save , name your file and select save location Then you got a transparent PNG image for different color/pattern background If you have better/another way to make transparent image for different background, please kindly dr...

Cool Icon Sets for Bloggers

Download | Get More

Just creating a simple Web2.0 Logo

Today, I found a tutorial of creating a simple web2.0 logo on Web2.0 Entrepreneure . Then, I learned that tutorial and created my own with Photoshop. How do you think about my logo and please kindly drop your comment. I strongly recommend to read his article . It's such a precious one for me.

Search Engine Optimization eBook

Table of Contents Why Search? Brief History of The Web General Internet Topics Writing for Search Engine Interacting with Search Engines Pay Per Click Monitoring Results Hiring a SEO Quick Start Checklist Download : SEOBook [Mirror:Mediafire, Type:PDF, Size:957KB]