background preloader

Tutorials

Facebook Twitter

Logo Design On A Budget. I am frequently asked to put together logos or promotional materials for independent bands, which is fantastic, except they don’t have the budget of a signed or sponsored band. Through the years I’ve found ways to cut corners to limit design time without limiting the overall design quality. In this tutorial I’ll break down my creative process used on a logo design for the UK hip-hop duo Second Nature.

The Brief: Second Nature had a clear vision of what they were wanting in a logo design, which can be good or bad. It does somewhat limit the designer’s creativity but on the plus side it saves the designer time trying to hit the correct style and layout. During the initial brief the group had stated that they wanted a logo that included an illustration of each member but they wanted a layout that had the focus on the text. Tools Used: Wacom Intuos3Photoshop CS4Illustrator CS4GoMedia Destoy 2 Vector Pack The Illustration: Losing the Background The Illustration: Live-Trace The Final Layout. Photoshop Action: Stamp/Print Effect. Works great on any single color logo, emblem, mark, seal, crest.

Because of the great response to my Aged Type action, I took it a bit further and made a similar effect that could be applied, not only to text, but to your logo to give it an authentic stamp or print effect. I have seen various rubber stamp effects on google and none are all that great. So let me show you why mine is the bees knees. This is a premium Photoshop action that took some time to perfect. So we’re selling it for the cheap price of $7. Credit Cards and Paypal accepted. Download Now – $7 Instructions After downloading the action, simply open up the .ATN file and it will automatically load it into your Photoshop Actions panel ready for use! Here are some tips: Works best on images at least 800 px wideWorks on any logo, text, or even photos!

Pro Tip: The action runs automatically once you click it. Examples: Result is on its own layer Even works on photos! Download Now – $7 About the Author, Jeff Finley. How to Create Hand-Painted Sign in Adobe Illustrator. In this tutorial we will learn how to create an inscription in a retro style based on the free font- the Agency FB. In the process of the font-change we will learn something about letter anatomy. The techniques described here will be useful not only for the work with typography but also for the work with any vector objects.

Step 1 Take the Type Tool (T) and create the inscription "Vector Tuts". The professional typographers never use this way to scale the text, but we will change the shape of the letters, so this way can take place. Step 2 Select the text and go to the Type > Create Outlines. Now we can work with the form of letters as with regular vector objects. While working in typography, always use the guides, they will help you to place the elements of the letters. Step 3 Drag the guide down while holding down the Option key; this action will duplicate it. Keep the new guide selected and go to the Object > Transform > Transform Again or use the shortcuts Command + D Step 4 Step 5 Step 6. 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. Create a Cool Ribbon Style Logo Graphic in Illustrator. Follow this step by step Illustrator tutorial to create a cool ribbon style logo graphic with gradients and effects in Adobe Illustrator. We’ll create the graphic as a vector design to allow scalability as a logo and add flat and mono versions to keep the logo versatile. Usually a logo project would involve lots of research in order to develop a brand that reflects the company, but for this tutorial we’ll focus just on the practical task of building a cool looking graphic in Illustrator. The design we’ll be creating features a continuous ribbon style shape wrapping to form a spiral. View the final ribbon style logo design Open up Adobe Illustrator and draw a long thin rectangle on the artboard. Press CMD+C to Copy then Paste in Front (CMD+F) a duplicate of the rectangle then select the top two points of the overlapping rectangle with the Direct Selection tool. Select both rectangles and hit copy, then paste in front a duplicate.

Download this file. How To Create an Impossible Shape in Illustrator. Infinite shapes are fun to design. In this Illustrator tutorial, learn how to create a specific impossible shape: an 'Infinite Triangle.' This vector drawing of an impossible object couldn't be physically constructed, but we can design it in Illustrator in around an hour. You will be using Guides, Gradients, the Rotate Tool, and a simple Transparency Blend for the final touches. Step 1 Start by creating a new document with the dimensions of 1400 x 1400 pixels and use RGB color space.

Before you go any further, go to the View menu and make sure Show Rulers is selected (Command + R), Lock Guides is unchecked (Option + Commend + ;) and that Smart Guides (Command + U) and Snap to Point (Option + Command + ") are both checked. Step 2 Drag out a guide from the left ruler and set its X-Value to 300 pixels in the top contextual menu. Step 3 Now you need to duplicate the first guide.

You need to duplicate the new guide using the same settings as before. Step 4 Step 5 Step 6 Step 7 Step 8 Step 9 Step 10. Create a Zee Vintage Label on Illustrator. It seems that the past 3 years had a boom of retro design, starting with the "cosmic neon lightning" 80's aesthetic that I think most of you are already bored about. Not just because it became a trend, but also because everyone with a photoshop could emulate one. So here's the thing, this new retro wave more focused on 50's and 60's design and illustration seems to be really different, why?

Because most of it is hand drawn, and when it to comes to drawing, you wouldn't believe how many designers can't do it. Let's assume, the last 20 years were pretty revolutionary to design since the computer took a big role on productivity and creation. But he also created patterns and made things more similar, some designers can't even work "old school", since they rely too much on the computer and that's not good. Drawing is a really personal rechnique, you will ever found two persons who will drawn a flower the same way, even with they pratice it.

Step 1 And another black one inside the white one. Colorful Logo Style Ribbon Graphic. In today’s tutorial we’re going to look at creating a colorful ribbon graphic. Despite being a typical logo style icon, we don’t have a live client for this particular design. The tutorial is aimed towards giving you insight into actually making the cool graphic as oppsed to the full logo design process. We’ll use various tools and techniques in Adobe Illustrator to create a great looking vector based design complete with subtle gradients and shading.

The logo style graphic we’ll be creating is made up of four colourfully striped ribbon style elements. The four pieces are interweaved to create a kind of pseudo Penrose Stairs type illustration. View the full size ribbon logo design Create a new document in Adobe Illustrator and draw four squares on the artboard. Select the rectangle tool and click on the artboard. Copy the square (CMD+C) then paste in front (CMD+F). Hold the Shift key while rotating the object to 45 degrees. Our colourful ribbon graphic is now complete. Reader Tutorial: Geometric Flower Effect Logo in Illustrator. In this tutorial I will show you how I made this nice logo for one of my clients in Czech Republic. Feel free to use it as inspiration, but please do not copy it in any form. All copyrights belong to the owner whom I made it for.

Last but not least, please excuse Czech language appearing in the dialog boxes on pictures; I use a localized version of illustrator. The final product will look like this: Step 1 We'll start by making a new document with 180 mm width and height. Select the Ellipse tool (L), create the ellipse, fill it with no color, select black outline and put it in the center of the document.

Step 2 Now, we are going to copy the ellipse 8 times around the circle. Step 3 Now press CTRL+D 7 times and you get to this point: Step 4 We can now delete the guide lines; we do not need them later. Step 5 Now press Shift+CTRL+G to ungroup all objects. Step 6 We are going to play with gradients now. Step 7 Step 8 Step 9 If all went well you will get something like this: Step 10 Conclusion. How to Make a Business Card in Five Easy Steps. Tutorials June 15, 2012 Branding and identity design junkies, rejoice! Since we’re making the month of June You The Designer’s Logo Design Month, we’re going to teach you how to make your own business card. We’ll walk you through a five-step process, which you can modify later on and apply to your own design concept. Here’s how it will look when we’re done: It’s just a simple design, but you know what they say about designing stuff – less is better. So let’s begin our tutorial by downloading the following tutorial assets: Tutorial Assets: Since we are doing a print-ready UPrinting business card (with bleeds and margins), download a PSD file of a Standard Business Card (2″ x 3.5″) at UPrinting’s Free Template page.

After downloading the business card template, let’s get the font that we’ll be using on our design. After that’s done and good, let’s move to the tutorial proper: Step 1: Open the PSD file that you have downloaded, here’s what you’ll see. Step 2: Now your design should look like this: Create a Business Card in Illustrator and Print it with UPrinting. Business cards are one of the staples of any working graphic designer. In this tutorial we'll take the Rockable Press brand we worked through in Part 1 of this set of tutorials and apply it to create and print business cards with UPrinting. Business Cards - Step 1 As we'll be doing tomorrow in the upcoming Brochure tutorial we'll begin by going to the printer that we're going to be using to get our item specs. So we head over to UPrinting and click on Business Cards and decide on the following specifications: Size: 2" x 3.5" Stock: 14pt Cover MatteColor: 4 Color Both Sides Step 2 Next we need to find and download the appropriate template.

Step 3 Opening up the template in Illustrator reveals it to be a three layer file. Additionally you should note the Safe Zone which is where our artwork needs to stay inside of to ensure it all gets printed properly. Step 4 Now we add our artwork. So to add the artwork just click on the middle layer on the template file and add your items there. Step 5 Step 6. 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. Version CS4 took a step forward with its ability to easily create print documents, with new In-Design esque features for setting up bleed automatically. 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. Designing a Business Card in InDesign. 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. Seeing as I use Illustrator on a daily basis, I know my way around it much more than I do InDesign. If you’re considering using Photoshop. Stop right there! Open up Adobe Illustrator and create a new document. You can see the A4 document size with the 3mm bleed margin in red. 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. The use of single inks for each colour (C for Cyan and K for black from the CMYK model) will ensure a crisp end print. Let’s start with the sketchy linework of the illustrated character. Double click the Pencil tool to alter the settings. Create a new document in Illustrator. Business Card Design Project Walkthrough. This post was originally published in 2009 The tips and techniques explained may be outdated. I recently worked on a business card design project and thought it would be a great opportunity to use the work as a base for a walkthrough of the design process.

The project was for James Clarkson; a driving instructor working out of Tadcaster near York with his business, Visibility Driving Tuition. I really enjoy working with James, and with a high level of creative freedom on his projects the design process is really fun! Let’s look back at my process for creating the final concept of his business card, resulting in the finished printed product. This business card project follows on from the initial logo design that was created a couple of months back. A new Illustrator document was created at the size of 88mm by 55mm, the standard size of business cards at the print firm I use. Before placing any text or content on the card, a set of guides were placed.

Each file was then saved as an EPS. Print Ready Business Card for Designers. Print Ready Die-Cut Business Card. Cubist Style Logo Design. Making a Retro/Vintage Style Badge With Illustrator - Yassine Bentaieb.