background preloader

Vector Polishing Techniques

Vector Polishing Techniques
Someone emailed me and asked how did I do the illustration background on Next2Friends. It inspired me to write this article. He asked "Did I do it in Photoshop or Illustrator?" Well, it is a mixture of both. Why do I need to polish the vector art? Vector artworks are usually very flat, dull, and lack visual effects due to software limitations; thus they look very boring. Technique 1: Lens Flare Effect First technique, let's start with one of my recent work on Next2Friends. I assume you have the vector artwork ready and you want to add a lens flare layer on top. If you want the lens flare to focus on specify area only, you can delete the unwanted area. Sometime just the Lens Flare filter alone is not good enough. Technique 2: Colorful and Dusty Effect This is one of my common styles that can be found in most of my design work. Use the Radial Gradient tool, randomly draw some soft edge glows on a layer and set the layer blending mode to Dissolve. Technique 3: Rainbow Technique 5: Particles

Tag "Illustrator" on Smashing Magazine Create incredible B-movie poster art - Tutorials Prepare to shock! Terrify! Amaze! Mark Mayers demonstrates how to recreate the shlock B-movie posters of cinema’s golden age. This spoof movie poster design is a simple but effective way of tackling those graphics challenges where there seem to be too many thoughts to fit in: it enables the designer to combine slogans and other textual elements with the bare bones of a storyline and striking images, all bound up in an iconic format that everybody will recognize. Of course, it doesn’t have to be the classic 1950s B-movie style that you adopt – the entirety of cinematic history is at your disposal. In this tutorial, Mark Mayer shows you how to combine 3D renders with stylized photography, text and smoke to capture all the camp horror of an alien invasion. Step 1Open City_render.png from this month’s cover CD in Photoshop. Step 2To fix any flaws on the render, create a new layer and make selections from your Alpha channels by holding down Cmd/Ctrl and clicking them.

Design Process of Koi Illustration It has been a while since the last time I've done any illustration work. Recently I've created a new awesome piece that I would like to share with you. It is a koi fish illustration inspired by my tattoo. Read this post to find out more about my tattoo and see how I created the koi fish illustration based on my tattoo. Final Illustration Preview About My Tattoo Artist - Daemon Rowanchilde I always wanted to get a tattoo ever since I was a kid. Tattoo Research Then I spent couple days on researching tattoo design. According to Japanese legend, if a koi succeeded in climbing the falls at a point called Dragon Gate on the Yellow River, it would be transformed into a dragon. — wiki.answers.com Tattoo Sketch Below are some of my concept sketches. I asked Daemon to incorporate his art into my design and he did this design which was used as the tattoo stencil. Finished Tattoo The tattoo took 2 painful sessions to complete (6 hours each). Illustration Sketch Tracing Coloring Texturizing Inspiration

The science behind fonts (and how they make you feel) I’ve noticed how seemingly small things like font and the spacing between letters can impact how I feel when reading online. The right font choice along with the absence of sidebars and popups makes everything feel easier and better to read. Websites like Medium, Signal vs. Just look at the difference between Medium and Cracked: Exhibit A) Medium.com Exhibit B) Cracked.com When you compare the two, it’s obvious which one makes you feel like crud. The Cracked layout is painful to look at. After experimenting with how we display content on the ooomf blog, I discovered there’s an element of science behind why we feel this way toward certain typefaces and layouts. How we read When we read, our eyes follow a natural pattern called a Scan Path. We break sentences up into scans (saccades) and pauses (fixations). Your eyes typically move across a page for between 7-9 letters before needing to pause to process what you’re reading. So why does this matter? Why the right font layout makes you feel good 1.

125+ Ultimate Round-Up of Illustrator Tutorials | Showcases When it comes to web and graphic design, Adobe Illustrator is usually the primary option to consider. However, the software package itself is a quite hard to learn — and extremely hard to master. Why I need to look any Illustrator tutorial? It’s been months, since we have been Rounding-Up interesting, useful and creative Illustrator Tutorials which can help you to create great designs. Creativity means a lot in any kind of presentation. You may be interested in the following related articles as well. Feel free to join us and you are always welcome to share your thoughts that our readers may find helpful. Don’t forget to and follow us on Twitter — for recent updates. Tutorials about Illustrator 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17. 18. Character Related Tutorials 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. Page Layout Related Tutorial 32. 33. 34. Lines, Shapes, Charts or Graph Related Tutorial 35. 36. 37. 38. 39. 40. 41. 42. 3D Charts in Adobe Illustrator CS

Design Gallery, Deals, Tutorials & Community Illustrator's Live Trace: Sketch to Vector Advertisement In this post we will take a drawn design, scan it and clean it up in Photoshop, then trace it using the Live Trace feature in Adobe Illustrator. Live Trace was introduced in Adobe Illustrator CS2 but is still a powerful tool available in Illustrator CS5. This process really gives an artist the freedom to digitally experiment with drawings of any kind. The vector art it produces can be used in numerous ways and is easily customized. My motivation for trying this was originally to make a “growing vine”-type animation in Adobe After Effects. Scan and Clean Up Scan your sketch and bring the image into Adobe Photoshop. Cleaning up the image is important for getting a good trace in Illustrator. Go to Select -> Color Range: Use the Eyedropper Tool to click on your image and to sample the colors you want included. Add to Sample and Subtract from Sample: Use these Eyedropper Tools (to the right of the main Eyedropper Tool) to select or take away from the preview image. Touch-Ups

Create a 3D Text Effect Using Photoshop Layer Styles Photoshop layer styles are the first tool beginners learn to enhance text effects. In this tutorial I’m going to show you how powerful and flexible this tool is. We will go beyond the overused gradient overlay and 1px stroke effects. We will use patterns and some useful tricks to create a 3D text effect! Preview: Click to enlarge Close-up For Mac users: ctrl=cmd Step 1 Create a new document in Photoshop. I want to create a grunge background for the text. Today, I will use a pattern. Step 2 Create a new layer, set black as the foreground color, grab a large soft brush with hardness 0% and gently paint over the edges of the canvas. Step 3 We need a bold font with keen forms/edges. Step 4 From the layers window, right-click on the text layer and select Blending options. The first thing to do is add a gradient overlay going from a dark purple (#700760) to a lighter one (#b827a2), just to give it some color. Now select Satin, set its blending mode to overlay to add a glowing effect to the text: Step 5

Back-to-School With 40 Excellent Adobe Illustrator Tutorials Advertisement Learning is a process which continues throughout the life of an artist, graphic designer, and illustrator. Along the way, designers find the task of mastering Adobe Illustrator a large obstacle which requires practice and experience in using the vector-based application. Practice comes in the form of tutorials, which offer tips, tricks, and artistic styles from other designers who have mastered certain techniques based on their experience. From these tutorials, a designer can polish their skillsets on a variety of topics which will strengthen their own artwork. This post presents 40 excellent simple to complex Illustrator tutorials and presents the overall techniques of each tutorial, summarized in a brief overview. Illustrator Tutorials Gradient Mesh Bell Pepper Tutorial Use multiple smaller Meshes to create a realistic objectLearn to use the Eyedropper Tool (I) to sample colors from a reference photo How to create a Television Icon Illustrate a Malevolent Skull in 8 Steps

50 Stunning Photoshop Text Effect Tutorials - Smashing Magazine Photoshop’s text and layer tools can be used to create some really awesome effects. We’ve put together a list of 60 of the best tutorials we could find to help you stay up to date on the latest trends and techniques. You’ll find some really cool grunge and glass styles (plus a few surprises!) and learn how some of the best designers create their unique effects. Courtesy: LemonDesign1 Instead of listing 100 plus tutorials that you’ll bookmark never to come back, we’ve decided to take you through the basics of typography, hopefully inspiring and then teaching you. You may want to take a look at the following related posts: Introduction to Typography Link Typography is the art of arranging type, designing type, and modifying type glyphs. Here are some resources to give you further insight: The Wisest Mind Has Something Yet to Learn Link And we, too, never stop being inspired, learning and creating: How to Choose the Right Type Link Guess if you can, choose if you dare. Resources to Live by Link

Related: