background preloader

Retro Badge/Emblem Style Logo

Retro Badge/Emblem Style Logo
The retro style badge/emblem of logos is a hot trend at the moment, and it’s no surprise why – They’re super cool! We’ve already looked at a showcase of retro and vintage style logos based on circular motifs, now let’s build our own. We’ll put the basic structure together in Illustrator, then give it that aged vintage appearance with some finishing touches in Photoshop. The logo we’ll be creating is for the totally fictional Powerhouse Gym (although I wouldn’t be surprised if there was a gym somewhere with this name!). It combines many of the typical traits of this retro/vintage theme with alternating rings of black and white as well as fine details such as the stars and dots. The text and tagline follow the circumference of the circle while the icon sits bang in the centre and gives visual feedback as to what the logo is promoting. View the retro/vintage logo design Press CMD+F to paste in another duplicate, scale down and change the fill to white. Download the source file Related:  Graphic Design resources

Print Ready Letterhead & Comp Slip Follow this step by step process of creating professional print ready design files for your letterhead and compliment slips stationery designs. We’ll build the design in Adobe Illustrator with the appropriate bleed and margin settings, then use a mix of Adobe Distiller and Adobe Acrobat to export and check over the final design files. The letterhead and double sided comp slip designs for Jack’s are all tied together with the bright colour scheme and vertical stripes. View the letterhead and comp slip designs InDesign is often the application that springs to mind when people think of designing for print, but Illustrator actually has all the powerful print related tools you need to create simple print work. If you’re considering using Photoshop. Open up Adobe Illustrator and create a new document. You can see the A4 document size with the 3mm bleed margin in red. A nice colour scheme is crucial for any design. Select the next colour from your palette and draw more random rectangles.

5 Tools For Creating Your Own Infographics Five years ago, almost nobody knew what the heck an infographic was. (I sure didn’t, and I was a graphic design major in college at the time.) Now that the infographic craze has saturated us with new visual knowledge (and marketing gimmicks), something interesting has happened: The creation of infographics has become democratized. (See also 5 Business & Design Tools Every Tech Freelancer Should Learn.) Trust me when I say that with these tools, you don’t have to be a designer to create a high-quality, effective infographic. With that in mind, I’ve cobbled together a list of five services/methods that even non-designers can use to create or commission great infographics. Infogr.am: All The Bells And Whistles Infogr.am is free, and free is good. One of its best features is the ability to download files in PNG or PDF format. Infogr.am is far and away my favorite online infographics editor. InfoActive: Interactive, Live And Mobile-Friendly Piktochart: Drag-And-Drop Templates Galore

Photoshop CS4: A Picture Worth a Thousand Words I love Photoshop techniques that offer all kinds of possibilities for experimentation—and the following tutorial is a perfect example of one of those techniques. In this issue, we’re going to take a portrait and replace the person’s image with text (think 2009 Grammy posters). Pick a portrait that offers good contrast—a photo that’s very dramatic and dark probably won’t work as well. I’ve had the best success with straight-on head and shoulder shots, but again, feel free to experiment with all types of photos. Create a new document (File>New) in a size that’s smaller than your photo: the specifics don’t really matter. Switch back to the photograph. Then, press Command-J (PC: Ctrl-J) to copy the selected pixels onto a new layer. Go back to the Select menu and choose Color Range again. Click the Eye icon next to the Background layer in the Layers panel to hide that layer from view. Click the Create a New Layer icon at the bottom of the Layers panel.

design.tutsplus Need to improve your Illustrator skills? Learn to make an eye-popping vector eyeball with this intermediate Illustrator tutorial. We'll use numerous Illustrator tools, including 3D tools, to create this illustration. Below is the final image we will be working towards. Program: Adobe Illustrator CS4Difficulty: IntermediateEstimated Completion Time: 1.5 Hours Draw the circle shown below using the Ellipse Tool (L). Select the circle and go to Effect > Distort & Transform > Roughen. To further work with the star shape you will need to first expand it by selecting it and going to Object > Expand Appearance. Select both shapes and in the Pathfinder Palette click Intersect. This is what you'll be left with. Draw another circle that's the same size as the star shape in the previous step. With Adobe Illustrator CS4 you now have the ability to precisely control and see how the gradient is applied to the object. Make sure the star shape is in front of the circle you just drew.

51 High Quality Free Texture Packs To Download Resources June 23, 2011 Use of texture in web design is extremely common. So every designer is loking for textures but they do not get all at one place so in this collection we have collected different types of textures like grunge, rust, watercolor, bokeh, leather, fabric, metal, natural, paper, graffiti and more. In this round-up we’ve collected 51 awesome free texture packs to freshen up your designs. Apple iOS Linen Texture Download Source 18 essential grunge textures Download Source 6 high quality seamless paper textures Download Source 10 High Resolution Cloud Textures Download Source 12 psychedelic stained paper textures Download Source Nine vignetted vintage paper textures Download Source 5 High Resolution Brick & Tile Textures Download Source Colorful grunge textures vol-2 Download Source 10 free high res watercolor textures Download Source 10 High Resolution Grungy Surface Textures Download Source 5 High Resolution Grungy Paper Textures Download Source Wallpaper Textures – 27 Free Images TexturePack

Print Ready Business Card Design in Illustrator Illustrator has fantastic tools available for creating small print designs such as business cards. Follow this walkthrough on how to create a fun business card design complete with illustrated character. We’ll start by creating our sketchy figure from a profile shot with hand-drawn linework, then lay out the design with background pattern and textual information in a print ready template with margins and bleed areas. The design we’ll be building is of traditional business card proportions, making use of both sides of the card. Just two colours are used in the design – Cyan and black – Cyan being the blue used throughout the design, and black being used at a very low percentage as the grey grid background. Let’s start with the sketchy linework of the illustrated character. Double click the Pencil tool to alter the settings. Continue drawing paths, this time fleshing out the facial outline and hair line. Move onto the inner features and trace the most prominent lines.

How to make a professional logo design, web logo design, internet branding The Golden Arches. The Swoosh. The Shell. You remember them all like you remember the lyrics to Ice-Ice Baby. It’s a company’s identity. Their logo. You’d think this would be simple and easy to make/design a logo, but it ain’t. FUN & SERIOUS or COOL & SOPHISTICATED… Depending on how you approach it, your logo design will create a mood. There’s a serious danger heading off into one extreme over another when designing logos. That being said: Research is key. First, you should ask your client a bazillion questions. Second, find out their taste. BRANDING vs. That logo you designed is great, but – so what?! In this case, Resume Bear wanted to not only have it on their website, letterhead, and business cards. It also tells us: The Logo Must Be Legible. SEPARATION of BEAR and RESUME… Resume Bear started out with a big, brown, passive bear holding a piece of paper in its mouth as if it just caught a trout. An easy question to ask yourself, as a designer, is What’s The Focus?

38 Best Photoshop Tutorials of 2012 Waseem is on holidays, so I’m filling in for him. You’ll see him back in just a couple of days. Today I’ve got for you a collection of some of the very best Photoshop tutorial work done this year. Jokes apart, this post is serious stuff. Photo Manipulation Typography Design/Effects Advertisement design.tutsplus This is a massive tutorial that documents the creation of a realistic vector, building illustration, which is based on a photo reference. There are numerous techniques covered, each section is very well detailed with documentation on each step and process used to create this artwork. Doing a large project like this will build your vector skills immensely. Create a 1024 px by 1280 px document and open this photo. Select the image, click on the Transform button from the Top Dock and enter the numbers from the picture below. Create a new layer and name it "BUILDING." Duplicate the same shape eight times and apply the gradients shown in the pictures below (following the order). Duplicate the "Building.Shape.1" once again and fill it with None. Select the Pen Tool (P) and create a shape like the one in image 1. Select the Rounded Rectangle Tool. Duplicate the "Building.Shape.1" once again and fill it with None. Now we'll add the roof, as shown below. Create a new layer and name it "ROOF."

Six Key Lessons from a Design Legend (a before-and-after) | GiftRocket Blog When we first built GiftRocket 1.0, our team was absent designers. As the only one without a CS degree, I ended up spending a few weeks reading design books and mocking up the site before our March launch. Eventually we recruited a professional designer named Mike Kus to help us out. We liked his emphasis on large text, illustration, and simplicity. He redesigned our site and we released the results last week. I did a quick comparison of the before and after, and wanted to point out some things any developer can do to improve the feel of their site. 1. We were extremely conservative when we started, So we made the site… blue and gray. Mike, experienced and unhesitant, presented the cream, gold, and black palette we currently use. 2. We suffered from two contrast issues. Mike approached the app as a cousin to the website, using the same branding but inverting colors and layout. 3. Our Yelp business icons started out tiny at 60px by 60px. 4. 5. 6. Mike applied them everywhere on the site.

Fun Print-Ready Doodled Business Card Design There’s nothing more unique to your creative talent than a series of your own doodles and sketches. Let’s use the good old doodle to represent our design services by combining quick and fun doodles with a print ready business card design. We’ll be drawing our doodles directly in Illustrator, and using the application’s print abilities to set up our business card document with the correct margins and bleed to build a complete print-ready PDF document. The design we’ll be building calls upon some random ideas for the topic of your doodles. How about a stick-man battle or a cow abducting UFO for the focal point of your business card? Start work by opening up Adobe Illustrator. Illustrator has kindly positioned a red guide to let you know where your bleed boundaries are, as well as the black outline showing where the final card boundaries will be. Right click and unlock the guides. Repeat the process for the top and right guides, but this time enter -5mm so they are moved negatively.

Freebies | Web Design Ledger 599 shares 8 Must Have Free Fonts for your Designs Need some fresh fonts for your new projects? We got your back. We are always searching for good resources for our readers, and fonts are our top priority. Our job is to browse the web and find what you need. Read More 441 shares 9 Free Icon Sets to Diversify your Library Every designer needs to be ready to go wherever their projects take them. 960 shares 10 Best New Free Fonts We’ve been on the prowl for some new free fonts to share with you. 301 shares Spring Up your Designs with Some Free Flower Textures Textures are a good way to add personality, depth and interest to a design. 501 shares 30 Free Vintage Logo Templates Looking for some high quality vintage logos or insignias? 433 shares Exclusive Free Download: Vintage Infographic Elements Infographics are great for displaying information in a way that is easier to digest. 1149 shares 9 Free & Useful Fonts for your Designs 464 shares 8 Free & Useful Minimal Icon Sets 773 shares

Top 10 Best Photoshop Tutorials This Week 008 « Tutorialstorage | Photoshop tutorials and Graphic Design Dec302011 It’s time to present you a Top 10 selection of Best Photoshop Tutorials. If you want to share with us your photoshop or illustrator tutorial, your work, design or photography send us a mail or via Twitter using #tutorialstorage in the end of the tweet. The stunning work that forms the basis for this tutorial was created by Rob Shields for a new exhibition called Episodes, put together by Designers Against Child Slavery. Time to complete At least 10 hours Software Adobe Photoshop AuthorRob Shields Based in Philadelphia, self-taught digital artist Rob Shields pursues a wide variety of commercial and self-initiated projects. Tutorial Details Program: Photoshop Cs3 Difficulty: Beginner/Intermediate Estimated Completion Time: 1 hour + Resources Tutorial Details Program: Photoshop/Illustrator CS5 Difficulty: Advanced Estimated Completion Time: 3h + In this Photoshop tutorial, I’ll show you how to combine stock images and typography into a beautiful conceptual composition. About the Author:

design.tutsplus This tutorial is about how to draw a colorful, jolly, full-face, carnival mask in Illustrator. I explained how every part was made like: the jolly hat, the border seam brush, the bells, the small mask on the face, the glitter symbols and the other decorations on the face. Hope you enjoy it. Below is the final image we will be working towards. Program: Illustrator CS3 Difficulty: Intermediate Estimated Completion Time: 2.5 hours Open a new web document. Now we need to define the empty area where the eyes should be. Now Copy and Paste In Back the face shape we made. Fill the first face shape with a linear gradient from peach (R=249, B=224, G=224) to another shade of peach (R=248, G=246, B=238). Use the eye shape made earlier and scale it using the Scale Tool, then move it a bit to the right. Take the Pen Tool and draw half of the shape you see below, then reflect it and join the points shown. Copy and paste the small mask so that we can use it to obtain the shapes below. The work is done.

Related:  IllustratorTutorialsgraphic designTutsjstsimplyjosh