Asset Affinity Designer

resource

Affinity Styles Download
Affinity Designer Asset
Affinity Designer Free Styles Download
Asset Affinity Designer Salary
Affinity Designer Assets Windows

At Campfire, we use Affinity Designer and Affinity Designer over Illustrator and Photoshop.

See how to create your own Asset Packs and experience me making a rookie error and lose one of my packs, i'm sure it will help you not do the same. To install Affinity assets on desktop: Open the Assets Panel. In Affinity Designer or Affinity Photo, select ViewStudioAssets from the menu. In Affinity Publisher, the panel is typically at the top left of your workspace. On the panel, click Preferences and choose Import. Andrew Salfinger. At Campfire, we use Affinity Designer and Affinity Designer over Illustrator and Photoshop. This is due to a number of reasons such as price, how they deal with clipping masks, gradients and grain, Primitives, The Ability to use photoshop style effects and tools within Designer (there version of illustrator) with the use of Adjustment layers and Persons, Brushes and much much more. Gumroad – Aubree Belle – VELVET Presets Bundle; CRT Machine by Studio 2am; Marco Ibanez – Dark & Moody LR Presets Vol.1; CreativeMarket.

This is due to a number of reasons such as price, how they deal with clipping masks, gradients and grain, Primitives, The Ability to use photoshop style effects and tools within Designer (there version of illustrator) with the use of Adjustment layers and Persons, Brushes and much much more. (I can go in more details about this design in a separate post)

Tho, for now, let’s talk about some of my favourite and most use recourses to use with Both Affinity Designer and Affinity Photo.

Note: Some of these recourses are paid and free. None of this content is sponsored. The resources listed below we use at campfire.

A list of some of the main brushes I use within Affinity Designer and Photo, this list is a mix of Raster brushes (the ones you find within Photoshop) and some vector Busters.

Tip: If you’re moving from Photoshop to Affinity most if not all brushes from Photoshop will work in Both Designer and Photo.

Vector

‍

‍
Marker Brushes: http://bit.ly/2JX9njo

‍

Comic Book: http://bit.ly/2ESDioJ

‍

Texture Pain brush: http://bit.ly/2IdHqAs

Raster (bitmap brushes)

‍

Frankentoon - Texturizer Pro 1.6: http://bit.ly/2WuyW2c (also have some vector brushes)

‍

Frankentoon - Nomad 2 Brush Pack: http://bit.ly/2MpvbGj (also have some vector brushes)

‍

Frankentoon - Concept Master Vol.1: Nature: http://bit.ly/2WGlbN5 (also have some vector brushes)

‍

Comic Basic set: http://bit.ly/2KpsD8y

‍

Blend Brushes: http://bit.ly/2IwSAkj

‍

Daub brushes: http://bit.ly/2WuGYYV

After some pre-made icons for your next project to save time, such as social media icons or other. Then check the below links for some great sites.

Tip: If you find your self commonly using some icons over and over again, such as social media icons, create assets out of them in Affinity so you can easily access them in any project. You can learn how to create assets here: http://bit.ly/316iVxS

‍

Flaticon: http://bit.ly/2QPdY7V

‍

Iconfinder: http://bit.ly/2XmpcDn

‍

Icons8: http://bit.ly/2XqTYLj

‍

The Noun Project: http://bit.ly/2K01863

‍

Graphic Burger: http://bit.ly/2QM9EGH

Outside of icons, there are some other vector assets you can use, here are some links to some vector assets site.

‍

Uplabs: http://bit.ly/2Wc3S28

‍

Free Vector: http://bit.ly/2Wp4ExB

‍

Graphic Burger: http://bit.ly/2QM9EGH

Vecteezy: http://bit.ly/2WiQSI9

‍

Freepik: http://bit.ly/2Wnmj8R

When it comes to images you may not have the time or budget to take custom images for the project so here are some sites to download some stock photos.

‍

Pexels: http://bit.ly/2WqGtig

‍

Pixabay: http://bit.ly/2Wp4IgP

‍

Unsplash http://bit.ly/2WnjVPF

Show off your designs in style with a mockup, this helps to showcase to a client, or to show your work on your portfolio. Here are some great sites to download mockups.

Tip: With use in Designer and Photo most mockups will not work off that bat since most of them use Photoshop smart objects so some tweaking will be needed.

‍

Mockupword: http://bit.ly/2WnmwsF

‍

GraphicFuel: http://bit.ly/2Wnnd5f

‍

Unblast: http://bit.ly/2WpL2cO

‍

Pixeden: http://bit.ly/2Wp8oz3

‍

Creative Market: http://bit.ly/2WluUZI

‍

To help add some magic to your design, effects and image overlay effects such as lens flares and dust and help give a pop to your image.

‍

Lens flare: http://bit.ly/2Wpyke3

‍

Dust & Dirt: http://bit.ly/2Wc77Xm

‍

Dust & Dirt 2: http://bit.ly/2Wc7bGA

‍

Halftone: http://bit.ly/2WexKuD

‍

VHS Effect: http://bit.ly/2WhxF9q

‍

Wood & Link: http://bit.ly/2WenLFC

Sick of your computers default fonts, let’s change that with some custom fonts.

‍

Font Squirrel: http://bit.ly/2WlSXYx

‍

My Font: http://bit.ly/2WrvGnZ

‍

Font Fabric: http://bit.ly/2WpiJeB

‍

Creative Market: http://bit.ly/2WpiJv7

‍

Font Shop: http://bit.ly/2WoQ3lF

‍

Graphiccriver: http://bit.ly/2WmvJla

Suck at picking colours well check out these colour recourses and swatches to help you pick the perfect colour.

Mega Swatch Pack: http://bit.ly/2WpLaZQ

‍

Colour template creator: http://bit.ly/2Wb6z3P

‍

Gradients 1 (works together with the above link): http://bit.ly/2WbqIa9

‍

Colours: http://bit.ly/2WeXAi9

‍

Colour Hunt: http://bit.ly/2Wb6zAR

‍

Adobe Color: https://adobe.ly/2WbqY97

Sometimes reading a good book can help, here are some amazing books about both Affinity Designer and Photo.

‍

Affinity Photo Workbook: http://bit.ly/2Wbr2FT

‍

Affinity Designer Workbook: http://bit.ly/2WuEk5r

‍

The Decision Book: 50 Models for Strategic Thinking: https://amzn.to/2WmIHiA

‍

The Brand Gap: https://amzn.to/2WebaSX

‍

Zag: https://amzn.to/2WgVQ82

‍

Creative Strategy and the Business of Design: https://amzn.to/2WoQX1Q

‍

Art of the Book: https://amzn.to/2WoQZ9Y

‍

Graphic Design Visionaries: https://amzn.to/2Wp95IF How to xenia 360 emulator for mac.

‍

Affinity Styles Download

Jost Hochuli: Detail In Typography: https://amzn.to/2WneEaP

Or maybe books are not your thing, so here are some online videos to help you learn.

‍

Franken Toon TV: http://bit.ly/2WlkSrw

‍

The Futur: http://bit.ly/2WmIOL2

The Futur Academy : http://bit.ly/2Wp7mTD

‍

Learn Affinity Photo (Desktop): http://bit.ly/2FuL60f

‍

Learn Affinity Photo (iPad): http://bit.ly/2WuCrFS

‍

Learn Affinity Designer (Desktop): http://bit.ly/2L9sKFP

‍

Learn Affinity Designer (iPad): http://bit.ly/2WnfqEL

‍

Advanced Illustration Vol.2 for Affinity Designer: http://bit.ly/2WnfvZ5

‍

Toonlab: http://bit.ly/2Wf83tR

‍

iOS icon assets: http://bit.ly/2Wl9Anf

‍

Bjango App Icon Templates: http://bit.ly/2Wp9oDj

‍

Drafttable: http://bit.ly/2Aq5ieQ

I hope you got some great Affinity recourses out of this post. Have I missed any you love? Let us know over on twitter @madebycampfire

Over the next couple of weeks, I will be talking about how to marketing your business and position it in the market.

Till then I hope you all have a great day.

‍

Sign up and get a Free ebook!

Learn how to market your brand.
(with super cool images. Maybe.)

Oops! Something went wrong while submitting the form.

Join our exclusive list and stay up to date + freebies!

Oops! Something went wrong while submitting the form.

by Dixita Ganatra

Affinity Designer has a rich feature, Export Persona. I was wondering if it could ease the process of exporting assets for an Android project. Here’s what I found after delving into it.

Preface

This article assumes that you are familiar with navigating around in Affinity Designer. I am going to use an example mockup of a fitness app called Watch Your Steps. This app counts your daily footsteps, the time you were active, the calories you burned, and the distance you walked.

To use these icons in an Android app, we need to export them. Since this application is going to run on Android devices with various screen sizes, we need to export them for various resolutions.

The Footsteps

Step 1: When your design is ready, switch to Export Persona.

Step 2: Go to the Slices panel in the right pane.

To export icons, we need to slice them. Affinity creates a slice for our artwork by default. Now we need to slice the icons from our artwork. We will create slices from layers directly. We could use Slice Tool to create slices manually as well.

Step 3: Go to the Layers panel. Select the layers you want to export and click Create Slice.

These are the layers which were created in Draw Persona. We are going to export the layers highlighted above. You should now be able to see blue borders around the sliced layers in your artwork indicating the slices created.

Step 4: Go to the Slices panel and uncheck the default slice (the app slice in this example) and any other slice(s) that you don’t want to export.

Step 5: Expand a slice by clicking an arrow in the left side and set the file path.

It shows the details of a slice. The highlighted area shows the file path of the expanded slice. Since we gave our layers proper names, we can reuse them for file paths.

By default, the size of the png will be 1x (same as of the icon). We need this size for drawable-mdpi in an Android project. Click on the file path, and perform the following steps to set it.

Remove Scale suffix (1x) from the filename and prepend drawable-mdpi/to our file path (do not forget the trailing /). Because we want our asset to be in the folder drawable-mdpi/, named back_button.png.

Step 6: Follow the previous step for drawable-hdpi — 1.5x, drawable-xhdpi — 2x, drawable-xxhdpi — 3x and drawable-xxxhdpi — 4x.

After completing Step 6, the slice will look like this:

We don’t have to repeat this procedure for all the following icons. Affinity provides a feature to save this as a preset.

Step 7: Click on the menu icon from the top-right side of the Slices panel and select Create export setup preset. Then name it Android (or whatever you prefer).

Affinity Designer Asset

Now we are ready to select the rest of the slices and apply the Android preset on them. ?

As you can see, once you create a preset it is extremely easy to apply on others.

Affinity Designer Free Styles Download

Step 8: Click Export Slices placed in the bottom-right. The icons will be exported within their respective folders. After exporting them, the folder structure will look like this:

What if we change the icons later? Do we have to export them again ??

No, we don’t.

Bonus

Just check the highlighted option, Continuous.

Now whenever you save your changes, exported assets will be updated continuously. Isn’t it cool ??

That’s all folks. Contact me if you have any ideas worth sharing. I would love to hear from you on twitter @dixita0607.

Application Mockup

You can download the mockup file used in this tutorial here ?.

watch-your-steps.afdesign
drive.google.com