If you are having trouble lining things up, go to View > Snap to Pixel. Make sure to only allow pixel elements to touch at the corners. Repeat until you can build the shape, as shown. Stretch this square into a rectangle.Įvery shape is simply a combination of simpler shapes. Then, hold the alt key and drag the square to make a copy. Hold down shift and use the rectangle tool to create one. Looking to build a basic rectangle? Start with a small square. You can also build these icons yourself using the same technique outlined in the next category. Use image trace to convert them to editable vectors. Since these icons are so commonplace, you can image search for them online and drop a picture into Illustrator. Just adding a mouse or hand to an image or illustration adds a touch of that nostalgic computer vibe. These basic assets are staples of the digital style. Let’s get to creating your pixel perfect icons! This pixel illustration tutorial will focus on the most basic bitmap icon style, but if you want to design something that fits the aesthetic above, avoid the round corners and harsh outlines. For example, the design above uses gray boxes with sharp corners instead of rounded (like below) with a drop shadow and blue gradient banner. You don’t want to mix too many different styles or years, so it’s best to find inspiration that fits a cohesive digital style and use it as a guide. There have been thousands of redesigns and updates with digital software since the creation of computers, so there are many competing aesthetics. This tutorial will explain how to create this aesthetic in Adobe Illustrator.Ī reminder of Windows ‘97, a true trendsetter.īefore you begin, consider making a Pinterest board of different icons you might want to recreate. Whether it’s a modern remix of nostalgic computer screens from Windows ‘97 or a simplistic bitmap illustration style, there’s never been a better time to honor retro digital icons and typography. Y2k (the year 2000) style is making a comeback on TikTok-and it’s bringing pixelated designs with it. Let’s kick it back to the dawn of the digital age.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |