background preloader

20 Stunning Photoshop Tutorials Every Designer Needs » Photoshop, Resources » Design Festival

20 Stunning Photoshop Tutorials Every Designer Needs » Photoshop, Resources » Design Festival
Photoshop tutorials are everywhere, but good Photoshop tutorials can be hard to find. Designers often have trouble finding enough time to design the many projects that come across their desks, which means they are usually short on the time needed to search for excellent tutorials to improve their skills. The goal of the following collection is to provide a shortcut to twenty tutorials that are worth your time. Keep exploring, though, and let me know about others that you have enjoyed! This roundup starts with the beautiful interesting stuff. If the first tutorials are over your head, however, skip down to number sixteen for some basic photo editing techniques that should be in anyone’s bag of tricks. My first reaction to any image that I admire is: “I can’t make that.” The image-in-smoke effect is another effect that was out of my league. Why is such a simple effect put down as number three? I’ll be honest. Simple to do, impressive to look at. Grunge. Graffiti is art. This looks good.

40 Awesome Illustrator Tutorials In this roundup we have showcased some of the creative illustrator tutorials from 2011. These include typography, character design, poster design, logo design, portrait design and many more. Enjoy!! Artistic Printing Inspiration in Illustrator and Photoshop Create a Lava Island Scenario in Illustrator Vintage Badge in Illustrator and Photoshop Create a Hellboy Poster in Illustrator Create a Jar Illustration and Splashy, Purple Text Effect Create an Adorable Puppy with Negative Space and the Paintbrush Tool How To Create a Grumpy Troll Character in Illustrator Create a Sparkly Female Portrait in Illustrator Create a Vibrant Abstract Vector Design Illustrator How To Create a Retro Badge/Emblem Style Logo How To Create a Colorful Abstract Poster in Illustrator How To Create an Intricate Vector Heart Illustration Create a Chalkboard Type Treatment Create a Vector Chopper with Illustrator CS5 and VectorScribe How to Create a Retro Style Textured Logo Creating an Illustrative Monogram Vintage vector textures

Dynamic Views: seven new ways to share your blog with the world As we said a few weeks ago when we launched a completely rebuilt, streamlined authoring and editing experience, we’re in the process of bringing you a much improved and modernized Blogger. The next phase of these updates starts today with seven new ways to display your blog, called Dynamic Views. Built with the latest in web technology (AJAX, HTML5 and CSS3), Dynamic Views is a unique browsing experience that will inspire your readers to explore your blog in new ways. The interactive layouts make it easier for readers to enjoy and discover your posts, loading 40 percent faster than traditional templates and bringing older entries to the surface so they seem fresh again. Dynamic Views is much more than just new templates. No two blogs are the same, so you can choose from seven different views that display text and photos differently. Adding a Dynamic View to your blog is as easy as changing your template. Update: Dynamic Views are now customizable!

50 Illustrator Tutorials Every Designer Should See | Blog.SpoonGraphics Adobe Illustrator can be a little tricky to get your head around, particularly after getting used to the workflow of applications such as Photoshop. The differences between layer use and the creation of objects and shapes can be really strange at first hand. Luckily there’s a range of help available for free online in the form of tutorials. Here is my collection of hand-picked articles from various sites that every designer should see, whether you’re a beginner or advanced user, there will be something here for you! Vector Tracing a Photo Create the Photoshop CS2 Splash Graphic Illustrating a Summer Field Landscape How to Turn Glasses into a Great Geek Icon Create a Vector Film Slate Icon A Guide to Illustrator’s Paintbrush Tool and Brush Panel A Guide to Illustrator’s Blend Tool How to Create a Cute Bunny Vector Character Design with Swirls and Flourishes Swirl Mania in Illustrator and Photoshop Designing a Sleek Pencil Icon Illustrator Watercolour Brush Tutorial Creating a Vector Folder Icon

Achieving a Vintage Look Through Color Tones in Photoshop CS by Guest Contributor Anna Gay Photographers are often striving for a “vintage” look in their photos, and even though there are endless ways of achieving a vintage look, there are a couple of characteristics to keep in mind. First of all, the color tones in a vintage photo often lean towards either a blue or a red hue, or a cross-processed look. Vintage photos also have an element of noise or grain that can be achieved through textures, and also a certain amount of vignetting around the edges of the photo. In this tutorial, we will look at adjusting color tones and adding vignettes. This photo is the result of adjusting the color curves, adding two vignettes, and a color fill, which we will walk through step-by-step. First, open your photo in Photoshop and make sure your foreground color is set to white in your side tool bar. You will see the above dialogue box. As you can see here, there should be three layers – your Background image, then your two gradient layers.

Outstanding Text Effects Tutorials in Illustrator Jul 22 2011 Adobe Illustrator is a powerful tool that you can create fluffy, vague, sparkling, gelatinous, glossy, glittery, retro and revolutionary effects with. Creating a particular text effect in Illustrator is not that difficult now; thanks to the availability of huge number of tutorials that guide you through each step. Here we have gathered a collection of around 50 amazingly helpful tutorials that let you create breathtaking typographic effects in Illustrator. Text Effects in Illustrator Create a Poster Theme Illustration in IllustratorThis following tutorial lets you create beautiful poster theme illustrations simply, using Adobe Illustrator. How to Create a Neon Text Effect Using Adobe IllustratorCreate appealing and tempting neon text effects by using Gradient Mesh, 3D Modeling, Art Brushes and Transparency palette. How to Create Colorful Neon Text with Adobe IllustratorThis tutorial teaches you some quick tips on how to create a colorful neon text effect. (rb)

4 Small Business Web Design Blunders 4 Small Business Web Design Blunders Posted by Nathan Yerian on Tue, Apr 10, 2012 The perfect website. Every company wants one. In this article, I’m not going to tell you what to do. I’m going to tell you what not to do. Blunder #1) Building a website that doesn't engage your target market This blunder is a tragic one. As a result, they end up building a website that is focused around their business instead of around their customer. Ask these questions to assess your site from the different persona’s point of view: - Do I respect this site? In an attention-based economy, it’s vital that your site is a useful resource for your visitors. Blunder #2) Not including calls to action I’ll break it to you gently: the calls to action on your website have nothing to do with someone clicking your "contact us" link. Jakob Nielsen's classic study on how visitors view websites reveals that most visitors are going to scan your pages in a roughly “F-shaped” pattern. Blunder #3) Outdated and stale content

50 Excellent Adobe Illustrator Video Tutorials | Tutorials Advertisement Adobe Illustrator is the industry-standard when it comes to the creation of vector graphics. Though a very robust tool – the learning curve involved in mastering it can be high. Thankfully, there are abundant resources on the web that allows you to “learn by doing”. Video tutorials (in general) enable the learner to witness – step-by-step – how a particular technique works. In this article, we present to you 50 excellent Adobe Illustrator video tutorials. So fire up Illustrator, watch a few of these videos, and hopefully you will have learned a tip or two by the end of your adventures into these Illustrator video tutorials! General Tips and Techniques Patterns and Shapes in Adobe Illustrator This tutorial is based on an advertisement that uses patterns and shapes to create a unique design effect. Importing and Manipulating Images in Illustrator Learn the concepts of importing and manipulating external images in Illustrator. Creating Objects Effects

Text Effects Tutorials It’s been a while for my last post here in my blog, but today i collect the newest and Amazing for June 2011. You can check them all and try it for your self. This list of tutorial is very easy to do you just need to follow and have some time to practice your photoshop skills. Share it Guys! Here are the Latest Photoshop Text Effects Tutorial for June 2011 This tutorial will show you how to use and layer styles to create an awesome colorful retro text effect. Amazing Latest Photoshop Text Effects Tutorial for June 2011 In this tutorial you will learn how to construct a piece of typography in a cute , in Photoshop. This tutorial will explain how to step by step, and will guide you through the many details involved in creating the final result. This is photoshop tutorial, about “ ”. This is Part 2 of this tutorial. This will explain how to use the layer styles to achieve a , and how to create a nice glossy stroke to add more depth to the final effect.

Creative Web Source Files as A Dose For Designers digg Success of your online business greatly depends upon the effectiveness of your design. So, creativity in your design is like your goodness in one’s good book. It’s not of the treat because all these professional UI elements are absolutely free for both personal and commercial use (read author agreement before use, because we’re not owner of these stuff) to make your design creative and eye-catching. Graphite WordPress Template 1.1 Surface iPhone UI Kit FL Studio Mobile Envelope Product box Open Book Mockup Wedding Site Template HTML5 Coming Soon Template Fuelbrand1 Cut Tiny Icons iPad and iPhone icons Clean and Sexy Form Elements Tutorial Thumbnail PSD Simple APP Login Box Download Box Dark pop-up menus Snow UI Kit Gallery States Basal Icons Circle Social Media Icons Sign Up Envelope Subtle Progress Bar Open Sign Mush Icons Dark Mysterious Web Elements 3D Layered Button Profile Tooltip Tweet Badge Solid UI Kit Header & Navigation Pack Massive Web Button and UI Set Textured Alerts Buy Now Button UI User Profile

10 Powerful jQuery Media Plugins to Charm Your Visitors There is a well-known idiomatic expression saying that ‘content is a king’. We assume that soon it can be transformed to something similar to this one – ‘video content is an emperor’. Web experts and SEO gurus convey that video content soon will overtake the web audience totally not leaving any chance to other types of media information. It is hard to estimate the current situation of the image content – video content antagonism because there is no valid and objective web content analytic tool. Flare Video Flare Video plugin allows to implement HTML5 video with Flash fallbackinto web pages. jPlayer jPlayer is ope-source media library written in JavaScript. Projekktor Yet another awesome jQuery media player that has unified Javascript API, Youtube HTML5 support, Fullscreen mode, Flash fallback etc. Tubular jQuery Plugin Tubular sets up a YouTube video as the background on your web page. FitVidsJS FitVidJS is a lightweight jQuery plugin for fluid width video embeds. YouTube Channel Playlist

30+ Fresh & Useful Adobe Illustrator Tutorials & Neat Tips | Noupe Apr 01 2009 Adobe Illustrator is a powerful tool for illustrating various elements one can use for web pages and print design. However, it’s important to know what to do in order to powerfully use its tools and achieve certain effects. So, step-by-step tutorials can provide a lot of help, thats why we spent a lot of time searching for Fresh and New high quality tutorials out there and the result was 30 remarkable illustrator tutorials and tips. Gradient Strokes A quick tutorial about how to create gradient strokes. Visit Tutorial How to Create Vector Clouds with the Gradient Mesh Tool Create impressionistic, infinitely-scalable vector clouds with the Gradient Mesh tool. Visit Tutorial Design amazing mosaic effects This tutorial shows how to create a cool look using Illustrator’s Symbols and Global Colors. Visit Tutorial The Making of Abe The Making of Abe, The Are My Sites Up Mascot. Visit Tutorial Logo Design Process and Walkthrough for Vivid Ways Visit Tutorial Bling Bling Text Effect Homepage

Web Accessibility for Designers The focus of web accessibility is often on web development – the things that happen in HTML, CSS, or JavaScript after a site has been designed visually. Optimal accessibility should start much earlier, as part of the visual design process. We have created an infographic that highlights a few important principles of accessible design. Text Version Plan Heading Structure Early Ensure all content and design fits into a logical heading structure. Consider Reading Order The reading order should be the same as the visual order. Provide Good Contrast Be especially careful with light shades of gray, orange, and yellow. Use True Text Whenever Possible True text enlarges better, loads faster, and is easier to translate. Watch the Use of CAPS All caps can be difficult to read and can be read incorrectly by screen readers. Use Adequate Font Size Font size can vary based on the font chosen, but 10 point is usually a minimum. Remember Line Length Don't make it too long or too short. Design Link Focus Indicators

12 Annoying Things About Your Website That Drive People Away Posted by Shelly Kramer on June 21, 2012 · 51 Comments How many times have you visited a website and ended up sorely disappointed? Or worse, annoyed as all get out? For me, the answer is an easy one: a lot! So, I put together a list of the 12 things that annoy me the most about websites. Let’s see… 12. Music blares the minute I visit your site. 11. Your “awesome” Flash website takes forever to load and then blasts me with all these neat-o visuals that require me to twiddle my thumbs and waste precious time. 10. Pop-up ads (and that’s what they are) make me want to kill you. 9. [Cue scream here.] 8. Sure, I have a lot of patience and free time. 7. Websites that don’t tell me what you do, why I need what you do, and what it’s gonna cost me are downright ineffective. 6. Contact pages that make us feel like Alice in Wonderland? 5. Black backgrounds and white or grey type are nearly IMPOSSIBLE to read. 4. Fonts that are too small can be remedied by a surfer; I’ll give you that. 3. 2. 1.

25 Tutorials for Using Illustrator and Photoshop Together for Outstanding Results Photoshop and Illustrator are two of the most indispensable tools for web and graphic designers. For those of us who are always looking to learn more and improve skills, there are plenty of great tutorials out there for each of these programs. Most designers feel a bit more comfortable in one over the other as a result of more experience or better understanding. In this post we’ll feature 25 of the best tutorials that utilize both Illustrator and Photoshop to create amazing results. Looking for hosting?