tag:blogger.com,1999:blog-24144376885689546112024-03-04T23:28:48.282-08:00Belajar PhotoshopAll a bout Desaign ArtUnknownnoreply@blogger.comBlogger201500tag:blogger.com,1999:blog-2414437688568954611.post-79880999408856382492011-05-26T19:34:00.000-07:002011-05-26T19:34:00.127-07:00How to protect your images online<img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 250px; height: 207px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNKOv9hZw24OPiaKqDtZ4GeC0G-UDDlIlvHt6xIQUpgyQbeWLWRbjZXOcEASALkRQeptbjACzfZKYOI1F4UwroQOeRDHdW_Buj-Xciu2Hl_ubHW5UCg13DY3de-0qYoXRD5xFWwPaMYWA/s400/Nature-444dds-photos.jpg" alt="" id="BLOGGER_PHOTO_ID_5611020155975612018" border="0" />Every image that photographers or graphic designers create matters a lot for them. These photos are their piece and in every piece, it represents their selves. Hence, if someone stole their piece, then they have stolen the identity and personality of the artist as well. That might be the reason why photographers and graphic designers especially the professionals tend to be worried about their piece uploaded on-line to be stolen by someone else and use it for something without having any compensation at the artist’s end. Here are some tips on how to protect your images on the Internet from potential thieves.<p><br /></p><p><strong>Use visible Watermark </strong></p><br /><p><img style="cursor: pointer; width: 400px; height: 308px;" src="http://2.bp.blogspot.com/-HaWXReOMEfI/Td5Xi7tyaAI/AAAAAAAACKc/dnx0FQUtehQ/s400/water-mark.jpg" alt="" id="BLOGGER_PHOTO_ID_5611018443407124482" border="0" /></p><br /><p>A watermark is actually an image, text or pattern that is overlayed in an image. The overlayed image is at low opacity for it to appear transparent but still visible and recognizable. You can add watermark at your image using photo editing software like Adobe Photoshop or Picasa. This might deteriorate the quality of the image but this will make the potential thieves think twice to copy your image for they will edit the picture first and take a lot of time editing before they use it somewhere else.</p><br /><p><strong>Disable right click menu</strong></p><br /><p>Basically, we just download images from the internet by doing “right mouse click” then “save image as” depending on the browser that you are using, this has been made possible because the developer have activated or enabled the “Context Menu” or the “right mouse click feature” of the page. For your image not to be copied that way, you must disable the “right mouse click” feature. Developers use script (usually Java) to block right clicks. This trick might not work to the experts for they know the weakness of the script but this will stop the novice users to copy the images directly that you have posted using “right click”.</p><br /><p><strong>Use Flash </strong></p><br /><p>Aside from Flash’s interactivity to audience and amazing animation features, utilizing flash for web would also be a great help in protecting your images. Flash disallows the audience to copy and paste any content from the page. Some developers do allow it, but only few. This trick is quite effective to those who are novice. Although the users can make use of the print screen feature of the computer, then crop it, but this takes time and may decrease the quality of the image thus making the potential thieves think twice to use the obtained image.</p><br /><p><strong>Shrink wrapping </strong></p><br /><p><img style="cursor: pointer; width: 400px; height: 308px;" src="http://3.bp.blogspot.com/-S5JvAkvCD3Q/Td5XiaWZrXI/AAAAAAAACKM/gCY3eF5fhZk/s400/shrink.jpg" alt="" id="BLOGGER_PHOTO_ID_5611018434450664818" border="0" />Shrink wrapping is just like putting a film covering to something. For online images, you are actually placing a transparent .gif file like a film to the image that you are protecting and as a result, when the potential thieves copy the picture using “right mouse click” they will not notice that the object that they have downloaded is a blank image. Although the users can use print screen and have a screen shoot of your picture then crop but this will deteriorate the quality of the image and takes time to edit.</p><br /><p><strong>Image Slicing </strong></p><br /><p><img style="cursor: pointer; width: 400px; height: 308px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifEZ4PF9Az9bmgx2-gn8ZIwuMSTaPGQ-quzBIcaHTz08tiXC_sYnWTOvlUHRqzNFYAZm7bHBXII14SdGohXXePgcI_BiHA4-ShPDeZQophLJ9EjPQRdufDqTGstIrD6DtOE-9Xkgscppk/s400/clides.jpg" alt="" id="BLOGGER_PHOTO_ID_5611018437989448594" border="0" /></p><br /><p>Literally, this technique actually implies to slice the picture. You will post your sliced photo using a table with 0 cell padding and 0 cell spacing. The number of cell must also equate to the number of slices of your photo. Using this technique, the photo that you have posted will appear as a complete and unsliced image, but if the audience will try to download the image using context menu or the “right mouse click”, they would only get a part of that photo. A sliced image posted in a site will look perfectly complete.</p><br /><p><strong>Upload low resolution images</strong></p><br /><p>Higher resolution images encourage users to steal your images. When you post images online it would be better for you to upload them at low resolution. Resizing image can be done using a photo editing software like Adobe Photoshop, Picasa, and Corel. The audience will not be tempted to download you images because this will just ruin their project and will not be able to use it for high quality projects. I found this effective for both novices and experts. </p><br /><p><strong>Conclusion </strong></p><br /><p>Don’t upload your images online if you want to be 100 per cent sure. No matter how you protect your images online, the risk for theft is still enormous. Your images are viewed worldwide and you can’t image how many people around the globe want to have your hard worked images without providing any compensation or even credits. </p><br /><p><a href="http://feedproxy.google.com/%7Er/garmahis/%7E3/uXtjxlVRDz8/" rel="nofollow" target="_blank"></a> </p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-17899756765012920642011-05-26T07:55:00.000-07:002011-05-26T08:03:49.904-07:0020 Reasons Why Your Website Design Sucks Part 1<p>We all have or have heard about those clients from hell, those that really love pink pages with red text. Even worse, what about those people who call themselves “web designers” with expensive prices and services listed on their really messy, horrible and amateur portfolios, just because they made their uncle’s business page and they liked it.</p> <p>Unfortunately, many people believe that web design is all about personal style and smart IDE’s with pre-built buttons. Let me tell you something – they are wrong. I love to play football, but that doesn’t make me a professional player, and Dreamweaver does not make you a professional web developer. Web Design and development demands knowledge, practice, daily effort to learn and study, and passion, like professional football players.</p> <p><span style="color: rgb(136, 136, 136);"><em>(<strong>Design conventions: </strong></em><em>Necessary </em>guidelines in order to improve a specific design.)</span></p> <p>No matter how good or bad personal style is, the truth is that everyone has one. However, when design conventions are left out of a project, the result will be a bad or uninteresting design. That is exactly what happens with those terrible clients, when they try to implement their personal style without knowing anything about design conventions.</p> <p> </p> <p><a style="border: 0px none;" class="postthumb" href="http://www.1stwebdesigner.com/design/20-reasons-your-design-sucks-1/" title="20 Reasons Why Your Website Design Sucks Part 1"><img class="postthumb" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/preview_large_dntnice1.jpg" alt="20 Reasons Why Your Website Design Sucks Part 1" width="570" /></a></p> <h2><span style="color: rgb(0, 0, 0);">1) Balance</span></h2> <p>Balance is a basic principle in design. It is directly connected to every element, and helps you control the design flow of your page. There are two important concepts in balance – symmetrical and asymmetrical balance. With Symmetrical Balance, elements have equal weight on both sides, leading to a formal and traditional web site, however, with asymmetrical balance, elements have a different weight which leads to a different and unique layout.</p> <p>I decided to include this topic because its importance is major in layout design. If incorrectly used, it can lead to the total ruin of your layout.</p> <p><span style="color: rgb(0, 0, 0);"><a style="border: 0px none;" href="http://hotmeteor.com/"><img style="display: inline;" class="alignnone size-full wp-image-46643" title="hotmeteor" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/hotmeteor.jpg" alt="" width="570" height="300" /></a></span></p> <p>Above is a good example of asymmetrical balance. Did you notice the “DECO Windshield Repair” text on the right, and the background map image on the left? Although those elements do not have the same weight, it feels perfectly balanced. However, if you hide the text on the right, the page will lose its balance very quickly. Now take a look at the white bottom section, those three columns don’t have the same weight, but it’s perfectly balanced because the left text (“You can’t be everywhere…”) has equal weight as the top right text on the red background.</p> <p><a style="border: 0px none;" rel="attachment wp-att-46644" href="http://www.1stwebdesigner.com/design/20-reasons-your-design-sucks-1/attachment/balance/"><img style="display: inline;" class="alignnone size-full wp-image-46644" title="balance" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/balance.jpg" alt="Balance" width="570" height="300" /></a></p> <p>The result is a “cross balance”, meaning that the weaker and strong elements create a balance between them. I consider this to be of huge importance in asymmetric balance.</p> <p><span style="color: rgb(0, 0, 0);"><a style="border: 0px none;" href="http://www.mrbottles.com/"><img style="display: inline;" class="alignnone size-full wp-image-46661" title="mrbottles" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/mrbottles.jpg" alt="" width="570" height="300" /></a></span></p> <p>The website above fails in so many ways that I could use it as example in the remaining nine topics below, but let’s stay focused on this one. Do you feel the balance? Yes, you are correct, there is no balance. The left side has plenty of images plus a video of the person standing, which results in the left side having more weight than the image on the right.</p> <h2><span style="color: rgb(0, 0, 0);">2) Bevel and Emboss</span></h2> <p>I had to include this one. It’s really annoying to see the <strong>misuse </strong>of this layer style. For those who are starting, I understand that you think bevel and emboss is a nice effect and it should be everywhere on your page, but it’s not. Bevel effects should be used sparingly. There are plenty of tutorials on how to transform bevel and emboss into a powerful technique, but if you don’t know how to use it, don’t use it at all.</p> <p><img style="display: inline;" class="alignnone size-full wp-image-46716" title="bevels" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/bevels1.jpg" alt="Bevel and Emboss" width="570" height="300" /></p> <h2><span style="color: rgb(0, 0, 0);">3) Distracting Backgrounds</span></h2> <p>Implementing a busy background distracts the user’s attention, hides important information, and disrespects visual hierarchy. If your background image has a higher visual impact than everything else, users won’t catch the message of your website and will leave quickly.</p> <p><span style="color: rgb(0, 0, 0);"><a style="border: 0px none;" href="http://johnkavanagh.co.uk/"><img style="display: inline;" class="alignnone size-full wp-image-46733" title="bgs" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/bgs.jpg" alt="Background" width="570" height="300" /></a></span></p> <p>John Kavanagh’s website makes good use of background images, respecting visual hierarchy and also content information. Reading is left to right, and in this case, the user’s attention follows the buildings on the left towards the Eiffel Tower and London Bridge on the right, consequently leading to navigation (which is not visible in the image). This is a perfect example of how background can be used as a “tool” for design flow.</p> <p><img style="display: inline;" class="alignnone size-full wp-image-46738" title="backgrounds" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/backgrounds.jpg" alt="Distracting background" width="570" height="300" /></p> <p>Above is a perfect example of what not to do with your background.</p> <h2><span style="color: rgb(0, 0, 0);">4) Lack of Detail</span></h2> <p>If your website sucks, it’s probably because you didn’t care about the minor things. When you think your design is complete, you need to start from the beginning and try to apply detail on every single element. As soon as you finish with detail, you need to start again and consider where it can be improved. A single stroke, light effect, or shadow makes the difference between a good and a great design.</p> <p><a style="border: 0px none;" href="http://us.blackberry.com/"><img style="display: inline;" class="alignnone size-full wp-image-46834" title="blackberry" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/blackberry.jpg" alt="Detail" width="570" height="300" /></a></p> <p>Blackberry’s website is a good example of what you can achieve by spending time with details.</p> <p><a style="border: 0px none;" href="http://us.blackberry.com/"><img style="display: inline;" class="alignnone size-full wp-image-46856" title="detail2" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/detail2.jpg" alt="Detail" width="570" height="300" /></a></p> <p>Detail, detail, detail.</p> <p><a style="border: 0px none;" href="http://www.microsoft.com/en-us/default.aspx"><img style="display: inline;" class="alignnone size-full wp-image-46835" title="microsoft" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/microsoft.jpg" alt="Lack of detail" width="570" height="300" /></a></p> <p>For a company with the size and impact of Microsoft, their website is far from great. It’s definitely a good example of lack of attention and detail.</p> <h2><span style="color: rgb(0, 0, 0);">5) White Space</span></h2> <p>White space refers to the space between elements, and it does have nothing to do with the color. If you don’t know what I am talking about, stop your design projects and read about this subject – <a style="border: 0px none;" title="How to Actually Use Negative Space As Design Element" href="http://www.1stwebdesigner.com/design/negative-space-design/" target="_blank">How to Actually Use Negative Space As Design Element</a>. White space defines the space/distance between your site elements, providing good readability, focus, and design flow. It also gives your website a clean and professional look. Clean layout is not the same as minimalist, think about clean as the opposite of cluttered where content is all over the place.</p> <p>One other thing you should consider is to use the same height between elements, so if you have three divs vertically aligned, and the middle div is 50px from the top div, it should also be 50px from the bottom div. This is not mandatory, but helps you achieve a good balance between elements.</p> <p><span style="color: rgb(0, 0, 0);"><a style="border: 0px none;" href="http://uberspace.de/"><img style="display: inline;" class="alignnone size-full wp-image-46859" title="uberspace" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/uberspace.jpg" alt="White-space" width="570" height="300" /></a></span></p> <p><span style="color: rgb(0, 0, 0);">Uberspace’s website makes good use of white-space.</span></p> <p><span style="color: rgb(0, 0, 0);"><a style="border: 0px none;" href="http://www.restaurantguideatlanta.com/"><img style="display: inline;" class="alignnone size-full wp-image-46860" title="badws" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/badws.jpg" alt="White-space" width="570" height="300" /></a></span></p> <p><span style="color: rgb(0, 0, 0);">Just looking at the image above, gives me a headache. The quantity of information is overwhelming, but the way it is displayed is even worse. Cluttered information makes the user feel lost and unhappy. Avoid it!</span></p> <h2><span style="color: rgb(0, 0, 0);">6) Flash Intros</span></h2> <p>Once upon a time, having a flash intro in your website would make you a web design ninja. There are plenty of great intros out there, and plenty more of really bad attempts. Nowadays, most visitors want quick access to information and when you demand them to wait, they leave. If you want an intro in your website, make sure it has a point, it adds value and that it is well made.</p> <p><span style="color: rgb(0, 0, 0);"><a style="border: 0px none;" href="http://www.nettop20.com/flash/"><img style="display: inline;" class="alignnone size-full wp-image-46931" title="flashintro" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/flashintro.jpg" alt="Flash intros" width="570" height="300" /></a></span></p> <h2><span style="color: rgb(0, 0, 0);">7) Music</span></h2> <p>So I have my headphones on, I open several tabs, and suddenly I jump from the chair because irritating music starts playing. I then search for the correct tab and when I find it, I search for the mute button and guess what, there isn’t one. I don’t want to mute my speakers so I close the page and I won’t return to that loud place. Loud and boring music coming from your website is really annoying, but not having a way to shut it down, is an exit ticket from your website.</p> <p><img style="display: inline;" class="alignnone size-full wp-image-46956" title="sound" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/sound.jpg" alt="Music" width="570" height="300" /></p> <h2><span style="color: rgb(0, 0, 0);">8) Tables</span></h2> <p>This is a controversial topic, some people defend the use of tables and others not so much. This topic is not meant to convince you not to use tables, but to use tables when and where you should. Personally, I do not remember the last time I’ve used tables, I simply don’t like it. However, for tabular data, tables are the best choice, since it increases readability and organization.</p> <p><a style="border: 0px none;" href="http://www.shopify.com/"><img style="display: inline;" class="alignnone size-full wp-image-47021" title="tables" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/tables.jpg" alt="Tables" width="570" height="300" /></a></p> <p>Shopify’s pricing page is a good example of how great the use of tables can be for tabular data.</p> <p><a style="border: 0px none;" href="http://www.webking.com/computer-services/index.html"><img style="display: inline;" class="alignnone size-full wp-image-47024" title="badtable" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/badtable.jpg" alt="Tables" width="570" height="300" /></a></p> <p>Never use tables to style your layout!</p> <h2><span style="color: rgb(0, 0, 0);">9) Colors</span></h2> <p><span style="color: rgb(0, 0, 0);">The wrong choice of colors can ruin an entire website. Contrast, saturation, types of colors, target audience, style, etc. There are many factors you need to consider when choosing the right colors for your website. If you don’t know where to start, Tina wrote a great article about this subject – <a style="border: 0px none;" title="Colors in Web Design: Choosing a right combination for your Website " href="http://www.1stwebdesigner.com/design/colors-web-design-right-combination/" target="_blank">Colors in Web Design: Choosing a right combination for your Website</a>. Using too many bright colors, or a similar contrast for your background and foreground elements, or even warm colors along with cool colors, you are basically forcing your visitors to leave.</span></p> <p><span style="color: rgb(0, 0, 0);"><a style="border: 0px none;" href="http://www.agence-web.be/"><img style="display: inline;" class="alignnone size-full wp-image-47039" title="goodcolors" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/goodcolors.jpg" alt="Colors" width="570" height="300" /></a></span></p> <p><span style="color: rgb(0, 0, 0);">Color needs to fit perfectly, according to your target audience, style and personality.</span></p> <p><span style="color: rgb(0, 0, 0);"><a style="border: 0px none;" href="http://www.dokimos.org/ajff/"><img style="display: inline;" class="alignnone size-full wp-image-47040" title="colors" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/colors1.jpg" alt="" width="570" height="300" /></a></span></p> <p>If you enter the website above, please be sure to use sunglasses.</p> <h2><span style="color: rgb(0, 0, 0);">10) Overflow</span></h2> <p>Unless you’re building a website with horizontal layout, showing a horizontal scroll bar is a mistake and looks bad. Make sure your layout is optimized for a resolution of 1024 x 768 pixels, this way 98% of your visitors will be able to visit your website without problems. If you really want to use a bigger background image, be sure you hide the horizontal scroll bar, using the CSS property <em>overflow-x: hidden.</em></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-51501112009211693272011-05-26T07:46:00.000-07:002011-05-26T07:47:42.288-07:00Create An Elegant Vehicles Web Layout With Light Effects<p>In this tutorial I will teach you how to create an elegant vehicles web layout with a light effect using Photoshop. You will learn how to use different settings to fill out your canvas with nice lightning and blending modes using different stock images to create good light effects. Following the steps of this tutorial you will easily learn how to use different tools and tips to create good web template. I hope you will enjoy and learn something from it!</p><p id="steps">Final Image Preview</p><p><a rel="facebox" href="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/light_web_template2.jpg"><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/light_web_template.jpg" alt="light web template Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></a></p><p id="steps">Stocks Used:</p><div class="highlight2"><ul class="bullet-1"><li><a href="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/stocks/C4D_Stock.png" target="_blank" id="1">C4D2 Stock</a></li><li><a href="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/stocks/Nebula_Stock.jpg" target="_blank" id="2">Nebula Stock</a></li><li><a href="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/stocks/Nebula2_Stock.png" target="_blank" id="3">Second Nebula Stock</a></li><li><a href="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/stocks/C4D2_Stock.png" target="_blank" id="4">Second C4D2 Stock</a></li><li><a href="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/stocks/bg.jpg" target="_blank" id="4">Background Stock</a></li></ul></div><p id="steps">Step 1 – Creating a new file</p><p>Open a new document on Photoshop – 1200 pixels width, 1500 pixels height and 300dpi with white background color.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/1.jpg" alt="1 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p id="steps">Step 2 – Create Background</p><p>Open the <a href="http://feeds2.feedburner.com/Psdeluxe#4">Background Stock</a>, then drag it into the middle of the canvas after placing it into the canvas we are going to Desaturate the Background Stock by pressing <strong>CTRL+SHIFT+U</strong>.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/2.jpg" alt="2 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Open the C4D Stock and drag it to the middle of the Nebula Stock then change the Blend Mode into <strong>Overlay</strong>.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/3.jpg" alt="3 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Duplicate and Resize the C4D Stock to add more elements to our web template background.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/4.jpg" alt="4 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Add a Gradient Fill to add more depth using these settings. I have used <strong>black and transparent</strong> color only.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/5.jpg" alt="5 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="304" /></p><p>Add more Gradient Fill.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/6.jpg" alt="6 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="303" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/7.jpg" alt="7 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="429" /></p><p>We should have something like this:</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/8.jpg" alt="8 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p id="steps">Step 3 – Navigation Bar</p><p>In this step we are going to create the Navigation Buttons. First we have to create a <strong>Round Rectangle Shape</strong> using 10px as its radius. Then add a effect Gradient Overlay using these settings.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/10.jpg" alt="10 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/9.jpg" alt="9 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="434" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/11.jpg" alt="11 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Duplicate the Round Rectangular Shape by Pressing CTRL+J then remove the effect of the layer and resize it. Make the duplicated and resized layer above the Original Layer.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/12.jpg" alt="12 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Make the <strong>Foreground Color White</strong>, then Create a New Layer and select the Marquee Tool.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/13.jpg" alt="13 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>After making a Marquee, right click then fill it with Foreground Color.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/14.jpg" alt="14 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>CTRL+CLICK the Layer of the Round Rectangular Shape and it will create a selection. <strong>Do not select the Round Rectangular</strong> shape we are still in the Layer which we filled with color White.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/15.jpg" alt="15 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>After we load the selection we have to <strong>select invers</strong> to delete the outer part of the Round Rectangular shape by Pressing CTRL+SHIFT+I, then hit Delete.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/16.jpg" alt="16 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/17.jpg" alt="17 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p id="steps">Step 4 – Create Menu Divider</p><p>In this step we are going to create a Menu Divider, I have made this in new Document to make it easier for you to notice the Color I have used and easier to understand.</p><p> First, Create a New Layer and Select the Marquee Tool. Make the Foreground Color #282828. Right Click and Fill with Foreground Color.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/18.jpg" alt="18 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="169" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/19.jpg" alt="19 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="154" /></p><p>Create again a New Layer do the same process but now fill it with #181818.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/20.jpg" alt="20 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="133" /></p><p>Put the shapes together then Merge the Layers.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/21.jpg" alt="21 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="300" /></p><p>After Merging the Layers we have to resize it.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/22.jpg" alt="22 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="300" /></p><p>Resize the divider until it fits the Menu Navigation Bar. We can add now the Text of its buttons.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/23.jpg" alt="23 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/24.jpg" alt="24 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Result:</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/25.jpg" alt="25 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p id="steps">Step 5 – Main Content Box</p><p>In this step we are going to create a box in which the details of the website will be inserted. First we have to Select the Round Rectangle Tool and set the radius into 10px, then make a Round Rectangular shape into our canvas and make the color black.</p><p> After creating the Round Rectangle Shape we are going to make a stroke using these settings:</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/27.jpg" alt="27 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/26.jpg" alt="26 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="432" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/28.jpg" alt="28 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Create again a Round Rectangle Shape using the same process.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/29.jpg" alt="29 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>We will add again a Round Rectangular Shape for the pages button just below the Round Rectangle that we just made.</p><p>Make a Round Rectangular Shape with a radius of 5px and using Black as its color.</p><p> After Creating a round rectungular shape will add Stroke Effect using these settings.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/30.jpg" alt="30 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>After doing this we will make a New Layer above this and Merge it to make the Shape Layer as a Normal Layer. We can do this by clicking with the mouse while holding the CTRL buttong in our keyboard the New Layer and the Shape Layer then Press CTRL+E.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/31.jpg" alt="31 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="435" /></p><p>Now we will make the upper part faded of the Round Rectangle Shape that will be used for the pages.</p><p>Still selecting the Layer we are working with, we will Add Mask, after adding a mask select the Gradient tool (G) and make the Foreground Color Black, drag the Gradient Tool starting from the Top untill the middle of the Round Rectangle Shape.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/32.jpg" alt="32 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>We will add more gradient effect. Make a New Layer then CTRL+CLICK the Layer of the Round Rectangle Shape and make the Foreground Color #636262. Select the Gradient Tool (G) then drag it starting from the bottom until the middle of the Round Rectangle Shape.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/33.jpg" alt="33 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>We should have something like this:</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/34.jpg" alt="34 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p id="steps">Step 7 – Create Sidebar</p><p>In this Step we will be creating Box and Buttons for the List of Vehicles and Parts.</p><p> First we will create again a Round Rectangle using Round Rectangular Tool and the radius is 5px. After Create the Shape we will add Stroke effect with the Size of 1 and the color is #636262.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/35.jpg" alt="35 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Create a New Layer (CTRL+SHIFT+N) then select the Marquee Tool (M) and change the Foreground Color to #0F0F0F.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/36.jpg" alt="36 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="400" /></p><p>Again Create A New Layer then CTRL+CLICK the Layer the We made to load the selection. Select the Gradient Tool (G) and then Foreground Color into #636262 then drag the Gradient Tool starting for the top up to the upper part of the Selection.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/38.jpg" alt="38 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="298" /></p><p>Here is the preview of the changes that we made:</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/39.jpg" alt="39 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="452" /></p><p>Create again a Round Rectangle below what we have made for the vehicle parts. Just follow reapet again the step.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/40.jpg" alt="40 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p id="steps">Step 8 – Create Thumbnails Divider</p><p>In this step we will create a divider for the vehicle thumbnails. First, select the rectangle tool and make a rectangle shape above the round rectangle shape in which where thumbnails will be placed.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/43.jpg" alt="43 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>We will add Stroke effect into the Rectangle Shape that we made using these settings.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/42.jpg" alt="42 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/41.jpg" alt="41 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="430" /></p><p>Then make the of the Layer 0%</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/44.jpg" alt="44 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Repeat the step to add more Dividers.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/45.jpg" alt="45 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p id="steps">Step 9 – Sidebar Buttons</p><p>This step we will be creating a button for the vehicle list Again we will select the Rectangle Shape Tool and add Stroke effect using these settings:</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/47.jpg" alt="47 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/46.jpg" alt="46 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="431" /></p><p>We should have something like this:</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/48.jpg" alt="48 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Duplicate the Layers to add more buttons.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/50.jpg" alt="50 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p id="steps">Step 10 – Page Naviagtion Buttons</p><p>In this step we will be creating page naviagtion button. First, create a New Layer then change the Foreground Color into #252525. Select the Marquee Too (M) then make a marquee then fill it with Foreground Color.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/53.jpg" alt="53 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>After creating the Page Buttons, we should have something like this:</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/54.jpg" alt="54 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>And then we could add the text for its buttons, here are the sample buttong text that I have made.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/55.jpg" alt="55 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p id="steps">Step 11 – Create Search Textbox</p><p>In this step we will create the search textbox and search icon. We will create a rectangle shape for the text box.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/56.jpg" alt="56 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>And for the search Icon we will be using the Custom Shape Tool</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/57.jpg" alt="57 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Here the is the outcome of the Search:</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/58.jpg" alt="58 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p id="steps">Step 12 – Navigation Icons</p><p>We will be creating the small triangle button in the Home button in the Menu Bar Navigation. First Create a small triangle using the custom shape tool. After creating the triangle Shape, we will add Drop Shadow and Color Overlay Layer Effects using these settings:</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/59.jpg" alt="59 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/60.jpg" alt="60 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/61.jpg" alt="61 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p id="steps">Step 13 – Adding Light Effects</p><p>In this step we will add more Light Effects in our canvas to add more attraction to the visitors of the website.</p><p>Open the Nebula Stock drag it into the canvas, Resize the Nebula Stock the erase the sides of the Nebula. Desaturate the Nebula by pressing CTRL+SHIFT+U then change the Blend Mode into Linear Dodge and bring it below the layer of the shapes.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/63.jpg" alt="63 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/64.jpg" alt="64 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Result:</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/65.jpg" alt="65 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Next, we are just going to repeat the step 18 but we are using Nebula Stock2.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/66.jpg" alt="66 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/67.jpg" alt="67 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/68.jpg" alt="68 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Next we will add a Second C4D Stock. Open the C4D Stock, drag it into our canvas, then resize it.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/69.jpg" alt="69 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>Bring the C4D2 stock below the shapes.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/70.jpg" alt="70 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>We will add line strokes into our shapes to add more light effects First Create A New Layer, select the Pen Tool (P) make a stroke; Set the brush settings into 3px size and Hardness 100% then make the foreground color White.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/71.jpg" alt="71 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/72.jpg" alt="72 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="335" /></p><p>You should have something like this:</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/73.jpg" alt="73 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p id="steps">Step 17 – Add Light Effects to Navigation Bar</p><p>We will add a light effect into the Menu Bar Navigation. Open the Second Nebula Stock, Drag it into the Canvas, Resize and erase the unwanted parts. After getting the desired outcome change the Blend Mode into <strong>Linear Dodge</strong>.</p><p><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/74.jpg" alt="74 Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></p><p>If you like more light effect, just duplicate the Layer.</p><p id="steps">Final Result: An Elegant Vehicles Web Template</p><p><a rel="facebox" href="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/light_web_template2.jpg"><img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/light_web_layout/light_web_template.jpg" alt="light web template Create An Elegant Vehicles Web Layout With Light Effects" title="Create An Elegant Vehicles Web Layout With Light Effects" width="500" /></a></p><p id="steps">Download Psd file</p><div class="downloads"><a title="Download Psd file" href="http://www.psdeluxe.com/psd-files/?did=91">Download Psd file</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-88477134154703273372011-05-26T07:38:00.000-07:002011-05-26T07:40:36.932-07:00Choose Your Favorite Brushes Packs From Vectorpack.netToday we have a really cool giveaway contest from <a href="http://www.vectorpack.net/" target="_blank">Vectorpack.net</a>. 3 lucky winners can choose 5 brushes packs from the following address: <a href="http://www.vectorpack.net/ps-brushes.html" target="_blank">Vectorpack Photoshop brushes</a>. Choose your preferred packs from the VectorPack.net site and enjoy using these good lucking Photoshop brushes!<h3>About Vectorpack</h3><p>Vectorpack.net is a new website that provides high-quality stock vectors and design elements for designers worldwide. The site has just opened, so stay tuned to see their products to come because they will post new vector packs every week. As they plan to have quite a lot of contests, frequently check their webpage to see what’s new.</p> <img src="http://netdna.psdeluxe.com/wp-content/uploads/2011/05/ps_giveaway/vectorpack_brushes.jpg" alt="vectorpack brushes Choose Your Favorite Brushes Packs From Vectorpack.net" title="Choose Your Favorite Brushes Packs From Vectorpack.net" width="500" /><p>You can check here the Photoshop brushes you want to win. As usual, the contest is comment to enter and it will close on the 30th of May, at Midnight. Please state the names of the packs you would like to win in your comments.</p><h3>What are they giving away?</h3><p>Overall Vectorpack give away for free 15 Photoshop brushes packs. As we have said, three lucky winners will get five premium brushes packs for free for your design works.</p><h3>How to Enter:</h3><p>As usually take part in our giveaway is very simple. Each of the participants need write the name of the 5 packs you would like to win in your comment. So go to <a href="http://www.vectorpack.net/ps-brushes.html" target="_blank">Vectorpack</a> and check packs that you would like to get. Thats it. Note that you must use only your valid emails!</p><p>Optionally:</p><p>Follow <a href="http://www.twitter.com/psdeluxe" target="_blank">Psdeluxe</a> or <a href="http://twitter.com/vectorpacknet" target="_blank">Vectorpack</a> on Twitter;</p><h3>Winners announcement</h3><p>Winners will be selected randomly using Random.org. Giveaway will end on Monday, May 30 and Tuesday, May 31 , we will notify the successful winners. Since the giveaway will continue just one week, don’t linger and join: leave comment.</p><p><strong>Good Luck to All Participants!</strong></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-57674042105953180642011-05-26T06:58:00.000-07:002011-05-26T06:59:06.094-07:00How to build strong portfolio<img title="How to build strong portfolio" style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 250px; height: 207px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1TC1C2x1Mq8czMlNZXyQkfxHbKt4jNvC0Sq-JANnt43Zy50d0YxTFSP4X308RW0vi5opoWWQGNDbwWDk2fAAua-TEPMY8GWck1miSNb6g4vfsb7u8Oi7TdMnvMWbXzCQWmWq5QAJYTWY/s400/portfolio.jpg" alt="How to build strong portfolio" id="BLOGGER_PHOTO_ID_5611020651155630450" border="0" />A portfolio is a collection of projects and achievements that are supposed to be the clear reflection of your skills, activities and interests. Portfolios are used for securing jobs in many areas nowadays. Regardless the field of specialization, the main purpose of the portfolio is to be able to display a strong, unified body of work that can represent you properly. Here is a short guide that can be followed by all professionals seeking advice on building a portfolio, especially creatives and freelancers.<br /><br /><br /><br /><br /><span style="font-size:130%;"><strong>How to showcase portfolio?</strong></span><br />A digital, online portfolio is a must these days, especially if you are preparing for an online job hunt. Most employers are busy and they find it easier to view samples of your work online. Another reason to have an online display of your work is the fact that some people may search through potential employees on portfolio sites, so an online portfolio is mandatory in order to get your face out there. However there still is a great number of employers who agree that traditional portfolios are the best way to go. It’s your decision to make if you want a traditional or a digital portfolio, but the best choice would be to be prepared and use them both.<br /><p><span style="font-size:130%;"><strong>What should I include in portfolio?</strong></span></p><br /><p>Besides the obvious, significant samples of your work, you should make sure that you include a resume, any awards if it’s the case and business cards. Offering a business card is a respectful gesture, so when you meet a potential employer, make sure to have one within your reach. It is like a resume in miniature size and you shouldn’t overlook it. It should contain information about you, and convey a sense of your personality and your professional aspirations. It might be a good idea to also bring up your sketchbook, It’s very important for some employers to see your train of thought behind a design and how you bring it all together, so they can have a better understanding of you.</p><br /><p>As for the samples of the work, be careful and don’t overdo it. Quality over quantity. Few good ideas are enough to prove that you’re good enough for the job, instead of choosing to include tons of mediocre ideas. Display only your best work, that you trust that it will get the job done. Remember that your portfolio is only as strong as your weakest piece. It may be a good idea to put your strongest pieces in the front of it, it’s highly probable that the employer will make up his mind and be sure of your abilities within the first 5-6 projects he sees. So start strong and also, finish with something memorable and interesting, that might easily start a conversation.<br /><span style="font-size:130%;"><strong></strong></span></p> <p><span style="font-size:130%;"><strong>When can I consider portfolio finished?</strong></span></p> <p><br />A portfolio is a work in progress and will never be finished, as you will always create new projects. So you should periodically consider updating it, in order to reflect your progress. New pieces will be added, old ones will be taken out. Keep in mind that the digital versions must be updated as well. Try to keep up to date with the latest technology, software etc. to prove that you are professional enough to care for all the details.<br /><br /></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-5224408680271612002011-05-26T06:19:00.000-07:002011-05-26T06:19:00.838-07:00Shortcut Photoshop yang Sering Digunakan<P>Dalam modul ini kita akan membahas mengenai keyboard shortcut yang sering digunakan dan harus dikuasai dalam menggunakan Photoshop. Dengan menggunakan shortcut-shortcut ini kita dapat mempercepat proses kerja dan akan sangat memudahkan kita dalam bekerja.</P><br /><P><BR>Sebenarnya banyak sekali keyboard shortcut dalam aplikasi Photoshop namun kita tidak perlu menguasai semuanya. Yang perlu kita kuasai hanya yang paling sering kita gunakan saja.</P><br /><P>Beberapa shortcut yang wajib kita kuasai tersebut antara lain :</P><br /><P><STRONG>Ctrl + Z / Ctrl + Alt + Z</STRONG><BR>Merupakan shortcut dari Undo yang digunakan untuk membatalkan perintah. Ctrl + Z untuk membatalkan perintah terakhir sedangkan Ctrl + Alt + Z untuk membatalkan sampai dengan 10 perintah terakhir.</P><br /><P><STRONG>Ctrl + D</STRONG><BR>Shortcut yang digunakan untuk mematikan seleksi/selection.</P><br /><P><STRONG>Ctrl + C</STRONG><BR>Merupakan shortcut untuk meng-copy obyek.</P><br /><P><STRONG>Ctrl + X</STRONG><BR>Merupakan shortcut untuk meng-cut obyek.</P><br /><P><STRONG>Ctrl + V</STRONG><BR>Merupakan shortcut untuk mem-paste obyek yang telah di-copy/di-cut.</P><br /><P><STRONG>Spasi</STRONG><BR>Merupakan shortcut dari Hand Tool yang digunakan untuk menggeser tampilan. Kemudian apa bedanya dengan apabila kita menekan tombol H yang merupakan shortcut dari Hand Tool? Misalnya saja kita sedang aktif pada Pen Tool kemudian kita ingin menggeser posisi dari tampilan gambar kita dan kita menekan tombol H maka kita akan aktif pada Hand Tool dan bukan pada Pen Tool lagi. Sedangkan apabila kita menggunakan tombol Spasi maka kita akan berpindah sementara pada Hand Tool (selama kita menekan tombol Spasi) namun tetap saja kita aktif pada Pen Tool dan setelah kita tidak menekan tombol Spasi lagi kita akan kembali pada Pen Tool.</P><br /><P><STRONG>Ctrl + Spasi + Drag</STRONG><BR>Digunakan untuk membesarkan tampilan pada area yang di drag.</P><br /><P><STRONG>Ctrl + Spasi + Klik / Ctrl + Spasi + Alt + Klik</STRONG><BR>Digunakan untuk membesarkan/mengecilkan tampilan secara bertahap.</P><br /><P><STRONG>Ctrl + “+” / Ctrl + “-”</STRONG><BR>Digunakan untuk membesarkan/mengecilkan tampilan.</P><br /><P><STRONG>Ctrl + 0</STRONG><BR>Digunakan untuk melihat tampilan gambar 100%.</P><br /><P><STRONG>F</STRONG><BR>Digunakan untuk mengganti screen mode menjadi Full Screen Mode. Dengan menggunakan Full Screen Mode akan mempermudah proses kerja kita terutama bila kita melakukan zooming dan sebagainya.</P><br /><P><STRONG>Tab</STRONG><BR>Digunakan untuk menyembunyikan alat-alat meliputi Toolbox, Window Layers, dan sebagainya. Biasanya kita menggunakannya bersamaan dengan Full Screen Mode.<BR><STRONG>Tombol “[" atau "]“</STRONG><BR>Digunakan untuk memperbesar/memperkecil ukuran brush dengan cepat.<BR>Shortcut-shortcut yang telah disebutkan diatas tidak mutlak harus anda kuasai namun seiring dengan kebutuhannya, nantinya anda akan sangat terbantu menggunakan shortcut-shortcut tersebut.</P><br /><P><A href="http://www.photoshop21.com/shortcut-photoshop-yang-sering-digunakan.html" rel="nofollow" target="_blank"></A> </P>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-6931825454692644432011-05-25T18:08:00.000-07:002011-05-25T18:08:00.356-07:00Mengapa Photoshop Tidak Menyediakan Metadata yang AmanArtikel yang menjelaskan mengapa Photoshop tidak menyediakan metadata yang aman.<br /><P></P>Meskipun telah diperbaharui dengan fitur-fitur baru dan semakin lengkap, banyak pengguna Photoshop yang menanyakan mengapa Adobe tidak menambahkan sebuah fitur baru dimana pengguna Photoshop dapat menambahkan copyright dan beberapa informasi lainnya pada file kemudian mengunci file tersebut. Dari tahun ke tahun, banyak sekali Fotografer yang meminta fitur seperti ini ditambahkan dalam Photoshop.<br /><P></P>Sayangnya ada alasan yang tepat mengapa fitur ini tidak ditambahkan. Jika anda tertarik lebih jelas simaklah penjelasan dari perancang Photohop, Russell Williams berikut ini.<br /><P></P>Saya mengerti apa yang anda cari yaitu sebuah cara dalam mendistribusikan foto/gambar anda sehingga tidak ada orang yang bisa menghilangkan copyright didalamnya. </ST1>Ada</ST1> sebuah cara yang bisa digunakan untuk melakukan itu yaitu dengan melekatkan copyright dalam image menggunakan watermark, baik yang terlihat maupun yang tidak terlihat. Kelemahan dari watermark yang terlihat adalah dalam penggunaannya dalam manipulasi gambar.<br /><P></P>Dengan menggunakan watermark berarti anda sudah dapat membuat copyright yang tidak dapat dihilangkan menggunakan Photoshop dan karena itu tidak logis untuk meletakkan sebuah peringatan copyright dalam metadata (tidak diletakkan dalam image) sehingga tidak dapat dihilangkan.<br /><P></P><br /><P>Jika gambar/foto dapat diakses oleh siapapun, tidak ada cara untuk memaksa mereka untuk tetap meletakkan peringatan copyright didalamnya. </ST1>Ada</ST1> banyak sekali program yang dapat membuka dan menyimpan ulang file-file JPEG, TIFF, atau bahkan PSD. Itu bukan sesuatu yang sulit untuk memproduksi ulang file-file tersebut tanpa ada copyright didalamnya. Tentunya tidak ada cara untuk menghalangi seseorang untuk menggunakan program-program tersebut.</P>Jadi, berikan file foto/gambar anda dengan full resolution hanya kepada orang-orang yang anda percayai karena hanya mereka yang memegang versi full resolusinya saja yang dapat menghilangkan metadata tersebut. Anda dapat membuat dua versi bersamaan dimana versi yang satu telah dienskripsi dan yang lainnya tidak. Resolusi rendah untuk versi yang tidak terenskripsi dan resolusi tinggi untuk versi yang terenskripsi atau watemark terlihat untuk versi yang tidak terenskripsi dan tanpa watermark untuk versi yang terenskripsi.<br /><P></P><br /><P><A href="http://www.photoshop21.com/mengapa-photoshop-tidak-menyediakan-metadata-yang-aman.html" rel="nofollow" target="_blank"></A> </P>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-23628547458352509232011-05-25T13:35:00.000-07:002011-05-26T06:21:05.418-07:00Menggunakan Fitur InvertUntuk fitur Invert ini pasti sudah banyak yang tahu namun menarik juga untuk mengetahui lebih dalam tentang fitur Invert ini dalam Photoshop. Fitur invert itu sendiri berguna untuk membuat efek negatif film dari sebuah gambar. Jadi, batas maksimal gelap akan dibalik dengan batas maksimal terang.<br /><p><br /><strong>Cara menggunakannya :</strong></p><br /><p>Jalankan <strong>Image > Adjustments > Invert</strong> atau bisa juga menggunakan shortcut tekan tombol <strong>Ctrl + I</strong>. Dalam sekejab gambar Anda akan menjadi film negatif.</p><br /><p>Yang menarik disini adalah gambar yang Anda ubah menjadi film negatif ini memang adalah gambaran film negatif sesungguhnya dari gambar Anda. Tidak percaya? Anda bisa membutikannya dengan cara meng-invert kembali sebuah film negatif menjadi gambar. Anda bisa mencobanya dengan melakukan scan pada film negatif (biarlah hasil scan Anda tetap berupa film negatif) kemudian coba Anda jalankan fitur ini dan gambar yang akan Anda dapat adalah gambar Anda yang sesungguhnya.</p><br /><p>Untuk lebih mudahnya saya akan memberikan contohnya, disini saya mencari gambar ‘negative film’ dari Google dan saya menemukan satu gambar film negatif yang kemudian saya aplikasikan fitur Invert ini sehingga saya dapat mengetahui gambar asli dari film negatif ini.</p><br /><img style="height: 125px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM7WrJMmXRctKE-7Uq5Szu-Cq2RA2rPm0khMyYlJNJVUYhT8PPiywX7V9GSvxN1QdKSJFx9qvyyYE2CjNjFN7KOIHcthiU_Dvvf_jirlEGd292e2GVTjK8RwhHNdvB_-YltU8wGHr-JnA/s400/menggunakan-fitur-invert.jpg" alt="" id="BLOGGER_PHOTO_ID_5611013849087448594" border="0" /><br /><br /><br /><p>Menarik bukan? Selamat mencoba!</p><br /><p><a href="http://www.photoshop21.com/menggunakan-fitur-invert.html" rel="nofollow" target="_blank"></a> </p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-54371110568081363242011-05-25T09:59:00.000-07:002011-05-25T09:59:00.307-07:00Download Foto Gratis<P>Cari kumpulan gambar atau foto gratis yang bisa Anda download sepuasnya? Tidak usah repot-repot jepret sana jepret sini, tinggal daftar dan cari foto atau gambar yang Anda perlukan menggunakan form pencarian. Semua foto atau gambar dalam kualitas yang bagus sehingga dapat Anda gunakan untuk berbagai keperluan Anda.</P><br /><P><BR>Download lebih dari 100.000 foto atau gambar gratis di SXC.HU!</P><br /><P>Semoga informasi ini bermanfaat.</P><br /><P><A href="http://www.photoshop21.com/download-foto-gratis.html" rel="nofollow" target="_blank"></A> </P>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-68341054433125531222011-05-25T06:24:00.000-07:002011-05-25T08:07:40.317-07:00Menggunakan Filter Extract<p>Dalam modul ini, kita akan mempelajari bagaimana cara menggunakan <strong>Filter Exract</strong> untuk melakukan seleksi pada bagian rambut ketika kita akan mengganti background sebuah foto.</p> <p><span id="more-23"></span><br />Seperti yang kita ketahui bersama seringkali kita mengalami kesulitan pada saat memotong atau lebih tepatnya melakukan seleksi pada bagian rambut yang kompleks. Kita tentu ingin mengganti background dengan sempurna yaitu dengan mempertahankan detail dari rambut tersebut (helai rambutnya). Dengan Filter Extract kita bisa melakukannya dengan cukup mudah.<br />Menggunakan Filter Extract terlebih dahulu.Ikuti panduan langkah demi langkah bagaimana cara menggunakan Filter Extract di bawah ini : </p><ol><li>Buka file latihan yang telah anda download.</li><li>Duplikasi layernya dengan asumsi sebagai cadangan bila hasil seleksi dari Filter Extract kurang memuaskan. Anda dapat menggunakan teknik masking untuk menyempurnakan foto anda nantinya.<br /><blockquote><p><u><strong>Tips</strong></u> :<br />Drag layer yang ingin anda duplikasikan ke icon �Create a new layer� untuk menduplikasikan layer dengan cepat.</p> <p><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-1.png" alt="Menggunakan Filter Extract" border="0" width="212" height="200" /></p></blockquote> </li><li>Jalankan <strong>Filter </strong>> <strong>Extract.<br /></strong><br /><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-2.png" alt="Menggunakan Filter Extract" border="0" width="219" height="73" /></li><li>Aktif pada <strong>Edge Highlighter Tool</strong>, tandai bagian perbatasan antara objek dengan background yang ingin anda hilangkan.<img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-3.png" alt="Menggunakan Filter Extract" border="0" width="69" height="96" /> <p>Perhatikan yang berwarna hijau.<br /><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-4.png" alt="Menggunakan Filter Extract" border="0" /></p> <blockquote><p><u><strong>Tips</strong></u> :<span style=";font-family:'Times New Roman';font-size:12pt;" ><br /></span>Anda dapat menggunakan tombol �[� atau �]� untuk memperbesar atau memperkecil ukuran brush dengan cepat.<br />Anda dapat mencentang <strong>Smart Highlighting</strong> untuk memilih perbatasan dengan mudah berdasarkan intensitas warna.</p></blockquote> </li><li>Setelah itu aktif pada <strong>Fill Tool</strong> kemudian isi bagian dalam dari objek yang akan anda pertahankan. Setelah itu pilih <strong>OK</strong>.<img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-5.png" alt="Menggunakan Filter Extract" border="0" width="57" height="94" /> <p>Perhatikan yang berwarna biru.</p> <p><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-6.png" alt="Menggunakan Filter Extract" border="0" width="300" height="364" /> </p></li><li>Sekarang background asli dari foto anda sudah terhapus. Bila belum terlihat mungkin layer yang lainnya belum anda buat invisible (klik icon mata di sebelah layer).<img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-7.png" alt="Menggunakan Filter Extract" border="0" /></li><li>Masukkan file lainnya yang juga telah anda download sebelumnya di atas. Letakan layer dari gambar background tersebut di bawah layer sebelumnya. Atur komposisinya agar terlihat pas.<br /><blockquote><p><u><strong>Tips</strong></u> :<br />Anda dapat mengatur pencahayaan dari masing-masing layer agar terlihat menyatu dan tidak kaku.<br />Gunakan Burn Tool untuk membuat kedua gambar menjadi menyatu. Burn bagian rambut serta mengenai background.</p> <p><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-8.png" alt="Menggunakan Filter Extract" border="0" width="64" height="49" /></p> <p><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-9.png" alt="Menggunakan Filter Extract" border="0" /><br /><br /></p><ol><li><blockquote><ol><li><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-10.png" alt="Menggunakan Filter Extract" border="0" width="300" height="364" /></li></ol></blockquote></li></ol><p><br /></p></blockquote></li><li>Selesai.</li></ol>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-81288485057696837402011-05-25T05:30:00.000-07:002011-05-25T05:32:59.882-07:00Graphic Design Business: Making and Promoting a Portfolio<p><a rel="nofollow" href="http://ceegraphics.com/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/web-portfolio3.jpg" alt="Web Portfolio" width="540" height="302" /></a></p> <h3 class="subTitHd">Creating Portfolio in the Form of PDF</h3> <p>Creating portfolio in the form of PDF is becoming more and more popular since multiple pages, images can be sent together in one piece and the result is a brochure like file which looks professional. </p> <p><strong>Benefits:</strong> </p> <ul><li>It’s easy to e mail.</li><li>You don’t have to worry about the systems and browsing issues, you can actually represent it the way you have made it.</li><li>The PDF depicts a well knitted layout and creates an automatic balance.</li><li>It can be printed with proper and uniform results.</li><li>It’s quick and free of cost to develop.</li></ul> <p><strong>Drawbacks:</strong></p> <ul><li>It’s completely dependable on the user wither to open it or save it.</li><li>You cannot show your web design projects in it.</li></ul> <h3 class="subTitHd">The Classic Portfolio</h3> <p>This is in the form of small booklet and actual printed form. In today’s digital world this still looks nice and appealing. Several ways can be developed to develop the hard copy, either putting in prints in a pre made booklet or designing your own custom designed booklet.</p> <p><strong>Benefits:</strong> </p> <ul><li>Shoes your work in its actual printed form and format, it’s a hard copy of your work</li><li>Due to this reason the clients can consult it or look at it several times whenever needed, he doesn’t really have to open his computer every time.</li><li>Since it’s tangible, it can be given away to show it to others.</li><li>It can be placed on anyone’s working table and if it has a dynamic beautiful graphics, it increases the value of the table and anyone walking in or passing byy can actually have a look at it.</li><li>No computer required, can be brought in any time anywhere.</li></ul> <p><strong>Drawbacks:</strong></p> <ul><li>It can only be delivered by post and not thorough e mail. Else can be delivered in person.</li><li>If you don’t have several copies of it, you leave it with a client and you have nothing left.</li><li>If the printing is not upto the standard, it can destroy your very well worked and excellent graphics.</li><li>Making several copies of it can be very expensive. </li></ul> <p><a rel="nofollow" href="http://clazie.wordpress.com/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/classic-portfolio1.jpg" alt="Classic Portfolio" width="540" height="298" /></a></p> <p><a rel="nofollow" href="http://availscript.com/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/classic-portfolio2.jpg" alt="Classic Portfolio" width="540" height="386" /></a></p> <p><a rel="nofollow" href="http://blog.noplasticsleeves.com/?tag=portfolio-book"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/classic-portfolio3.jpg" alt="Classic Portfolio" width="540" height="359" /></a></p> <p>After the portfolio comes the step how to promote it </p> <h2 class="underLineTitle">Ways to Promote Your Business</h2> <h3 class="subTitHd">Word of Mouth</h3> <p>This is the oldest and most effective way of publicity. It always feels good when someone says “have you heard of that person who has designed my logo and stationer, He’s really good.” This might seem very good but actually even this needs reminders to people. This can be done in several ways, quarterly newsletters or press ads would work. Even small flyers can be a good option. </p> <p><a rel="nofollow" href="http://www.stocklayouts.com/Templates/Brochures/Arts-Council-Education-Brochure-Template-Design-MA0040101.aspx"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/portfolio-promotion1.jpg" alt="Portfolio Promotion" width="540" height="235" /></a></p> <h3 class="subTitHd">Design a Business Card</h3> <p>This is the most organized way. Giving your personal visiting card to potential clients helps you gain popularity instead of giving your <a title="contact" href="http://pelfusion.com/contact/">contact</a> information by writing down on some piece of paper which later might be lost. More powerful your card is, more chances of getting work. Few <a href="http://pelfusion.com/design/points-you-must-have-in-mind-while-designing-business-cards/">business cards</a> are so well designed that even if the client does not intend to give you work, he would just keep it with him because it’s beautiful, but later some time he would definitely consult it to give you work.</p> <p><a rel="nofollow" href="http://businesscarddesignideas.com/wp-content/uploads/2009/08/Despina_Bournele_Di_Depux_Graphic_Design_Studio.jpg"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/business-card1.jpg" alt="Design Business Card" width="540" height="336" /></a></p> <p><a rel="nofollow" href="http://businesscarddesignideas.com/wp-content/uploads/2009/11/Victor_Guerra_Estudio_Nous.jpg"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/business-card2.jpg" alt="Design Business Card" width="540" height="404" /></a></p> <p><a rel="nofollow" href="http://businesscarddesignideas.com/wp-content/uploads/2009/11/Pedro_Kummel_F_Alves_VIA.jpg"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/business-card3.jpg" alt="Design Business Card" width="540" height="405" /></a></p> <h3 class="subTitHd">Credit Line</h3> <p>When you work for somebody he or she will definitely promote you to his or her clients through word of mouth. But isn’t it too cool that you get through that person’s clients yourself. There is no harm in it since you are not violating anyone’s rights. It’s just you are getting the credit for your work yourself instead of involving any third person. </p> <h3 class="subTitHd">Get a Blog</h3> <p>Creating your website isn’t enough. Try making a social network where people can directly approach your portfolio and can comment on it. In this way your publicity will get social. </p> <p>Along with this learn to organize your work by keeping them up to date. Use softwares to keep backups, use time tracking softwares to see how fast you can work. Meet deadlines yourself. You must organize your work in the most manageable way in order to use it for future references. </p> <p>Dealing with the clients might not be as easy as it appears. But it’s important to know what to talk to clients when you meet them. Ask them</p> <ul><li>Who is the target audience</li><li>What is the message of the campaign</li><li>What is their brand identity</li><li>What are the designed items required and their specifications</li><li>What is the budget of the client</li><li>Is there any deadline for the project</li><li>Does he already have any references</li><li>Does he prefer certain colors or fonts</li></ul> <p>You must decide on the contract first, either you take a certain amount of initial advance payment or a token amount just to assure that he doesn’t run away after getting you hooked up by making several options. If you are using stock images make sure you have the copyrights or buy the images. Never cheat, never borrow or copy the images. Decide on the concept first, then work accordingly in schedule given by client. Make sure you work on the images and backgrounds so that they can be produced in high resolution later for artwork. </p> <h2 class="underLineTitle">Web Design Portfolios for Your Inspiration</h2> <p><a rel="nofollow" href="http://www.nosleepforsheep.com/portfolio/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/portfolio-web-design1.jpg" alt="Portfolio Web Design" width="540" /></a></p> <p><a rel="nofollow" href="http://www.foolstown.com/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/portfolio-web-design2.jpg" alt="Portfolio Web Design" width="540" /></a></p> <p><a rel="nofollow" href="http://ftdesigner.net/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/portfolio-web-design3.jpg" alt="Portfolio Web Design" width="540" /></a></p> <p><a rel="nofollow" href="http://www.coocoocore.com/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/portfolio-web-design4.jpg" alt="Portfolio Web Design" width="540" /></a></p> <p><a rel="nofollow" href="http://designsgenius.com/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/portfolio-web-design5.jpg" alt="Portfolio Web Design" width="540" /></a></p> <p><a rel="nofollow" href="http://www.attackoftheweb.co.uk/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/portfolio-web-design6.jpg" alt="Portfolio Web Design" width="540" /></a></p> <p><a rel="nofollow" href="http://nathan-sanders.com/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/portfolio-web-design7.jpg" alt="Portfolio Web Design" width="540" /></a></p> <p><a rel="nofollow" href="http://www.shannonmoeller.com/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/portfolio-web-design8.jpg" alt="Portfolio Web Design" width="540" /></a></p> <p><a rel="nofollow" href="http://www.simpleart.com.ua/en/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/portfolio-web-design9.jpg" alt="Portfolio Web Design" width="540" /></a></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-72316741849366030672011-05-25T02:14:00.000-07:002011-05-25T02:14:00.172-07:00Fenomena Manipulasi Foto<P>Fenomena manipulasi atau rekayasa foto artis di Indonesia belakangan ini sering sekali kita dengar baik di surat kabar maupun infotainment dan semuanya itu sudah sangat keterlaluan. Mulai dari foto telanjang sampai dengan foto yang memfitnah seorang artis memiliki kelainan orientasi seksual atau masih banyak lagi lainnya. Bagaimana kita sebagai komunitas Photoshop menanggapi fenomena yang sedang merebak di tanah air ini?</P><br /><P><BR>Manipulasi foto dengan Photoshop memang sudah sesuatu yang biasa yang bisa dilakukan banyak orang di luar sana karena memang perangkat lunak yang satu ini merupakan ’senjata ampuh’ untuk melakukan itu. Namun perlu kita sadari pula bahwa semua yang ada di dunia ini bagaikan pisau yang bisa digunakan untuk sesuatu yang baik ataupun disalahgunakan untuk hal-hal yang tidak baik dan tentunya merugikan orang lain. Itulah mengapa meskipun kita senang memanipulasi foto tetap saja kita harus mengikuti etika dan norma yang berlaku. Yang jelas jangan sampai kita merugikan orang lain apalagi sampai membuat foto-foto tidak semestinya seperti kasus foto telanjang artis Indonesia belakangan ini.</P><br /><P>Manfaatkan teknologi yang ada untuk hal-hal positif dan tidak merugikan siapapun. Iseng sih boleh saja asal ada batasan-batasan dimana kita tidak boleh membuat orang lain merasa terganggu.</P><br /><P>Tetap olah kemampuan kita, berkreasi seperti yang kita inginkan, dan selalu dalam batasan-batasan yang ada.</P><br /><P><A href="http://www.photoshop21.com/fenomena-manipulasi-foto.html" rel="nofollow" target="_blank"></A> </P>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-17408713280113595232011-05-25T02:05:00.000-07:002011-05-25T02:07:30.116-07:0027 Very Excellent Digital Photography Tutorials<p>I hope you will enjoy these tutorials and don’t forget to mention the tutorial which was an add on in your experience.</p><h6 class="\"title\"">1. <a rel="nofollow" href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-a-post-apocalyptic-photo-manipulation/" target="_blank">How To Create a Post Apocalyptic Photo Manipulation</a></h6><p>In this tutorial designer will show you how to create a post apocalyptic manipulation using adjustment layers, vector masks, and some special effects. Let’s get started!</p><p><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-a-post-apocalyptic-photo-manipulation/"><img class="alignnone size-full wp-image-4483 whiteBrdr" title="Post Apocalyptic Photo Manipulation - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/apoclypto.jpg" alt="Post Apocalyptic Photo Manipulation - Digital Photography Tutorials" width="550" height="326" /></a></p><h6 class="\"title\"">2. <a rel="nofollow" href="http://www.worth1000.com/tutorial.asp?sid=161018" target="_blank">Colorization Tutorial</a></h6><p>This tutorial uses a different method than either of CMYK curves adjustment layers.</p><p><a rel="nofollow" href="http://www.worth1000.com/tutorial.asp?sid=161018&page=1"><img class="alignnone size-full wp-image-4484 whiteBrdr" title="Colorization - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/colorization.jpg" alt="Colorization - Digital Photography Tutorials" width="550" height="326" /></a></p><h6 class="\"title\"">3. <a rel="nofollow" href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/add-dynamic-lighting-to-a-flat-photograph/" target="_blank">Add Dynamic Lighting to a Flat Photograph</a></h6><p>In this tutorial designer will show you how to spice up a fairly dull and flat photograph. It’s very easy and fast! Go from flat photo to a uniquely lit style.</p><p><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/add-dynamic-lighting-to-a-flat-photograph/"><img class="alignnone size-full wp-image-4486 whiteBrdr" title="Dynamic Lighting - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/dynamic-light-effect.jpg" alt="Dynamic Lighting - Digital Photography Tutorials" width="550" height="326" /></a></p><h6 class="\"title\"">4. <a rel="nofollow" href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-a-fantasy-landscape-photo-manipulation/" target="_blank">How to Create a Fantasy Landscape Photo Manipulation</a></h6><p>In this tutorial, you will learn how to create a fantasy landscape using some simple and easy techniques.</p><p><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-a-fantasy-landscape-photo-manipulation/"><img class="alignnone size-full wp-image-4489 whiteBrdr" title="Fantasy Landscape - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/photomanipulation-fantasy.jpg" alt="Fantasy Landscape - Digital Photography Tutorials" width="550" height="646" /></a></p><h6 class="\"title\"">5. <a rel="nofollow" href="http://www.photochopz.com/forum/member-photoshop-tutorials/25200-coloring-black-white-image.html" target="_blank">Coloring a black and white image</a></h6><p>Heres a quick and easy way to color black and white images in Photoshop.</p><p><a rel="nofollow" href="http://www.photochopz.com/forum/member-photoshop-tutorials/25200-coloring-black-white-image.html"><img class="alignnone size-full wp-image-4490 whiteBrdr" title="Coloring a black and white image" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/black-to-white.jpg" alt="Coloring a black and white image" width="550" height="385" /></a></p><h6 class="\"title\"">6. <a rel="nofollow" href="http://vimeo.com/1197253" target="_blank">De-Aging in Photoshop [Video]</a></h6><p>In this video designer demonstrates how to make someone look younger.</p><p><a rel="nofollow" href="http://vimeo.com/1197253"><img class="alignnone size-full wp-image-4493 whiteBrdr" title="De-Aging in Photoshop - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/de-aging.jpg" alt="De-Aging in Photoshop - Digital Photography Tutorials" width="550" height="385" /></a></p><h6 class="\"title\"">7. <a rel="nofollow" href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/beyond-the-healing-brush-%E2%80%93-removing-objects-from-photos/" target="_blank">Removing Objects From Photos</a></h6><p>The Healing Brush and Clone tools are fine for fixing blemishes or removing certain things in an open area, but get near a hard edge and these tools become less useful.</p><p><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/beyond-the-healing-brush-%E2%80%93-removing-objects-from-photos/"><img class="alignnone size-full wp-image-4494 whiteBrdr" title="Removing Objects - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/removing-objects.jpg" alt="Removing Objects - Digital Photography Tutorials" width="550" height="326" /></a></p><h6 class="\"title\"">8. <a rel="nofollow" href="http://abduzeedo.com/hot-chick-muscle-car" target="_blank">Hot Chick on a Muscle Car</a></h6><p>In this tutorial designer fuse an image of a Muscle Car and an image of a Hot Chick into one cool retro postcard design.</p><p><a rel="nofollow" href="http://abduzeedo.com/hot-chick-muscle-car"><img class="alignnone size-full wp-image-4497 whiteBrdr" title="Chick on a Muscle Car " src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/chick-muscle-car.jpg" alt="Chick on a Muscle Car " width="550" height="330" /></a></p><h6 class="\"title\"">9. <a rel="nofollow" href="http://tutorialblog.org/photo-retouching-change-hair-color/" target="_blank">Photo Retouching – Change Hair Color Photoshop Tutorial</a></h6><p>Excellent Photoshop tutorial to change hair color of a blonde model.</p><p><a rel="nofollow" href="http://tutorialblog.org/photo-retouching-change-hair-color/"><img class="alignnone size-full wp-image-4498 whiteBrdr" title="Change Hair Color Photoshop Tutorial" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/change-hair-color.jpg" alt="Change Hair Color Photoshop Tutorial" width="550" height="265" /></a></p><h6 class="\"title\"">10. <a rel="nofollow" href="http://www.layersmagazine.com/nesting-smart-objects-for-multimask-effects-in-photoshop.html" target="_blank">Nesting Smart Objects for Multimask Effects in Photoshop</a></h6><p>One of the biggest drawbacks to smart filters is that all filters applied to a single layer must share a common filter mask.</p><p><a rel="nofollow" href="http://www.layersmagazine.com/nesting-smart-objects-for-multimask-effects-in-photoshop.html"><img class="alignnone size-full wp-image-4503 whiteBrdr" title="Nesting Smart Objects - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/nesting-smart-objects.jpg" alt="Nesting Smart Objects - Digital Photography Tutorials" width="550" height="261" /></a></p><h6 class="\"title\"">11. <a rel="nofollow" href="http://pshero.com/archives/comic-book-photo-effect" target="_blank">Comic Book Photo Effect</a></h6><p>In this Photoshop tutorial designer show you how to add a comic book effect to an ordinary photo using a few layers, the Cutout and Poster Edges filters and a few different layer blend modes.</p><p><a rel="nofollow" href="http://pshero.com/archives/comic-book-photo-effect"><img class="alignnone size-full wp-image-4504 whiteBrdr" title="Comic Effect - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/comic-effect.jpg" alt="Comic Effect - Digital Photography Tutorials" width="550" height="261" /></a></p><h6 class="\"title\"">12. <a rel="nofollow" href="http://photodoto.com/quick-fix-for-cluttered-backgrounds/" target="_blank">Quick Fix for Cluttered Backgrounds</a></h6><p>Take the picture you want and then work on the background in Photoshop or another image editing program.</p><p><a rel="nofollow" href="http://photodoto.com/quick-fix-for-cluttered-backgrounds/"><img class="alignnone size-full wp-image-4505 whiteBrdr" title="Cluttered Backgrounds - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/cluttered-bg.jpg" alt="Cluttered Backgrounds - Digital Photography Tutorials" width="550" height="261" /></a></p><h6 class="\"title\"">13. <a rel="nofollow" href="http://www.galitz.co.il/en/articles/IR.shtml" target="_blank">Infra Red – The Invisible Light</a></h6><p>Take a good look around you and you’ll see and endless diversity of hues in all the colors of the rainbow: The grass is green, the sky is blue, the roses are red and the future is bright.</p><p><a rel="nofollow" href="http://www.galitz.co.il/en/articles/IR.shtml"><img class="alignnone size-full wp-image-4508 whiteBrdr" title="Infra Red – Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/infra-red-tutorial.jpg" alt="Infra Red – Digital Photography Tutorials" width="550" height="261" /></a></p><h6 class="\"title\"">14. <a rel="nofollow" href="http://photodoto.com/exposure-blending-tutorial/" target="_blank">Exposure blending tutorial</a></h6><p>A little background: HDR is a type of image manipulation. The goal is to blend multiple exposures of the same scene into a single image in order to get a result that has more dynamic range than your camera is capable of recording.</p><p><a rel="nofollow" href="http://photodoto.com/exposure-blending-tutorial/"><img class="alignnone size-full wp-image-4509 whiteBrdr" title="Blending tutorial - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/blending-tutorial.jpg" alt="Blending tutorial - Digital Photography Tutorials" width="550" height="261" /></a></p><h6 class="\"title\"">15. <a rel="nofollow" href="http://www.photoshopcafe.com/tutorials/Spotlight/spotlight.htm" target="_blank">Realistic Spotlight Effect in Photoshop</a></h6><p>This technique will add depth to your lighting and emphisis to your subject. a pro touch to your montages and collages.</p><p><a rel="nofollow" href="http://www.photoshopcafe.com/tutorials/Spotlight/spotlight.htm"><img class="alignnone size-full wp-image-4511 whiteBrdr" title="Realistic Spotlight Effect - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/spot-light-tutorial.jpg" alt="Realistic Spotlight Effect - Digital Photography Tutorials" width="550" height="187" /></a></p><h6 class="\"title\"">16. <a rel="nofollow" href="http://www.showandtell-graphics.com/old_photo_fix.html" target="_blank">Repairing Old Photos</a></h6><p>Very simple tutorial to repair old pictures.</p><p><a rel="nofollow" href="http://www.showandtell-graphics.com/old_photo_fix.html"><img class="alignnone size-full wp-image-4515 whiteBrdr" title="Repairing Old Photos - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/repair-photo.jpg" alt="Repairing Old Photos - Digital Photography Tutorials" width="550" height="371" /></a></p><h6 class="\"title\"">17. <a rel="nofollow" href="http://www.photoshopgurus.com/tutorials/t027.html" target="_blank">Photo Makeover</a></h6><p>The general ‘makeover’ process is quite simple, and can be done in a matter of minutes</p><p><a rel="nofollow" href="http://www.photoshopgurus.com/tutorials/t027.html"><img class="alignnone size-full wp-image-4517 whiteBrdr" title="Face Makeover - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/makeover.jpg" alt="Face Makeover - Digital Photography Tutorials" width="550" height="263" /></a></p><h6 class="\"title\"">18. <a rel="nofollow" href="http://digital-photography-school.com/how-to-fix-a-botched-tourist-photo-in-photoshop" target="_blank">How to Fix a Botched Tourist Photo in Photoshop</a></h6><p>This works best if both photos were taken from roughly the same distance, same perspective, same time of day, and same settings.</p><p><a rel="nofollow" href="http://digital-photography-school.com/how-to-fix-a-botched-tourist-photo-in-photoshop"><img class="alignnone size-full wp-image-4518 whiteBrdr" title="Fix a Botched Tourist Photo" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/bloched-photo.jpg" alt="Fix a Botched Tourist Photo" width="550" height="269" /></a></p><h6 class="\"title\"">19. <a rel="nofollow" href="http://wipeout44.com/tutorials/gradient_mapping.asp" target="_blank">Gradient Mapping effect in Adobe Photoshop</a></h6><p>Learn how to use the gradient mapping tool to transform a standard photograph for use with a specific colour scheme or brand image.</p><p><a rel="nofollow" href="http://wipeout44.com/tutorials/gradient_mapping.asp"><img class="alignnone size-full wp-image-4519 whiteBrdr" title="Gradient Mapping effect - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/gradient-mapping.jpg" alt="Gradient Mapping effect - Digital Photography Tutorials" width="550" height="205" /></a></p><h6 class="\"title\"">20. <a rel="nofollow" href="http://reviews.davidleetong.com/?p=1096" target="_blank">Five Steps to Intense Colors</a></h6><p>Here’s a very simple way to make colors come alive in almost any photograph using Photoshop.</p><p><a rel="nofollow" href="http://reviews.davidleetong.com/?p=1096"><img class="alignnone size-full wp-image-4520 whiteBrdr" title="Five Steps to Intense Colors" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/intense-images.jpg" alt="Five Steps to Intense Colors" width="550" height="231" /></a></p><h6 class="\"title\"">21. <a rel="nofollow" href="http://www.toptut.com/2007/06/07/photoshop-tutorials-turn-a-daylight-photo-into-a-night-shot/" target="_blank">Turn a daylight photo into a night shot</a></h6><p>This tutorial will show you how to take a low quality, lifeless and dull shot and turn it into a vivid night shot, with street lamp lightening.</p><p><a rel="nofollow" href="http://www.toptut.com/2007/06/07/photoshop-tutorials-turn-a-daylight-photo-into-a-night-shot/"><img class="alignnone size-full wp-image-4521 whiteBrdr" title="Daylight photo into a night shot " src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/night-shot.jpg" alt="Daylight photo into a night shot " width="550" height="231" /></a></p><h6 class="\"title\"">22. <a rel="nofollow" href="http://www.photoshopessentials.com/photo-editing/straighten-photos/" target="_blank">How To Straighten Crooked Photos</a></h6><p>In this Adobe Photoshop tutorial, we’re going to learn a quick and easy way to straighten crooked photos.</p><p><a rel="nofollow" href="http://www.photoshopessentials.com/photo-editing/straighten-photos/"><img class="alignnone size-full wp-image-4523 whiteBrdr" title="How To Straighten Crooked Photos" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/straightain-image.jpg" alt="How To Straighten Crooked Photos" width="550" height="231" /></a></p><h6 class="\"title\"">23. <a rel="nofollow" href="http://www.backingwinds.blogspot.com/2006/10/how-to-create-professional-hdr-images.html" target="_blank">How to Create Professional HDR Images</a></h6><p>Here’s an excellent tutorial on creating high dynamic range (HDR) images.</p><p><a rel="nofollow" href="http://www.backingwinds.blogspot.com/2006/10/how-to-create-professional-hdr-images.html"><img class="alignnone size-full wp-image-4524 whiteBrdr" title="Create Professional HDR Images" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/hdr-image.jpg" alt="Create Professional HDR Images" width="550" height="231" /></a></p><h6 class="\"title\"">24. <a rel="nofollow" href="http://digital-photography-school.com/how-to-make-digital-photos-look-like-lomo-photography" target="_blank">How To Make Digital Photos Look Like Lomo Photography</a></h6><p>In this tutorial designer shows you how to apply the “lomography” effect to your digital photos.</p><p><a rel="nofollow" href="http://digital-photography-school.com/how-to-make-digital-photos-look-like-lomo-photography"><img class="alignnone size-full wp-image-4525 whiteBrdr" title="Lomo Photography - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/lomophotography.jpg" alt="Lomo Photography - Digital Photography Tutorials" width="550" height="208" /></a></p><h6 class="\"title\"">25. <a rel="nofollow" href="http://www.cambridgeincolour.com/tutorials/image-averaging-noise.htm" target="_blank">Noise Reduction by Image Averaging</a></h6><p>Image noise can compromise the level of detail in your digital or film photos, and so reducing this noise can greatly enhance your final image or print.</p><p><a rel="nofollow" href="http://www.cambridgeincolour.com/tutorials/image-averaging-noise.htm"><img class="alignnone size-full wp-image-4526 whiteBrdr" title="Noise Reduction by Image Averaging" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/image-noise.jpg" alt="Noise Reduction by Image Averaging" width="550" height="208" /></a></p><h6 class="\"title\"">26. <a rel="nofollow" href="http://www.photoshopsupport.com/tutorials/sharpen-an-image/photo-sharpening.html" target="_blank">Photo Sharpening Techniques</a></h6><p>The basic concept of sharpening is to send the Unsharp Mask filter or Smart Sharpen filter on a “seek and manipulate” mission.</p><p><a rel="nofollow" href="http://www.photoshopsupport.com/tutorials/sharpen-an-image/photo-sharpening.html"><img class="alignnone size-full wp-image-4528 whiteBrdr" title="Image Sharpening - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/image-sharpening.jpg" alt="Image Sharpening - Digital Photography Tutorials" width="550" height="222" /></a></p><h6 class="\"title\"">27. <a rel="nofollow" href="http://www.photoshopsupport.com/tutorials/peter-bowers/how-to-stitch-photos.html" target="_blank">How to Stitch Photos in Photoshop</a></h6><p>This is a tutorial on stitching two images together using Photoshop Elements 5 (or the full version of Photoshop).</p><p><a rel="nofollow" href="http://www.photoshopsupport.com/tutorials/peter-bowers/how-to-stitch-photos.html"><img class="alignnone size-full wp-image-4530 whiteBrdr" title="Stitch Photos - Digital Photography Tutorials" src="http://cdn.pelfusion.com/wp-content/uploads/2009/09/image-stiching.jpg" alt="Stitch Photos - Digital Photography Tutorials" width="550" height="196" /></a></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-77984702340779722092011-05-24T23:44:00.000-07:002011-05-24T23:46:49.151-07:0042 Beautifully Designed Single Letter Logos<p>Logo designing is an art, designers try to put all effort and creativity in a logo. We have been sharing different logos for your inspiration before, link to them you can find below, today we have decided to make a list of those logos in which single letter is used or different shapes are used to form one single letter.</p><p>Hopefully you will enjoy these logos and will tell us the best logo by leaving comments.</p><br /><p><a rel="nofollow" href="http://www.logofaves.com/2011/05/forestal/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-1.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><a rel="nofollow" href="http://www.logospire.com/logos/6002"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-2.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logospire.com/logos/6036"><img src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-3.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logospire.com/logos/4811"><img src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-4.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logospire.com/logos/4699"><img src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-5.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logospire.com/logos/3657"><img src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-6.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logospire.com/logos/3061"><img src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-7.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logospire.com/logos/2956"><img src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-8.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logospire.com/logos/2339"><img src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-9.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logospire.com/logos/2263"><img src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-10.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2011/05/roster-forge/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-11.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logospire.com/logos/1849"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-12.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logospire.com/logos/1535"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-13.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2011/05/futureworks/"><img src="http://cdn.pelfusion.com/wp-content/plugins/jquery-image-lazy-loading/images/grey.gif" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2011/01/drop-design-studio/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-15.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logospire.com/logos/321"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-16.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logospire.com/logos/46"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-17.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://logopond.com/gallery/detail/137798"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-18.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://logopond.com/gallery/detail/137779"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-19.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2010/10/playground-bar/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-20.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2010/09/extracubic/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-21.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://logopond.com/gallery/detail/137589"><img src="http://cdn.pelfusion.com/wp-content/plugins/jquery-image-lazy-loading/images/grey.gif" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://logopond.com/gallery/detail/137541"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-23.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2010/06/bob%E2%80%99s-house-for-dogs/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-24.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://logopond.com/gallery/detail/137326"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-25.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2010/05/browsera/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-26.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2010/05/textura/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-27.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2010/04/babelfish-legal/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-28.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2010/03/processed-identity/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-29.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2010/05/camora-photography/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-30.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2010/01/granin/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-31.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2009/12/water-drop/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-32.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://logopond.com/gallery/detail/136861"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-33.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2009/10/damian/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-34.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2009/10/hestia-international/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-35.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://logopond.com/gallery/detail/136852"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-36.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2009/09/pixel-matrix/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-37.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2009/08/ashley-singer/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-38.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2009/07/center-wave/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-39.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2009/07/greentree-pictures/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-40.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://creattica.com/logos/celsiusdesign/300"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-41.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a><br /><a rel="nofollow" href="http://www.logofaves.com/2009/06/klopfer-holzhandel/"><img style="display: block;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/creative-logo-42.jpg" alt="creative logo" title="creative logo" class="whiteBrdrLft" width="240" height="220" /></a></p><h3><br /></h3>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-88524044460469111572011-05-24T22:10:00.000-07:002011-05-24T22:10:00.584-07:00Black and White<P><STRONG>Photoshop menyediakan beragam cara untuk mendapatkan black and white. </STRONG></P><br /><P><BR>Cara yang paling mudah tentu mengkonversi gambar ke Grayscale. Atau kita juga bisa mengkopi salah satu channel dari RGB jika foto yang kita miliki punya bias ke warna tertentu, contoh foto awan. Metode konversi ke Grayscale sendiri mengambil proporsi dari kombinasi channel red, green dan blue. Green yang berisi detail digunakan terbanyak 60%, red yg menyimpan kontras digunakan 30% dan blue yang berisi low level detail atau noise diambil 10%.</P><br /><P>Metode Image>Adjustments>Desaturation juga bisa dimanfaatkan untuk mengurangi warna. Perbedaan antara fungsi ini dengan konversi ke Grayscale adalah di sini tidak diperhitungkan intrinsic brightnessnya, misalnya tidak ada perbedaan gelap terang antara warna kuning dan ungu.</P><br /><P>Cara lain lagi adalah mengkonversi gambar ke Lab dan ambil channel Lightnessnya karena pada mode Lab, ada pemisahan detail (channel Lightness) dan warna (channel a dan b).</P><br /><P>Teknik paling fleksibel adalah menggunakan Image>Adjustments> Channel Mixer di mana kita bisa mengkomposisikan hitam putih berdasarkan kombinasi red, green dan blue yang kita atur sendiri slidernya. Caranya tinggal aktifkan Monochrome dan atur slidernya. Saat menggunakan fungsi ini, aktifkan palet Histogram dan pastikan bahwa tidak terjadi efek terpotong pada histogram yang berarti hilangnya highlight pada gambar.</P><br /><P>Ok semoga artikel ini bisa berguna</P><br /><P><A href="http://www.photoshop21.com/black-and-white.html" rel="nofollow" target="_blank"></A> </P>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-89637314153081178182011-05-24T17:45:00.001-07:002011-05-24T17:52:24.405-07:00Membuat Text Mengikuti Path<p>Dalam modul ini, kita akan belajar bagaimana cara membuat text yang mengikuti arah dari path yang telah kita buat.</p> <p><span id="more-24"></span><br />Sekarang kita akan belajar membuat sebuah text yang akan mengikuti arah dari path yang akan kita buat menggunakan pen tool. Nantinya setelah anda mempelajari modul ini, anda dapat membuat kreasi text dengan bentuk-bentuk yang lain.<br />Ikuti panduan langkah demi langkah berikut ini :</p> <ol><li>Buat sebuah lembar kerja baru terlebih dahulu.</li><li>Aktif pada Pen Tool, kita akan membuat path dari text yang nanti akan kita buat. Anda dapat mengikuti path seperti yang ada dalam contoh berikut ini atau anda dapat membuat path sesuai dengan kreasi anda. Disini kita belajar dengan menggunakan path yang sederhana namun nantinya cara ini dapat anda aplikasikan dengan path dari bentuk-bentuk lainnya.<br /><img src="http://www.photoshop21.com/gambar/modul4/membuat-text-mengikuti-path-1.png" alt="Membuat Text Mengikuti Path" border="0" /><br />Setelah anda membentuk pathnya, anda dapat melakukan <strong>Ctrl+Klik </strong>pada area kosong sehingga sekarang path anda akan seperti di bawah ini.<br /><img src="http://www.photoshop21.com/gambar/modul4/membuat-text-mengikuti-path-2.png" alt="Membuat Text Mengikuti Path" border="0" width="300" height="137" /></li><li>Aktif pada Text Tool, klik pada path dimana anda ingin mulai menulis text dan ketikkan kalimat anda dan text akan mengikuti arah dari path yang telah kita buat sebelumnya.<br /><img src="http://www.photoshop21.com/gambar/modul4/membuat-text-mengikuti-path-3.png" alt="Membuat Text Mengikuti Path" border="0" width="300" height="137" /></li><li>Setelah selesai anda dapat menghapus path yang sudah tidak digunakan.<br />Caranya : Pada Window Paths, hapus <em>Work Path</em>.<br /><img src="http://www.photoshop21.com/gambar/modul4/membuat-text-mengikuti-path-4.png" alt="Membuat Text Mengikuti Path" border="0" width="212" height="103" /><br />Bila sebelumnya anda belum mengeluarkan Window Paths anda, anda dapat mengeluarkannya terlebih dahuli. Caranya : Pilih menu <strong>Window </strong>> <strong>Paths</strong>.<br /><img src="http://www.photoshop21.com/gambar/modul4/membuat-text-mengikuti-path-5.png" alt="Membuat Text Mengikuti Path" border="0" /></li><li>Selesai.<br /><img src="http://www.photoshop21.com/gambar/modul4/membuat-text-mengikuti-path-6.png" alt="Membuat Text Mengikuti Path" border="0" width="300" height="137" /></li></ol>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-67454818110350761742011-05-24T11:09:00.000-07:002011-05-25T01:50:22.274-07:00Concept Development, Choice of Imagery and Idea Generation<p>In recent times people think that advertising should be exclusively taken as brand reinforcement rather than being creative and indirect. This insight may not work well in most of the cases. Advertising is far more creative and thought provoking involving lot of ideas and concept than it is yhought so. So much thoguth process, brain washing sessions and conceptual develpoment is involved that a layman might take it just as playing with the imagery, but in real sense it is not as easy.</p><p>As for the information, idea generation is always done after finalising the concept. The concept is a very vast thought, mostly generalized and a vague insight. According to the concept the idea genaration takes place. E.g. if you are advertising about a digital colored printing press, the concepts can vary from colorful life or adding color to your life or make the living more coloreful, the idea genartaion would include producing different images supporting the concept. The imagery might include colors of spring or coloring the skies or mixing of colors in the environemnt. More directly just showing the colors in a palette would not be any creative.</p><p><a rel="nofollow" href="http://www.uniquescoop.com/2009/09/101-masterpieces-of-creative-and-clever.html"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/canon-ad.jpg" alt="Canon Ad" width="400" height="546" /></a></p><p>This image shows that an already existing parrot full of colors is still taking its colors from DiGiC (ofcourse digitally). Similarly in the same layout, the imagery can be changed e.g. instead of parrot any other living thing, any animal or flower.</p><p>In order to produce more creative ideas, it’s important to research and have brain storming sessions. Research should not be done haphazardly, rather deciding on the concept you must go through other campaigns already developed on the same concept. See how they have used images/photographs, what is the composition? What is your tag line. Supporting the concept is the rag line, it can be vice versa also. Either you decide the tag line first and then place a concept over it, or decide the concept and then place a tag line supporting it. More of the work can be done just by choosing the words. As a designer, it’s then upto you what images or ideas you are choosing. Just by lifting the images from somewhere is not what we are talking about. More than the issue of copyrights, it’s the sense of your own creativity which should come in. You can take reference from certain imagery but definitely just for an idea. And why do you want to take reference. Let your brain decide for itself what kind of idea generation you want. Research work may include making a concept model.</p><h2 class="underLineTitle">Now What is a Concept Model?</h2><p>Concept model is a real, actual placement of your concept i.e. any 3D model or any 2D diagram on the paper or use of any real material. Concept is just a vague unclear perception in mind. It has to be subjected in real sense, visible, audible or tangible. In order to give your concept this shape, you must create a concept model. E.g. transformation is one concept, very generalized, very vague. How do you take your concept in visible form might be a 3D model including a cloth whose color changes from yellow to orange to red. Is this your idea of transformation: change of colors on a flowing cloth, or maybe you can be more scientific. An egg into a pupa and larva and then a butterfly. But what is the nature of your brand for which you are deciding this? A company providing business opportunities to you says “We transform your life?” now for this matter you need to have a completely different imagery. A kid, shabby looking, worn out clothes, becomes a youngster who sees the bright star of the company and in the third phase a satisfied contented lavishly seated old person. Now this is one idea supporting the concept of transformation in relation to the brand identity.</p><p><a rel="nofollow" href="http://spadow.wordpress.com/2011/01/20/an-amazing-gift-from-a-friend/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/spadow-art.jpg" alt="Spadow Art" width="400" height="465" /></a></p><p>Another way of showing transformation in relation to the brand reinforced is showing this boy turning into a fiery dragon, from an ordinary boy to a powerful, hot, energetic dragon. But why is it shown this way? A series of drawings by many artists on the topic of “Grow your dragon” show various concepts. This one shows the inner strength of the boy which is growing in the form of dragon, thus transforming. Here comes the view of “Archetypes”. How you give an indirect meaning to your imagery.</p><p><a rel="nofollow" href="http://www.core77.com/blog/milan09/default.asp?p=2"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/tovalo.jpg" alt="Tovalo" width="400" height="200" /></a></p><p>Another very simple form of concept of transformation. A furniture designing company shows how we can transform your ordinary wooden table into a royal gold extravagant beauty.</p><p>Let’s now discuss some of the points which should be kept in mind while researching for the sake of idea generation. Your research should include determining the brand positioning, competition in the market, target audience, which technique of making graphics would be more suitable: vector based, image based or photography and what designed items will be most appropriate for a certain campaign.</p><h2 class="underLineTitle">Brand Positioning</h2><p>In advertising, positioning is the process by which marketers try to create an image or identity in the minds of their target market for its product, brand, or organization.</p><p>That very identity will help you decide the concept of your campaign</p><p><a rel="nofollow" href="http://adsoftheworld.com/media/print/mcdonalds_coffee_mechanic?size=_original"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/Mcdonalds-ad.jpg" alt="Mcdonalds Ad" width="400" height="518" /></a></p><p>A very simple Mcdonalds ad reinforcing the essence of coffee. Wake up with our coffee, energize yourself, you have sunken down, you need to charge yourself. Wind the key and charge yourself. This is direct imagery used to show positioning of Mcdonalds coffee.</p><h2 class="underLineTitle">Competition in the Market</h2><p>Many times it’s important to know what other competitive brands are doing in the market. You need to develop the campaign more creative and brighter than them. E.g there is a pitched battle between producers of Maggi seasoning and Knorr seasoning. Maggi wroks on more promotional activities, on the other hand Knorr tries to outwit Maggi on the basis of creative advertising.</p><p><a rel="nofollow" href="http://mybrandman.wordpress.com/page/4/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/maggie-ad.jpg" alt="Maggie Ad" width="400" height="284" /></a></p><p>Maggi endorses its brand by keeping a competition named as “Cook for Mama”. Everyone participates to win the reward. This promotional activity leads to delivering to the minds that Maggi is special. On the other hand</p><p><a rel="nofollow" href="http://mybrandman.wordpress.com/page/4/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/knorr-ad.jpg" alt="Knorr Ad" width="400" height="531" /></a></p><p>Knorr plays with the direct essence. Good food for you, Garlic savories, beautify yourself with garlic sauces. Research shows that Maggi is still more popular, maybe because of their marketing strategies or maybe continued reinforcement of brand is the best way to reach to people.</p><h2 class="underLineTitle">Target Audience</h2><p>In marketing and advertising, a target audience, is a specific group of people within the target market at which the marketing message is aimed at (Kothler 2001). E.g. if the company is aiming to sell new textured wallpapers and wall coatings, target market would definitely be A class of people who can afford the price and should have good taste of interiors. Also architects and builders who can refer the new material after going through all the practical aspects of durability and long lasting finishing. Obviously not kids or teenagers who can never be indulged in house building.</p><p><a rel="nofollow" href="http://mybrandman.wordpress.com/page/3/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/redbull-youngster-ad.jpg" alt="Red Bull Youngster Ad" width="400" height="400" /></a></p><p>Red Bull mainly targets its audience who are youngsters, mostly teenagers. This is the reason in this ad it shows a young boy.</p><p><a rel="nofollow" href="http://www.ba-reps.com/blog/tag/campaign/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/summer-company-kids-ad.jpg" alt="Summer Company Ad" width="400" height="200" /></a></p><p>This ad captures the energy and exuberance of children for the Spring/Summer 2010 Company Kids campaign. Thus target audience being kids.</p><h2 class="underLineTitle">Technique of Making Graphics</h2><p>Right kind of graphics support the right concept. For a certain campaign, whether photographs should be used or vector based graphics or an image. This question can be answered simply by seeing other campaigns of the sort. You need to be different, so use the graphics best collaborated with your brand identity and different from competitors. E.g. for Sony Playstation 3, the campaign must have genuine quality of illustrations or dynamic images showing power and brilliant 4 D aspects.</p><p><a rel="nofollow" href="http://wecritiquedesigns.com/ps3-ad-campaign-this-is-living"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/making-graphics1.jpg" alt="Making Graphics" width="500" height="346" /></a></p><p>These images very well indicate the laser power which is dynamic and 3D or 4D.</p><p>Similarly any designer garments campaign would definitely use photography in order to show the cuts and flow of the fabrics.</p><p><a rel="nofollow" href="http://www.eurorscgluxe.com/Our-Work/Etoile-La-Boutique/default.htm"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/making-graphics2.jpg" alt="Making Graphics" width="500" height="319" /></a></p><p><a rel="nofollow" href="http://dorianblack.co.uk/category/portfolio"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/making-graphics3.jpg" alt="Makgin Ad Graphics" width="500" height="342" /></a></p><p>This is the illustration based ad, for a personal stylist whose identity is very well depicted in it. The choice of imagery can vary depending on your personal likings also. The campaign should be creative, appealing and must show the true essence of brand.</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-74384532590105271832011-05-24T10:44:00.000-07:002011-05-25T01:46:31.701-07:00Brochure & Flyer Designing – Tips, Construction Techniques and Design Examples<h2 class="underLineTitle">The Theme and Structure</h2><p>Though graphic designing appears to be very glamorous but in real sense it is communication design. The intent and the theme must be very clear to the target audience. Using too many colors in a brochure might not be a good idea since the essence is direct communication. Use of two or three background colors with the highlighted imagery would be simple yet effective. Maintain a great flow throughout the brochure, use harmonized images or thorough repetition or create a balance. Though brochure is printed on a flat surface but create a proper grid on each panel. Give enough margin spaces to avoid clutter so viewer’s eye moves from one end to the other continuously and is able to read it properly.</p><p><a rel="nofollow" href="http://jaan-jaak.deviantart.com/art/Deep-Funk-Records-Brochure-88368600?q=boost%3Apopular+in%3Adesigns+Brochure&qo=141"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/deep-funk-brochure.jpg" alt="Deep Funk Brochure" width="540" /></a></p><p><a rel="nofollow" href="http://ideascreatingart.blogspot.com/2009/09/brochure-design.html"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/hotel-resort-brochure1.jpg" alt="Hotel Resort Brochure" width="540" height="414" /></a></p><p><a rel="nofollow" href="http://ideascreatingart.blogspot.com/2009/09/brochure-design.html"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/hotel-resort-brochure2.jpg" alt="Hotel Resort Brochure" width="540" /></a></p><h2 class="underLineTitle">Selection of Fonts</h2><p>Selection of fonts is very important. Bold fonts are used for headings, easily readable fonts for rest of the copy. Font sizes are also important, neither too small nor too large. Brochure should have the quality of being read quickly. Too much copy would deviate the attention of the reader. Use bold words in copy, short clichés would be appropriate. Using image captions is a good way. Don’t use text over images unless images are being used as watermarks. Tell the reader step by step what he has to do to contact. Never forget to use company’s brief introduction and contact details.</p><p><a rel="nofollow" href="http://www.onegirlcreative.com/brochures.htm"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/she-she-brochure1.jpg" alt="She-She Brochure" width="540" height="194" /></a></p><p><a rel="nofollow" href="http://www.onegirlcreative.com/brochures.htm"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/she-she-brochure2.jpg" alt="She-She Brochure" width="540" /></a></p><h2 class="underLineTitle">Imagery</h2><p>Imagery is the best communication. The viewer before reading the text goes through the images. This is the best part of a brochure. Use the images so appealing and communicative that they drive viewer’s brain to read the text also.</p><p><a rel="nofollow" href="http://brandzigners.deviantart.com/art/brochure-96405630?q=boost%3Apopular+in%3Adesigns+Brochure&qo=2"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/brochure-design1.jpg" alt="Professional Brochure Designs" class="whiteBrdr/" width="540" /></a></p><p><a rel="nofollow" href="http://picasaweb.google.com/lh/photo/FjElNmjfajIAYt7BzTOe3w"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/bangkok-triathlon-brochure-design.jpg" alt="Bangkok Triathlon Brochure" width="540" /></a></p><h2 class="underLineTitle">Cover</h2><p>Cover is the most fighting element in the market. It should scream take me, read me in the jungle of other covers. Minimal words and most vibrant imagery is the key to success. It does not mean it should be full of clutter but being simple it should have a shelf value.</p><p><a rel="nofollow" href="http://browse.deviantart.com/designs/?order=9&q=Brochure"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/encounter-brochure.jpg" alt="Encounter Brochure" width="540" height="299" /></a></p><p><a rel="nofollow" href="http://dino-wh.blogspot.com/2010/07/kopitiam-brochure-design-cover.html"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/Kopitiam-Brochure.jpg" alt="Brochure Design" width="540" height="764" /></a></p><p><a rel="nofollow" href="http://shierly85.deviantart.com/art/PETRA-Jombang-Cover-Brochure-115034690"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/petra-brochure-design.jpg" alt="Petra Brochure Design" width="540" height="708" /></a></p><h2 class="underLineTitle">Value for Future</h2><p>What elements does your brochure have so the viewer keeps it for his future reference. Is it its design or information or just because somebody liked it. Even if this is the reason atleast some time in life he might use it and contact the company. It should not be thrown in a bin or should be flown away by making an airplane of it.</p><p><a rel="nofollow" href="http://www.printcreate.com/12-creative-brochure-ideas/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/ozlab-brochure.jpg" alt="Ozlab Brochure" width="540" height="426" /></a></p><p>Use of cut outs increases the value.</p><p><a rel="nofollow" href="http://freestylemadness.com/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/popup-brochure.jpg" alt="Popup Brochure" width="400" height="350" /></a></p><p><a rel="nofollow" href="http://live-score-worldcup.com/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/popup-brochure2.jpg" alt="Popup Brochure" width="400" /></a></p><p>Pop out images can be an interesting way to increase the value.</p><p>On the other hand flyers are brief, simple single leaf or maybe with 2 or 3 folds. Flyers have less opportunities to be creative since they are made to reduce cost of printing and reaching out to larger masses. Same points have to be kept in mind for flyers/leaflets as discussed for brochures.</p><p><a rel="nofollow" href="http://www.behance.net/gallery/Brokenbeat/115903"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/flyer-design1.jpg" alt="Flyer Designs" class="whiteBrdr" width="540" height="885" /></a></p><p><a rel="nofollow" href="http://www.behance.net/gallery/Dia-D/405942"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/flyer-design2.jpg" alt="Flyer Designs" class="whiteBrdr" width="540" height="743" /></a></p><p><a rel="nofollow" href="http://www.behance.net/gallery/FAB-Scooter-Club-Flyers/438813"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/flyer-design3.jpg" alt="Flyer Designs" class="whiteBrdr" width="540" height="766" /></a></p><p><a rel="nofollow" href="http://www.behance.net/gallery/Flyer-for-Be-Hidden-Hidden-Sessions-3/142368"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/flyer-design4.jpg" alt="Flyer Designs" class="whiteBrdr" width="540" height="818" /></a></p><p><a rel="nofollow" href="http://www.behance.net/gallery/The-Bowery-Sheffield-Flyers-_-Posters/309438"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/flyer-design5.jpg" alt="Flyer Designs" class="whiteBrdr" width="540" height="754" /></a></p><h2 class="underLineTitle">Some Brochure Samples for Inspiration</h2><p><a rel="nofollow" href="http://brandzigners.deviantart.com/art/brochure-96405630?q=boost%3Apopular+in%3Adesigns+Brochure&qo=2"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/brochure-design1.jpg" alt="Professional Brochure Designs" class="whiteBrdr" width="540" /></a></p><p><a rel="nofollow" href="http://sherifshaaban.deviantart.com/art/Attitude-Brochure-85069502?q=boost%3Apopular+in%3Adesigns+Brochure&qo=23"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/brochure-design3.jpg" alt="Professional Brochure Designs" class="whiteBrdr" width="540" /></a></p><p><a rel="nofollow" href="http://brandzigners.deviantart.com/art/brochure-spa-96405733?q=boost%3Apopular+in%3Adesigns+Brochure&qo=43"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/brochure-design4.jpg" alt="Professional Brochure Designs" class="whiteBrdr" width="540" /></a></p><p><a rel="nofollow" href="http://sixfoothazel.deviantart.com/art/Brochure-Title-Page-49481253?q=boost%3Apopular+in%3Adesigns+Brochure&qo=52"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/brochure-design5.jpg" alt="Professional Brochure Designs" class="whiteBrdr" width="540" /></a></p><p><a rel="nofollow" href="http://jpdguzman.deviantart.com/art/Tri-fold-Brochure-Cover-92678573?q=boost%3Apopular+in%3Adesigns+Brochure&qo=54"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/brochure-design6.jpg" alt="Professional Brochure Designs" class="whiteBrdr" width="540" /></a></p><p><a rel="nofollow" href="http://cmattic.deviantart.com/art/Brochure-120338281?q=boost%3Apopular+in%3Adesigns+Brochure&qo=62"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/brochure-design7.jpg" alt="Professional Brochure Designs" class="whiteBrdr" width="540" /></a></p><p><a rel="nofollow" href="http://www.flickr.com/photos/23479573@N02/2257976418/sizes/m/in/photostream/"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/brochure-design8.jpg" alt="Professional Brochure Designs" class="whiteBrdr" width="540" /></a></p><p><a rel="nofollow" href="http://www.coroflot.com/public/image_file.asp?portfolio_id=3324445&individual_id=310168&s=0&v=4&a=5&t=0"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/brochure-design9.jpg" alt="Professional Brochure Designs" class="whiteBrdr" width="540" /></a></p><p><a rel="nofollow" href="http://clarissaschwarz.deviantart.com/art/Brochure-166645031"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/brochure-design10.jpg" alt="Professional Brochure Designs" class="whiteBrdr" width="540" /></a></p><p><a rel="nofollow" href="http://www.behance.net/gallery/Anchure-brochure/311047"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/brochure-design11.jpg" alt="Professional Brochure Designs" class="whiteBrdr" width="540" /></a></p><p><a rel="nofollow" href="http://www.behance.net/gallery/segnalibri/175169"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/brochure-design12.jpg" alt="Professional Brochure Designs" class="whiteBrdr" width="540" /></a></p><p><a rel="nofollow" href="http://www.sortdesign.co.uk/stpatricks.html"><img style="display: inline;" src="http://cdn.pelfusion.com/media/wp-content/uploads/2011/05/brochure-design13.jpg" alt="Professional Brochure Designs" class="whiteBrdr" width="540" /></a></p>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-2414437688568954611.post-26138116976490416262011-03-27T05:00:00.000-07:002011-09-29T01:59:13.611-07:00Link List<ul><li><span style="font-size: 180%;"><b><b><a href="http://truewilli.blogspot.com/">Truewilli</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://duniaonlinekamu.blogspot.com/">Dunia Online Kamu</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://inginbantu.blogspot.com/">Ingin Bantu</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://photoshop456.blogspot.com/">Photoshop456</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://pengetahuananda2.blogspot.com/">Pengetahua Anda</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://ratukalinyamat.blogspot.com/">Beauty and Beauty</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://solef63treadmillmodel2011.blogspot.com/">Sole F63</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://onlinterus.blogspot.com/">Online Terus</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://kebunalam.blogspot.com/">Kebun Alam</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://indofriend.blogspot.com/">Indo Friend</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://bluefriendz.blogspot.com/">Blue Friendz</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://talikutangku.blogspot.com/">Tali Kutangku</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://infofriendz.blogspot.com/">Info Friendz</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://info456.blogspot.com/">Info456</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://genuku.blogspot.com/">Genuku</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://bentengkaya.blogspot.com/">Benteng Kaya</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://juragankayaraya.blogspot.com/">Juragan Kaya Raya</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://ayoonlines.blogspot.com/">Ayo Onlines</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://jandabelia.blogspot.com/">Janda Belia</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://vittofriends.blogspot.com/">Vitto Friends</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://asiastarsup.blogspot.com/">Asia Star Up</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://sudahtaukah.blogspot.com/">Sudah Taukah </a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://bloggertrikz.blogspot.com/">Most Wanted</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://friendallstar.blogspot.com/">Friend All Star</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://friendzstar.com/">Friendz Star</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://mycheates.blogspot.com/">My Cheats</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://mycheatsdownload.blogspot.com/">My Cheats Download</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://taukahini.blogspot.com/">Taukah Ini</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://benarkahini.blogspot.com/">Benarkah Ini</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://www.friendz-star.tk/">Blog Bloggertrick</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><b><a href="http://www.friendz-radio.tk/">Friendz Radio</a></b></b></span></li>
<li><span style="font-size: 180%;"><b><a href="http://beautymostwanted.blogspot.com/">Beauty Mostwanted</a></b></span></li>
<li><span style="font-size: 180%;"><b><a href="http://worldbeautypageantsupdate.blogspot.com/">World Beauty Pageants Update</a></b></span></li>
<li><span style="font-size: 180%;"><b><a href="http://www.suryacip.com/">Surya Cip</a> </b></span></li>
</ul>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2414437688568954611.post-68215954545930424122010-08-23T14:32:00.000-07:002011-08-23T14:36:54.077-07:00Contact Us<center><style type="text/css">
.focus { background: #FEF1C1; }.class123-label { font-family: Verdana; font-size: small; color: #000000;}.class123-sidebyside { float:left; margin:0 5px 0 0;}.class123-twocol { float:left; width:45%; margin:0 5px 0 0;}.class123-threecol { float:left; width:30%; margin:0 5px 0 0;}.class123-likert_style_li { display:inline-block; vertical-align:middle; text-align:center; top:0px; padding:2px; width:64px; height:50px; margin:0px; margin-right:1px; margin-bottom:1px; font:11px/18px verdana; background:#ddd; zoom:1; *display:inline; }.class123-likert_style_li2 { display:inline-block; vertical-align:middle; text-align:center; top:0px; padding:2px; width:64px; height:50px; margin:0px; margin-right:1px; margin-bottom:0px; font:12px/18px verdana; background:#fff; zoom:1; *display:inline; border-top:1px solid #ddd; }.fontbold { font-weight: bold; }.fontitalic { font-style: italic; }.requiredspan { font-family: Verdana; font-size:10px; color:#f00; }
</style> <script type="text/javascript">
<!-- function InputActions(field,id) {var i=1;var lid="none";for (i=1;i<=100;i++) { lid='row'+i;lidsec='rowsec'+i;if (document.getElementById(lid) != null){if(lid==id{document.getElementById(lid).className='focus';if (document.getElementById(lidsec) != null)document.getElementById(lidsec).className='focus';}else {document.getElementById(lid).className='';if (document.getElementById(lidsec) != null)document.getElementById(lidsec).className=''; }}} } //-->
</script><form action="http://www.123contactform.com/contact-form-vittofriend-174473.html" class="form" enctype="multipart/form-data" method="post"><br />
<input name="action" type="hidden" value="verify" /><br />
<table cellpadding="4" style="min-width: 250px;"><tbody>
<tr id="row1"><td style="text-align: left;" valign="top"><br />
<label class="class123-label" for="id123-control969108" id="id123-title969108">Name</label><span class="requiredspan customspan" title="Required field">*</span></td><td align="left"><input id="id123-control969108" name="control969108" onchange=" " onclick="InputActions(this,'row1');" onkeyup="InputActions(this,'row1');" size="20" type="text" value="" /></td></tr>
<tr id="row2"><td style="text-align: left;" valign="top"><br />
<label class="class123-label" for="id123-control969109" id="id123-title969109">Email</label><span class="requiredspan customspan" title="Required field">*</span></td><td align="left"><input id="id123-control969109" name="control969109" onchange=" " onclick="InputActions(this,'row2');" onkeyup="InputActions(this,'row2');" size="20" type="text" value="" /></td></tr>
<tr id="row3"><td style="text-align: left;" valign="top"><br />
<label class="class123-label" for="id123-control969110" id="id123-title969110">Subject</label><span class="requiredspan customspan" title="Required field">*</span></td><td align="left"><input id="id123-control969110" name="control969110" onchange=" " onclick="InputActions(this,'row3');" onkeyup="InputActions(this,'row3');" size="20" type="text" value="" /></td></tr>
<tr id="row4"><td style="text-align: left;" valign="top"><br />
<label class="class123-label" for="id123-control969111" id="id123-title969111">Message</label><span class="requiredspan customspan" title="Required field">*</span></td><td align="left"><textarea cols="35" id="id123-control969111" name="control969111" onchange=" " onclick="InputActions(this,'row4');" onkeyup="InputActions(this,'row4');" rows="7"></textarea></td></tr>
<tr id="row5"><td style="text-align: left;" valign="top"><label class="class123-label" for="id123-captcha" id="verifno">Verification No.:</label><span class="requiredspan customspan" title="Required field">*</span></td><td align="left" valign="top"><input id="id123-captcha" name="txtNumber" onclick="InputActions(this,'row5');" onkeyup="InputActions(this,'row5');" size="16" type="text" value="" /></td></tr>
<tr><td align="right"><a href="http://www.123contactform.com/faq.html#q1" title="Don't know why you have to enter this verification number? Click here!"><img alt="contact form faq" border="0" src="http://www.123contactform.com/img/help_icon.gif" /></a></td> <td align="left"><img alt="verification image" src="http://www.123contactform.com/random.php" /></td></tr>
<tr><td></td><td align="left"><input class="class123-button" id="id123-button-send" type="submit" value="Send email" /></td></tr>
</tbody></table><div style="display: none; height: 1px; visibility: hidden;"><br />
<input name="email" type="text" /></div><input name="usage" type="hidden" value="e" /></form><br />
</center>Unknownnoreply@blogger.com0