Congratulations!

[Valid Atom 1.0] This is a valid Atom 1.0 feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

Source: http://beones.blogspot.com/feeds/posts/default

  1. <?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-3047226350047664129</id><updated>2024-10-07T11:32:45.872+07:00</updated><category term="FREE PLAYER FOR PC"/><category term="PHOTHOSHOP ABSTRAK TUTORIAL"/><category term="PHOTOSHOP WEB LAYOUT TUTORIAL"/><category term="COREL DRAW TUTORIAL 1"/><category term="COREL DRAW TUTORIAL 2"/><category term="TEMPLATE FOR BLOGGER"/><category term="PHOTHOSHOP ANIMATION TUTORIAL"/><category term="PHOTOSHOP CS3 SUITE TUTORIAL"/><category term="Photoshop /Web Layouts"/><category term="flash tutorial"/><category term="Abstract Shine Animation with Photoshop and ImageReady"/><category term="Build A Flash Scrolling Text Box"/><category term="Creating 3D Buttons"/><category term="Creating 3D Textured Text"/><category term="Creating Animated"/><category term="Creating Complex Shapes"/><category term="Creating Contoured Text"/><category term="Creating Drop Shadows"/><category term="Easy Abstract Photoshop Tutorial"/><category term="Flash Player"/><category term="Free Photoshop cs3 suite tutorials"/><category term="JetAudio Basic 7।0।5।3040"/><category term="MP3 CONVERTER"/><category term="Nokia Multimedia Player 1.0"/><category term="Photoshop Create a 3 Column Gaming Template in Photoshop Tutorial"/><category term="Photoshop Digital Blast Tutorial"/><category term="Photoshop cs3 suite tutorials"/><category term="Photoshop layout Tutorial"/><category term="Real Alternative 1.75"/><category term="Shatter Heart » Photoshop Tutorials » Clean Background"/><category term="THEME FOR WINDOWS XP"/><category term="Universal Vista Inspirat BricoPack 2.1"/><category term="Using Pen Tool to crop out items (beginner)"/><category term="Winamp 5.5.2.1800 final"/><category term="Windows media player 11"/><category term="फोटोशॉप tutorial"/><title type='text'>====   UNIK BLOG  ====</title><subtitle type='html'>the best tutorial and freeware,sofhware,template</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://beones.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default?start-index=26&amp;max-results=25'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>31</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-7764264042487328817</id><published>2008-03-14T00:27:00.006+07:00</published><updated>2008-03-15T01:44:02.020+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="MP3 CONVERTER"/><title type='text'>MP3 CONVERTER</title><content type='html'>&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioTu20K7FA-a_F4u9O3mWqU4BV0ozuN31Jd0p_YVYlEdufnpsXM5XL21R8lfgZSekJAWp9ghFuBVIIU8qlldxneoMB63fKQ1XWxmxuCrNV3j8h4wR8rw891UZc7KvQo7qk6S4_y9YnWtU/s1600-h/wma-mp3-full.gif&quot;&gt;Advanced WMA MP3 Converter 1.2&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioTu20K7FA-a_F4u9O3mWqU4BV0ozuN31Jd0p_YVYlEdufnpsXM5XL21R8lfgZSekJAWp9ghFuBVIIU8qlldxneoMB63fKQ1XWxmxuCrNV3j8h4wR8rw891UZc7KvQo7qk6S4_y9YnWtU/s1600-h/wma-mp3-full.gif&quot;&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 187px; height: 157px;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioTu20K7FA-a_F4u9O3mWqU4BV0ozuN31Jd0p_YVYlEdufnpsXM5XL21R8lfgZSekJAWp9ghFuBVIIU8qlldxneoMB63fKQ1XWxmxuCrNV3j8h4wR8rw891UZc7KvQo7qk6S4_y9YnWtU/s320/wma-mp3-full.gif&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5177283337345379874&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;img src=&quot;file:///C:/DOCUME%7E1/Revolt_4/LOCALS%7E1/Temp/moz-screenshot.jpg&quot; alt=&quot;&quot; /&gt;&lt;img src=&quot;file:///C:/DOCUME%7E1/Revolt_4/LOCALS%7E1/Temp/moz-screenshot-1.jpg&quot; alt=&quot;&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class=&quot;tab_label&quot;&gt;Editor&#39;s rating&lt;/td&gt;     &lt;td class=&quot;tab_content_first&quot;&gt;&lt;span class=&quot;tab_content&quot;&gt;&lt;img src=&quot;http://www.freedownloadscenter.com/_Images/star0.gif&quot; alt=&quot;&quot; height=&quot;13&quot; /&gt; &lt;/span&gt;&lt;/td&gt;  &lt;/tr&gt;    &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;Users&#39; rating&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;&lt;img src=&quot;http://www.freedownloadscenter.com/_Images/star3.gif&quot; alt=&quot;&quot; height=&quot;13&quot; /&gt;  (2 votes)  &lt;a href=&quot;http://www.freedownloadscenter.com/Utilities/Misc__Utilities/Advanced_WMA_MP3_Converter_Rate.html&quot;&gt;&lt;strong&gt;Rate it!&lt;/strong&gt;&lt;/a&gt;&lt;/td&gt;  &lt;/tr&gt;    &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;License&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;Shareware / $24.95 &lt;/td&gt;    &lt;/tr&gt;    &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;Downloads this week &lt;/td&gt;      &lt;td class=&quot;tab_content&quot;&gt;5077&lt;/td&gt;    &lt;/tr&gt;       &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;Publisher&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;&lt;a href=&quot;http://www.freedownloadscenter.com/Authors/Media5_Software__Inc_.html&quot;&gt;Media5 Software, Inc.&lt;/a&gt;&lt;/td&gt;    &lt;/tr&gt;        &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;File size&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;3848K&lt;/td&gt;    &lt;/tr&gt;    &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;Date added&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;12-May-2004&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;Advanced WMA MP3 Converter is the WMA to MP3 audio conversion software product with Windows Explorer-like user interface, It allows you to encode WAV, MP3 and OGG files to WMA (Windows Media Audio) format with a couple of format settings (from 8000 to 48000Hz, up to 192kbps), convert WMA to MP3 files to WAV PCM format, convert WMA to MP3 files format with LAME 3.92 encoder library, convert WMA to OGG Vorbis format, resample WMA files, grab audio CDs into WMA.&lt;br /&gt;Advanced WMA MP3 Converter internally supports WMA 9 format. WMA 9 encoder improve quality of encoded audio of 30 to 50 percents over WMA 7.&lt;br /&gt;&lt;br /&gt;Audio formats conversion process in real time, without any temporary WAV files, this means the high conversion speed and quality. It does not takes hard disk resources.&lt;br /&gt;&lt;br /&gt;You can convert and encode audio files one by one -or- you can use built-in batch process to increase perfomance in case of mass encoding/decoding.&lt;br /&gt;&lt;br /&gt;Advanced WMA MP3 Converter allows you to change ID3v2 Tags, copy it from MP3 to WMA and from WMA to MP3 file while recoding.&lt;br /&gt;&lt;br /&gt;Integarted CD ripper allows you to rip tracks from the audio CD into WMA files. CDDB and LocalDB options provides you with easy access to artists information and songs titles.&lt;br /&gt;&lt;br /&gt;&lt;a style=&quot;color: rgb(51, 102, 255);&quot; href=&quot;http://www.wma-mp3-software.com/&quot; onclick=&quot;window.open(this.href); return false;&quot; onkeypress=&quot;window.open(this.href); return false;&quot;&gt;Visit homepage of Advanced WMA MP3 Converter&lt;/a&gt;&lt;br /&gt;&lt;a style=&quot;color: rgb(51, 51, 255);&quot; href=&quot;http://www.freedownloadscenter.com/Utilities/Misc__Utilities/Advanced_WMA_MP3_Converter_Download.html&quot;&gt;Download Advanced WMA MP3 Converter 1.2&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;h1&gt;Magic Swf2Avi 2008 5.0.8.315&lt;/h1&gt;&lt;table style=&quot;width: 100%;&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;&lt;table style=&quot;width: 100%;&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;width: 100%;&quot;&gt;&lt;br /&gt;&lt;/td&gt;     &lt;td style=&quot;background: transparent url(/_Images/review_frame_20.gif) repeat-y scroll right center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;&quot;&gt;&lt;img src=&quot;http://www.freedownloadscenter.com/_Images/spacer.gif&quot; alt=&quot;&quot; class=&quot;block&quot; height=&quot;1&quot; width=&quot;10&quot; /&gt;&lt;/td&gt;    &lt;/tr&gt;    &lt;/tbody&gt;&lt;/table&gt;   &lt;/td&gt;  &lt;/tr&gt;   &lt;tr&gt;  &lt;td&gt;&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;     &lt;tbody&gt;&lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;Editor&#39;s rating&lt;/td&gt;     &lt;td class=&quot;tab_content_first&quot;&gt;&lt;span class=&quot;tab_content&quot;&gt;&lt;img src=&quot;http://www.freedownloadscenter.com/_Images/star4.gif&quot; alt=&quot;&quot; height=&quot;13&quot; /&gt; &lt;/span&gt;&lt;/td&gt;  &lt;/tr&gt;    &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;Users&#39; rating&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;&lt;img src=&quot;http://www.freedownloadscenter.com/_Images/star4.gif&quot; alt=&quot;&quot; height=&quot;13&quot; /&gt;  (17 votes)  &lt;a href=&quot;http://www.freedownloadscenter.com/Multimedia_and_Graphics/Misc__Sound_Tools/Audio_Converter_Rate.html&quot;&gt;&lt;strong&gt;Rate it!&lt;/strong&gt;&lt;/a&gt;&lt;/td&gt;  &lt;/tr&gt;    &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;License&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;Shareware / $25.98 &lt;/td&gt;    &lt;/tr&gt;    &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;Downloads this week &lt;/td&gt;      &lt;td class=&quot;tab_content&quot;&gt;15330&lt;/td&gt;    &lt;/tr&gt;       &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;Publisher&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;&lt;a href=&quot;http://www.freedownloadscenter.com/Authors/AxaraMedia_com.html&quot;&gt;AxaraMedia.com&lt;/a&gt;&lt;/td&gt;    &lt;/tr&gt;        &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;File size&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;8428K&lt;/td&gt;    &lt;/tr&gt;    &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;Date added&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;11-Mar-2008&lt;/td&gt;  &lt;/tr&gt;   &lt;/tbody&gt;&lt;/table&gt;&lt;/td&gt;&lt;td&gt;     &lt;br /&gt;&lt;/td&gt;   &lt;td class=&quot;tab_screenshot&quot;&gt;   &lt;a href=&quot;http://www.freedownloadscenter.com/Multimedia_and_Graphics/Misc__Sound_Tools/Audio_Converter_Screenshot.html&quot;&gt;&lt;img src=&quot;http://www2.freedownloadscenter.com/shots/screenshots/2014_90_70_FFFFFF.jpg&quot; alt=&quot;Audio Converter screenshot&quot; height=&quot;70&quot; width=&quot;90&quot; /&gt;&lt;/a&gt;    &lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Magic Swf2Avi 2008 &lt;br /&gt;&lt;br /&gt;- Simple, high-quality and fast convert Flash(swf) to Avi, iPod, iPhone, PSP, Zune, Apple TV, Nokia cellphone, Sony cellphone, DVD, VCD, SVCD, Audio CD, and other video, audio, images.&lt;br /&gt;&lt;br /&gt;Magic Swf2Avi 2008 is the most powerful Flash converter software to convert Flash(swf) to other popular formats. you could easily convert Flash(swf) to play on your iPod, PSP, Zune, 3GP mobile phone(Nokia, Sony Ericsson, Motorola), Apple TV, iPhone etc. With Magic Swf2Avi 2008 &quot;converting + burning&quot; one-step solution, you could easily convert and burn Flash(swf) to VCD, SVCD, DVD.&lt;br /&gt;&lt;br /&gt;No other program like Magic Swf2Avi 2008 supports convert flash to so comprehensive video formats including AVI, MPEG, MPEG2 TS, MP4, WMV, 3GP, GIF, H.264/MPEG-4 AVC, H.264/PSP AVC Video, MOV, Youtube FLV, etc. In addition, The Flash Converter provides an easy way to extract Flash(swf) file audio and convert to popular audio file, like MP2, MP3, AC3, WMA, WAV, FLAC, M4A, OGG, AAC, AU, MMF etc. The Flash Converter also can burn Audio CD.&lt;br /&gt;&lt;br /&gt;Add-ons, Magic Swf2Avi 2008 can convert Flash(swf) to JPG, BMP image sequences, TAG, TIFF, PNG image sequences with alpha transparent channel.&lt;br /&gt;&lt;br /&gt;Main Functions: &lt;br /&gt;&lt;br /&gt;. Three output mode(Auto/two compressions/a compression), you can high-quality, simple, rapid convert flash file. &lt;br /&gt;. One step to convert flash(swf) to your iPod, PSP, Zune, 3GP mobile phone(Nokia, Sony Ericsson, Motorola), Apple TV, iPhone, etc.&lt;br /&gt;. Convert and Burn flash(swf) file to DVD, SVCD, VCD and Audio CD. &lt;br /&gt;. Support the output video formats: AVI, MPEG, MPEG2 TS, MP4, WMV, 3GP, GIF, H.264/MPEG-4 AVC, H.264/PSP AVC Video, MOV, FLV, etc..&lt;br /&gt;. Extract and Convert flash(swf) file audio to other popular audio formats, like MP2, MP3, AC3, WMA, WAV, FLAC, M4A, OGG, AAC, AU, MMF etc..&lt;br /&gt;. Convert flash(swf) to JPG, BMP image sequences, TAG, TIFF, PNG image sequences with alpha transparent channel.&lt;br /&gt;&lt;br /&gt;&lt;p class=&quot;visit&quot;&gt;&lt;a href=&quot;http://www.effectmatrix.com/&quot; onclick=&quot;window.open(this.href); return false;&quot; onkeypress=&quot;window.open(this.href); return false;&quot;&gt;Visit homepage of Magic Swf2Avi 2008 &lt;/a&gt;&lt;/p&gt;   &lt;p class=&quot;download&quot; style=&quot;margin-bottom: 0.1em;&quot;&gt;&lt;a href=&quot;http://www.freedownloadscenter.com/Multimedia_and_Graphics/Video_and_Animation_Tools/Magic_Swf2Avi_2008_Download.html&quot;&gt;Download Magic Swf2Avi 2008 5.0.8.315 &lt;/a&gt;&lt;/p&gt; &lt;br /&gt;&lt;h1&gt;Audio Converter 2.9.8&lt;/h1&gt;&lt;br /&gt;&lt;table style=&quot;width: 100%;&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class=&quot;tab_label&quot;&gt;Editor&#39;s rating&lt;/td&gt;     &lt;td class=&quot;tab_content_first&quot;&gt;&lt;span class=&quot;tab_content&quot;&gt;&lt;img src=&quot;http://www.freedownloadscenter.com/_Images/star4.gif&quot; alt=&quot;&quot; height=&quot;13&quot; /&gt; &lt;/span&gt;&lt;/td&gt;  &lt;/tr&gt;    &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;Users&#39; rating&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;&lt;img src=&quot;http://www.freedownloadscenter.com/_Images/star4.gif&quot; alt=&quot;&quot; height=&quot;13&quot; /&gt;  (17 votes)  &lt;a href=&quot;http://www.freedownloadscenter.com/Multimedia_and_Graphics/Misc__Sound_Tools/Audio_Converter_Rate.html&quot;&gt;&lt;strong&gt;Rate it!&lt;/strong&gt;&lt;/a&gt;&lt;/td&gt;  &lt;/tr&gt;    &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;License&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;Shareware / $25.98 &lt;/td&gt;    &lt;/tr&gt;    &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;Downloads this week &lt;/td&gt;      &lt;td class=&quot;tab_content&quot;&gt;15330&lt;/td&gt;    &lt;/tr&gt;       &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;Publisher&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;&lt;a href=&quot;http://www.freedownloadscenter.com/Authors/AxaraMedia_com.html&quot;&gt;AxaraMedia.com&lt;/a&gt;&lt;/td&gt;    &lt;/tr&gt;        &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;File size&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;8428K&lt;/td&gt;    &lt;/tr&gt;    &lt;tr&gt;      &lt;td class=&quot;tab_label&quot;&gt;Date added&lt;/td&gt;     &lt;td class=&quot;tab_content&quot;&gt;11-Mar-2008&lt;/td&gt;  &lt;/tr&gt;   &lt;/tbody&gt;&lt;/table&gt;&lt;/td&gt;&lt;td&gt;     &lt;br /&gt;&lt;/td&gt;   &lt;td class=&quot;tab_screenshot&quot;&gt;   &lt;a href=&quot;http://www.freedownloadscenter.com/Multimedia_and_Graphics/Misc__Sound_Tools/Audio_Converter_Screenshot.html&quot;&gt;&lt;img src=&quot;http://www2.freedownloadscenter.com/shots/screenshots/2014_90_70_FFFFFF.jpg&quot; alt=&quot;Audio Converter screenshot&quot; height=&quot;70&quot; width=&quot;90&quot; /&gt;&lt;/a&gt;    &lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;Axara AudioConverter is the most professional audio programme designed for conversion audio files into different audio formats &amp;amp; codecs.&lt;br /&gt;This programme has simple and comfortable interface. &lt;br /&gt;It is ideal for conversion WMA to Mp3, WAV to Mp3, Mp3 to M4A etc. &lt;br /&gt;Great variety of settings and convenient presets will surely satisfy any beginner or an audio professional. To convert your audio files you just need to add them into the programme &amp;amp; choose the format you want to convert into (Mp3, WMA, Mp4, M4A, Ogg, WAV, AIFF) then push the button Convert.&lt;br /&gt;Moreover, this programme allows to save audio tracks from video files of different formats AVI, MPEG, MOV, VOB etc. &lt;br /&gt;This allows to listen to your Comedy or Music Clips downloaded from the Internet, recorded from MTV, VIVA. &lt;br /&gt;You can easily prepare your audio collection for using in PC, iPod, Mobile telephone, DVD/CD/Flash player, Auto Audio system etc.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Technical characteristics: &lt;br /&gt;&lt;br /&gt;Supported Formats: &lt;br /&gt;  Mp3, Mp4, ASF, WMA, M4A, MOV, AMR, AAC, AIFF, WAV, FLV, SWF, OGG, MTV, RM etc. &lt;br /&gt;Supported Codecs: &lt;br /&gt;Mp3, AAC, PCM, MS ADPCM, IMA ADPCM, AMR, Real Audio, Mp2, DTS, AC3, Windows Media Audio, Vorbis, GSM, DVAudio, A-LAW, U-LAW, Flac etc.&lt;br /&gt;&lt;br /&gt;We’ve done our best for you to feel comfortable. It’s quick and simple to take music anywhere with Axara Audio Converter.&lt;br /&gt;&lt;br /&gt;&lt;p class=&quot;visit&quot;&gt;&lt;a href=&quot;http://www.axaramedia.com/AudioSolutions/AudioConverter/&quot; onclick=&quot;window.open(this.href); return false;&quot; onkeypress=&quot;window.open(this.href); return false;&quot;&gt;Visit homepage of Audio Converter &lt;/a&gt;&lt;/p&gt;   &lt;p class=&quot;download&quot; style=&quot;margin-bottom: 0.1em;&quot;&gt;&lt;a href=&quot;http://www.freedownloadscenter.com/Multimedia_and_Graphics/Misc__Sound_Tools/Audio_Converter_Download.html&quot;&gt;Download Audio Converter 2.9.8 &lt;/a&gt;&lt;/p&gt;  &lt;br /&gt;&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/7764264042487328817/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=7764264042487328817&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/7764264042487328817'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/7764264042487328817'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/advanced-wma-mp3-converter-12.html' title='MP3 CONVERTER'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioTu20K7FA-a_F4u9O3mWqU4BV0ozuN31Jd0p_YVYlEdufnpsXM5XL21R8lfgZSekJAWp9ghFuBVIIU8qlldxneoMB63fKQ1XWxmxuCrNV3j8h4wR8rw891UZc7KvQo7qk6S4_y9YnWtU/s72-c/wma-mp3-full.gif" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-4343002643783293541</id><published>2008-03-10T02:40:00.000+07:00</published><updated>2008-03-14T23:42:59.273+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Build A Flash Scrolling Text Box"/><category scheme="http://www.blogger.com/atom/ns#" term="flash tutorial"/><title type='text'>Build A Flash Scrolling Text Box</title><content type='html'>&lt;p class=&quot;tutName&quot;&gt;&lt;br /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot; class=&quot;tutDetails&quot;&gt;&lt;em&gt;Level:&lt;/em&gt; Intermediate&lt;br /&gt;     &lt;em&gt;Requirements:&lt;/em&gt;Flash MX&lt;br /&gt;     &lt;em&gt;Language:&lt;/em&gt; Flash Actionscript &lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot; class=&quot;tutTitle&quot;&gt;Introduction&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Here you will learn how to create this effect with a few simple steps.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;&lt;object classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot; codebase=&quot;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0&quot; height=&quot;107&quot; width=&quot;181&quot;&gt;                     &lt;param name=&quot;movie&quot; value=&quot;movies/scroll.swf&quot;&gt;                     &lt;param name=&quot;quality&quot; value=&quot;high&quot;&gt;                     &lt;embed src=&quot;http://www.webthang.co.uk/goto/tutorials/000115/movies/scroll.swf&quot; quality=&quot;high&quot; pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; type=&quot;application/x-shockwave-flash&quot; height=&quot;107&quot; width=&quot;181&quot;&gt;&lt;/embed&gt;                   &lt;/object&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot; class=&quot;tutParagraph&quot;&gt;Step 1: &lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;First open new file 200 width x 200 height create dynamic text box give it any instance name you want .. then make sure it&#39;s multiline one then choose your dynamic text box the right click then choose scrollable ..&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt; &lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot; class=&quot;tutParagraph&quot;&gt;Step 2: &lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Then put your text in the text box .&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt; &lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot; class=&quot;tutParagraph&quot;&gt;Step 3:&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Create a new layer then create your up and down arrows then on your up   button put this code&lt;/p&gt;                        &lt;p style=&quot;color: rgb(255, 255, 255);&quot; class=&quot;tutCode&quot;&gt;on (release) {&lt;br /&gt;                    sam.scroll-=1;&lt;br /&gt;                    }&lt;/p&gt;       &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;where sam is my textbox instance name&lt;/p&gt;          &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000115/images/scroll1.gif&quot; height=&quot;237&quot; width=&quot;360&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot; class=&quot;tutParagraph&quot;&gt;&lt;em&gt;STEP 4&lt;/em&gt; &lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;On your down arrow put ...&lt;/p&gt;                        &lt;p style=&quot;color: rgb(255, 255, 255);&quot; class=&quot;tutCode&quot;&gt;on (release) {&lt;br /&gt;                    sam.scroll+=1;&lt;br /&gt;                  }&lt;/p&gt;       &lt;p&gt; &lt;/p&gt;       &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000115/images/scroll2.gif&quot; height=&quot;239&quot; width=&quot;362&quot; /&gt;&lt;/p&gt;       &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;... and now you are done easy.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/4343002643783293541/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=4343002643783293541&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/4343002643783293541'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/4343002643783293541'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/build-flash-scrolling-text-box.html' title='Build A Flash Scrolling Text Box'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-3478025896576513725</id><published>2008-03-10T02:30:00.001+07:00</published><updated>2008-03-14T23:42:59.274+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="flash tutorial"/><title type='text'>How To Make Butter Fly!</title><content type='html'>&lt;p class=&quot;tutName&quot;&gt;&lt;br /&gt;&lt;/p&gt;     &lt;p class=&quot;tutDetails&quot;&gt;&lt;em&gt;L&lt;span style=&quot;color: rgb(255, 255, 255);&quot;&gt;evel:&lt;/span&gt;&lt;/em&gt;&lt;span style=&quot;color: rgb(255, 255, 255);&quot;&gt; Intermediate&lt;/span&gt;&lt;br /&gt;     &lt;em style=&quot;color: rgb(255, 255, 255);&quot;&gt;Requirements:&lt;/em&gt;&lt;span style=&quot;color: rgb(255, 255, 255);&quot;&gt; Flash MX or higher&lt;/span&gt;&lt;br /&gt;     &lt;em style=&quot;color: rgb(255, 255, 255);&quot;&gt;Language:&lt;/em&gt;&lt;span style=&quot;color: rgb(255, 255, 255);&quot;&gt; Actionscript&lt;/span&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;This tutorial will take you through the basic steps for making a continuously moving ‘object’ such as a walking person or a flying bird. I choose to make a pack of butter fly because I liked the joke :o). This tutorial is about the basic steps for creating the movement and not about creating the artwork. If you have never used Flash before I suggest you work through the tutorial ‘&lt;strong&gt;&lt;a href=&quot;http://www.webthang.co.uk/tuts/tuts_fmx/scott2/scott2a.asp&quot; target=&quot;_blank&quot;&gt;Flash MX for Beginners&lt;/a&gt;&lt;/strong&gt;’ as I have assumed some basic knowledge of Flash.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;The tutorial was created in Flash MX but will also work if your using Flash 8 &lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot; class=&quot;tutParagraph&quot;&gt;Step 1: Setting UP THE STAGE.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Open up Flash and create a new stage about 500px by 300px should give you enough room to fly around in. Set the frame rate to 31 frames per second.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Select the black arrow from the tool bar.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;In your timeline rename layer 1 “&lt;strong&gt;butter&lt;/strong&gt;”.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image001.gif&quot; alt=&quot;pic1.gif&quot; /&gt;&lt;/p&gt;          &lt;p style=&quot;color: rgb(255, 255, 255);&quot; class=&quot;tutParagraph&quot;&gt;Step 2: START DRAWING.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Using the Rectangle tool draw a shape that looks a bit like a pack of butter. I also added a little bit of corner to the shape for a better effect. &lt;em&gt;You can of course create your image using a different graphics programme and then import that image into Flash&lt;/em&gt;.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image002.gif&quot; alt=&quot;pic2.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Select the ‘&lt;strong&gt;butter&lt;/strong&gt;’ on the stage and then press &lt;strong&gt;F8&lt;/strong&gt; to bring up the “&lt;strong&gt;Convert to Symbol&lt;/strong&gt;” box. Give it the name ‘&lt;strong&gt;butter&lt;/strong&gt;’ and the behaviour “&lt;strong&gt;Movie Clip&lt;/strong&gt;”. Click OK.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image003.gif&quot; alt=&quot;pic3.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;The ‘&lt;strong&gt;buttter&lt;/strong&gt;’ will now have a blue line around it indicating that it is now a &lt;strong&gt;Movie Clip&lt;/strong&gt;. Double click on the newly made ‘&lt;strong&gt;butter&lt;/strong&gt;’ Movie Clip to go to its sub timeline. The info bar will change to read “&lt;u&gt;&lt;strong&gt;Scene 1&lt;/strong&gt;&lt;/u&gt;&lt;strong&gt;  Butter&lt;/strong&gt;” and you will see a new timeline.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image004.gif&quot; alt=&quot;pic4.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Again rename layer 1 ‘&lt;strong&gt;butter&lt;/strong&gt;’ and lock the layer by clicking on the small dot next to the layer name and below the padlock icon. The dot will change into a padlock. &lt;em&gt;This ensures that you don’t accidentally select the butter image.&lt;/em&gt;&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image005.gif&quot; alt=&quot;pic5.gif&quot; /&gt;&lt;/p&gt;     &lt;p&gt; &lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot; class=&quot;tutParagraph&quot;&gt;Step 3: MAKE THE WINGS.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Make a new layer and rename it ‘&lt;strong&gt;wing one&lt;/strong&gt;’. Draw a wing shape and position it appropriately in relation to the butter shape. Select the wing shape and create a new Movie Clip as we did in step 5 except this time you will select the wing shape and call the movie clip &lt;strong&gt;wingone&lt;/strong&gt;.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image006.gif&quot; alt=&quot;pic6.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Double click on the newly created wingone movie clip. Again the info bar will change to show we are now in a sub of the sub … Scene 1 – butter – wingone. Again you will see a new timeline appear.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image007.gif&quot; alt=&quot;pic7.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;On Layer 1 move along the timeline to frame 70 and right mouse click then select “&lt;strong&gt;Insert Keyframe&lt;/strong&gt;”.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image008.gif&quot; alt=&quot;pic8.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;You will see that a grey line appears between frame 1 and frame 70 with a black dot in frame 1 and frame 70 indicating that they are now keyframes.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Right click anywhere between frame 1 and 70 and select “&lt;strong&gt;Create Motion Tween&lt;/strong&gt;”.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image009.gif&quot; alt=&quot;pic9.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Make sure that the keyframe in frame 70 has the motion tween on it. Click in frame 70 so that it shows as a black frame then on the stage select the wing and then select the “&lt;strong&gt;free transform tool&lt;/strong&gt;”.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image010.gif&quot; alt=&quot;pic10.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;The shape will now have a black border that will allow you to ‘&lt;strong&gt;reshape&lt;/strong&gt;’ it. In the middle of this black border you will see a white circle, this is the image anchor point. Move this circle to the bottom centre of the shape. This anchor point needs to be in the same place in each keyframe (I have never managed to find out how to make Flash keep this anchor point properly across keyframes so this is my ‘&lt;strong&gt;cheat&lt;/strong&gt;’: Right click on frame 70 and choose “&lt;strong&gt;copy frames&lt;/strong&gt;”, go to frame 1 right click and choose “&lt;strong&gt;paste frames&lt;/strong&gt;” now both frames have the same anchor point.) Go back to frame 70.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image011.gif&quot; alt=&quot;pic11.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;From the top middle black square drag the top of the shape down to just past half way.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image012.gif&quot; alt=&quot;pic12.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Insert a new keyframe at frame 115. (Right click choose “Insert Keyframe”.) Another nice little cheat: we want the wing to return to its starting point so, go to frame 1 right click and choose “&lt;strong&gt;copy frame&lt;/strong&gt;” go back to frame 115 right click and choose “&lt;strong&gt;paste frame&lt;/strong&gt;” hey presto we’re back where we started with a nice smooth movement! &lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Time to see some action! Click on Scene 1 in the info bar to take yourself back to the main stage. Hit Ctrl Enter to preview your butter flying, with one wing at the moment.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Close the preview window to return to the main stage. Double click on the butter Movie clip to go back into the first level sub clip. Info bar should read “&lt;strong&gt;Scene 1 – Butter&lt;/strong&gt;”&lt;/p&gt;          &lt;p style=&quot;color: rgb(255, 255, 255);&quot; class=&quot;tutParagraph&quot;&gt;Step 4: MAKE THE SECOND WING. &lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Insert a new layer call it ‘&lt;strong&gt;wing two&lt;/strong&gt;’. Drag this layer down so that it’s at the bottom of the layer list. The second wing will now be behind the butter, as it should be.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image013.gif&quot; alt=&quot;pic13.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Now you can either draw a new wing or copy wing one. To copy wing one double click on the ‘&lt;strong&gt;wingone&lt;/strong&gt;’ Movie clip until you see the info bar telling you your at Tween 1, basically you will no longer go anywhere when you double click.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image014.gif&quot; alt=&quot;pic14.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Select the wing shape and copy it, either use right click copy or ctrl c.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Go back to the ‘&lt;strong&gt;butter&lt;/strong&gt;’ Movie clip by clicking on butter from the info bar.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image015.gif&quot; alt=&quot;pic15.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Select layer wingtwo then click anywhere on the stage and paste the wingone copy. Position it appropriately.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Lock “&lt;strong&gt;wing one&lt;/strong&gt;” and “&lt;strong&gt;butter&lt;/strong&gt;” layers.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Make a new Movie Clip from “&lt;strong&gt;wing two&lt;/strong&gt;” (step 8).&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Repeat steps 9 to 16 for movie clip wing two to create the second wings movement.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Now we have butter that’s wings are moving but it’s not flying anywhere yet! &lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;You should now be in the main stage area “&lt;strong&gt;Scene 1&lt;/strong&gt;”.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Adjust the position of the butter Movie clip to a suitable starting place for instance the top left of the stage.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image016.gif&quot; alt=&quot;pic16.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Insert a keyframe at frame 120 and right click to create the motion tween. Whilst on frame 120 move the Movie Clip to its finishing point for instance the bottom right corner.&lt;/p&gt;     &lt;p&gt;&lt;img class=&quot;example&quot; src=&quot;http://www.webthang.co.uk/goto/tutorials/000137/images/image017.gif&quot; alt=&quot;pic17.gif&quot; /&gt;&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;Hit Ctrl enter to preview your movie.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;To publish your final movie select File – Publish.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;You can get much more creative in the movement of the clip by using a motion guide.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;The frame rate can be changed to suit your animation as can the setting of the keyframes. And much more detail can, of course be added.&lt;/p&gt;     &lt;p style=&quot;color: rgb(255, 255, 255);&quot;&gt;That’s it.&lt;br /&gt;Of course this is just the very basic principle, there are many great effects that can be achieved once you’ve got the basics working.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/3478025896576513725/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=3478025896576513725&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/3478025896576513725'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/3478025896576513725'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/how-to-make-butter-fly.html' title='How To Make Butter Fly!'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-8075772840917335341</id><published>2008-03-10T01:48:00.000+07:00</published><updated>2008-03-14T23:46:57.337+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="COREL DRAW TUTORIAL 1"/><category scheme="http://www.blogger.com/atom/ns#" term="Creating Complex Shapes"/><title type='text'>Creating Complex Shapes with Corel DRAW!</title><content type='html'>&lt;h3&gt;&lt;strong&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/h3&gt;&lt;br /&gt;This tutorial will show you how to create complex shapes in Corel DRAW! I used Corel DRAW! 7.0 for Windows. Some things may be done differently with other versions.&lt;br /&gt;&lt;br /&gt;It&#39;s fairly easy to create simple shapes with a vector drawing program such as Corel DRAW!. There are built-in tools for creating circles, ellipses, squares, rectangles and polygons, etc... You may wonder, though, how to create more complex shapes. The tools to help with this are there, as well, they&#39;re just not as obvious.&lt;br /&gt;&lt;br /&gt;In this tutorial I&#39;ll demonstrate how to center objects, how to &quot;combine&quot; more than one shape to cut one shape from another and how to &quot;weld&quot; several shapes into one. I&#39;ll also show you how to duplicate objects while changing their size and how to rotate an object with its center of rotation changed so as to duplicate shapes around a single point that you determine.&lt;br /&gt;&lt;br /&gt; Before we begin, let&#39;s take a look at the shape we&#39;ll be creating (see figure 5.1). &lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/05corel01.gif&quot; alt=&quot;figure 5.1&quot; border=&quot;0&quot; height=&quot;220&quot; width=&quot;220&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 5.1&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;You may recognize this shape as the shape that&#39;s used to signify radioactivity. I had this shape in mind for a new design that I wanted to use here at GrafX Design. You&#39;ll see it showing up here-and-there at the bottom of various pages.&lt;br /&gt;&lt;br /&gt;At first glance you may not see how this shape can be created with circles and triangles. Take a look at figure 5.2, though, and you&#39;ll note that the radioactive symbol is made up of an outer circle (shown in blue), an inner circle (in red) and three triangles (in yellow).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/05corel02.gif&quot; alt=&quot;figure 5.2&quot; border=&quot;0&quot; height=&quot;220&quot; width=&quot;220&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 5.2&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;  Start out by opening a new image. &lt;br /&gt;&lt;br /&gt; &lt;div class=&quot;noteBackground&quot;&gt;&lt;strong&gt;NOTE:&lt;/strong&gt; If you don&#39;t see the rulers at the top and left of the main window--choose View, Rulers. This will turn the rulers on.&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;To help with the exact placement of the different objects that make up the final shape you can set the guidelines. Simply click-and-drag down from the ruler at the top to create a horizontal guideline, and click-and-drag from the ruler at the left to create a vertical guideline (see figure 5.3).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/05corel03.gif&quot; alt=&quot;figure 5.3&quot; border=&quot;0&quot; height=&quot;360&quot; width=&quot;300&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 5.3&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;You want the quidelines to dissect the image in the center so set the vertical guideline at 4.25 inches (half of 8.5 inches, the width of the page) and set the horizontal guideline at 5.50 inches (half of 11 inches, the length of the page). You can see the coordinates of the guidelines change, as you move them, in the lower left of the screen.&lt;br /&gt;&lt;br /&gt; Now you&#39;re ready to begin drawing. &lt;br /&gt;&lt;br /&gt;Select the Ellipse tool and, while holding down the CTRL key to constrain the ellipse to a circle, draw a circle about 2.5 inches in diameter.&lt;br /&gt;&lt;br /&gt;Choose Arrange, Align and Distribute. This will bring up the Align and Distribute dialog box. Choose the Align tab, select Center of Page and click OK. Your circle should now be centered over the guidelines.&lt;br /&gt;&lt;br /&gt; Choose Arrange, Transform, Scale and Mirror to bring up the Scale and Mirror dialog box (see figure 5.4). &lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/05corel04.gif&quot; alt=&quot;figure 5.4&quot; border=&quot;0&quot; height=&quot;246&quot; width=&quot;147&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 5.4&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Make sure there&#39;s a checkmark in the Proportional checkbox and enter 80% beside the H in the Scale window (with Proportional checked you won&#39;t need to set both the H, horizontal, and the V, vertical. Click on the Apply to Duplicate button.&lt;br /&gt;&lt;br /&gt;Change the 80% to 20% and click the Apply to Duplicate button again. You should now have 3 centered circles (see figure 5.5). Select the Pick tool and click away from the circles to de-select them.&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/05corel05.gif&quot; alt=&quot;figure 5.5&quot; border=&quot;0&quot; height=&quot;445&quot; width=&quot;352&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 5.5&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;  Click on the outside circle, to select it, and then SHIFT-click the second circle to select it as well. &lt;br /&gt;&lt;br /&gt;Choose Arrange, Combine. Nothing seems to have happened, but the inner circle has been cut away from the outer circle leaving a donut shape with a large hole in it. If you select a fill color now you&#39;ll see that this is true because the second circle doesn&#39;t fill in (see figure 5.6).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/05corel06.gif&quot; alt=&quot;figure 5.6&quot; border=&quot;0&quot; height=&quot;447&quot; width=&quot;357&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 5.6&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;  What you&#39;ve just done is you&#39;ve created a new shape from two separate shapes. &lt;br /&gt;&lt;br /&gt; Double-click the Polygon tool to bring up the Options dialog box. Set the shape to polygon and the number of points/sides to 3. &lt;br /&gt;&lt;br /&gt;Place the cursor in the middle of the circles and click-and-drag up and to the left to create a triangle. It should be big enough to span the distance between the small circle and the new circular shape (see figure 5.7).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/05corel07.gif&quot; alt=&quot;figure 5.7&quot; border=&quot;0&quot; height=&quot;446&quot; width=&quot;351&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 5.7&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;  Choose Layout, Snap to Guidelines. &lt;br /&gt;&lt;br /&gt; You may want to zoom in to about 400% to help with the following steps. &lt;br /&gt;&lt;br /&gt;Select the Pick tool and use it to select the triangle shape. Move the shape into position with its bottom corner at the center of the circles (see figure 5.8).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/05corel08.gif&quot; alt=&quot;figure 5.8&quot; border=&quot;0&quot; height=&quot;405&quot; width=&quot;431&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 5.8&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;With the Pick tool still selected, click on the triangle again to get the rotation arrows. Move the center of revolution to the same point as the bottom of the triangle (see figure 5.9).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/05corel09.gif&quot; alt=&quot;figure 5.9&quot; border=&quot;0&quot; height=&quot;415&quot; width=&quot;428&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 5.9&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;The center of revolution is a small circle with a dot in it. It will originally show up in the center of the triangle. You can click-and-drag it into place. Since the snap-to-guidelines is set it will snap into place in the center of the guidelines.&lt;br /&gt;&lt;br /&gt;You should still have the Scale and Mirror dialog box open. Choose Rotation. Set the Angle to 120 deg. and click the Apply to Duplicate button to create a second triangle. Click the Apply to Duplicate button once more to create a third triangle (see figure 5.10).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/05corel10.gif&quot; alt=&quot;figure 5.10&quot; border=&quot;0&quot; height=&quot;419&quot; width=&quot;426&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 5.10&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;  Click anywhere to clear the selection and then click-and-drag a marquee around all of the shapes to select all of the objects. &lt;br /&gt;&lt;br /&gt; Near the top-right of the screen you should see the Weld icon (see figure 5.11). &lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/05corel11.gif&quot; alt=&quot;figure 5.11&quot; border=&quot;0&quot; height=&quot;44&quot; width=&quot;48&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 5.11&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;  Clicking on this icon will complete the image (see figure 5.12).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/05corel12.gif&quot; alt=&quot;figure 5.12&quot; border=&quot;0&quot; height=&quot;410&quot; width=&quot;431&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 5.12&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Make sure you keep a copy of the vector drawing i.e. save the image as a CDR file so you can go back and make changes easily later on.&lt;br /&gt;&lt;br /&gt;Of course, this final image was only really half of the design I had envisioned. To complete the design I exported the image as an EPS file and opened it in Photoshop. I then added some texture using Auto/FX. I played with the color, contrast and brightness, and lighting until I had the exact texture I wanted. I also added an Inner Bevel using Alien Skin&#39;s Eye Candy. Finally, I added a custom radial gradient behind the shape. There was still something missing, though, so to finish up I went back to Corel DRAW! and I created some text along a circular path and exported that, too. I then opened the text in Photoshop and cut-and-pasted it over the radioactive image to arrive at the completed design you see below (figure 5.13).&lt;br /&gt;&lt;br /&gt;  &lt;!-- figure and caption table --&gt;  &lt;table align=&quot;center&quot; border=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/RadioactivePower.jpg&quot; alt=&quot;Radioactive Power&quot; border=&quot;0&quot; height=&quot;176&quot; width=&quot;172&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/8075772840917335341/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=8075772840917335341&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/8075772840917335341'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/8075772840917335341'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/creating-complex-shapes-with-corel-draw.html' title='Creating Complex Shapes with Corel DRAW!'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-2354168867958795199</id><published>2008-03-10T01:46:00.000+07:00</published><updated>2008-03-14T23:46:57.338+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="COREL DRAW TUTORIAL 1"/><category scheme="http://www.blogger.com/atom/ns#" term="Creating Drop Shadows"/><title type='text'>Creating Drop Shadows with Corel DRAW!</title><content type='html'>&lt;h3&gt;&lt;strong&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/h3&gt;&lt;br /&gt;This tutorial will show you how to create drop shadows in Corel DRAW! I used Corel DRAW! 7.0 for Windows. Some things may be done differently with other versions.&lt;br /&gt;&lt;br /&gt;Drop shadows are not something you&#39;d expect to be able to do in a vector based drawing program. Although the shadows created with this technique differ from those done with a paint program such as Photoshop they are, nevertheless, a pretty cool effect.&lt;br /&gt;&lt;br /&gt;Open a new graphic. Choose the text tool and enter your text. Choose the pick tool to select the text. Use Text, Format Text to bring up the Format Text dialog box.&lt;br /&gt;&lt;br /&gt; Choose a size and font for your text. I used 50.0 points and the Dauphin font (see figure 1.1). &lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/01corel01.gif&quot; alt=&quot;figure 1.1&quot; border=&quot;0&quot; height=&quot;198&quot; width=&quot;358&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 1.1&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Choose Edit, Copy then Edit, Paste. Move the top copy aside and use Edit, Paste to create a third copy. Move this one aside, as well (see figure 1.2)&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/01corel02.gif&quot; alt=&quot;figure 1.2&quot; border=&quot;0&quot; height=&quot;430&quot; width=&quot;355&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 1.2&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; With this last copy still selected choose a light gray color. This will change the last copy to light gray. &lt;br /&gt;&lt;br /&gt;Move one of the other copies over the light gray one so that it&#39;s a little above and to the left of the light gray copy. If you have to, use Arrange, Order, Forward one so that the black copy is above the light gray one (see figure 1.3)&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/01corel03.gif&quot; alt=&quot;figure 1.3&quot; border=&quot;0&quot; height=&quot;192&quot; width=&quot;365&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 1.3&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; Use the pick tool to select both the light gray and the black copies. &lt;br /&gt;&lt;br /&gt; Choose Effects, Blend to bring up the Blend menu. I left the default 20 steps and clicked Apply to get figure 1.4.&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/01corel04.gif&quot; alt=&quot;figure 1.4&quot; border=&quot;0&quot; height=&quot;207&quot; width=&quot;365&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 1.4&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Finally, use the pick tool to select the last copy and, with it selected, changes its color to the color you want the the text to be. Move it into place over the blended copies to arrive at something like figure 1.5.&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/01corel05.gif&quot; alt=&quot;figure 1.5&quot; border=&quot;0&quot; height=&quot;188&quot; width=&quot;357&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 1.5&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/2354168867958795199/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=2354168867958795199&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/2354168867958795199'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/2354168867958795199'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/creating-drop-shadows-with-corel-draw.html' title='Creating Drop Shadows with Corel DRAW!'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-6901189512896175238</id><published>2008-03-10T01:41:00.000+07:00</published><updated>2008-03-14T23:46:57.340+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="COREL DRAW TUTORIAL 1"/><category scheme="http://www.blogger.com/atom/ns#" term="Creating 3D Buttons"/><title type='text'>Creating 3D Buttons with Corel DRAW!</title><content type='html'>&lt;h3&gt;&lt;strong&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/h3&gt;&lt;br /&gt;This tutorial will show you how to create 3D buttons in Corel DRAW! I used Corel DRAW! 7.0 for Windows. Some things may be done differently with other versions.&lt;br /&gt;&lt;br /&gt;The buttons you&#39;ll draw during this tutorial were inspired by my stereo. I originally created these buttons for the first Earth Orbit Consulting web site. I subsequently went on to create the first GrafX Design online tutorial describing how I had created these buttons with Paint Shop Pro. To show you how some graphics can be created with a vector program as easily as they can be with a paint program, I&#39;m re-creating that first tutorial here.&lt;br /&gt;&lt;br /&gt; This technique involves a little more effort than the first Corel DRAW! tutorial though it&#39;s still rather simple. &lt;br /&gt;&lt;br /&gt;Open a new graphic. Choose the ellipse tool and, while holding down the Ctrl key to constrain the ratio, draw a circle about 2.5 inches in diameter at the left of the page.&lt;br /&gt;&lt;br /&gt;Select the pick tool and, with the circle selected, hit Ctrl-c and Ctrl-v to copy and paste the circle. Use the right cursor key to move the copy to the right of the page. (see figure 2.1).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/02corel01.gif&quot; alt=&quot;figure 2.1&quot; border=&quot;0&quot; height=&quot;319&quot; width=&quot;472&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 2.1&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Select the rectangle tool and draw a rectangle between the two circles. Make sure that the corners of the rectangle meet with the circles (see figure 2.2)&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/02corel02.gif&quot; alt=&quot;figure 2.2&quot; border=&quot;0&quot; height=&quot;312&quot; width=&quot;470&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 2.2&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; Use the pick tool to draw a marquee around both circles and the rectangle. Click the intersection &lt;img src=&quot;http://www.grafx-design.com/images/CorelIntersect.gif&quot; alt=&quot;Intersection&quot; border=&quot;0&quot; height=&quot;23&quot; width=&quot;26&quot; /&gt; icon.  This will only create the intersection of the left-most circle and the rectangle (see figure 2.3). &lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/02corel03.gif&quot; alt=&quot;figure 2.3&quot; border=&quot;0&quot; height=&quot;284&quot; width=&quot;474&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 2.3&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Use the pick tool to draw another marquee around the right-most circle and the rectangle. Click the intersect icon again. You should now have two intersections with the rectangle. Choose the circles, one at a time, and delete them. This should leave you with something like figure 2.4.&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/02corel04.gif&quot; alt=&quot;figure 2.4&quot; border=&quot;0&quot; height=&quot;293&quot; width=&quot;476&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 2.4&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Use the pick tool to select the left-most curve and fill this object with a light gray. Select the right-most curve and fill this object with a dark gray (see figure 2.5).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/02corel05.gif&quot; alt=&quot;figure 2.5&quot; border=&quot;0&quot; height=&quot;317&quot; width=&quot;489&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 2.5&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Select the fill tool and choose the gradient tool from the flyout menu. This will bring up the Fountain Fill dialog box. Under Color blend, select Custom. This will change the Fountain Fill dialog box so that it resembles figure 2.6.&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/02corel06.gif&quot; alt=&quot;figure 2.6&quot; border=&quot;0&quot; height=&quot;390&quot; width=&quot;429&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 2.6&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Add another point to the blend by double-clicking above the rectangular blend window. Change the middle point (the one you just added) to a light gray by clicking on the Current pulldown menu (it&#39;s just above the custom blend window). Change the color at both of the outside points to dark gray. Set the Angle to 90 and adjust the middle point so that your blend resembles the one in figure 2.6. Click OK.&lt;br /&gt;&lt;br /&gt; &lt;div class=&quot;noteBackground&quot;&gt;&lt;strong&gt;NOTE:&lt;/strong&gt; The custom blend starts out with only a beginning and an ending point. You can add more points to create your custom blend by double-clicking above the blend window. These points can also be moved by clicking and dragging.&lt;/div&gt;&lt;br /&gt;&lt;br /&gt; Select the button with the pick tool and, using the outline tool flyout menu, set the outline to none. &lt;br /&gt;&lt;br /&gt; Use Arrange, Transform, Scale and Mirror to resize the button. &lt;br /&gt;&lt;br /&gt; At this point you might want to save the button (see figure 2.7). &lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/02corel07.jpg&quot; alt=&quot;figure 2.7&quot; border=&quot;0&quot; height=&quot;50&quot; width=&quot;150&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 2.7&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;I exported the button as a JPG with the following settings in the Bitmap Export dialog box. The really important settings to remember are the Maintain aspect ratio and Super-sampling.&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/02corel08.gif&quot; alt=&quot;figure 2.8&quot; border=&quot;0&quot; height=&quot;461&quot; width=&quot;378&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 2.8&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Use the text tool to add some text to your button. I used the Bedrock font. You may choose to copy and paste the text with a different color to add a highlight (see figure 2.9).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/02corel09.jpg&quot; alt=&quot;figure 2.9&quot; border=&quot;0&quot; height=&quot;50&quot; width=&quot;150&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 2.9&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Export the final button as a web-ready JPG and make sure you keep a copy of the vector drawing i.e. save the image as a CDR file so you can go back and make changes easily later on.</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/6901189512896175238/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=6901189512896175238&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/6901189512896175238'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/6901189512896175238'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/creating-3d-buttons-with-corel-draw.html' title='Creating 3D Buttons with Corel DRAW!'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-6531542312234189891</id><published>2008-03-10T01:40:00.000+07:00</published><updated>2008-03-14T23:47:45.654+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="COREL DRAW TUTORIAL 2"/><category scheme="http://www.blogger.com/atom/ns#" term="Creating Contoured Text"/><title type='text'>Creating Contoured Text with Corel DRAW!</title><content type='html'>&lt;h3&gt;&lt;strong&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/h3&gt;&lt;br /&gt;This tutorial will show you how to create Contoured Text in Corel DRAW! I used Corel DRAW! 7.0 for Windows. Some things may be done differently with other versions.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;I&#39;ve had a number of people write and ask how the title on the Corel DRAW! box is done. You know the look. It has black text surrounded by a gold gradient. The process is quite simple and, using it, you can achieve some really cool effects.&lt;br /&gt;&lt;br /&gt; Open a new graphic. Choose the Text tool and enter some text. I used the Bedrock font at 200 points (see figure 3.1). &lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/03corel01.gif&quot; alt=&quot;figure 3.1&quot; border=&quot;0&quot; height=&quot;135&quot; width=&quot;287&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 3.1&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; Choose Effects, Contour which will bring up the Contour roll-up (see figure 3.2).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/03corel02.gif&quot; alt=&quot;figure 3.2&quot; border=&quot;0&quot; height=&quot;322&quot; width=&quot;161&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 3.2&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Choose a color for the outline and the fill of the contour. Use a color for the fill that&#39;s different than the color of the text. This will make it easier to select the contour object later.&lt;br /&gt;&lt;br /&gt; Choose the other tab in the contour roll-up and set the type to outside, the offset to 0.07 and the steps to 1. &lt;br /&gt;&lt;br /&gt; Select the Pick tool to highlight the text and activate the Apply button in the contour roll-up. &lt;br /&gt;&lt;br /&gt; Click Apply. This will give you an outline, or contour, around the text (see figure 3.3). &lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/03corel03.gif&quot; alt=&quot;figure 3.3&quot; border=&quot;0&quot; height=&quot;125&quot; width=&quot;291&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 3.3&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Choose Arrange, Separate. This will break the contour away from the text and enable you to apply effects directly to the contour object.&lt;br /&gt;&lt;br /&gt; De-select the text by left-clicking outside of the current selection. &lt;br /&gt;&lt;br /&gt; Select the contour by left-clicking on it with the Pick tool. &lt;br /&gt;&lt;br /&gt;    &lt;div class=&quot;noteBackground&quot;&gt;&lt;strong&gt;NOTE:&lt;/strong&gt; If you have trouble selecting the contour and find that you keep selecting the text, send the text to the back after selecting it. This will make selecting the contour much easier. You can move the contour to the back after selecting it.&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;    With the contour selected it&#39;s time to lay some effects on it. &lt;br /&gt;&lt;br /&gt;Click the Fill tool icon and select the Fountain Fill Dialog option. This will bring up the Fountain Fill Dialog box (see figure 3.4)&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/03corel04.gif&quot; alt=&quot;figure 3.4&quot; border=&quot;0&quot; height=&quot;272&quot; width=&quot;300&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 3.4&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Set the left end point to a pastel blue and add another white point and a brown point next to each other somewhere towards the middle. Set the Angle to -90.0 degrees. Click OK.&lt;br /&gt;&lt;br /&gt; You should now have something like figure 3.5.&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/03corel05.gif&quot; alt=&quot;figure 3.5&quot; border=&quot;0&quot; height=&quot;130&quot; width=&quot;296&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 3.5&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;You can add a border around the contour by selecting the Outline tool and selecting a size for the outline. I chose a slim outline as seen in figure 3.6.&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/03corel06.gif&quot; alt=&quot;figure 3.6&quot; border=&quot;0&quot; height=&quot;115&quot; width=&quot;320&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 3.6&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;  You can apply many different effects this way, including the gold outline seen on the Corel DRAW! box. &lt;br /&gt;&lt;br /&gt; Figure 3.7 demonstrates a bitmap fill applied to the text.&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/03corel07.gif&quot; alt=&quot;figure 3.7&quot; border=&quot;0&quot; height=&quot;144&quot; width=&quot;553&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 3.7&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;  Play around with this and see what you can come up with and, above all, have fun. &lt;br /&gt;&lt;br /&gt;Export the final image as a web-ready JPG or GIF and make sure you keep a copy of the vector drawing i.e. save the image as a CDR file so you can go back and make changes easily later on.</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/6531542312234189891/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=6531542312234189891&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/6531542312234189891'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/6531542312234189891'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/creating-contoured-text-with-corel-draw.html' title='Creating Contoured Text with Corel DRAW!'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-458192077963561717</id><published>2008-03-10T01:33:00.000+07:00</published><updated>2008-03-14T23:47:45.655+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="COREL DRAW TUTORIAL 2"/><category scheme="http://www.blogger.com/atom/ns#" term="Creating 3D Textured Text"/><title type='text'>Creating 3D Textured Text with Corel DRAW!</title><content type='html'>&lt;h3&gt;&lt;strong&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/h3&gt;&lt;br /&gt;This tutorial will show you how to create 3D Textured Text in Corel DRAW! I used Corel DRAW! 7.0 for Windows. Some things may be done differently with other versions.&lt;br /&gt;&lt;br /&gt;I&#39;m always exploring textures and materials effects in the various programs I use. I like creating gold, metal, wood, stone, etc... Normally I use all sorts of filters and tricks to get the look just right and I usually use a bitmap program such as Photoshop. I thought it might be fun, though, to try and see if something like this could be done with a vector program such as Corel DRAW! The following tutorial is the result. Let me know what you think.&lt;br /&gt;&lt;br /&gt;The process is quite simple and, using it, you can achieve some really cool effects. I&#39;ll be demonstrating how to create &quot;Hot Rocks&quot; or Lava text. All of the effects can be accomplished using the files that come with Corel DRAW!&lt;br /&gt;&lt;br /&gt; Open a new graphic. Select the Text tool and enter some text. I used the Braggadocio font at 75 points (see figure 4.1). &lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/04corel01.gif&quot; alt=&quot;figure 4.1&quot; border=&quot;0&quot; height=&quot;242&quot; width=&quot;468&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 4.1&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;You&#39;ll want to use a chunky font for this stone look. Later you can try different fonts and fills to see what you can come up with.&lt;br /&gt;&lt;br /&gt; I wanted to give the text some perspective as well as adding 3-dimensionality to it. &lt;br /&gt;&lt;br /&gt;Use the Pick tool to select the text and Choose Effects, Add Perspective. This will surround the text with a red grid and put nodes at the corners (see figure 4.2).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/04corel02.gif&quot; alt=&quot;figure 4.2&quot; border=&quot;0&quot; height=&quot;232&quot; width=&quot;472&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 4.2&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; Grab the top corners and move them in and up until you have something like figure 4.3.&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/04corel03.gif&quot; alt=&quot;figure 4.3&quot; border=&quot;0&quot; height=&quot;219&quot; width=&quot;469&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 4.3&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;You may notice the perspective marker, a small black &quot;X&quot;, appear above the text. Once you&#39;re happy with the perspective click on the Pick tool again to clear the grid.&lt;br /&gt;&lt;br /&gt; It&#39;s time to add the 3D effects. Choose Effects, Extrude to bring up the Extrude dialog box (see figure 4.4). &lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/04corel04.gif&quot; alt=&quot;figure 4.4&quot; border=&quot;0&quot; height=&quot;356&quot; width=&quot;160&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 4.4&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; Select the Extrude icon and enter Small Back with a Depth of 10. &lt;br /&gt;&lt;br /&gt;Select the Rotation icon and play around until you get a view that you like (see figure 4.5). You can see the text change every time you click the Apply button, so play around.&lt;br /&gt;&lt;br /&gt; &lt;div class=&quot;tipBackground&quot;&gt;&lt;strong&gt;TIP:&lt;/strong&gt; You might want to change the color of the text to a light gray so that you can see the angles and side more clearly.&lt;/div&gt;&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/04corel05.gif&quot; alt=&quot;figure 4.5&quot; border=&quot;0&quot; height=&quot;258&quot; width=&quot;477&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 4.5&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;You can see the actual x,y,z values by clicking on the small paper icon to the right of the red Corel 3D rotation image. The values I ended up with were 19, 29, 5.&lt;br /&gt;&lt;br /&gt; Now add some lighting. I added all three lights. You can see their placement in figure 4.6.&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/04corel06.gif&quot; alt=&quot;figure 4.6&quot; border=&quot;0&quot; height=&quot;356&quot; width=&quot;160&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 4.6&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Besides the placement you can play with the intensity of the lights. I set the first to 68, the second to 41 and the third to 86. Again, you&#39;ll want to play with these values to suit your particular image.&lt;br /&gt;&lt;br /&gt;Now that the image is ready you can fill it with a texture. Select the Fill tool and hold it down until the flyout menu appears. Select the texture fill (it kinda looks like a black and white cloud image) which will bring up the texture dialog box (see figure 4.7).&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/04corel07.gif&quot; alt=&quot;figure 4.7&quot; border=&quot;0&quot; height=&quot;407&quot; width=&quot;426&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 4.7&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;I chose the Painted Stucco texture from Samples 7. There are a lot of different textures, though, so take a few minutes to go through the libraries and find something you like. I thought this texture looked like hot lava rock. Take a look at the final image (figure 4.8) and see what you think.&lt;br /&gt;&lt;br /&gt; &lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/04corel08.jpg&quot; alt=&quot;figure 4.8&quot; border=&quot;0&quot; height=&quot;138&quot; width=&quot;400&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 4.8&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;I exported the image as a JPG using Custom for the Size with 400 for the Width and setting the Maintain aspect ratio. I set the Resolution to 96 (both Horizontal and Vertical) and chose Super-sampling for the Anti-aliasing method. In the JPG Export dialog box I set the Quality to around 40.&lt;br /&gt;&lt;br /&gt; Play around with some of the effects in this tutorial and see what you can come up with and, above all, have fun. &lt;br /&gt;&lt;br /&gt;Make sure you keep a copy of the vector drawing i.e. save the image as a CDR file so you can go back and make changes easily later on.</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/458192077963561717/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=458192077963561717&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/458192077963561717'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/458192077963561717'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/creating-3d-textured-text-with-corel.html' title='Creating 3D Textured Text with Corel DRAW!'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-8055827190321489447</id><published>2008-03-10T01:30:00.000+07:00</published><updated>2008-03-14T23:47:45.657+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="COREL DRAW TUTORIAL 2"/><category scheme="http://www.blogger.com/atom/ns#" term="Creating Animated"/><title type='text'>Creating Animated Logos with Corel DRAW!</title><content type='html'>&lt;h3&gt;&lt;strong&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/h3&gt;&lt;br /&gt;&lt;h4&gt;Animated GIFs&lt;/h4&gt; This tutorial will demonstrate how you can create an Animated GIF logo. I used Corel DRAW! 7.0 for Windows for this technique. Some things may be done differently with other versions. &lt;h5&gt;Putting a New Spin on Your Logo&lt;/h5&gt; I&#39;ll be the first to admit that I&#39;m probably the last person to jump on the &quot;Animated GIF&quot; bandwagon. To be honest, I didn&#39;t really see the potential for animated GIFs. Most of the early images I saw were kind of cheesy. On top of that, I prefer keeping my images&#39; download time to a minimum, and animated GIFs can get rather large very quickly.&lt;br /&gt;&lt;br /&gt;Recently, though, I&#39;ve seen the light. Done right, animated GIFs can be pretty cool. And, with today&#39;s GIF animation software, animated image file size can be kept quite reasonable. Animated GIFs can be real attention-getters on banner ads, can really add to the appeal of a static logo, and they can certainly add some pizzazz to a web page.&lt;br /&gt;&lt;br /&gt;Animated 3D text has become so popular on the web, in fact, that there are now several dedicated programs available for you to choose from. These programs, produced by software companies such as Xara and Ulead, make the creation of animated 3D text as simple as point-and-click.&lt;br /&gt;&lt;br /&gt;What if you need to do more than animate simple text? Normally you might think of resorting to a dedicated 3D-rendering program. These programs can be expensive, though, and they often have pretty steep learning curves. So what can you do? Well, you can use Corel DRAW! to create the frames for your animated masterpiece. That&#39;s right! Corel DRAW! has all the features necessary to help you create a 3D animated logo.&lt;br /&gt;&lt;br /&gt;Here&#39;s how you can use the extrusion features to give depth to, light, and spin your creation...&lt;br /&gt;&lt;br /&gt;Open a new graphic in Corel DRAW! (I&#39;m using version 7, but the method should translate well to other versions).&lt;br /&gt;&lt;br /&gt;I&#39;ll be creating a simple logo using the first letters of GrafX Design, my design company.&lt;br /&gt;&lt;br /&gt;First I entered the text using the Text tool. I then selected the text by clicking on the Pick tool. This enabled me to change the font and the size of the text. I chose Braggadocio at 72 points.&lt;br /&gt;&lt;br /&gt;Because I didn&#39;t want to create just simple text, but rather I wanted a logo, I decided to cut the text out of a simple oval shape. To do that, I selected the Ellipse tool and dragged an oval shape around the text.&lt;br /&gt;&lt;br /&gt;To line these elements up, marquee-select them all with the Pick tool and choose Arrange, Align and Distribute. In the Align and distribute dialog box, check Center of Page and click OK.&lt;br /&gt;&lt;br /&gt;With the elements still selected, click the Combine button on the property bar. This will combine, or cutout, the text from the oval.&lt;br /&gt;&lt;br /&gt;You can change the color of the oval logo by left-clicking a color on the color palette. I choose a light blue color (see figure 9.1).&lt;br /&gt;&lt;br /&gt;&lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/09corel01.gif&quot; alt=&quot;figure 9.1&quot; border=&quot;0&quot; height=&quot;74&quot; width=&quot;130&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 9.1&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Now that the logo design is complete (as simple as it is), it&#39;s time to extrude the image, light it, and start creating the separate frames you&#39;ll need in order to complete the animation.&lt;br /&gt;&lt;br /&gt;Choose Effects, Extrude to bring up the Extrude dialog box (see figure 9.2). This is where you&#39;ll do most of the work needed to create the frames of your spinning animation.&lt;br /&gt;&lt;br /&gt;&lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/09corel02.gif&quot; alt=&quot;figure 9.2&quot; border=&quot;0&quot; height=&quot;356&quot; width=&quot;162&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 9.2&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;In this dialog box you&#39;ll see 5 tabs. The first three, Extrude, Rotate, and Lighting are the ones you&#39;ll need to use to create the frames for your animation.&lt;br /&gt;&lt;br /&gt;The first thing you should do is extrude the logo. This process gives your logo some depth, i.e. it adds the 3rd dimension to your image.&lt;br /&gt;&lt;br /&gt;Click on the first tab if it&#39;s not already active. You can now set the basic shape, viewpoint, and depth of your image. I set the shape to &quot;Small Back,&quot; the viewpoint to &quot;VP Locked To Object,&quot; and the depth to 2.0. You can play around with the various choices until you get the look you&#39;re after. When you&#39;re done, click Apply.&lt;br /&gt;&lt;br /&gt;The next thing you will do is create the lighting.&lt;br /&gt;&lt;br /&gt;Click the third tab. Turn on the first light by clicking the first lightbulb icon (or Light switch 1).&lt;br /&gt;&lt;br /&gt;You can now position the light by dragging the small black icon around the 3D grid. You must place the icon on an intersection. I chose the upper-right corner. Once you&#39;ve chosen the position for your light, click Apply.&lt;br /&gt;&lt;br /&gt;At this point you won&#39;t really see much difference in your image. It&#39;s coming, though.&lt;br /&gt;&lt;br /&gt;Click on the 2nd tab. This option enables you to rotate the logo in 3D space. You&#39;ll notice the Corel symbol that&#39;s visible in the middle of the dialog box (see figure 9.3).&lt;br /&gt;&lt;br /&gt;&lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/09corel03.gif&quot; alt=&quot;figure 9.3&quot; border=&quot;0&quot; height=&quot;356&quot; width=&quot;162&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 9.3&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;This symbol can be dragged around with the mouse, and its position will correspond to the position of your image in 3D space once you click Apply. Changing the position in this manner is a lot of fun. However, you&#39;ll need to be more exacting when creating your frames. Below and to the right of the Corel symbol is a small, bent-cornered, rectangular icon. Clicking on this icon will replace the Corel symbol with a set of coordinates, or rotation values. The first controls the rotation about the x-axis, the second about the y-axis and the third about the z-axis. Because I&#39;ll be spinning my logo around the y-axis, I&#39;ll only need to change the values for number 2.&lt;br /&gt;&lt;br /&gt;Before you start to apply the rotation values you should save the first frame. Obviously the first frame doesn&#39;t need to be rotated.&lt;br /&gt;&lt;br /&gt;Before saving the first frame, though, create a white (or some other color, if you prefer) bounding box around your logo image. You&#39;ll need to do this because of the way Corel DRAW! saves an image. When Corel DRAW! saves an image it doesn&#39;t keep all of the white space you see around the onscreen representation. Instead, all of that white space is cropped off. It&#39;s best to have all of the frames of your animation the same size, and adding the bounding box will assure that this is the case.&lt;br /&gt;&lt;br /&gt;Select the Rectangle tool and draw a box around your image. It doesn&#39;t have to be much bigger than the image but it should give you a little extra elbowroom.&lt;br /&gt;&lt;br /&gt;On the color palette, left-click the color that you want the box to be. This hides your logo, of course. Press CTRL-Page Down until the box moves to the back and your logo is again visible.&lt;br /&gt;&lt;br /&gt;To center everything again, marquee-select all of the objects and then select Arrange, Align and Distribute. Place a check mark in the Center of Page box and click OK.&lt;br /&gt;&lt;br /&gt;To save the first frame of your animation, choose File, Export. In the Export dialog box, choose a folder in which to store the image, give your file a name, and choose a file type. I like to use the BMP file format, (because it&#39;s 24-bit and it&#39;s a format most animation programs recognize) and let the animation program handle the palette. I also like to name the frames in sequence. I started this sequence as GD00.BMP.&lt;br /&gt;&lt;br /&gt;Click Export to bring up the Bitmap Export dialog box.&lt;br /&gt;&lt;br /&gt;Set the colors to 16 Million Colors. Set the Size to Custom and place a checkmark in the Maintain Aspect Ratio box. You can leave the Resolution at anywhere from 72 dpi to 96 dpi because the animation is intended for screen viewing. I always like to set Anti-aliasing to Super-sampling. Once you have entered all of the settings, click OK to save the image.&lt;br /&gt;&lt;br /&gt;Now you&#39;re ready to rotate the logo.&lt;br /&gt;&lt;br /&gt;By adding the bounding box you de-selected the logo. Simply use the Pick tool to re-select the logo.&lt;br /&gt;&lt;br /&gt;Back at the Extrude dialog box, click Edit and enter 10 in the 2nd spin control. Click Apply to apply the rotation. You could rotate the logo by a value of 1 rather than 10 each time, and this would result in an extremely smooth animation. However, it would also result in an unacceptably large final file size.&lt;br /&gt;&lt;br /&gt;The 2nd frame (see figure 9.4) is ready to be saved. Not so bad, eh?&lt;br /&gt;&lt;br /&gt;&lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/09corel04.gif&quot; alt=&quot;figure 9.4&quot; border=&quot;0&quot; height=&quot;74&quot; width=&quot;130&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 9.4&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Choose File, Export and name the second frame. I named mine GD01.BMP. You&#39;ll need to select the Maintain Aspect Ratio and Super-sampling boxes again.&lt;br /&gt;&lt;br /&gt;That completes the 2nd frame.&lt;br /&gt;&lt;br /&gt;Back at the Export dialog box, click Edit and enter 20 in the 2nd spin control. Export this frame.&lt;br /&gt;&lt;br /&gt;Continue on until you hit the value 70. You&#39;ll notice that the image is now at 90 degrees (see figure 9.5).&lt;br /&gt;&lt;br /&gt;&lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/09corel05.gif&quot; alt=&quot;figure 9.5&quot; border=&quot;0&quot; height=&quot;74&quot; width=&quot;130&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 9.5&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;This occurs because Corel DRAW uses the values -100 to 100 for the rotation values and not, as you might expect, 0-360 degrees.&lt;br /&gt;&lt;br /&gt;After saving the frame with the value at 70, start back down using negative values. Start with -60, then -50, etc, until you hit -10. Although, technically, using these values won&#39;t spin the logo so that you see the back of it, using these numbers will give your animation the appearance of spinning 360 degrees around the y-axis.&lt;br /&gt;&lt;br /&gt;You should now have 14 frames numbering 00 through 13. You&#39;re ready to animate your logo!&lt;br /&gt;&lt;br /&gt;It&#39;s time to fire up your animation program. I&#39;m currently using Ulead&#39;s GIF Animator. I like it because it&#39;s relatively easy to use-it offers animation and optimization wizards, has good palette control, and accepts a fairly wide range of file formats.&lt;br /&gt;&lt;br /&gt;After opening GIF Animator, I created the final animation, which can be seen below. Because the wizards work so well, I simply chose to use all of the defaults.&lt;br /&gt;&lt;br /&gt;When the animation program opens, it offers you a chance to use the Animation Wizard. This wizard enables you to Add Images/Videos. From this first dialog box, you can add the images, or frames of your animation. Simply point to the folder where you stored the separate frames. There&#39;s a small quirk, though. The frames will not be in sequence unless you follow this simple rule: Choose the last file in the sequence and then, while holding down the shift key, click on the first filename in the sequence. Click OPEN. You can click through the remaining choices by choosing Next each time. The one place you might want to stray from the default is the Frame Duration. I like my animations to run more quickly than the default and usually choose 10/100&#39;s of a second rather than the 25/100&#39;s. In the last dialog box, choose Finish to close the wizard.&lt;br /&gt;&lt;br /&gt;To see how your animation will appear, click on the Start Preview button. You&#39;ll see your animation for the first time. Pretty cool, eh?&lt;br /&gt;&lt;br /&gt;If everything looks okay, you can choose File, Optimization Wizard. Again, you should be able to just let the wizard do its thing. My final, optimized, spinning logo weighs in at a pretty good 11K. If you&#39;re not happy with the final result, re-run the wizard and tweak some of the settings. Some of the biggest savings can be achieved by lowering the color depth. I saved the logo with 64 colors, but I probably could have gone lower without sacrificing too much of the image&#39;s quality. You should spend a little time getting to know the animation software. Most of the packages I&#39;ve tried are fairly easy to use and come with pretty extensive online help.&lt;br /&gt;&lt;br /&gt;That&#39;s it. I invite you to play around with some text and some different shapes in Corel DRAW!. Try adding a bevel (use the last tab in the Extrude dialog box), or adding a second and third light, etc. Extrude your images to different depths and try filling them with textures as well as solid colors. Pretty soon you&#39;ll be wowing the visitors at your web site with all manner of spinning and moving logos and buttons.&lt;br /&gt;&lt;br /&gt;&lt;!-- figure and caption table --&gt; &lt;table align=&quot;right&quot; border=&quot;0&quot;&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;img src=&quot;http://www.grafx-design.com/images/GDanim.gif&quot; alt=&quot;figure 9.6&quot; border=&quot;0&quot; height=&quot;85&quot; width=&quot;150&quot; /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td align=&quot;center&quot; bgcolor=&quot;#00cccc&quot;&gt;figure 9.6&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/8055827190321489447/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=8055827190321489447&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/8055827190321489447'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/8055827190321489447'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/creating-animated-logos-with-corel-draw.html' title='Creating Animated Logos with Corel DRAW!'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-4178067153682148097</id><published>2008-03-06T23:55:00.000+07:00</published><updated>2008-03-14T00:57:09.801+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="FREE PLAYER FOR PC"/><category scheme="http://www.blogger.com/atom/ns#" term="Real Alternative 1.75"/><title type='text'>Real Alternative 1.75</title><content type='html'>&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 130%;&quot;&gt;&lt;br /&gt;&lt;a style=&quot;color: rgb(0, 0, 153); font-weight: bold;&quot; href=&quot;http://www.free-codecs.com/download/Real_Alternative.htm&quot; title=&quot;Return to Real Alternative 1.75&quot;&gt;&lt;span class=&quot;orangehigher&quot;&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://4.bp.blogspot.com/_5yzsRPQLK_M/R6I6Jn-tWDI/AAAAAAAAAEQ/0DDbU6P0ppY/s1600-h/Real-Alternative-Lite_1.png&quot;&gt;&lt;img style=&quot;margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 195px; height: 164px;&quot; src=&quot;http://4.bp.blogspot.com/_5yzsRPQLK_M/R6I6Jn-tWDI/AAAAAAAAAEQ/0DDbU6P0ppY/s200/Real-Alternative-Lite_1.png&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5161752059945244722&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Developer:   KL Software | More programs by this producer&lt;br /&gt;&lt;/div&gt;&lt;/div&gt; License:  Freeware&lt;br /&gt;Size / OS:  4.34 MB, Windows All&lt;br /&gt;Category:   Multimedia \ Video \ Codec Packs/ Video Codecs&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://www.free-codecs.com/download_soft.php?d=4348&amp;amp;s=65&quot;&gt;&lt;span style=&quot;font-size:130%;&quot;&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-size:130%;&quot;&gt;&lt;a style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;color: rgb(153, 0, 0); font-style: italic;&quot;&gt;download&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/4178067153682148097/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=4178067153682148097&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/4178067153682148097'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/4178067153682148097'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/real-alternative-175.html' title='Real Alternative 1.75'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/_5yzsRPQLK_M/R6I6Jn-tWDI/AAAAAAAAAEQ/0DDbU6P0ppY/s72-c/Real-Alternative-Lite_1.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-968285584580358412</id><published>2008-03-06T23:50:00.000+07:00</published><updated>2008-03-14T00:57:09.803+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="FREE PLAYER FOR PC"/><category scheme="http://www.blogger.com/atom/ns#" term="Windows media player 11"/><title type='text'>Windows media player 11</title><content type='html'>&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 130%;&quot;&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: rgb(0, 0, 153); font-size: 130%;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://2.bp.blogspot.com/_5yzsRPQLK_M/R6IzNH-tWCI/AAAAAAAAAEI/IJRGJ82UTLc/s1600-h/Windows-Media-Player_1.png&quot;&gt;&lt;img style=&quot;margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 240px; height: 188px;&quot; src=&quot;http://2.bp.blogspot.com/_5yzsRPQLK_M/R6IzNH-tWCI/AAAAAAAAAEI/IJRGJ82UTLc/s200/Windows-Media-Player_1.png&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5161744423493392418&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;b&gt;&lt;br /&gt;&lt;br /&gt;&lt;/b&gt;&lt;span style=&quot;color: rgb(0, 0, 0);&quot;&gt;Developer :&lt;/span&gt;&lt;a style=&quot;font-weight: normal; color: rgb(0, 0, 0);&quot; target=&quot;_blank&quot; href=&quot;http://www.microsoft.com/windows/windowsmedia/mp10/default.aspx&quot; title=&quot;Click here to visit Windows Media Player developer homepage&quot;&gt;Microsoft Corporation&lt;/a&gt;&lt;span style=&quot;font-weight: normal; color: rgb(0, 0, 0);&quot;&gt; &lt;/span&gt;&lt;a style=&quot;font-weight: normal; color: rgb(0, 0, 0);&quot; target=&quot;_blank&quot; href=&quot;http://www.softpedia.com/progMoreBy/Publisher-Microsoft%20Corporation.html&quot; title=&quot;Click here to see more programs by this producer&quot;&gt; by this     producer&lt;/a&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 0, 0);&quot;&gt;License      :&lt;/span&gt;&lt;span style=&quot;font-weight: normal; color: rgb(0, 0, 0);&quot;&gt;Freeware&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 0, 0);&quot;&gt;Size / OS   :&lt;/span&gt;&lt;span style=&quot;font-weight: normal; color: rgb(0, 0, 0);&quot;&gt;24.5 MB, Windows XP&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(0, 0, 0);&quot;&gt;Category  :&lt;/span&gt;&lt;a style=&quot;font-weight: normal; color: rgb(51, 51, 51);&quot; href=&quot;http://www.softpedia.com/get/Multimedia&quot;&gt;Multimedia\ &lt;/a&gt;&lt;a style=&quot;font-weight: normal; color: rgb(51, 51, 51);&quot; href=&quot;http://www.softpedia.com/get/Multimedia/Audio&quot;&gt;Audio&lt;/a&gt;&lt;span style=&quot;font-weight: normal; color: rgb(51, 51, 51);&quot;&gt;  \ &lt;/span&gt;&lt;a style=&quot;font-weight: normal; color: rgb(51, 51, 51);&quot; href=&quot;http://www.softpedia.com/get/Multimedia/Audio/Audio-Players&quot;&gt;Audio Players&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;a href=&quot;http://download.microsoft.com/download/0/9/5/0953E553-3BB6-44B1-8973-106F1B7E5049/wmp11-windowsxp-x86-enu.exe&quot;&gt;&lt;span style=&quot;font-style: italic;font-size:130%;&quot; &gt;&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-style: italic;font-size:130%;&quot; &gt;&lt;a style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;download&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;&lt;br /&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/968285584580358412/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=968285584580358412&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/968285584580358412'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/968285584580358412'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/windows-media-player-11.html' title='Windows media player 11'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_5yzsRPQLK_M/R6IzNH-tWCI/AAAAAAAAAEI/IJRGJ82UTLc/s72-c/Windows-Media-Player_1.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-3959493230774710970</id><published>2008-03-06T23:44:00.001+07:00</published><updated>2008-03-14T00:57:09.805+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="FREE PLAYER FOR PC"/><category scheme="http://www.blogger.com/atom/ns#" term="Winamp 5.5.2.1800 final"/><title type='text'>Winamp 5.5.2.1800 final</title><content type='html'>&lt;span style=&quot;font-size: 130%;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style=&quot;text-align: center; color: rgb(0, 0, 153); font-style: italic;&quot;&gt;&lt;span style=&quot;font-size: 130%;&quot;&gt;&lt;a href=&quot;http://www.free-codecs.com/download/Winamp.htm&quot; title=&quot;Return to Winamp 5.5.2.1800 final&quot;&gt;&lt;span class=&quot;orangehigher&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-size: 130%;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://3.bp.blogspot.com/_5yzsRPQLK_M/R6IrtX-tWBI/AAAAAAAAAEA/LBdi07oKgmw/s1600-h/img_531.gif&quot;&gt;&lt;img style=&quot;margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 150px; height: 309px;&quot; src=&quot;http://3.bp.blogspot.com/_5yzsRPQLK_M/R6IrtX-tWBI/AAAAAAAAAEA/LBdi07oKgmw/s200/img_531.gif&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5161736181451151378&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Nullsoft Winamp 5 is a fast, flexible, high-fidelity music player for Windows. Winamp supports playback of many audio (MP3, OGG, AAC, WAV, MOD, XM, S3M, IT, MIDI, etc) and video types (AVI,ASF,MPEG,NSV), custom appearances called skins (supporting both classic Winamp 1.x/2.x skins and Winamp 3 freeform skins), audio visualization and audio effect plug-ins (including two industry dominating visualization plug-ins), an advanced media library, Internet radio and TV support, CD ripping, and CD burning.&lt;br /&gt;&lt;span style=&quot;font-size: 100%;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: rgb(0, 0, 0);&quot;&gt;Size:&lt;/span&gt;&lt;/b&gt;&lt;/span&gt; 8.30MB&lt;span style=&quot;&quot;&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 100%;&quot;&gt;OS:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-size: 100%;&quot;&gt; Win 9x/ME/2K/NT/XP/Vista   &lt;b&gt;In:&lt;/b&gt; Audio &amp;amp; Video &gt; Audio/MP3 Players&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;&quot;&gt;&lt;span style=&quot;font-size: 100%;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;&quot;&gt;&lt;span style=&quot;font-size: 100%;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.free-codecs.com/download_soft.php?d=3722&amp;amp;s=167&quot;&gt;&lt;span style=&quot;font-style: italic;font-size:130%;&quot; &gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;download&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/3959493230774710970/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=3959493230774710970&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/3959493230774710970'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/3959493230774710970'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/winamp-5521800-final.html' title='Winamp 5.5.2.1800 final'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_5yzsRPQLK_M/R6IrtX-tWBI/AAAAAAAAAEA/LBdi07oKgmw/s72-c/img_531.gif" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-8537060967645964667</id><published>2008-03-06T23:24:00.001+07:00</published><updated>2008-03-14T00:57:09.808+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="FREE PLAYER FOR PC"/><category scheme="http://www.blogger.com/atom/ns#" term="Universal Vista Inspirat BricoPack 2.1"/><title type='text'>Universal Vista Inspirat BricoPack 2.1</title><content type='html'>&lt;span style=&quot;color: rgb(102, 102, 204); font-size: 130%;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://1.bp.blogspot.com/_5yzsRPQLK_M/R6Ihf3-tWAI/AAAAAAAAAD4/6BE4_yM76XQ/s1600-h/0_windowsvista.jpg&quot;&gt;&lt;img style=&quot;margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 283px; height: 212px;&quot; src=&quot;http://1.bp.blogspot.com/_5yzsRPQLK_M/R6Ihf3-tWAI/AAAAAAAAAD4/6BE4_yM76XQ/s200/0_windowsvista.jpg&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5161724954406639618&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size:180%;&quot;&gt;License:&lt;span class=&quot;license_1&quot;&gt;Free&lt;/span&gt;      &lt;span class=&quot;add_info&quot;&gt;(Freeware)&lt;/span&gt;&lt;br /&gt;OS:Win 98/ME/2000/XP&lt;br /&gt;File size:27.6 MB&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-size: 85%;&quot;&gt;&lt;a style=&quot;font-style: italic;&quot; href=&quot;http://download1us.softpedia.com/dl/8f71384774e9365ee1d27e8ee3e1d101/47d01e64/100026339/software/desktop/Pack_Vista_Inspirat_1.1.exe&quot;&gt;&lt;span style=&quot;font-size:180%;&quot;&gt;&lt;span style=&quot;color: rgb(204, 0, 0);&quot;&gt;download&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/h2&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/8537060967645964667/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=8537060967645964667&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/8537060967645964667'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/8537060967645964667'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/universal-vista-inspirat-bricopack-21.html' title='Universal Vista Inspirat BricoPack 2.1'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_5yzsRPQLK_M/R6Ihf3-tWAI/AAAAAAAAAD4/6BE4_yM76XQ/s72-c/0_windowsvista.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-3751673403941732052</id><published>2008-03-06T16:34:00.000+07:00</published><updated>2008-03-14T23:49:21.588+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Photoshop /Web Layouts"/><category scheme="http://www.blogger.com/atom/ns#" term="PHOTOSHOP WEB LAYOUT TUTORIAL"/><title type='text'>3D Studio Layout - Portfolio Layout</title><content type='html'>&lt;strong&gt;3D Studio Layout - Portfolio Layout&lt;/strong&gt;        &lt;hr style=&quot;color: rgb(255, 255, 255);&quot; size=&quot;1&quot;&gt;    &lt;!-- / icon and title --&gt;&lt;!-- message --&gt;            Hello&lt;br /&gt;&lt;br /&gt;Today i will create &lt;b&gt;Tutorial Number 145 &lt;/b&gt;from&lt;b&gt; 500 Tutorial Marathon&lt;br /&gt;&lt;/b&gt;I will show you how to create a portfolio layout&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;width: 680px; height: 688px;&quot; src=&quot;http://www.talk-mania.com/tutorials/tutorial145/14.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Let&#39;s start with a new document with the following settings&lt;br /&gt;760x770 pixels , and with a white background&lt;br /&gt;&lt;br /&gt;Duplicate the background layer ( to duplicate the layer please be sure you have the layer selected , then press CTRL+J )&lt;br /&gt;With this new layer selected , go to Filter &gt; noise &gt; Add noise and use the following settings :&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial145/1.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Then Press CTRL+I to invert the colors. you will have a black background. do not worry. this is normal.&lt;br /&gt;Create a new layer above this last layer ( to create a new layer press CTRL+SHIFT+ALT+N )&lt;br /&gt;&lt;br /&gt;Change the foreground color to : #f3b502&lt;br /&gt;and the background color to : #da5d03&lt;br /&gt;&lt;br /&gt;then with gradient tool draw a line from the top of your canvas to the bottom.&lt;br /&gt;&lt;br /&gt;After you will release the mouse button , please change the blending mode for this layer to difference&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial145/2.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Select Rounded Rectangle tool , and crate a white shape&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial145/3.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Then with the same tool create another shape, this time create this shape a little smaller, and with a light gray #ebebeb&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial145/4.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now we will load the selection for the small gray shape. to load the selection hold down the CTRL key down , and with left mouse button , click on the layer thumbnail like in the following image&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial145/5.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;You can see a selection around the small gray shape&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial145/6.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Create a new layer ( press CTRL+SHIFT+ALT+N ) , then press on D. this action will reset the colors to black and white&lt;br /&gt;&lt;br /&gt;now go to Filter &gt; render &gt; clouds&lt;br /&gt;&lt;br /&gt;you will see some nice clouds on your layout&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial145/7.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Press CTRL+D to deselect , then lower the opacity of this layer with clouds to 40 %&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial145/8.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;This is my result&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial145/9.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now please select all the layers except background layer, and press on CTRL+E ( this shortcut action will merge all the layers into a single one )&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial145/10.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;I have created for you a nice set of brushes. It is available on &lt;a href=&quot;http://photo-shop-brush.com/ornaments-brushes/paper-brushes-holes-brushes&quot; target=&quot;_blank&quot;&gt;www.photo-shop-brush.com&lt;/a&gt;&lt;br /&gt;Please download the brush set and load it in photoshop&lt;br /&gt;&lt;br /&gt;Then with the first brush from this set, create the following drawings&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;width: 642px; height: 649px;&quot; src=&quot;http://www.talk-mania.com/tutorials/tutorial145/11.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now select Eraser tool and with a small brush delete some parts of the layer until  you have the same result like mine&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;width: 656px; height: 552px;&quot; src=&quot;http://www.talk-mania.com/tutorials/tutorial145/12.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now i will add another new layer ( press CTRL+SHIFT+ALT+N ) and i will use a single brush from &lt;a href=&quot;http://www.talk-mania.com/store/index.php?target=products&amp;amp;product_id=29779&quot; target=&quot;_blank&quot;&gt;Talk-Mania Big-Pack&lt;/a&gt;&lt;br /&gt;if you don&#39;t know in this pack you have over 4000 different brushes in 3 different sizes (&lt;b&gt; almost 12.000 brushes &lt;/b&gt;)&lt;br /&gt;In case you don&#39;t have the big pack i recommend you to buy it, because it will save a lot of precious time.&lt;br /&gt;&lt;br /&gt;For example i am creating this layout in less then 20 minutes with the help of this pack. ( and i need over one hour to write it here for you - LOL )&lt;br /&gt;&lt;br /&gt;After i have played a few seconds this is my result&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;width: 672px; height: 680px;&quot; src=&quot;http://www.talk-mania.com/tutorials/tutorial145/13.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now i will place a 3D rendering with a nice 3D truck&lt;br /&gt;In the same time i will also some text on my layout with type tool&lt;br /&gt;This is my final result. i hope you like it&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;width: 591px; height: 599px;&quot; src=&quot;http://www.talk-mania.com/tutorials/tutorial145/14.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/3751673403941732052/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=3751673403941732052&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/3751673403941732052'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/3751673403941732052'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/3d-studio-layout-portfolio-layout.html' title='3D Studio Layout - Portfolio Layout'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-2916041204446710873</id><published>2008-03-06T16:24:00.000+07:00</published><updated>2008-03-14T23:49:21.589+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Photoshop /Web Layouts"/><category scheme="http://www.blogger.com/atom/ns#" term="PHOTOSHOP WEB LAYOUT TUTORIAL"/><title type='text'>Smooth, rounded portfolio layout</title><content type='html'>&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout250x100.gif&quot; alt=&quot;smooth_layout250x100.gif&quot; /&gt; &lt;p&gt;In this tutorial you will learn how to design a smooth, rounded portfolio layout.&lt;br /&gt;Designing a layout is pretty easy when you have your idea written in your head, or on paper.&lt;br /&gt;Sometimes even a simple thing looks good. The old one: “Less is more”&lt;br /&gt;This is what this tutorial is.&lt;br /&gt;Simple and cool looking smooth portfolio layout.&lt;/p&gt; &lt;p&gt;&lt;span id=&quot;more-300&quot;&gt;&lt;/span&gt;&lt;br /&gt;&lt;strong&gt;1.&lt;/strong&gt; Make a new document.&lt;strong&gt; 800 x 550 px&lt;/strong&gt;, background color set to &lt;strong&gt;#5F4545&lt;/strong&gt;.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;2.&lt;/strong&gt; Make a new layer. Use &lt;strong&gt;Rectangular Marquee Tool (M)&lt;/strong&gt; and make a selection &lt;strong&gt;760 x 500&lt;/strong&gt; pixels.&lt;br /&gt;Now go to &lt;strong&gt;Select -&gt; Modify -&gt; Smooth&lt;/strong&gt;, set &lt;strong&gt;10&lt;/strong&gt; as sample radius. This will make rounded corners on our selection.&lt;br /&gt;Fill it with &lt;strong&gt;#818181&lt;/strong&gt;.&lt;br /&gt;&lt;strong&gt;CTRL + D&lt;/strong&gt; to deselect and place layer like on picture below.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_1.gif&quot; title=&quot;smooth_layout_1.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_1.thumbnail.gif&quot; alt=&quot;smooth_layout_1.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Add following layer style to this layer.&lt;/p&gt; &lt;p&gt;Drop Shadow&lt;br /&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_2.gif&quot; alt=&quot;smooth_layout_2.gif&quot; /&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;3.&lt;/strong&gt; Again, make a new layer. Use Rectangular Marquee Tool (M) and make a selection 700 x 480 pixels.&lt;br /&gt;Now go to Select -&gt; Modify -&gt; Smooth, set 10 as sample radius. This will make rounded corners on our selection.&lt;br /&gt;Fill it with #B3B3B3.&lt;br /&gt;CTRL + D to deselect and add the same layer style as in step 2.&lt;br /&gt;Place this layer like on picture below.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_31.gif&quot; title=&quot;smooth_layout_31.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_31.thumbnail.gif&quot; alt=&quot;smooth_layout_31.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;4.&lt;/strong&gt; Now, one more time, make a new layer. Use Rectangular Marquee Tool (M) and make a selection 650 x 460 pixels.&lt;br /&gt;Now go to Select -&gt; Modify -&gt; Smooth, set 10 as sample radius. This will make rounded corners on our selection.&lt;br /&gt;Fill it with #FFFFFF.&lt;br /&gt;CTRL + D to deselect and add the same layer style as in step 2,3.&lt;br /&gt;Place this layer like on picture below.&lt;/p&gt;&lt;br /&gt;&lt;a href=&quot;http://www.velocityclicks.com/index.php?ref=axynet&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_4.gif&quot; title=&quot;smooth_layout_4.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_4.thumbnail.gif&quot; alt=&quot;smooth_layout_4.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;5.&lt;/strong&gt; Ok, main part is over. Now, we will add navigation buttons.&lt;br /&gt;So make new layer. Using Rectangular Marquee Tool (M) make selection 20 x 50 pixels.&lt;br /&gt;Go to  Select -&gt; Modify -&gt; Smooth, enter 2 a sample radius. This will make our buttons rounded.&lt;br /&gt;Fill it with white and place like on picture below.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_5.gif&quot; title=&quot;smooth_layout_5.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_5.thumbnail.gif&quot; alt=&quot;smooth_layout_5.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Add some text to this button (I used Verdana,14, bold). Your can rotate it by pressing CTRL + T.&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_6.gif&quot; alt=&quot;smooth_layout_6.gif&quot; /&gt;&lt;/p&gt; &lt;p&gt;With same technique add other buttons.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_7.gif&quot; title=&quot;smooth_layout_7.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_7.thumbnail.gif&quot; alt=&quot;smooth_layout_7.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;6.&lt;/strong&gt; Now we will add some boxes.&lt;br /&gt;Make a new layer. Make a selection 433 x 262. Fill it with any color.&lt;br /&gt;Add this style:&lt;/p&gt; &lt;p&gt;Stroke&lt;br /&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_8.gif&quot; alt=&quot;smooth_layout_8.gif&quot; /&gt;&lt;br /&gt;Use color: #DCDADA&lt;/p&gt; &lt;p&gt;Place it like here:&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_91.gif&quot; title=&quot;smooth_layout_91.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_91.thumbnail.gif&quot; alt=&quot;smooth_layout_91.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Here you can put your latest work screenshot. That’s why I added “latest work” text. You’ve learnt how to rotate text in step 5.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;7.&lt;/strong&gt; Again, make new layer, make new selection 500 x 150. Fill it with #E5E3E3, deselect and place like below:&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_10.gif&quot; title=&quot;smooth_layout_10.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_10.thumbnail.gif&quot; alt=&quot;smooth_layout_10.gif&quot; /&gt;&lt;/a&gt;&lt;br /&gt;I also added text.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;8.&lt;/strong&gt; Now, let’s add some site title.&lt;br /&gt;Write some text. Rotate it as in step 5 and add style like in step 2. Here’s where I placed it!&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_111.gif&quot; title=&quot;smooth_layout_111.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_111.thumbnail.gif&quot; alt=&quot;smooth_layout_111.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;9.&lt;/strong&gt; I assume you all know hoe to write a text in Photoshop. Here’s how it looks like with some text.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_12.gif&quot; title=&quot;smooth_layout_12.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_12.thumbnail.gif&quot; alt=&quot;smooth_layout_12.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;10.&lt;/strong&gt; Finally, I added some brush shape. I think I got these brushes from pixelchick.dk.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_13.gif&quot; title=&quot;smooth_layout_13.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/02/smooth_layout_13.thumbnail.gif&quot; alt=&quot;smooth_layout_13.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/2916041204446710873/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=2916041204446710873&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/2916041204446710873'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/2916041204446710873'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/smooth-rounded-portfolio-layout.html' title='Smooth, rounded portfolio layout'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-3132640946558429062</id><published>2008-03-06T16:13:00.000+07:00</published><updated>2008-03-14T23:49:21.590+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHOTOSHOP WEB LAYOUT TUTORIAL"/><title type='text'></title><content type='html'>&lt;h1&gt;Portfolio Web Layout&lt;/h1&gt;           &lt;div class=&quot;descr&quot;&gt;&lt;br /&gt;&lt;/div&gt;             &lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;497&quot;&gt; &lt;tbody&gt;&lt;tr&gt; &lt;td width=&quot;153&quot;&gt;&lt;a href=&quot;http://www.cooltutorials.net/images/layout2/1-large.gif&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.cooltutorials.net/images/layout2/1.gif&quot; border=&quot;0&quot; height=&quot;250&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/td&gt; &lt;td width=&quot;50&quot;&gt;&lt;br /&gt;&lt;/td&gt; &lt;td width=&quot;314&quot;&gt;&lt;!-- BEGIN TAG - 336x280 - www.cooltutorials.net - DO NOT MODIFY --&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;http://optimizedby.rmxads.com/st?ad_type=ad&amp;amp;ad_size=336x280&amp;amp;promote_sizes=1&amp;amp;section=209183&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://ad.yieldmanager.com/imp?Z=336x280&amp;amp;p=1&amp;amp;s=209183&amp;amp;_salt=1985441682&amp;amp;X=725006&amp;amp;B=10&amp;amp;r=0&quot;&gt;&lt;/script&gt; &lt;!-- END TAG --&gt;&lt;br /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt; &lt;p&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;1&lt;/span&gt;. Make a 560×560 Photoshop document and then make a rounded rectangle with a radius of 15 pixels&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.cooltutorials.net/images/layout2/2.gif&quot; height=&quot;285&quot; width=&quot;289&quot; /&gt;&lt;/p&gt; &lt;p&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;2&lt;/span&gt;. Make a smaller brown rectangle for the content area&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.cooltutorials.net/images/layout2/3.gif&quot; height=&quot;285&quot; width=&quot;289&quot; /&gt;&lt;/p&gt; &lt;p&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;3&lt;/span&gt;. And a thing light brown one for the menu bar&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.cooltutorials.net/images/layout2/4.gif&quot; height=&quot;285&quot; width=&quot;289&quot; /&gt;&lt;/p&gt; &lt;p&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;4&lt;/span&gt;. A light grey rectangle for the header&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.cooltutorials.net/images/layout2/5.gif&quot; height=&quot;285&quot; width=&quot;289&quot; /&gt;&lt;/p&gt; &lt;p&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;5&lt;/span&gt;. Choose the custom shape, with the arrow pointing to it&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.cooltutorials.net/images/layout2/6.gif&quot; height=&quot;285&quot; width=&quot;289&quot; /&gt;&lt;/p&gt; &lt;p&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;6&lt;/span&gt;. Create a red version of the shape behing the brown rectangle, and you’ve finished!&lt;/p&gt;   &lt;a href=&quot;http://www.cooltutorials.net/images/layout2/1-large.gif&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.cooltutorials.net/images/layout2/1.gif&quot; border=&quot;0&quot; height=&quot;250&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/3132640946558429062/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=3132640946558429062&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/3132640946558429062'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/3132640946558429062'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/portfolio-web-layout-1.html' title=''/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-5014520422641174301</id><published>2008-03-06T16:04:00.000+07:00</published><updated>2008-03-14T23:49:21.591+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHOTOSHOP WEB LAYOUT TUTORIAL"/><category scheme="http://www.blogger.com/atom/ns#" term="फोटोशॉप tutorial"/><title type='text'>Modern personal web layout</title><content type='html'>&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout250x100.gif&quot; alt=&quot;personal_layout250x100.gif&quot; /&gt; &lt;p&gt;In this tutorial you will learn how to make a modern personaql layout.&lt;br /&gt;Layout which you can use to express yourself on the internet.&lt;br /&gt;To show people who you are and what you are.&lt;/p&gt; &lt;p&gt;&lt;span id=&quot;more-249&quot;&gt;&lt;/span&gt;&lt;br /&gt;&lt;strong&gt;1.&lt;/strong&gt; Create a new document, width 600 px, height 600 px, background color - white.&lt;br /&gt;&lt;strong&gt;2.&lt;/strong&gt; Make a new layer.Name it &lt;strong&gt;header&lt;/strong&gt;.&lt;br /&gt;By using &lt;strong&gt;Rectangular Marquee Tool (M)&lt;/strong&gt; with width &lt;strong&gt;580&lt;/strong&gt; px and height &lt;strong&gt;110&lt;/strong&gt; px make a&lt;br /&gt;selection like on picture below.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_1.gif&quot; title=&quot;personal_layout_1.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_1.thumbnail.gif&quot; alt=&quot;personal_layout_1.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Fill it with some color.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;3.&lt;/strong&gt; Add following layer styles to your header layer&lt;/p&gt; &lt;p&gt;Drop Shadow&lt;br /&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_2.gif&quot; alt=&quot;personal_layout_2.gif&quot; /&gt;&lt;/p&gt; &lt;p&gt;Inner Shadow&lt;br /&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_3.gif&quot; alt=&quot;personal_layout_3.gif&quot; /&gt;&lt;/p&gt; &lt;p&gt;Bevel and Emboss&lt;br /&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_4.gif&quot; alt=&quot;personal_layout_4.gif&quot; /&gt;&lt;/p&gt; &lt;p&gt;Color Overlay&lt;br /&gt;Use this color: &lt;strong&gt;#EDEDED&lt;br /&gt;&lt;/strong&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_5.gif&quot; alt=&quot;personal_layout_5.gif&quot; /&gt;&lt;/p&gt; &lt;p&gt;Stroke&lt;br /&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_6.gif&quot; alt=&quot;personal_layout_6.gif&quot; /&gt;&lt;/p&gt; &lt;p&gt;Hit OK and proceed to next step.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;4.&lt;/strong&gt; Now hold &lt;strong&gt;CTRL&lt;/strong&gt; and click on your &lt;strong&gt;header&lt;/strong&gt; layer to make a selection around it.&lt;br /&gt;Go to &lt;strong&gt;Select -&gt; Modify -&gt; Contract&lt;/strong&gt;. Type&lt;strong&gt; 6&lt;/strong&gt; in contract box. Hit OK.&lt;/p&gt; &lt;p&gt;You should now have something like this.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_7.gif&quot; title=&quot;personal_layout_7.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_7.thumbnail.gif&quot; alt=&quot;personal_layout_7.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Now, once again go to &lt;strong&gt;Select -&gt; Modify -&gt; Contract&lt;/strong&gt;, but now enter &lt;strong&gt;1&lt;/strong&gt; in contract value.&lt;br /&gt;Make a new layer, call it header fill - this will be our fill of our header.&lt;br /&gt;Fill this layer with white color.&lt;/p&gt; &lt;p&gt;Now, I’ used an image which I had from earlier on my computer as a header fill.&lt;br /&gt;You could use mine or you can make your own or whatever you like.&lt;br /&gt;Here’s mine image.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_8.gif&quot; title=&quot;personal_layout_8.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_8.thumbnail.gif&quot; alt=&quot;personal_layout_8.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;If you’re using my image, open it up in photoshop and then copy it to your layout file.&lt;br /&gt;Place here, over the header fill layer by using your mouse or keyboard arrows.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_9.gif&quot; title=&quot;personal_layout_9.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_9.thumbnail.gif&quot; alt=&quot;personal_layout_9.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;&lt;a href=&quot;http://www.velocityclicks.com/index.php?ref=axynet&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;p&gt;&lt;strong&gt;5.&lt;/strong&gt; We are done with header. Now we will add a placeholder for site title and also a site title text.&lt;br /&gt;Grab &lt;strong&gt;Rectangular Marquee Tool (M)&lt;/strong&gt;, width &lt;strong&gt;125 px&lt;/strong&gt;, height &lt;strong&gt;15 px&lt;/strong&gt;. Place it like on picture below and click on header layer.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_10.gif&quot; title=&quot;personal_layout_10.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_10.thumbnail.gif&quot; alt=&quot;personal_layout_10.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Make sure that you are on header layer and fill with any color.&lt;br /&gt;Move your header layer above the header fill image in layers window.&lt;/p&gt; &lt;p&gt;Now by using &lt;strong&gt;Horizontal Type Tool (T)&lt;/strong&gt; add some text. I used font &lt;strong&gt;04b08&lt;/strong&gt;.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_11.gif&quot; title=&quot;personal_layout_11.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_11.thumbnail.gif&quot; alt=&quot;personal_layout_11.gif&quot; /&gt;&lt;/a&gt;&lt;strong&gt;6. That’s it with header part.  Now we will add navigation buttons.&lt;br /&gt;So, pick up rectangular marquee tool (m) and make a selection, width &lt;strong&gt;80&lt;/strong&gt; px, height &lt;strong&gt;15 &lt;/strong&gt;px.&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;Place you selection like on picture below.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_12.gif&quot; title=&quot;personal_layout_12.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_12.thumbnail.gif&quot; alt=&quot;personal_layout_12.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Make a new layer and fill your selection with any color. Now, &lt;strong&gt;CTRL + D&lt;/strong&gt; to deselect and apply the same layer styles as in header.&lt;br /&gt;Copy your layer for 4-5 times and place them like on picture below.&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_13.thumbnail.gif&quot; alt=&quot;personal_layout_13.gif&quot; /&gt;&lt;/p&gt; &lt;p&gt;Add some text to your buttons. I used font &lt;strong&gt;04b08&lt;/strong&gt;.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;7.&lt;/strong&gt; Now, we will make a box where our fresh  content will be. Make it like you’ve made header.&lt;br /&gt;Make a selection &lt;strong&gt;440×410 pixels&lt;/strong&gt;. Fill with any color, add the same layer styles as in header or navigation. Go to &lt;strong&gt;Select -&gt; Modify -&gt; Contract&lt;/strong&gt;, &lt;strong&gt;6 pixels contract&lt;/strong&gt;.&lt;br /&gt;Hit &lt;strong&gt;Delete&lt;/strong&gt; and &lt;strong&gt;CTRL+D&lt;/strong&gt; to deselect. Place your layer like on picture below.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_14.gif&quot; title=&quot;personal_layout_14.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_14.thumbnail.gif&quot; alt=&quot;personal_layout_14.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Now, make a new layer. Make a selection using Rectangular Marquee Tool (M), width 426 px, height 25. Fill this selection with #EDEDED.&lt;br /&gt;Hit CTRL + D to deselect and place your layer like on picture below.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_15.gif&quot; title=&quot;personal_layout_15.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_15.thumbnail.gif&quot; alt=&quot;personal_layout_15.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Make new layer again and with Pencil Tool (B) make a dotted line. (Set size of pencil to 1 pixel and paint every second pixel).&lt;br /&gt;Also, I’ve added some text. I think you all know how to add text in photoshop. Don’t you?&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_16.gif&quot; title=&quot;personal_layout_16.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_16.thumbnail.gif&quot; alt=&quot;personal_layout_16.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Now we will add sideboxes.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;8.&lt;/strong&gt; Make new layer, and make a selection width &lt;strong&gt;130&lt;/strong&gt; px, height &lt;strong&gt;180&lt;/strong&gt; px, fill with any color and add the same layer styles as in header.&lt;br /&gt;Go to &lt;strong&gt;Select-&gt;Modify-&gt;Contract&lt;/strong&gt;. enter&lt;strong&gt; 6&lt;/strong&gt; as cotract value. &lt;strong&gt;Deselect&lt;/strong&gt;&lt;br /&gt;Now make new layer. Make  a selection, width 115px, height 25px. Fill it with #EDEDED. Place it like on picture below.&lt;br /&gt;Again, make new layer and add a dotted line. I think you know how to do that.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_17.gif&quot; title=&quot;personal_layout_17.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_17.thumbnail.gif&quot; alt=&quot;personal_layout_17.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Now, make another sidebox. Place it below first sidebox.&lt;br /&gt;That’s it. You’ve got a layout that’s ready to be sliced.&lt;/p&gt; &lt;p&gt;Here’s how it looks with some text.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_18.gif&quot; title=&quot;personal_layout_18.gif&quot;&gt;&lt;img src=&quot;http://www.tutorials007.com/wp-content/uploads/2008/01/personal_layout_18.thumbnail.gif&quot; alt=&quot;personal_layout_18.gif&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/5014520422641174301/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=5014520422641174301&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/5014520422641174301'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/5014520422641174301'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/modern-personal-web-layout.html' title='Modern personal web layout'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-6307008198230204643</id><published>2008-03-06T16:02:00.000+07:00</published><updated>2008-03-06T16:03:53.126+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Photoshop Create a 3 Column Gaming Template in Photoshop Tutorial"/><title type='text'>Photoshop Create a 3 Column Gaming Template in Photoshop Tutorial</title><content type='html'>&lt;p&gt; &lt;span class=&quot;step&quot;&gt;Step 1:&lt;/span&gt;&lt;br /&gt;Let’s start out by creating a new file. I used a 997×1200 pixels canvas set at 72dpi, and I filled my background with a white color. Then on your tools palette set the foreground color to #001F59 color shade.&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://originmaker.com/DesignTips/GamingTemplate/images/1.gif&quot; /&gt;&lt;/p&gt; &lt;p&gt;&lt;span class=&quot;step&quot;&gt;Step 2:&lt;/span&gt;&lt;br /&gt;Create a new layer and using the Rectangle Tool draw a rectangle with an exact size of 997×117 px and 001F59 color shade.&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://originmaker.com/DesignTips/GamingTemplate/images/2.gif&quot; alt=&quot;&quot; /&gt;&lt;/p&gt; &lt;p&gt;&lt;span class=&quot;step&quot;&gt;Step 3:&lt;/span&gt;&lt;br /&gt;Select your Horizontal Type Tool and above your screen under the options palette set the font family to Eurostile, bold, 24 pt, crisp and white for color. In a new text layer type your website name.&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://originmaker.com/DesignTips/GamingTemplate/images/3.gif&quot; alt=&quot;&quot; /&gt;&lt;/p&gt; &lt;p&gt;&lt;span class=&quot;step&quot;&gt;Step 4:&lt;/span&gt;&lt;br /&gt;Under Layer Style(Layer &gt; Layer Style) add a Gradient Overlay blending option to your dark blue rectangle layer.&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://originmaker.com/DesignTips/GamingTemplate/images/4b.gif&quot; alt=&quot;&quot; /&gt;&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://originmaker.com/DesignTips/GamingTemplate/images/4.gif&quot; alt=&quot;&quot; /&gt;&lt;/p&gt; &lt;p&gt;&lt;span class=&quot;step&quot;&gt;Step 5:&lt;/span&gt;&lt;br /&gt;Now add your slogan with the same font settings but size 12 pt.&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://originmaker.com/DesignTips/GamingTemplate/images/5.gif&quot; alt=&quot;&quot; /&gt;&lt;/p&gt; &lt;p&gt;&lt;span class=&quot;step&quot;&gt;Step 6:&lt;/span&gt;&lt;br /&gt;Next to your name leave a space for a leaderboard advertisement.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/6307008198230204643/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=6307008198230204643&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/6307008198230204643'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/6307008198230204643'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/photoshop-create-3-column-gaming.html' title='Photoshop Create a 3 Column Gaming Template in Photoshop Tutorial'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-4147458211994973625</id><published>2008-03-06T15:49:00.000+07:00</published><updated>2008-03-06T16:02:08.883+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Photoshop layout Tutorial"/><title type='text'>Photoshop Clean Hosting layout Tutorial</title><content type='html'>Today i will create &lt;b&gt;Tutorial Number 148 &lt;/b&gt;from&lt;b&gt; 500 Tutorial Marathon&lt;br /&gt;&lt;/b&gt;I will show you how to create a clean hosting layout.&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;width: 613px; height: 620px;&quot; src=&quot;http://www.talk-mania.com/tutorials/tutorial148/30.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;As usual let&#39;s start with a new document. Size of your document should be 760X770 pixels.&lt;br /&gt;With Ellipse Tool create 4 shapes like mine. I will add some layer styles alone, so you can see better what i am making. In case you like this layer styles you can find them in our latest release : &lt;a href=&quot;http://www.talk-mania.com/store/index.php?target=products&amp;amp;product_id=29827&quot; target=&quot;_blank&quot;&gt;3D Logo creator&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;width: 586px; height: 593px;&quot; src=&quot;http://www.talk-mania.com/tutorials/tutorial148/1.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now for the Orange , red and Blue shape , please add the following layer style&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/2.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/3.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;This is my result&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/4.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Then for the Green shape please add the following layer style&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/2.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/5.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;This is my result&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;width: 657px; height: 666px;&quot; src=&quot;http://www.talk-mania.com/tutorials/tutorial148/6.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now with Type tool add alone some text.. This is very simple task, and i am sure everybody know how to do it. . You can see also that i have used a image with a 3D server from my photo stock collection&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;width: 643px; height: 649px;&quot; src=&quot;http://www.talk-mania.com/tutorials/tutorial148/7.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Please download the following set of brushes from &lt;a href=&quot;http://photo-shop-brush.com/nature-brushes/cloud-brushes&quot; target=&quot;_blank&quot;&gt;Photo-Shop-Brush&lt;/a&gt;&lt;br /&gt;Load the brushes in photoshop, then create a new layer under the server layer. To create a new layer you can press ( CTRL+SHIFT+ALT+N ) in teh same time&lt;br /&gt;With a random could brush from this set of brushes, make some drawings on your layout. I have used a single brush. this is my result:&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;width: 617px; height: 249px;&quot; src=&quot;http://www.talk-mania.com/tutorials/tutorial148/8.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;With Rectangle tool , you can create 3 small shapes:&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/9.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;For all this shapes you can add some layer styles. Here are my settings for the first layer style&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/10.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/11.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/12.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;This is my result&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/13.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;For the second shape please add the following layer styles:&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/10.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/14.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/12.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;And for the last one please add the following layer styles&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/10.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/15.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt; &lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/12.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;If you follow all my settings you should have the same result like mine&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/16.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now add some text above this 3 shapes ( this time you can use vertical type tool )&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/17.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now load the following set of brushes from &lt;a href=&quot;http://photo-shop-brush.com/tech-brushes/over-350-abstract-and-vector-brushes&quot; target=&quot;_blank&quot;&gt;Photo-Shop-Brush&lt;/a&gt;&lt;br /&gt;And on a separate layer create the following simple arrow&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/18.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Select Rectangle tool, and make 2 shapes:&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;width: 618px; height: 165px;&quot; src=&quot;http://www.talk-mania.com/tutorials/tutorial148/19.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;For this shapes you can add the following layer styles:&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/20.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/21.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/22.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/23.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;And for the other shape please add the following layer styles&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/20.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/24.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/25.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/23.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;This is my result&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/26.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Select Ellipse tool , and create a simple circle like mine&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/27.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Then with a white color i have created another circle. ( smaller this time )&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://www.talk-mania.com/tutorials/tutorial148/28.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Duplicate this 2 shapes a few times , and place it on your layout where you think it look good&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;width: 556px; height: 368px;&quot; src=&quot;http://www.talk-mania.com/tutorials/tutorial148/29.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Now with the same brush pack: &lt;a href=&quot;http://photo-shop-brush.com/tech-brushes/over-350-abstract-and-vector-brushes&quot; target=&quot;_blank&quot;&gt;Photo-Shop-Brush&lt;/a&gt;&lt;br /&gt;add some details on your layout. Be sure you place all this details on a new layer&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;width: 542px; height: 548px;&quot; src=&quot;http://www.talk-mania.com/tutorials/tutorial148/30.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/4147458211994973625/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=4147458211994973625&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/4147458211994973625'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/4147458211994973625'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/photoshop-clean-hosting-layout-tutorial.html' title='Photoshop Clean Hosting layout Tutorial'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-8822549902177665086</id><published>2008-03-06T15:48:00.000+07:00</published><updated>2008-03-14T23:55:31.483+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHOTOSHOP CS3 SUITE TUTORIAL"/><category scheme="http://www.blogger.com/atom/ns#" term="Photoshop cs3 suite tutorials"/><title type='text'>Create Animated Changing Room Light</title><content type='html'>&lt;p&gt;Here I will teach you about Animated-Changing-Room-Light&lt;/p&gt; &lt;p&gt;[1]-First of all Open any image of Room with the help of Ctrl+O as I did take following image&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light1.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light1-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light1&quot; height=&quot;345&quot; width=&quot;356&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[2]-Now make Duplicate Layer with the help of Ctrl+J &amp;amp; then go to Blending Options with click on ‘f’ which is indicating&lt;br /&gt;by Hand sign&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light2.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light2-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light2&quot; height=&quot;114&quot; width=&quot;195&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[3]-Now select Inner Shadow &amp;amp; use the following settings&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light3.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light3-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light3&quot; height=&quot;268&quot; width=&quot;257&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[4]-Now select Gradient OVerlay &amp;amp; use the following settings&lt;br /&gt;Photoshop Technique-How to use the Gradient OVerlay features&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light4.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light4-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light4&quot; height=&quot;192&quot; width=&quot;256&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light5.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light5-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light5&quot; height=&quot;75&quot; width=&quot;389&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[5]-Now your image should look as shown below&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light6.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light6-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light6&quot; height=&quot;344&quot; width=&quot;353&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[6]-Now go to Image Ready with the help of Ctrl+Shift+M &amp;amp; then go to WINDOW&gt;ANIMATION &amp;amp; make duplicate FRAME with click on&lt;br /&gt;following Button which is indicating by Hand sign&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light7.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light7-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light7&quot; height=&quot;126&quot; width=&quot;246&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[7]-Now select FRAME1 &amp;amp; hide the following Blending Options with the help of Remove EYE SIGN&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light8.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light8-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light8&quot; height=&quot;129&quot; width=&quot;188&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[8]-Now your image should look as shown below&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light9.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light9-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light9&quot; height=&quot;341&quot; width=&quot;349&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[9]-Now select FRAME2 &amp;amp; shown all Blending Options&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light10.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light10-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light10&quot; height=&quot;134&quot; width=&quot;186&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[10]-Now your image should look as shown below&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light11.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light11-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light11&quot; height=&quot;344&quot; width=&quot;353&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[11]-Now timing should be 0.5 of FRAME2 &amp;amp; then Play the Animation with click on following button which is indicating&lt;br /&gt;by Hand sign&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light12.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light12-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light12&quot; height=&quot;121&quot; width=&quot;155&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[12]-Now go to FILE&gt;SAVE OPTAMZIED AS.. &amp;amp; use the following settings&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light13.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light13-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light13&quot; height=&quot;89&quot; width=&quot;473&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[13]-Thanks for read this Photoshop Tutorial. I hope U have enjoyed &amp;amp; the FINAL OUTPUT of this tutorial is shown below&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light14.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun334-animated-changing-room-light14-thumb.gif&quot; alt=&quot;Pun334-Animated-Changing-Room-Light14&quot; height=&quot;363&quot; width=&quot;370&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/8822549902177665086/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=8822549902177665086&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/8822549902177665086'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/8822549902177665086'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/create-animated-changing-room-light.html' title='Create Animated Changing Room Light'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-6412334190512651328</id><published>2008-03-06T15:42:00.000+07:00</published><updated>2008-03-14T23:55:31.484+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Free Photoshop cs3 suite tutorials"/><category scheme="http://www.blogger.com/atom/ns#" term="PHOTOSHOP CS3 SUITE TUTORIAL"/><title type='text'>Animated Broken Heart Golden Arrow</title><content type='html'>&lt;p&gt;Here I will teach you about Animated-Broken-Heart-Golden-Arrow&lt;/p&gt; &lt;p&gt;[1]-First of all Open New Document of Custom size, Height &amp;amp; Width 450×450 pixels, Resolution 72 &amp;amp; Mode RGB Color&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow1.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow1-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow1&quot; height=&quot;247&quot; width=&quot;527&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[2]-Now Open any image of Heart with the help of Ctrl+O &amp;amp; then adjust with the help of Move Tool&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow2.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow2-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow2&quot; height=&quot;279&quot; width=&quot;279&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[3]-Now Make Duplicate Layer with the help of Ctrl+J &amp;amp; your Layer Pallete should look as shown below&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow3.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow3-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow3&quot; height=&quot;104&quot; width=&quot;159&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[4]-Now create the following selection with the help of Lasso Tool &amp;amp; then press Ctrl+X (cut)&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow4.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow4-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow4&quot; height=&quot;221&quot; width=&quot;193&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[5]-Now Open New Layer &amp;amp; then paste (Ctrl+V) give the name ‘Layer Piece 1′ &amp;amp; then hide the Original Heart Layer&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow5.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow5-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow5&quot; height=&quot;166&quot; width=&quot;192&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[6]-Now create the following Transformation with the help of Ctrl+T &amp;amp; then ENTER&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow6.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow6-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow6&quot; height=&quot;308&quot; width=&quot;315&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[7]-Now select copy of Heart Layer &amp;amp; then create the following selection with the help of Lasso Tool &amp;amp; then cut with Press Ctrl+X&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow7.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow7-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow7&quot; height=&quot;278&quot; width=&quot;243&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[8]-Now Open New Layer &amp;amp; then give the Name ‘Layer Piece 2′ &amp;amp; after that Press Ctrl+V (paste)&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow8.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow8-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow8&quot; height=&quot;150&quot; width=&quot;154&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[9]-Now create the following Transformation with the help of Ctrl+T &amp;amp; then press ENTER&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow9.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow9-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow9&quot; height=&quot;295&quot; width=&quot;312&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[10]-Now like this 5times cut the Duplicate Heart Layer &amp;amp; then paste in 5 New Layers &amp;amp; give the name sequencewise &amp;amp; your layer&lt;br /&gt;Pallete should look like below this&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow10.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow10-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow10&quot; height=&quot;301&quot; width=&quot;154&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[11]-Now spread the piece of Heart of each layer with the help of Move Tool &amp;amp;  your image should look as shown below&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow11.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow11-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow11&quot; height=&quot;332&quot; width=&quot;383&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[12]-Now Open New Layer &amp;amp; then create the following selection with the help of Polygonal Lasso Tool&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow12.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow12-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow12&quot; height=&quot;360&quot; width=&quot;390&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[13]-Now fill the selection with any color &amp;amp; then go to Blending Options &amp;amp; select Bevel &amp;amp; Emboss&lt;br /&gt;Photoshop Technique-How to use the Bevel &amp;amp; Emboss feature&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow13.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow13-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow13&quot; height=&quot;378&quot; width=&quot;250&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[14]-Now your image should look as shown below&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow14.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow14-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow14&quot; height=&quot;358&quot; width=&quot;387&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[15]-Now show the Original Heart Layer &amp;amp; then go to Image Ready with the help of Ctrl+Shift+M &amp;amp; then go to WINDOW&gt;ANIMATION&lt;br /&gt;&amp;amp; make 2 Duplicate Frame with the help of 2 times click on following Button which is indicating by Handsign&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow15.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow15-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow15&quot; height=&quot;129&quot; width=&quot;243&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[16]-Now select FRAME-1 &amp;amp; Hide the following Layers &amp;amp; your layer should look like below this&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow16.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow16-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow16&quot; height=&quot;402&quot; width=&quot;175&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[17]-Now your image should look as shown below&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow17.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow17-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow17&quot; height=&quot;244&quot; width=&quot;239&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[18]-Now select FRAME-2 &amp;amp; then Hide the folowing Layers&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow18.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow18-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow18&quot; height=&quot;403&quot; width=&quot;172&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[19]-Now select Layer-9 &amp;amp; create the following adjustment with the help of Move Tool &amp;amp; then your image should look as shown below&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow19.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow19-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow19&quot; height=&quot;262&quot; width=&quot;264&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[20]-Now select FRAME-3 &amp;amp; then hide the following Layers&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow20.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow20-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow20&quot; height=&quot;446&quot; width=&quot;189&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[21]-Now select Each layer of piece &amp;amp; create the following adjustment with the help of Move Tool&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow21.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow21-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow21&quot; height=&quot;290&quot; width=&quot;312&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[22]-Now Play the Animation with the help of click on following Button which is indicating by Hand sign&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow22.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow22-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow22&quot; height=&quot;124&quot; width=&quot;205&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[23]-Now go to FILE&gt;SAVE OPTAMIZED AS.. &amp;amp; use the following settings&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow25.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow25-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow25&quot; height=&quot;92&quot; width=&quot;474&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[24]-Thanks for read this Photoshop Tutorial. I hope U have enjoyed &amp;amp; the FINAL OUTPUT should be look as shown below&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow26.gif&quot;&gt;&lt;img src=&quot;http://oogletutorials.com/wp-content/uploads/2008/01/pun341-animated-broken-heart-golden-arrow26-thumb.gif&quot; alt=&quot;Pun341-Animated-Broken-Heart-Golden-Arrow26&quot; height=&quot;442&quot; width=&quot;474&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/6412334190512651328/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=6412334190512651328&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/6412334190512651328'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/6412334190512651328'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/animated-broken-heart-golden-arrow.html' title='Animated Broken Heart Golden Arrow'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-3388476648603500602</id><published>2008-03-06T03:23:00.000+07:00</published><updated>2008-03-14T23:58:43.017+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHOTHOSHOP ANIMATION TUTORIAL"/><category scheme="http://www.blogger.com/atom/ns#" term="Photoshop Digital Blast Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="TEMPLATE FOR BLOGGER"/><title type='text'>Photoshop Digital Blast Tutorial</title><content type='html'>&lt;img src=&quot;file:///C:/DOCUME%7E1/Revolt_4/LOCALS%7E1/Temp/moz-screenshot.jpg&quot; alt=&quot;&quot; /&gt;&lt;span class=&quot;subject&quot;&gt;    &lt;strong&gt;     Digital Blast Tutorial&lt;br /&gt;&lt;br /&gt;   &lt;/strong&gt;   &lt;/span&gt;   &lt;br /&gt;  &lt;br /&gt;  &lt;span class=&quot;mediumtxt&quot;&gt;    Hey, this is my first tutorial and first post and I&#39;ve not got to know what this board&#39;s like yet so go easy&lt;img src=&quot;http://www.photoshopcafe.com/cafe/images/smilies/wink.gif&quot; style=&quot;border: medium none ;&quot; alt=&quot;;)&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Okay then we&#39;re gonna make a sort of Digital Blast thingy a bit like this:&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://img45.exs.cx/img45/2240/variation.gif&quot; alt=&quot;http://img45.exs.cx/img45/2240/variation.gif&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;If you follow it to the letter then it won&#39;t look exactly like this because I used a couple more blending options, swapped the layers, Radial Zoom Blur and Plastic Wrap&lt;img src=&quot;http://www.photoshopcafe.com/cafe/images/smilies/smile.gif&quot; style=&quot;border: medium none ;&quot; alt=&quot;:)&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;1. Create a new document 500x500px&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;2. Grab the gradient tool and set it on the rainbow setting (second to last on the pre sets). Create loads of linear gradients that all converge in the centre. You should get something that looks a little like this:&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://img45.exs.cx/img45/8693/2771.gif&quot; alt=&quot;http://img45.exs.cx/img45/8693/2771.gif&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;3. Now go Image&gt;Adjustments&gt;Hue Saturation (or press Ctrl+U) and use &lt;a href=&quot;http://img45.exs.cx/img45/389/2_settings.gif&quot; target=&quot;_blank&quot;&gt;these settings&lt;/a&gt;. You should get something that looks a little like this:&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://img45.exs.cx/img45/5772/2773.gif&quot; alt=&quot;http://img45.exs.cx/img45/5772/2773.gif&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;4. Make a duplicate of this layer (right click on it in the layers panel and click &#39;Duplicate Layer&#39;.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;5. Now on the lower layer go to Filter&gt;Pixelate&gt;Mosaic with a cell size of 5. and you should get something like this:&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://img45.exs.cx/img45/6320/2774.gif&quot; alt=&quot;http://img45.exs.cx/img45/6320/2774.gif&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;6. Now go Filter&gt;Stylize&gt;Find Edges. Now invert it by pressing Ctrl+I and you should get something like this:&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://img45.exs.cx/img45/7691/2775.gif&quot; alt=&quot;http://img45.exs.cx/img45/7691/2775.gif&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;7. Now drag the original layer to the top and use an eraser with a soft brush on size 375. Leave the opacity and flow at 100%. Click twice in the centre of your image. Now do the same with the brush settings at size: 580px, the opacity: 80% and the flow: 50%. You should get something like this:&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://img45.exs.cx/img45/9161/2776.gif&quot; alt=&quot;http://img45.exs.cx/img45/9161/2776.gif&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;NB - This just gives you the basic form of the image, now just play around with duplicate layers and blending options until you get something you like.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Here&#39;s a basic example of how it could be used:&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://img45.exs.cx/img45/9212/example_of_use.gif&quot; alt=&quot;http://img45.exs.cx/img45/9212/example_of_use.gif&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/3388476648603500602/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=3388476648603500602&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/3388476648603500602'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/3388476648603500602'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/photoshop-digital-blast-tutorial.html' title='Photoshop Digital Blast Tutorial'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-8463161800163316846</id><published>2008-03-06T03:17:00.000+07:00</published><updated>2008-03-14T23:52:19.312+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHOTHOSHOP ABSTRAK TUTORIAL"/><category scheme="http://www.blogger.com/atom/ns#" term="Using Pen Tool to crop out items (beginner)"/><title type='text'>Using Pen Tool to crop out items (beginner)</title><content type='html'>Step One: Open the selected image you want to remove something from.&lt;br /&gt;&lt;img src=&quot;http://www.photochopz.com/forum/tutorialpics/pentool/steponebu3.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Step Two: Zoom In, Select Pen Tool, and start &quot;outlining&quot; the wanted selection.&lt;br /&gt;&lt;img src=&quot;http://www.photochopz.com/forum/tutorialpics/pentool/steptwoqe8.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Step Three: Close Path by returning the path to its start, Then Click on the &quot;Path&quot; Tab next to Layers. Right Click on Work Path Layer, Make Selection, Feather - 0 pixels.&lt;br /&gt;&lt;img src=&quot;http://www.photochopz.com/forum/tutorialpics/pentool/stepthreecx7.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;img src=&quot;http://www.photochopz.com/forum/tutorialpics/pentool/step4zy2.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;Step Four: Now with your Item selected, Copy Selection and either paste on a new layer, or create a new document(will be sized to whats on your clipboard) and put it there!&lt;br /&gt;&lt;img src=&quot;http://www.photochopz.com/forum/tutorialpics/pentool/step5ij1.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;&lt;br /&gt;I use this technique alot, I hope some may find it helpfull.</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/8463161800163316846/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=8463161800163316846&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/8463161800163316846'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/8463161800163316846'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/using-pen-tool-to-crop-out-items.html' title='Using Pen Tool to crop out items (beginner)'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-5657395320511697180</id><published>2008-03-06T03:14:00.000+07:00</published><updated>2008-03-14T23:58:43.019+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Abstract Shine Animation with Photoshop and ImageReady"/><category scheme="http://www.blogger.com/atom/ns#" term="PHOTHOSHOP ABSTRAK TUTORIAL"/><category scheme="http://www.blogger.com/atom/ns#" term="PHOTHOSHOP ANIMATION TUTORIAL"/><category scheme="http://www.blogger.com/atom/ns#" term="TEMPLATE FOR BLOGGER"/><title type='text'>Abstract Shine Animation with Photoshop and ImageReady</title><content type='html'>&lt;p&gt;Few days ago, I was playing with Photoshop and ImageReady, and I came up with something really delicious :). I was trying to make an animated Display Picture or Avatar for Windows Live Messenger 9 (which supports recently animated avatars). So I mastered an amazing technique that I’m going over step by step below. Note that this is an advanced tutorial because it involves the usage of Pen Tool, Layer Mask and Tween (ImageReady). Here’s what we’ll be working on&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Abstract Shine Animation&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/animation.gif&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;p&gt;Let’s start:&lt;br /&gt;&lt;span id=&quot;more-270&quot;&gt;&lt;/span&gt;&lt;/p&gt; &lt;h3&gt;Step 1&lt;/h3&gt; &lt;p&gt;Open Adobe Photoshop and press CTRL + N to create a new image:  &lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;New&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/0.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 2&lt;/h3&gt; &lt;p&gt;Set the background color to #000000 (black) and the foreground to #122c52.&lt;/p&gt; &lt;h3&gt;Step 3&lt;/h3&gt; &lt;p&gt;Filter &gt; Render &gt; Clouds to get something like the following:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Clouds&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/1.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 4&lt;/h3&gt; &lt;p&gt;Select the Pen Tool, make sure the “Paths” option &lt;img style=&quot;border-style: none;&quot; alt=&quot;Paths&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/2-0.png&quot; /&gt; is selected in the toolbar. Draw the following shape:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Pen tool shape&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/2.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 5&lt;/h3&gt; &lt;p&gt;CTRL + SHIFT + N to create a new layer (Layer 2).&lt;/p&gt; &lt;h3&gt;Step 6&lt;/h3&gt; &lt;p&gt;Select the Brush Tool, set the Foreground color to #ffffff (white), master diameter to 4px and hardness to 100%.&lt;/p&gt; &lt;div style=&quot;border: 1px solid rgb(230, 191, 108); padding: 5px; background: rgb(255, 249, 210) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;&quot;&gt; Make sure your selected brush supports &lt;strong&gt;Simulating Pressures&lt;/strong&gt;:&lt;br /&gt;&lt;center&gt;&lt;br /&gt;&lt;img src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/makesure.png&quot; alt=&quot;Simulate Pressure Brush&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;/div&gt; &lt;h3&gt;Step 7&lt;/h3&gt; &lt;p&gt;Select the Pen Tool again, right click on the image and press Stroke Path…&lt;/p&gt; &lt;center&gt;&lt;img alt=&quot;Stroke Patch Menu&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/3.png&quot; /&gt;&lt;/center&gt; &lt;h3&gt;Step 8&lt;/h3&gt; &lt;p&gt;Set the following options in the Stroke Path dialog:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Stroke Path&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/4.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 9&lt;/h3&gt; &lt;p&gt;CTRL + SHIFT + N to create the third layer.&lt;/p&gt; &lt;h3&gt;Step 10&lt;/h3&gt; &lt;p&gt;Select the Brush Tool again and increase the Master Diameter to 5px.&lt;/p&gt; &lt;h3&gt;Step 11&lt;/h3&gt; &lt;p&gt;Right click again on the image and press the stroke path. Then apply the same options.&lt;/p&gt; &lt;h3&gt;Step 12&lt;/h3&gt; &lt;p&gt;Hide the Layer 3 by unsetting the eye in the layers panel:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Hiding Layer 3&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/5.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 13&lt;/h3&gt; &lt;p&gt;Select the Layer 2 from the Layers panel. Then, Layers &gt; Layer Style &gt; Blending Options… and set the following settings (Outer Glow and Color Overlay):&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Outer Glow&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/6.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Color Overlay&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/7.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 14&lt;/h3&gt; &lt;p&gt;You will get something simillar to this (do not remove the pen tool selection):&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Layer 2&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/8.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 15&lt;/h3&gt; &lt;p&gt;Now, we’re done with Photoshop, we’ll start editing with ImageReady:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Edit with ImageReady&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/9.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 16&lt;/h3&gt; &lt;p&gt;ImageReady will open. Window &gt; Workplace &gt; Default Workplace to arrange your windows.&lt;/p&gt; &lt;h3&gt;Step 17&lt;/h3&gt; &lt;p&gt;Window &gt; Animation to show the animation window:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Animation Window&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/10.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 18&lt;/h3&gt; &lt;p&gt;Now, we will show the Layer 3 (that we already hided in Photoshop) by setting the eye back.&lt;/p&gt; &lt;h3&gt;Step 19&lt;/h3&gt; &lt;p&gt;Be careful here!!! Drag the Layer 3 in the Layers Panel to the “Add a mask” button in the bottom to create a mask of that layer. Select the Brush tool and clean up the white area in the mask. Then unset the link between the layer preview and the mask:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Layer Mask&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/11.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 20&lt;/h3&gt; &lt;p&gt;Here’s the tricky part. Although it can be done in many ways, but i find this way the easiest. Select the Brush Tool (I think it’s already selected :)), set the foreground color to #ffffff (white) and select the following Brush:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Brush for the mask&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/12-0.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 21&lt;/h3&gt; &lt;p&gt;Make sure the mask is selected! draw with you free hand a line like this (Note that you will only see this line in the Mask preview in the layer panel):&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Line&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/12.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 22&lt;/h3&gt; &lt;p&gt;You should see in the Layers panel the following:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Mask 1 Preview&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/13.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 23&lt;/h3&gt; &lt;p&gt;Let’s start with the animation now. Press the 1st Frame in the Animation windows and press “Duplicate current frame” icon to duplicate the layers state.&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Duplicate frame&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/14.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 24&lt;/h3&gt; &lt;p&gt;Now make sure the the mask of the layer 3 is selected, select the Move tool and Press Shirt + Right like 25 times to reach the following state:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Moving the mask&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/15.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 25&lt;/h3&gt; &lt;p&gt;So, we have moved the line mask from left to right. It’s time to animate it! The frame 2 is selected, hold CTRL and click on frame 1 to make them both selected. Then press the Tween icon:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Tween selection&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/16.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 26&lt;/h3&gt; &lt;p&gt;Apply the following Tween settings:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Tween settings&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/17.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 27&lt;/h3&gt; &lt;p&gt;A set of frames will be created for you. Select the 1st frame, scroll to the end, hold SHIFT and click the last frame. You will have all the Frames selected. Click the delay drop down on any of the selected frames and choose Other:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Other Delay&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/18-1.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 28&lt;/h3&gt; &lt;p&gt;Enter 0.03 seconds as a delay between the frames:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Delay&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/18-2.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 29&lt;/h3&gt; &lt;p&gt;Now select the last Frame alone by clicking on it, and set its delay to 5 seconds:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Last Frame&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/19.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 30&lt;/h3&gt; &lt;p&gt;We’re done. It’s time to save the animation as gif. Make sure the format in the &quot;Optimize&quot; panel is GIF:&lt;/p&gt; &lt;center&gt;&lt;br /&gt;&lt;img alt=&quot;Optimize Panel&quot; src=&quot;http://www.ekhoury.com/wp-content/uploads/2008/01/20.png&quot; /&gt;&lt;br /&gt;&lt;/center&gt; &lt;h3&gt;Step 31&lt;/h3&gt; &lt;p&gt;File &gt; Save Optimized As! &lt;img src=&quot;http://www.ekhoury.com/wp-includes/images/smilies/icon_smile.gif&quot; alt=&quot;:)&quot; class=&quot;wp-smiley&quot; /&gt; &lt;/p&gt; &lt;p&gt;Open it with Firefox, because Firefox renders the Gif formats faster than Internet Explorer (I’m not sure about Safari or other browsers).&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/5657395320511697180/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=5657395320511697180&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/5657395320511697180'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/5657395320511697180'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/abstract-shine-animation-with-photoshop.html' title='Abstract Shine Animation with Photoshop and ImageReady'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3047226350047664129.post-3658129194774345796</id><published>2008-03-06T03:09:00.000+07:00</published><updated>2008-03-14T23:52:19.315+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHOTHOSHOP ABSTRAK TUTORIAL"/><category scheme="http://www.blogger.com/atom/ns#" term="Shatter Heart » Photoshop Tutorials » Clean Background"/><title type='text'>Clean Background</title><content type='html'>&lt;h1&gt;Shatter Heart » Photoshop Tutorials » Clean Background &lt;/h1&gt;  &lt;p class=&quot;head&quot;&gt;Clean Background&lt;/p&gt; This tutorial will teach you how to create a clean looking background in photoshop. This tutorial is very quick and easy. Though there are a lot of steps, they are all very simple ones.&lt;br /&gt;&lt;br /&gt;&lt;p class=&quot;head&quot;&gt;The tutorial&lt;/p&gt; &lt;br /&gt;1. Go to &lt;b&gt;File &gt; New&lt;/b&gt; and create a new document. I created mine with the size of 1024x768 pixels. &lt;br /&gt;&lt;br /&gt;2. Make sure that it is colored white [ #FFFFFF ] You can use the &lt;b&gt;Paint Bucket Tool&lt;/b&gt; to do so if it is not. &lt;br /&gt;&lt;br /&gt;3. Create a new layer. &lt;br /&gt;&lt;br /&gt; 4. Select the &lt;b&gt;Rectangular marquee tool.&lt;/b&gt; . Select an area at random on your canvas. You can make it whatever size you wish.  &lt;br /&gt;&lt;br /&gt;5. With the area still selected, head to &lt;b&gt;Select &gt; Modify &gt; Feather&lt;/b&gt;. Edit the setting so it is &quot;5&quot; and confirm it. &lt;br /&gt;&lt;br /&gt;6. Now you&#39;ll want to pick a color of your choice. For this image, I used various shades of green, but you can use whatever colors you want. If you want to use what I used, go ahead and use the &lt;b&gt;paint bucket tool&lt;/b&gt; to fill the selected area to color &lt;b&gt;B2C3AC&lt;/b&gt;. [ Note: this tutorial works best with light colors. ] &lt;br /&gt;&lt;br /&gt;7. Now, you&#39;ll want to repeat steps 3-6 about a dozen times. Make sure that you make the selections at different sizes with this tool so they cover most of the canvas, but make sure to leave a bit of white area leftover on the canvas to give it a &quot;creamy&quot; effect.&lt;br /&gt;&lt;br /&gt;Also, when you create new layers, you&#39;ll want to lower their opacity a bit as you&#39;ll want the filled selections to overlap each other a bit. To do this, on each new layer right click on the layer in the layers window and select &lt;b&gt;blending options.&lt;/b&gt; Lower the blending options to your desired amount, but around 40-70 is usually good. &lt;br /&gt;&lt;br /&gt;When you are done, it should look similar to the image below.  &lt;center&gt;&lt;br /&gt;&lt;br /&gt; &lt;a href=&quot;http://shatterheart.net/image.php?page=http://shatterheart.net/tutorials/clean/1.jpg&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://shatterheart.net/tutorials/clean/1thumb.jpg&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;/center&gt;  &lt;br /&gt;&lt;b&gt;Step 7 Example&lt;/b&gt; &lt;br /&gt;&lt;br /&gt;8.  Go to &lt;b&gt;Layer &gt; Flaten Image&lt;/b&gt; &lt;br /&gt;&lt;br /&gt;9. Duplicate the layer. &lt;br /&gt;&lt;br /&gt;10. Make sure the top layer is selected. Select &lt;b&gt;Filter &gt; Distort &gt; Polar Cordinates&lt;/b&gt;. Tick the &lt;b&gt;Polar to Rectangular&lt;/b&gt; box and confirm. &lt;br /&gt;&lt;br /&gt;11. Right click on the top layer in the layers menu and select &lt;b&gt;blending options.&lt;/b&gt; Set the &lt;b&gt;blending mode&lt;/b&gt; to &lt;b&gt;Hard Light.&lt;/b&gt;  &lt;br /&gt;&lt;br /&gt;12. Flatten your layers. [ Layer &gt; Flaten ] &lt;br /&gt;&lt;br /&gt;13. Duplicate the layer again. Go to &lt;b&gt;blending optinons&lt;/b&gt;. Set the &lt;b&gt;blending mode&lt;/b&gt; to &lt;b&gt;Dark Light&lt;/b&gt;.  &lt;center&gt;&lt;br /&gt;&lt;br /&gt; &lt;a href=&quot;http://shatterheart.net/image.php?page=http://shatterheart.net/tutorials/clean/2.jpg&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://shatterheart.net/tutorials/clean/2thumb.jpg&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;/center&gt;  &lt;br /&gt;&lt;b&gt;Step 13 Example&lt;/b&gt;      &lt;br /&gt;&lt;br /&gt;14. Flatten the image once more and duplicate the layer. &lt;br /&gt;&lt;br /&gt;15. On the first bottom layer, Go to &lt;b&gt;Filter &gt; Distort &gt; Twirl&lt;/b&gt;. Set the angle to &lt;b&gt;377&lt;/b&gt; &lt;br /&gt;&lt;br /&gt;16. On the second layer,  go to &lt;b&gt;Filter &gt; Distort &gt; Twirl&lt;/b&gt;. Set the angle to &lt;b&gt;-517&lt;/b&gt;.  &lt;br /&gt;&lt;br /&gt;17. Set the top layer&#39;s &lt;b&gt;blend mode&lt;/b&gt; to &lt;b&gt;lighten&lt;/b&gt;.  &lt;center&gt;&lt;br /&gt;&lt;br /&gt; &lt;a href=&quot;http://shatterheart.net/image.php?page=http://shatterheart.net/tutorials/clean/3.jpg&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://shatterheart.net/tutorials/clean/3thumb.jpg&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;/center&gt;  &lt;br /&gt;&lt;b&gt;Step 17 Example&lt;/b&gt;  &lt;br /&gt;&lt;br /&gt;...And you&#39;re done! Well, almost! The rest is up to you. You can add gradients then do the color overlay setting for a more vivid coloring, add images to your background, text, or whatever else you want. Below is the finished product that I created.&lt;br /&gt;&lt;br /&gt;Have fun!    &lt;center&gt;&lt;br /&gt;&lt;br /&gt; &lt;a href=&quot;http://shatterheart.net/image.php?page=http://shatterheart.net/tutorials/clean/4.jpg&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://shatterheart.net/tutorials/clean/4thumb.jpg&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;         &lt;/center&gt;</content><link rel='replies' type='application/atom+xml' href='http://beones.blogspot.com/feeds/3658129194774345796/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3047226350047664129&amp;postID=3658129194774345796&amp;isPopup=true' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/3658129194774345796'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3047226350047664129/posts/default/3658129194774345796'/><link rel='alternate' type='text/html' href='http://beones.blogspot.com/2008/03/clean-background.html' title='Clean Background'/><author><name>defineder</name><uri>http://www.blogger.com/profile/08787597396362421407</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhGMYciIso6I6a5GHNrFieVJ8-tKiwbwdnqYqbIfipEju6XQK7OyoAOMDkOegcTSZFnRDdO8LfnfDGLoUvo7jFHfNuoR8W9UfE0ApJdpNzs-5Hn9A6HYBozC1WThgZA/s220/1.gif'/></author><thr:total>0</thr:total></entry></feed>

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

  1. Download the "valid Atom 1.0" banner.

  2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

  3. Add this HTML to your page (change the image src attribute if necessary):

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=http%3A//beones.blogspot.com/feeds/posts/default

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda