tag:blogger.com,1999:blog-73950923861221067212024-03-13T21:29:20.120-07:00Tutirial Meitu XiuxiuBelajar Meitu Xiuxiu Editing PhotoTito Siaahttp://www.blogger.com/profile/13552476607960005380noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-7395092386122106721.post-67961657842830393172012-05-30T19:58:00.000-07:002012-09-20T03:26:37.195-07:00Meitu Xiuxiu Editing Photo (Idealistic Dreamer)<h3 class="post-title entry-title">
美图秀秀 meitu xiuxiu photo editor
</h3>
<div class="post-header">
</div>
<div style="text-align: justify;">
So I happen to only just learn about this free photo editor through <a href="http://yasminetran.blogspot.com/">Yasmine</a>'s
blog. She's a DIY queen and has gorgeous photos on her blog. NOW I KNOW
WHY! hahaha. Kidding, she's got an eye for photography. ;)</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Anyway, 美图秀秀 <a href="http://xiuxiu.meitu.com/">(meitu xiuxiu)</a> is a
Chinese photo editor that's quite versatile and can make your photos
really pretty. You can smoothen your skin, add effects, slim your
face/body, add cute stickers and so on. Examples taken from the website:</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-yVk2EWovGY0/TV1YCkERqJI/AAAAAAAADb4/HNbOs0umxCo/s1600/website.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-yVk2EWovGY0/TV1YCkERqJI/AAAAAAAADb4/HNbOs0umxCo/s1600/website.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
I've been exploring it for a while now and it's pretty fun to use. :) So
I thought, oklah...since I have friends who don't know Chinese and
might wanna use this program... (not that I'm very good
lah...half-past-six only.) I decided to put up a simple step-by-step
installation guide so that you won't accidentally install add on
softwares. :D Installation guide + mini overview of the photo editor
after the jump.</div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<a href="http://www.blogger.com/blogger.g?blogID=7395092386122106721" name="more"></a><br />
<br />
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<b>♥How to download and install meitu xiu xiu♥</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b><br />
</b></div>
<div class="separator" style="clear: both; text-align: center;">
<u>Step 1:</u> Go to <a href="http://xiuxiu.meitu.com/">http://xiuxiu.meitu.com/</a></div>
<div class="separator" style="clear: both; text-align: center;">
Click on the yellow box to download the installer.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-7VnT6XfNjJU/TV1Zk0HusEI/AAAAAAAADcA/tmKY-YWcIEM/s1600/dwnld.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="249" src="http://4.bp.blogspot.com/-7VnT6XfNjJU/TV1Zk0HusEI/AAAAAAAADcA/tmKY-YWcIEM/s320/dwnld.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<b><i>Update: </i></b>This is what the homepage looks like now:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-QWdMDtWsldA/Tq2Q3MNMdtI/AAAAAAAAEGs/REjktHU8uVg/s1600/meitu_web_new.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="http://4.bp.blogspot.com/-QWdMDtWsldA/Tq2Q3MNMdtI/AAAAAAAAEGs/REjktHU8uVg/s400/meitu_web_new.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Don't worry, both the green and orange buttons are download links. The
difference is the version of the program. Look under the buttons and
you'll see the "release date", so it's up to you whichever version you'd
like to download. :) The one in this tutorial is an older version so it
might look different. I can't keep up with all the updates they make.
Sorry bout that...haha. :p</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: center;">
<u>Step 2:</u> Once downloaded, run the setup.exe file and you'll see
the screenshot below. Click the button with a lot of words to proceed to
install the program.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-4djBiVbHWjM/TV1Zl6qprGI/AAAAAAAADcE/eedv8CPxHWc/s1600/install.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="http://1.bp.blogspot.com/-4djBiVbHWjM/TV1Zl6qprGI/AAAAAAAADcE/eedv8CPxHWc/s320/install.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<u>Step 3:</u> Choose your preferred directory and then click the middle button to install.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-FO8bo442tMM/TV1ZmvnX1fI/AAAAAAAADcI/__D9E5odkaE/s1600/install2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="http://3.bp.blogspot.com/-FO8bo442tMM/TV1ZmvnX1fI/AAAAAAAADcI/__D9E5odkaE/s320/install2.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<u>Step 4:</u> Uncheck all of these. If I'm not mistaken, it installs some sorta anti-virus program. Click the center button to proceed.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-DPjDhcG5sB4/TV1ZncEaafI/AAAAAAAADcM/Wa9eMsh0JxY/s1600/install3.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="http://2.bp.blogspot.com/-DPjDhcG5sB4/TV1ZncEaafI/AAAAAAAADcM/Wa9eMsh0JxY/s320/install3.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<u>Step 5:</u> Uncheck the 2nd box. That one makes hao222.com your homepage. Click the center button to finish the installation.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-ur6zEXpMpTc/TV1ZoWTwJJI/AAAAAAAADcQ/9ryXPjxXhn4/s1600/install4.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://1.bp.blogspot.com/-ur6zEXpMpTc/TV1ZoWTwJJI/AAAAAAAADcQ/9ryXPjxXhn4/s320/install4.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
Ta-dah! :)</div>
<div class="separator" style="clear: both; text-align: center;">
This is what the program interface looks like. Click on the yellow button to open an image and start editing.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-VsfXWYeMtnc/TV1ZpZi65WI/AAAAAAAADcU/4WF69QqKVc8/s1600/interface.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="http://1.bp.blogspot.com/-VsfXWYeMtnc/TV1ZpZi65WI/AAAAAAAADcU/4WF69QqKVc8/s320/interface.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<i>UPDATE - 16Jan2012</i></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-size: medium;">How to uninstall the 360 Antivirus program that came with Meitu Xiu Xiu?</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
A lot of you have been asking me how to uninstall the Meitu 360
Antivirus program, I personally did not install that program so it's
hard for me to assist you. However, Anne had this problem and sent me a
screenshot which I will now show you and what you should do. If you can
manage to reach the screenshot below, you can uninstall the program by
selecting the LAST option.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
I've listed down the rough translations for all the options so you know what you're doing. Look out for the word <span style="font-family: inherit;"><span style="background-color: white; color: #333333; font-size: medium;">卸載 </span><span style="background-color: white; color: #333333;">or</span><span style="background-color: white; color: #333333; font-size: medium;"> </span><span style="background-color: white; color: #333333; font-size: medium;">卸载</span><span style="font-size: medium;"> </span></span>which means "uninstall".</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-mFw8bLQaLP4/TxOCZ2P4OXI/AAAAAAAAEUA/WEwicy6uYuM/s1600/360uninstall.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-mFw8bLQaLP4/TxOCZ2P4OXI/AAAAAAAAEUA/WEwicy6uYuM/s1600/360uninstall.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
This should work for those having this problem. When installing, do follow my guide and you should be fine. :)</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
Hope this helps.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<b>♥Overview/ mini tutorial of meitu xiuxiu♥</b></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
To be honest, you can pretty much explore the program on your own
without worrying too much about how to use it. :) So I'm just going to
explain what some of the important buttons are and how to navigate
around. You can click on some of the images for a bigger image.</div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
So once you've click the yellow button that says "打开一张图片", go ahead and
select an image you want to edit. If your file is big, you might end up
seeing this pop-up message:</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-y0-iJUAbLxQ/TV1kqi35yEI/AAAAAAAADcg/X3_gu8YZjAs/s1600/tut1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="http://1.bp.blogspot.com/-y0-iJUAbLxQ/TV1kqi35yEI/AAAAAAAADcg/X3_gu8YZjAs/s400/tut1.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
It says your file size is too big and asks if you want to shrink it to
an optimum size. Clicking the yellow button means YES (the program will
resize your image for you), clicking the grey button means NO. You can
choose to resize your image manually later on. I'll show you which
button it is later.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-_5ZnApuesNI/TV1ktqHhZhI/AAAAAAAADck/uFKDsLFTZd8/s1600/tut2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="http://4.bp.blogspot.com/-_5ZnApuesNI/TV1ktqHhZhI/AAAAAAAADck/uFKDsLFTZd8/s400/tut2.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
So once your photo is opened, this is the layout you'll see. Tabs + menu
on top, options on the left and right. By default the first tab is
selected. To the right you can see some options to add photo/ lomo
effects to your picture. Selecting a lomo effect applies it to your
image, you have to "undo" it before you can try another effect.</div>
<br />
<div class="" style="clear: both; text-align: left;">
This is the main menu (top right):</div>
<div class="" style="clear: both; text-align: left;">
<a href="http://1.bp.blogspot.com/-rFgoUyuvp-s/TV1kuBoFRMI/AAAAAAAADco/oBrUIcuhXas/s1600/tut3.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="76" src="http://1.bp.blogspot.com/-rFgoUyuvp-s/TV1kuBoFRMI/AAAAAAAADco/oBrUIcuhXas/s320/tut3.jpg" width="320" /></a></div>
<div class="" style="clear: both; text-align: center;">
</div>
<ol>
<li style="text-align: left;">Open (an image)</li>
<li style="text-align: left;">Save</li>
<li style="text-align: left;">New canvas (this closes the image you're editing)</li>
<li style="text-align: left;">Selection tool (you will have 3 options,
swipe to auto select, draw out your selection area, use
circle/square/rounded square marquee tools)</li>
<li style="text-align: left;">Flip/Rotate</li>
<li style="text-align: left;">Crop (you can also make rounded edges to your crop)</li>
<li style="text-align: left;">Resize (manually resize your image...there are preset sizes available as well)</li>
<li style="text-align: left;">Freehand drawing tool (a brush where you can select colours and draw anywhere on the image)</li>
<li style="text-align: left;">Take a picture (using webcam)</li>
</ol>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
Some <b>important</b> things to remember:</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-H-h3_XD0ei8/TV1kvPf_fgI/AAAAAAAADcw/449z_5MwWYM/s1600/tut5.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-H-h3_XD0ei8/TV1kvPf_fgI/AAAAAAAADcw/449z_5MwWYM/s1600/tut5.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
(located below the main menu)</div>
<div class="separator" style="clear: both; text-align: center;">
Undo and Redo are self explanatory. Clicking "Original Pic" reverts all
changes. Compare will show you the before and after. You can choose to
save the before and after picture as well. Preview shows you the end
result. As some of the stickers and text are animated, you can only see
the animation when you click preview. In the preview screen, there's the
option to save your work.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Rxkqd8R8_p8/TV1kurwZryI/AAAAAAAADcs/RmFTSZzmqh4/s1600/tut4.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Rxkqd8R8_p8/TV1kurwZryI/AAAAAAAADcs/RmFTSZzmqh4/s1600/tut4.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
(Right side of the interface for the first tab)</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-3IhaB58vBVc/TV1kyuqIkVI/AAAAAAAADc0/52ri9nvJMsI/s1600/tut6.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="http://3.bp.blogspot.com/-3IhaB58vBVc/TV1kyuqIkVI/AAAAAAAADc0/52ri9nvJMsI/s400/tut6.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
(Clockwise from left) Cropped my image, playing around with the colour accent, pixelate and colour swap effects.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
A few other important things that you will need to know while editing your photo(s):</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-JDc6AewiU9w/TV1kzGiP-UI/AAAAAAAADc4/wZIni5vqFg4/s1600/tut7.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-JDc6AewiU9w/TV1kzGiP-UI/AAAAAAAADc4/wZIni5vqFg4/s1600/tut7.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
This is the most important tab (especially for girls. haha.) You can easily explore the other tabs on your own.</div>
<div class="separator" style="clear: both; text-align: center;">
This tab is the beautify tab, other tabs include adding stickers, text, frames etc.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Su_TD8T3ruQ/TV1k0DBlOtI/AAAAAAAADc8/l1BsqHXYHq8/s1600/tut8.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-Su_TD8T3ruQ/TV1k0DBlOtI/AAAAAAAADc8/l1BsqHXYHq8/s1600/tut8.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
The liquify tool is the same as the one in Photoshop. You can use this
to make your face slimmer, body slimmer, boobs bigger etc etc. The
remove blemishes tool is the one you can use to smoothen out your skin
texture.</div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div style="text-align: center;">
<a href="http://4.bp.blogspot.com/-6usNHULkUkc/TV1koIxoyVI/AAAAAAAADcY/asVmU5vo-xU/s1600/tut9.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="http://4.bp.blogspot.com/-6usNHULkUkc/TV1koIxoyVI/AAAAAAAADcY/asVmU5vo-xU/s400/tut9.jpg" width="400" /></a></div>
<div style="text-align: center;">
Once you're done editing, click the save button in the main menu. You'll see this pop-up with a few options for you to choose.</div>
<div style="text-align: center;">
A - Select this if you want to save your work as a still image (jpg)</div>
<div style="text-align: center;">
B - Select this to save your work as a moving image (gif)</div>
<div style="text-align: center;">
C - Click this to change the directory/folder to save your image</div>
<div style="text-align: center;">
D - Change file name/ file format</div>
<div style="text-align: center;">
E - First button is "Save", second "Save As", third button "Cancel"</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
Occasionally, you'll also see this pop-up window:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-4zHELRYLU4Q/TV1tC6XHx7I/AAAAAAAADdA/RW22xFBiodk/s1600/tut11.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-4zHELRYLU4Q/TV1tC6XHx7I/AAAAAAAADdA/RW22xFBiodk/s1600/tut11.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Don't panic! haha. Usually it will appear when you close the program,
when you open a new canvas or when you open a new image. So just select
"Save" if you have not saved your edited photo, or "Don't Save" and
it'll close whatever photo is open. Simple. :)</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<a href="http://4.bp.blogspot.com/-2-kZiNchXj4/TV1kpUFSupI/AAAAAAAADcc/LCUgY8HG1MY/s1600/meitu_done.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-2-kZiNchXj4/TV1kpUFSupI/AAAAAAAADcc/LCUgY8HG1MY/s1600/meitu_done.jpg" /></a></div>
<div style="text-align: center;">
DONE! ♥</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
Hope this helps. The rest of the program shouldn't be hard to
explore...if there's no "Cancel" button to click, click the top right
"X" button. It will usually bring you back to the main editing area. :)</div>
Tito Siaahttp://www.blogger.com/profile/13552476607960005380noreply@blogger.com0