background preloader

25 tutorials to build up your design skills - Designer Blog Designer Blog

25 tutorials to build up your design skills - Designer Blog Designer Blog
One of the best ways to improve and build upon your design skills is by using tutorials — short, instructional guides that teach techniques so you can craft great designs. We’ve collected 25 of our favorite tutorials from across the web to help you practice your skills. These skills include: Programs: Adobe Photoshop, Illustrator, InDesignLogo, Web, App, Icons, Print and Packaging, TshirtTypography, Grids, 3-D, Opacity, Gradients, Masks, Patterns, Layout, Color Management, Brushes, Meshes, Textures, Bleeds and Margins, and more. Logo Create Isometric Grid-Based 3D Lettering Programs: IllustratorLevel: IntermediateSkills: Typography, Grids, Creating 3D Objects Simple Organic Shapes the Illustrator Way Programs: IllustratorLevel: BeginnerSkills: Opacity, Duplication, Masks Creating a Crazy Cool Logo Programs: IllustratorLevel: IntermediateSkills: Typography, Shading, Gradient, Transformations Create a Clean Retro Badge in Adobe Illustrator Web Watercolored Design Studio Blog Layout App Icon Print

Clean Up Your Mess - A Guide to Visual Design for Everyone Tutorial Lounge | Learn step by step! Photoshop 30 Christmas Holiday PSD & AI Flyer Templates The success of any event, being it a show, a sale, a party or a simple get-together, often depends on how well you can promote it. These flyers are diverse and eye-catching examples of promotional materials created for events that take place during the holiday season. 45 CV Resume Templates That Will Get You Hired You could make your resume in Microsoft word. 24 Really Cool Photoshop Actions To Enhance Photography Photoshop actions are the best — they save time and make you more productive during post-processing. 110 Free PSD Web Design Elements Looking for some nice and high-quality web design elements? 80 Helpful Photoshop & Illustrator Icon Design Tutorials In this article we have gathered 80 Best Photoshop & Illustrator Icon Design Tutorials that will teach you the techniques you will need for designing your own icons using mainly Photoshop & Illustrator. 80 Random Best Photoshop Brushes 100 Adobe Photoshop Wallpaper Tutorials

60+ Creative Photoshop Text Effect Tutorials The use of text effect is a very crucial aspect of designing no matter what you are designing a logo or a banner. Beautiful text effects always attract onlookers’ attention and deliver the message in a better way. In this post, we are featuring some very useful and creative Photoshop text effect tutorials that will guide you step by step on how to create visually alluring and appealing text effects using Photoshop. It is the time to see for yourself how easy these tutorials are to follow. Enjoy! Smooth Glass Type Design a Golden Flame Text Effect in Photoshop How to Create an Ice Text Effect with Photoshop Create Smoke Text Ridiculously Realistic Scorching Fire Effect! Colorful Plexi Text Effect Floral 3D Text Effect Create a Spectacular Grass Text Effect in Photoshop Advanced Glow Effects Create Colorful Ornamental Text Swirl Text Logo Create a Spectacular Flaming Meteor Effect on Text Colorful Light Burst Text Design a Skin-Textured Typography Scene Incredible Typographic Illustration Bling Bling text

Live Case Study: The case of 300,000 pages and counting. | The Man Who Sold the Web Blog This is my first live case study. In this case study, I will build and grow an autoscale, autopilot, value-add site from scratch. The purpose of this case study is to demonstrate techniques in real time. With the exception of coding the initial site (these activities are tabulated under day 0), everything is done in real time, including domain registration. The subject of this case study will be a a niche jobs search site, built off the Indeed API. Indeed.com is an established jobs search engine of US-based job opportunities. Our niche job search site will focus on clerical jobs. Now, how does the autoscale work? First, upon launch, the site will have 300,000 pages. The US has about 40,000 active zip codes. That’s just the starting point. Now, let’s put down some goals for this site that we can measure against. Create a massive, autoscaling site via an API. Instead of adding more goals, I’ve decided to just track the key milestones achieved so far: Site indexed by Google in 1 day. dave

80 Best-Of Adobe Illustrator Tutorials, Brushes, .EPSs and Resources Jan 18 2009 For months, we have been bookmarking interesting, useful and creative Adobe Illustrator tutorials and Resources, so you can now rest assured that you will have the necessary tools to get the job done. Due to this phenomenally vast amount of vector packs, brushes, patterns available, you can now add dirt, rust, floral effect, swirls, mold, oil stains in your artwork and to give it any look you want. So in today’s post, you’ll find an assortment of top-notch tutorials, brushes, patterns, vector packs, tips & tricks and .EPS downloadable files that others have freely contributed to the design community. To make your job a little bit easier, we have categorized this post into 6 section, the links below will get you to your desired section. Adobe Illustrator Tutorials - Create a Gang of Vector Ninjas - Logo Design Project Step by Step Walkthrough Follow this step by step documentation of the whole process of the logo design from conception to completion. - Master Painting in Illustrator

How To Slice The CleanPortfolio Psd Layout This tutorial will teach you how to slice the CleantPortfolio psd layout. This template has been published some days ago on another photoshop tutorial. Your web site design is now finished. But this result is only a simple picture you cannot update to change or to add actions. It is the reason you need now to cut it off in several graphical parts, one for the icons, one to illustrate the buttons etc…. These graphical parts will be added to your HTML web site pages using CSS proprieties, even you are going to create a web site with HTML5/CSS, CSS proprieties are going to take place of several pictures (internal shadow, shadow, gradient etc…). Step 1 Creation of HTML file It is time now to enter into the HTML part of this tutorial. Step 2 Basic tags Step 3 First HTML5 tag Code back to the code source located in your index.html file, drop some lines between the tags. Step 4 The Top Enter now into the high import step of the subject. Step 5 The links Step 6 The searchengine Step 7 Block dark grey

Playing with Displace Filter in Photoshop I have been playing a lot with the Displace filter in Photoshop and I still get impressed with how powerful it is. Even though I have written some tutorials using it, I decided to try to recreate a different effect that I saw in one of the images submitted for the Daily Inspiration. It was a brick wall deformed like it was made of cloth. So in this tutorial, or a quick-tips I will show you how to create a curtain made of bricks or how to deform a brick wall as it was a curtain. To do that we wil use a few stock photos, layer adjustments and the Displace filter in Photoshop CS5. Step 1 Open Photoshop and create a new document. Step 2 Let's import another image, now of a girl opening the curtains. Step 3 With the Lasso Tool (L) or the Pen Tool (P) select the empty white. Step 5 Now select the hands/arms of the girl and the curtains. Step 6 Move the brick wall layer so it will be in front of the girl layer. Step 7 Go to Layer>Layer Mask>Hide Selection. Step 8 Step 9 Step 10 Step 11 Step 12 Step 13

The Worst Bad, Ugly & Horrible Logo Designs Sponsor- – Logo design in today’s world is totally under rated. People do not understand how important a good logo is and how valuable it is to their business and this is why I am highlighting some of the worst logo designs out there. By outlining these bad logo designs (in my opinion) I hope to raise awareness of how important it is to have a strong brand & identity for your business or product. If you are after examples of high quality logos be sure to check out some logo design inspiration galleries. Further suggested reading: What was your favourite ugly / bad / horrible / phallic logo design? Sources: ArtistMike | YourLogoMakesMeBarf | WebDesignIdeas

33 Websites to Find Photoshop Tutorials Online Details Category: Graphic Tutorials Hits: 7571 Photoshop is probably the most used image creation and manipulation tool in modern design, There are hundreds of sites in the web including graphic design that provide learning materials in using Photoshop. This post rounds up the best places online to find high quality tutorials help you learn Photoshop, Some are tutorial syndication sites, some are designs news sites, some are blogs here you can sharpen and expand your toolset and hopefully allow you to create some amazing work. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. Multimedia Détourage d'une image 3. Sélection par Plage de Couleurs Devant l'enthousiasme général déclenché par les deux épisodes précédents, voici le troisième volet de la saga "Détourage d'une image". Aujourd'hui, la sélection par plage de couleurs. Cette méthode est efficace dans le cas d'images à détourer se détachant sur un fond de couleur différente, comme cet oiseau par exemple. La sélection par plage de couleur, permettra de sélectionner le ciel bleu en une seule opération, tout en conservant le joli petit oiseau sur son arbre. Dans le menu choisissez Selection / Plage de couleurs. Le curseur pour la tolérance vous permettra de régler l'étendue de la plage de couleur sélectionnée. Résultat avec une tolérance à 180. pour sélectionner votre plage de couleur, utilisez la pipette pour cliquer sur une partie de l'image contenant la couleur à sélectionner. Dans ce mode de prévisualisation, tout ce qui est en rouge dans l'image représente la partie de l'image qui sera conservée. Validez votre choix.

Separating Complex Objects from Background Welcome to PhotoshopStar.com! If you find this site useful, you might want to subscribe to our free newsletter for updates on our new Photoshop Tutorials and Articles. You can find a lot of tutorials how to separate complex objects from the background. But I would like to invite your attention to another one unique simple tutorial how to achieve the desired effect in just a few steps. In the beginning you should find some appropriate picture to work with. Apply Filter > Extract with similar settings to these: This is where we start to extract the image first of all zoom into the image with Zoom Tool so you can clearly see the outline and set the brush size to a suitable size and then simply draw around the outline of the woman’s hairstyle with Edge Highlighter Tool. After that create a new layer under and fill it with color of #aed2da. Now we can see that we have some defects on woman’s hair. Reduce brush size to 25 pixels and process areas where you can see visible defects.

45 Free eBooks for Developers and Designers | Speckyboy Design Magazine Over the past year or so we have published several articles featuring a selection of the best free ebooks for web designers, with each post proving very popular and highly resourceful. Sadly, since then some of the fantastic ebooks we previously featured are no longer available or are no longer been offered as a freebie. But looking on the positive side many new web design ebooks have been released and, as you will see within this post, there are also a few ebooks, recommended by our readers, which we missed in those previous articles. Just as we did with the previous posts we have not offered a critique of each book only a description of the content, as we feel that if someone spends so much valuable time writing an entire specialized book and then offer it for free, in our eyes they deserve only praise and appreciation. All of the 45 books in this post are completely FREE and can be either downloaded in digital format (PDF) or viewed as a web page (HTML). Better CSS Font Stacks →PDF →

Related: