• Store
  • Tutorials
  • About
  • Contact
Menu

Matt Borchert - Premium Design Resources

  • Store
  • Tutorials
  • About
  • Contact

How to Create Sliced Text in Adobe Illustrator Tutorial

March 1, 2017

Buy Great Design Resources: http://bit.ly/1QniFxp
Follow Me on Twitter: http://www.twitter.com/mattborchert

Elsie Font: https://www.fontsquirrel.com/fonts/elsie

This tutorial for Adobe Illustrator goes over how to create sliced text using the pathfinder window. This effect is actually pretty darn easy to create once you know how to do it, and the end result can add quite a bit of visual flair to your typography project.

This video covers creating the line to cut your text with, using divide in the pathfinder window to cut the text, different methods for stylizing and working with your type, and how to fine tune the finishing touches.

I try not to skip over any of the major parts of creating this effect to hopefully make this Adobe Illustrator tutorial beginner friendly.

Have any additional questions or comments? Feel free to leave them below! :)

Sign Up for My Mailing List: http://eepurl.com/ZmwmP

In Illustrator Tutorials
Comment

How to Make Retro 3D Type in Adobe Illustrator Tutorial

February 26, 2017

Buy Great Design Resources: http://bit.ly/1QniFxp

Monoton Font: https://www.fontsquirrel.com/fonts/monoton
Arvo Font: https://www.fontsquirrel.com/fonts/arvo

This tutorial for Adobe Illustrator goes over how to create a retro inspired 3D type piece using the appearance window. The appearance window allows you to easily create awesome 3D extrudes in a way that allows the type to still be fully live and able to be further changed and customized.

I also go over things such as using swatches to add colors, and adjusting the miter join limits inside of Illustrator to prevent strange distortions from happening on certain parts of fonts.

I try not to skip over any of the major parts of creating this effect to hopefully make this Adobe Illustrator tutorial beginner friendly.

Have any additional questions or comments? Feel free to leave them below! :)

Follow Me on Twitter: http://www.twitter.com/mattborchert
Sign Up for My Mailing List: http://eepurl.com/ZmwmP
Personal Website / Store: http://www.mattborchert.com

In Illustrator Tutorials
Comment

How to Create Screenprint Style Overprints in Adobe Illustrator Tutorial

February 23, 2017

Buy Great Design Resources: http://bit.ly/1QniFxp
Passion One Fonts: https://www.fontsquirrel.com/fonts/passion-one

This tutorial for Adobe Illustrator goes over how to create screenprinting style overprints. Overprints are traditionally used as a way to save the use of an additional cover when using ink based printing methods, but they can also create some really powerful and interesting visual effects.

This video covers using the appearance window inside Illustrator to make that happen, as well as covering some of the built in swatches that work great for this effect, and some potential color interactions that you can make happen.

Questions or comments? Feel free to leave them below! :)

Follow Me on Twitter: http://www.twitter.com/mattborchert
Sign Up for My Mailing List: http://eepurl.com/ZmwmP
Personal Website / Store: http://www.mattborchert.com

In Illustrator Tutorials
Comment

How to Scale Patterns in Adobe Illustrator Tutorial

February 20, 2017

This tutorial for Adobe Illustrator goes over how to scale patterns in order to make the actual pattern larger or smaller to best fit your project.

You may have noticed that when you try to scale an object in Illustrator that has a pattern inside of it, the object will typically get larger or smaller, but the pattern itself will stay the same size. This tutorial shows how to fix that problem.

This video also covers how to access and use the different pattern libraries in Adobe Illustrator - some of which are super useful.

Questions or comments? Feel free to leave them below! :)

Follow Me on Twitter: http://www.twitter.com/mattborchert
Sign Up for My Mailing List: http://eepurl.com/ZmwmP

In Illustrator Tutorials
Comment

How to Customize Fonts in Adobe Illustrator Tutorial

February 12, 2017

Buy Great Design Resources: http://bit.ly/1QniFxp
Follow Me on Twitter: http://www.twitter.com/mattborchert
This video goes over a method for customizing and refining fonts in order to personalize them a bit more to you and your style.

This video is a little bit long, but it covers a diverse amount of Illustrator tips ranging from using layers, brushes, the pen tool, and general theories for how to approach customizing type. I did my best not to skip over how to specifically do anything in order to make this fairly beginner friendly. I do suggest watching the below pen tool tutorials before doing this video if you are unfamiliar with the pen tool.

Pacifico Font: https://www.fontsquirrel.com/fonts/pacifico
Pen Tool Tutorial (Easy Overview): https://youtu.be/0B_IQK7hMo0
Pen Tool Tutorial (Professional Way): https://youtu.be/vpOCt6k7Oqg

The tutorial also covers ways inside Adobe Illustrator to tweak and refine free fonts that are often a little bit rough and need some extra attention. When quality fonts are available for free, often times they are used quite a lot and as such can make any project that picks them feel a little bit generic. This method is a great way to get around that by allowing you to take some stylistic control over what the final result will look like.

Sign Up for My Mailing List: http://eepurl.com/ZmwmP

In Illustrator Tutorials
Comment

How to Draw Speed Lines in Adobe Illustrator Tutorial

July 4, 2016

Subscribe: http://bit.ly/1Rdrutp
Buy Great Design Resources: http://bit.ly/1QniFxp
Sign Up for My Mailing List: http://eepurl.com/ZmwmP

Aller Display Font: https://www.fontsquirrel.com/fonts/Aller

This tutorial covers how to make the popular "speed line" effect inside Adobe Illustrator. This video covers both how to actually crate the lines in a seamless way that blends well with the text or illustration you add them too, and also covers some basics over how to create them in a way that looks good.

Overall the process is fairly straightforward once you have the basics of creating the lines down, and the end result leaves a lot of room to style them to your personal preference. Plus going through this tutorial you'll hopefully learn some other cool tips and tricks to help with your workflow as an added bonus.

Any questions? Feel free to leave them in the comments section - and leave in any images that you've created using this method as well!

Follow Me on Twitter: http://www.twitter.com/mattborchert

In Illustrator Tutorials
Comment

How to Make a Honeycomb Photo Grid in Adobe Illustrator Tutorial

May 29, 2016

Subscribe: http://bit.ly/1Rdrutp
Sign Up for My Mailing List: http://eepurl.com/ZmwmP

This video covers how to create a honeycomb pattern inside Adobe Illustrator that you can then use to mask images. The tutorial starts out inside Illustrator and then moves over to Photoshop for the final masking of images, although it does cover ways to do the masking in Photoshop or Illustrator.

Follow Me on Twitter: http://www.twitter.com/mattborchert

In Illustrator Tutorials
Comment

How to Use the Character Panel in Adobe Illustrator Tutorial

May 2, 2016

Subscribe: http://bit.ly/1Rdrutp
Buy Great Design Resources: http://bit.ly/1QniFxp
Sign Up for My Mailing List: http://eepurl.com/ZmwmP

Touch Type Tool Tutorial: https://youtu.be/BtgV_chqplk

This tutorial covers the basics of using the character panel inside Adobe Illustrator. The character panel has tools for basically everything you need to do to your type in Illustrator including changing the size, weight, tracking, kerning, leading, baselines, and much more!

This tutorial is aimed at beginners, but hopefully it also has some additional tips that some more advanced users can get some use out of.

Have any additional questions? Don't hesitate to ask in the comments section. :)

Personal Website / Store: http://www.mattborchert.com

In Illustrator Tutorials
Comment

How to Draw 3D Isometric Shapes Using a Hex Grid in Adobe Illustrator Tutorial

April 3, 2016
DOWNLOAD HEX GRID

Subscribe: http://bit.ly/1Rdrutp
Buy Great Design Resources: http://bit.ly/1QniFxp
Sign Up for My Mailing List: http://eepurl.com/ZmwmP


6:26 Skip Hex Grid Creation to Drawing 3D Shapes

This tutorial is a fun one because it goes over how to create 3D isometric shapes inside Adobe Illustrating using a hex grid. This video covers both how to create a hex grid by making a series of hexagons and organizing them, as well as how to utilize this hex grid to quickly and easily make custom isometric shapes.

This method is perfect for creating Monument Valley / M.C. Escher style images, and is also just a lot of fun to create with because of the interesting visual problems that it allows you to consider and work with. You can make something as simple as a cube to things as complex as your imagination allows.

Follow Me on Twitter: http://www.twitter.com/mattborchert
Personal Website / Store: http://www.mattborchert.com

In Illustrator Tutorials
Comment

Adobe Illustrator Stroke Window Tutorial - Learn the Basics

March 27, 2016

Subscribe: http://bit.ly/1Rdrutp
Buy Great Design Resources: http://bit.ly/1QniFxp
Sign Up for My Mailing List: http://eepurl.com/ZmwmP


This Adobe Illustrator Tutorial covers an important aspect for mastering the basics of the program, and that's learning all of the options that the stroke window gives you.

Although at first glance the stroke window may appear to be fairly basic in what it allows you to do, once you expand the window and view all of the options you'll see there there is actually a ton of really cool stuff that you're able to do.

You can do much more than just change the size of the stoke, you can change the way the stroke behaves, what sort of caps and corners it has, give it dashed or dotted lines, as well as change the profile of the lines or add arrows.

Follow Me on Twitter: http://www.twitter.com/mattborchert
Personal Website / Store: http://www.mattborchert.com

In Illustrator Tutorials
Comment

Create Custom Effects Using the Appearance Window in Adobe Illustrator Tutorial

February 7, 2016

Subscribe: http://www.youtube.com/subscription_center?add_user=ovenrude
Sign Up for My Mailing List: http://eepurl.com/ZmwmP
Langdon Font Used: http://www.fontsquirrel.com/fonts/langdon

This tutorial goes over how to create awesome 3D effects inside Adobe Illustrator by using the appearance window. The appearance window is a sometimes under used element of Adobe Illustrator, but knowing how to use and manipulate it can open up a whole new world of opportunities to apply to your type work, designs, and illustrations.

One of the best parts of applying custom effects this way is that everything is super easy to toggle on and off, and all effects that are applied are completely non-destructive and easy to turn off or delete at any time.

Things covered in this tutorial including adding a stroke and fill, creating 3d extrudes, applying a bulge effect across the entire type element using the effects panel, and then saving out the style you created as a graphic style.

Looking for more Adobe Illustrator tutorials? Feel free to check out the rest of my channel where I have more in depth videos covering graphic styles and 3D type.

Questions? Ask in the comments section!

Follow Me on Twitter: http://www.twitter.com/mattborchert

In Illustrator Tutorials
Comment

Adobe Illustrator Pen Tool Tutorial for Logos and Typography

December 27, 2015

Subscribe: http://www.youtube.com/subscription_center?add_user=ovenrude
Sign Up for My Mailing List: http://eepurl.com/ZmwmP
Swoosh Tutorial: https://youtu.be/qDmALmU5FxI

This tutorial covers how to use the pen tool inside Adobe Illustrator. This tutorial is specifically made to show you how to use the pen tool in the most efficient way possible in order to reduce the number of points you create, and increase the amount of control you have with fine tune adjustments of those points.

There are many different possible ways to use the pen tool inside Illustrator, but the method shown in this video is generally considered to be one of the most technically correct, and therefore the best to use when dealing with very exacting design work like logos and typography.

Some quick tips are to always hold shift when creating your points (except in specific circumstances pointed out in this video) to make sure that the arcs on your lines align themselves properly. Basically you always want to pull your curves in a pure vertical or horizontal manner. Also only put pen tool points on the beginning, middle, and end of a curve. Don't place points in a section that is continually curving because it will likely just end up complicating your paths. An example of this is the center point of the "S" shape as demonstrated in this tutorial.

Keyboard Shortcuts:
Pen Tool: P
Selection Tool (Black Arrow): V
Direct Selection Tool (White Arrow): A

Questions? Ask in the comments section!

Buy Great Design Resources: https://creativemarket.com/mattborchert?u=mattborchert
Follow Me on Twitter: http://www.twitter.com/mattborchert

In Illustrator Tutorials
Comment

How to Draw a Vector iPhone Mockup in Adobe Illustrator Tutorial

November 10, 2015

Subscribe: http://www.youtube.com/subscription_center?add_user=ovenrude

This tutorial goes over how to draw a vector iPhone mockup inside Adobe Illustrator CC. This tutorial covers a ton of different tools inside Adobe Illustrator as well as shortcuts for the tool that will help you work faster in the future.

Everything should be covered in depth enough for both beginners as well as more seasoned veterans of the tool. By creating this iPhone mockup in a vector format you'll be able to scale it as big or as small as you want and never have to worry about losing quality. You can then copy and paste over the mockup from Illustrator into Photoshop if you wish in order to be able to create easy photo masks etc for the content you place inside the screen of the mockup.

It's also worth noting that the techniques shown in this video not only apply for something like an iPhone, but also Android devices, iPads, or other tablets and electronic tools.

Questions? Feel free to ask in the comments section! :D

Shortcuts:
V - Selection Tool (Black Arrow)
M - Rectangle Tool
L - Ellipse Tool
P - Pen Tool
D - Set Fill to White and Stroke to Black
Shift + X - Swap Fill and Stroke
Alt (Option on Mac) + Drag =  Duplicate
Ctrl (Command on Mac) + = Zoom In
Ctrl (Command on Mac) - = Zoom Out
Ctrl (Command on Mac) + U = Turn On (or off) Smart Guides
Ctrl (Command) + C = Copy
Ctrl (Command) + F = Paste in Place
Ctrol (Command) + X = Cut Object

When drawing a circle hold down Alt (Option on Mac) as well as shift to both draw from the center and keep the circle a perfect circle

Turn on:
Window - Layers
Window - Stroke
Window - Align

Buy Great Design Resources: https://creativemarket.com/mattborchert?u=mattborchert
Sign Up for my Mailing List: http://eepurl.com/ZmwmP
Follow Me on Twitter: http://www.twitter.com/mattborchert

In Illustrator Tutorials
Comment

How to Make a Circular Name Badge in Adobe Illustrator Tutorial

November 4, 2015

Subscribe: http://www.youtube.com/subscription_center?add_user=ovenrude

This tutorial goes over how to make a circular name badge or logo inside Adobe Illustrator. The primary method used for the circular type is by using the type on a path tool within Illustrator.

This tutorial is very in depth and should be quite friendly for both new and more advanced users of Illustrator, and covers some additional tips like using tracking to kern the type, using the new(ish) CC feature of quickly rounding corners, and a variety of shortcuts for manipulating objects to make sure everything keeps looking as it should.

If you are a beginner to Illustrator I think this tutorial covers a wide enough array of different tools to get you set up to create all sorts of cool and unique designs. Feel free to swap out the fonts and general layout styles that I used in this video to make something totally custom and unique to you!

Questions? Feel free to ask in the comments section! :D

Bebas Neue Font: http://www.fontsquirrel.com/fonts/bebas-NEUE
Sedgwick Co Font: http://www.fontsquirrel.com/fonts/sedgwick-co

Some common shortcuts used:
V - Selection Tool (black arrow)
A - Direct Selection Tool (white arrow)
M - Rectangle Shape Tool
T - Type Tool
i - eyedropper tool
Hold Shift - Keep objects on same plane for accurate movement
Hold Alt (Option on Mac) when dragging: Duplicate that object
Shift + X - swap fill and stroke
Ctrl + U (Command + U on Mac) - Smart Guides Toggle On / Off
Ctrl (Command) + or - to zoom in and out
C - Scissors Tool
L - Ellipse Tool
Ctrl (Command) + C = Copy
Ctrl (Command)+ F = Paste in place

Buy Great Design Resources: https://creativemarket.com/mattborchert?u=mattborchert
Sign Up for my Mailing List: http://eepurl.com/ZmwmP
Follow Me on Twitter: http://www.twitter.com/mattborchert

In Illustrator Tutorials
Comment

How to Make a Seamlessly Repeating Geometric Pattern in Adobe Illustrator Tutorial

October 27, 2015

Sponsored by: http://www.webdesignernews.com/

This tutorial goes over how to make a seamlessly repeating geometric pattern inside Adobe Illustrator. The tutorial goes over everything from the basics of setting up your art board and creating the first shape, to how to quickly and accurately repeat the shapes to eventually create the final seamless repeat.

This tutorial uses triangles to achieve the repeat effect, but the same principles could be applied to other shapes like hexagons if you wanted to. At the end of the tutorial I go over some thoughts on how to color and pattern the repeat, as well as how to create a clipping mask to make sure everything works perfectly as intended.

Any questions? Don't hesitate to ask in the comments.

TIP FOR PHOTOSHOP:  If you bring your completed pattern into Photoshop and notice some hairline fracture white lines and want to get rid of them easily, just duplicate the layer that you pasted in until they're gone. Ctrl + J on a PC or Command + J on a Mac will duplicate the selected layer. Once the white lines are fully gone just click the first layer, hold shift, then click the last layer. After you do that right click on all of the selected layers and select merge layers. You should be good to go!

Some common shortcuts used:
V - Selection Tool (black arrow)
A - Direct Selection Tool (white arrow)
M - Rectangle Shape Tool
Hold Shift - Keep objects on same plane for accurate movement
Hold Alt (Option on Mac) when dragging: Duplicate that object
Shift + X - swap fill and stroke
Ctrl + D ( Command on Mac) to duplicate last movement or copy movement
i - eyedropper tool

Subscribe: http://www.youtube.com/subscription_center?add_user=ovenrude
Sign Up for my Mailing List: http://eepurl.com/ZmwmP
Follow Me on Twitter: http://www.twitter.com/mattborchert

In Illustrator Tutorials
Comment

How to Use the Eyedropper Tool Outside of Photoshop Tutorial

October 10, 2015

This tutorial goes over how to pick a color outside of Photoshop using the eyedropper tool. The ability to quickly sample a color outside of Photoshop can be quite handy when you're referencing images or designs that use colors you like, or if you're trying to create mockups of websites etc etc and you want to grab a color without saving the image of taking a screenshot.

Handy shortcut: "I" is the keyboard shortcut for the eyedropper tool.

Subscribe: http://www.youtube.com/subscription_center?add_user=ovenrude
Sign Up for My Mailing List: http://eepurl.com/ZmwmP
Follow Me on Twitter: http://www.twitter.com/mattborchert
 

In Illustrator Tutorials
Comment

How to Draw an Icon in Adobe Illustrator Tutorial

October 1, 2015

Sponsored by: http://www.webdesignernews.com/
Subscribe: http://www.youtube.com/subscription_center?add_user=ovenrude
Sign Up for my Mailing List: http://eepurl.com/ZmwmP

This tutorial goes over the basics of how to draw an Icon inside Adobe Illustrator, and is intended for beginners to Adobe Illustrator, or people looking for a bit of a refresher on some various drawing techniques.

The primary method of drawing inside this tutorial is a mixture of the pen tool, selection arrows, and the various shapes inside Illustrator. Using a combination of all of these tools allows for a huge range of potential shapes that you can create quickly and easily.

Some common shortcuts used:
V - Selection Tool (black arrow)
A - Direct Selection Tool (white arrow)
M - Rectangle Shape Tool
Hold Shift - Keep objects on same plane for accurate movement
Hold Alt (Option on Mac) when dragging: Duplicate that object

Follow Me on Twitter: http://www.twitter.com/mattborchert

In Illustrator Tutorials
Comment

Touch Type Tool Tutorial for Adobe Illustrator CC

September 7, 2015

Subscribe: http://www.youtube.com/subscription_center?add_user=ovenrude
Buy Great Design Resources: https://creativemarket.com/mattborchert?u=mattborchert

This tutorial goes over the basics of how to use the Touch Type Tool in Adobe Illustrator CC or newer.

The touch type tool allows you to easily change the kerning of your type along with changing individual letters size, shape and rotation while still allowing the type to be fully live and editable. This makes this tool extremely useful as you don't have to worry about making stylistic changes to your type that makes it hard to change later on.

Follow Me on Twitter: http://www.twitter.com/mattborchert

In Illustrator Tutorials
Comment

How-to Create a Seamless Repeating Patterns in Adobe Illustrator Tutorial

August 22, 2015

Subscribe: http://www.youtube.com/subscription_center?add_user=ovenrude
Buy Great Design Resources: https://creativemarket.com/mattborchert?u=mattborchert

This tutorial covers how to create seamless repeats inside Adobe Illustrator. I cover a couple different methods, but the primary one involves using the move command to ensure that all of your repeats match up in a pixel perfect manner.

Learning how to create seamlessly repeating patterns inside Adobe Illustrator is especially useful in applications like fabric / textile design as well as web design. They offer a huge amount of flexibility in scaling your designs to look good on almost any sort of small or large scale application that needs the design to cover the entire area.

This tutorial shows the pattern being created on a square document, but feel free to use whatever size and aspect ratio of document you want. The same principles apply.

Follow Me on Twitter: http://www.twitter.com/mattborchert

In Illustrator Tutorials Tags illustrator, pattern, seamless repeat, illustrator tutorial, tutorial
Comment

Simple Type T-Shirt Design in Adobe Illustrator Tutorial

April 28, 2015

Subscribe: http://www.youtube.com/subscription_center?add_user=ovenrude
Buy Great Design Resources: https://creativemarket.com/mattborchert?u=mattborchert

Langdon Font: http://www.fontsquirrel.com/fonts/langdon
OSP DIN Font: http://www.fontsquirrel.com/fonts/osp-din

This tutorial is very beginner friendly and it goes over the basics of how to create a simple type driven design for t-shirts inside Adobe Illustrator.

This tutorial covers many of the basics you'll need to learn in order to create type driven designs inside Adobe Illustrator including kerning, leading, formatting, and various tool tips and tricks to help you work faster! Adobe Illustrator is a preferred format for many t-shirt printers as the quality is always super high, so if you're interested in designing t-shirts, it's a great tool to learn about and become comfortable with. If you have any additional questions feel free to ask in the comments section below. =D

Follow Me on Twitter: http://www.twitter.com/mattborchert

In Illustrator Tutorials Tags adobe illustrator, adobe illustrator tutorial, t-shirt, vector
Comment
← Newer Posts Older Posts →
  • After Effects Tutorials (1)
  • InDesign Tutorials (1)
  • Premiere Tutorials (1)
  • UX Research Lessons (4)
  • Photoshop Tutorials (32)
  • Illustrator Tutorials (59)