Affinity logo vectors free download graphic art designs

Looking for:

FREE Affinity Designer Projects | Photos, videos, logos, illustrations and branding on Behance

Click here to Download

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Affinity Designer is a fresh new design and illustration app that burst on to the scene last year and immediately won Editors’ Choice, before becoming a runner up in the contest for Best App of Yesterday, Serif announced some top new features in Affinity Designer 1.

Here, I’ll walk you through how to create a unique logo using the software. I’ll cover the basics of the app, including working with lines and shapes, laying out a page, and exporting various elements as efficient web graphics.

Affinity Designer is Mac-only for now, but that may change once the developers finish up the suite of tools which will also include Affinity Photo and Affinity Publisher. Before you get started, download the day Affinity Designer trial and install it or dive in and buy it from the Mac App Store. Affinity Designer works on OS X Launch the app and create a new doc from the startup panel.

As we’re designing a scalable vector logo, the document type and pixel size aren’t critical — we’ve chosen ‘Web’ at WXGA x for ease. To prepare for the design, turn on Snapping and select the UI design preset from the drop-down list, which also enables Force Pixel Alignment mode. You should also enable Guides and Rulers from the View menu. Select the Pen tool from the left, and choose the ‘Line Mode’ option on the top Context toolbar to restrict creation to straight lines.

On the Stroke panel at the right, set the stroke weight to 9. Click and hold, starting from above and left of centre of the design area, holding Shift to constrain the line to vertical, and drag downwards.

Release to draw the stroke ours is px tall. Set the Cap type to ‘Butt’ to give a flat end. Switch to the Move tool V , hold cmd, then click and drag your line to create a copy, moving it to the right. Hold Shift to keep the copy aligned. It’s evident now that some layout guides will help keep the growing number of elements neat. Position the right line over the guide at px — it should snap nicely into place.

Select the Pen tool again and draw a diagonal line from the top-left of the logo to just above the middle of the logo space. Switch to the Move tool V again, hold cmd and drag to duplicate this as we did for the vertical line. Flip it using the ‘Flip Horizontal’ button on the top toolbar.

Position it to the right. You can edit these strokes by moving end nodes using the Node tool A. This converts them to rectangular shapes that are easier to select and align. Zoom in to the point of the ‘M’ and use the Node tool again to position the lowest corners together on the centre line. Time to embellish the ‘M’! Click on the Triangle shape on the left toolbar to select it more options become available if you hold down , then click and drag to draw a triangle px wide by px tall.

Fill it black via the Colour panel and remove the stroke. Position at the bottom-left of the ‘M’, then duplicate it for the right. Duplicate the triangle again, then use the Transform panel at the lower right to set its size to 70px wide by 60px high. Position one triangle at the left middle of the first stroke, duplicate and flip to position another on the right stroke. Now we’re going to create the ‘C’ that will sit inside our ‘M’. Create an ellipse xpx, with no fill and a 40px stroke.

Next, create a rectangle 60px high and position it over the mid-right of the ellipse this will form the break in the ‘C’. Shift-click to select both objects and cut the rectangle from the ellipse using the ‘Subtract’ button. I’ve also added a small triangle on the letter’s left side. If you’re feeling up to some curve manipulation, we can add some interest to the middle point of our ‘M’. Add a small circle with 40px stroke and convert to curves.

Break the curve at the top node and move the loose ends to make a teardrop shape that meets the ‘M”s arms. Some practice with curves can be had at bezier. You can also add a neat 5px rounding inside the top of the ‘M”s upper points using the Corner tool — select both the nodes, then click and drag to smooth.

Now we want to save your file again and export the logo as an SVG so we can easily use it in other projects. Choose ‘Selection without background’ from the Export dropdown, then click ‘Export’.

Now you just need to give your logo a name, choose a folder remember where it is! Close your design from the File menu. Over the next few steps, we’re going to use the techniques you’ve already learned to mock up a page around your logo.

Create a new design, same size or larger than before ours is x px and we’ve unchecked ‘Transparent background’. Once open, ensure Snapping is enabled, choosing the UI preset again. Ours is roughly px square, but it’ll look perfect at any size! Choose whether to start with guidelines or content first and guidelines afterwards , to kickstart your layout. Our guides define a repeating area that includes a background rectangle, one large and three small images, product information, and button regions.

You can drag these guides on to the page from the rulers. Time for some layout tips! Add text using the tool at the left, either scalable ‘Art Text’ or traditional ‘Frame Text’.

Once you’re happy with your page mockup, it’s time to select some elements to export. Now switch to the Export persona using the button in the top-left. In the Layers panel, click ‘Create Slices’. You can adjust slices to be any size in any position. In the Slices panel, uncheck everything apart from your selected images. Choose whether to export at 1x size, 2x, 3x or all three. Look up to the settings in ‘Export Options’.

Now click ‘Export Selected’ at the bottom of the Slices panel, pick a folder, and click Export. That’s it! You’ve seen some creation tools, pixel-perfect shape manipulation, layout assistants, exporting as SVG, creating export areas from design elements, and exporting optimised graphics.

There are plenty of ways to make Affinity Designer fit your unique workflow — start using it in your own way to see what fits! This article was originally published in issue of net magazine. Please deactivate your ad blocker in order to see our subscription offer. Dale Cook. Topics Logos.

 
 

Affinity Designer Logo Tutorial: Simple Logo Design

 

You must enable JavaScript to fully view this webpage. If it is not enabled, your experience will be limited and you will be unable to purchase products, complete forms or load images and videos. Optimized for the latest tech on Mac, Windows and iPad, Affinity Designer is setting the new industry standard in the world of design.

No bloat, dowjload gimmicks, just all the tools you need, implemented how you always dreamed. Affinity Designer is страница stripped back, pro-end workhorse that will always get your job done.

Affinity Designer was created to thrive on the electric pace of the latest computing hardware. The engine behind Affinity Designer is built to handle huge documents so you can be confident in adding all those tiny details without any compromise to performance. Switch between full featured vector and raster workspaces with a single click.

Thousands of designers around the world told us how they need their graphic design app to behave. We put that knowledge at the core of Affinity Designer. The UI has been created to give you the affinity designer logo creation free download user affinity designer logo creation free download possible so you can spend more time creating. Timesaving tools such as Select Same and Select Object allow you to efficiently afrinity attributes or select all objects of a certain type for easy editing, while studio presets for the UI layout allow affinity designer logo creation free download to save your favorite workspace setups for different tasks and easily switch between them.

Whether on Windows, Mac or iPad, the file format is exactly the same. Affinity Designer is full of tools meticulously developed for achieving high productivity, while maintaining percent accurate geometry. Downllad add a contour to any object or increase the lpgo of single open curves.

The options you have for setting up grids and guides is almost unlimited. This is what we mean by power. From the beginning we developed our engine to work to floating point accuracy. What does this mean? Layout all your screens, pages, menus and other items in a single project across any number of artboards. Export artboards, or any individual elements in your designs, with a single click.

Symbols allow you to include unlimited instances of the same base object across your project. Affinity designer logo creation free download one, and the rest update instantly. Pixel perfect designs are assured by viewing your work in pixel preview mode. This allows you to view vectors in both standard and retina resolution, giving you a completely live view of how every element of your design will export.

Whether working with artistic text for headlines, or frames affinity designer logo creation free download text for body copy, you can add advanced styling and ligatures with full control over leading, откровенно windows 10 2019 descargar free download, tracking and more.

At any time convert your text to affnity to take full control and produce your own exquisite, custom typography to add serious impact. Advanced file support is at the core of the back-end technology behind Affinity Designer.

The design revolution Optimized for the latest tech on Mac, Windows and iPad, Affinity Designer is setting the new industry standard in the world of design. Serious business No bloat, no gimmicks, just all the tools you need, http://replace.me/16638.txt how you always dreamed. Fast and glorious Affinity Designer was created to thrive on the electric pace of the latest computing hardware.

As complex as you like The engine behind Affinity Designer is built to handle huge documents so you can be confident in adding all those tiny details without any compromise to performance. Built for your workflow Thousands of designers around the world told us how they need their graphic design app to behave.

Timesaving functions The UI has been created to give you the best user experience creahion so you can spend more time creating. Any device, anywhere Whether on Windows, Mac or iPad, the file format is exactly the same. Rock solid vector tools Affinity Designer is full of tools meticulously developed for achieving high productivity, while maintaining percent accurate geometry.

Powerful contour tool Effortlessly add a contour to any object or increase the width of single open curves. Advanced grids and guides The options you have for setting up grids and guides is almost unlimited. Unlimited artboards Layout all your screens, pages, menus and other items in a single project across any number of artboards. Linked symbols Symbols allow you to include unlimited instances of the same base object across your project.

Live pixel preview Crfation perfect designs are assured by viewing your work in pixel preview mode. Sophisticated typography Whether working with artistic text for headlines, or frames of text for body copy, you can add advanced styling and ligatures with full control over leading, kerning, tracking and more. Professional output for print, screen or collaboration Advanced file support is at the core of the back-end technology behind Affinity Designer.

Buy now. Own the most powerful design software today. Screenshots Buy RON We no longer support Internet Explorer. Please upgrade downlooad browser to improve your experience. Find out affinity designer logo creation free download.

 

Affinity designer logo creation free download

 
Affinity’s Dale Cook walks through how to use this popular new design software to create, adjust and export a unique logo. In this Affinity Designer Logo tutorial we’ll create a logo fin Affinity It’s free to start customizing now, so why not give it a try? Own Affinity Designer for just $ on Windows or Mac or $ on iPad — subscription free. Buy now. Own the most powerful design software today.

 
 

Leave a Comment

Your email address will not be published. Required fields are marked *