Jump to content

Recommended Posts

Hi guys!

New member here. I produce film music and also been doing some 80's retrowave/synthwave music. 
Didn't wanna go the Photoshop/Illustrator route with the subscription so found Affinity Designer (also iDraw/Graphic) but seems Affinity is the better one here?

Anyhow, I don't know all the effects and names for everything more than layers etc. But wondered if it is possible doing somewhat like all the stuff here in Affinity:
The 80's retro designs with cool backgrounds, layers and reverse pyramid designs with some cool retro fonts with layers (behind) and sometimes adding effects like shimmer/lights and splitted colours in the text string. 

Is this possible in Affinity and do you guys know what the effects are called? 

I could also just find a background and make a nice font to it. Oh yeah, how many/good are the fonts if I want to make the typical Retro designs inside Affinity??


Much much appreciated and all feedback is welcomed. I will absolutely watch the stickies with the tutorials and perhaps I'll learn more from there, but wanted to give you some examples.

//D

Share this post


Link to post
Share on other sites

Hi GraviolaB17,

Welcome to Affinity Forums :)

Yes, you can use Affinity apps to create retro designs like those. The effects are a mix of glows, reflections, neon effects, masking, lens flares etc

Regarding fonts, Affinity Designer/Photo doesn't include any fonts. It uses the fonts installed on your system but you can download and install more (for free) from sites like FontSquirrel, DaFont etc or buy them on commercial sites like MyFonts, FontShop etc.

Share this post


Link to post
Share on other sites

Hi guys!

 

New member here. I produce film music and also been doing some 80's retrowave/synthwave music. 

Didn't wanna go the Photoshop/Illustrator route with the subscription so found Affinity Designer (also iDraw/Graphic) but seems Affinity is the better one here?

 

Anyhow, I don't know all the effects and names for everything more than layers etc. But wondered if it is possible doing somewhat like all the stuff here in Affinity:

The 80's retro designs with cool backgrounds, layers and reverse pyramid designs with some cool retro fonts with layers (behind) and sometimes adding effects like shimmer/lights and splitted colours in the text string. 

 

Is this possible in Affinity and do you guys know what the effects are called? 

 

I could also just find a background and make a nice font to it. Oh yeah, how many/good are the fonts if I want to make the typical Retro designs inside Affinity??

 

 

Much much appreciated and all feedback is welcomed. I will absolutely watch the stickies with the tutorials and perhaps I'll learn more from there, but wanted to give you some examples.

 

//D

 

Hi man!

Welcome to Affinity Community =)


UX/UI Designer & Affinity Designer user on Facebook | on Behance | on Dribbble

  

AMD FX-9370 Eight-Core (Vishera)/ 4.4GHz/ NVIDIA GeForce GTX 750 Ti 2GB/ SSD/ HDD1TB / DDR3 2x8GB

Share this post


Link to post
Share on other sites

Hi GraviolaB17,

Welcome to Affinity Forums :)

Yes, you can use Affinity apps to create retro designs like those. The effects are a mix of glows, reflections, neon effects, masking, lens flares etc

Regarding fonts, Affinity Designer/Photo doesn't include any fonts. It uses the fonts installed on your system but you can download and install more (for free) from sites like FontSquirrel, DaFont etc or buy them on commercial sites like MyFonts, FontShop etc.

 

Hey man! Thank you so much for the fast and very good response ! I will absolutely look into that and see how far Affinity can take me with my basic skills, hope I can improve it and start off soon!

About the Fonts - ok cool! Thx for the sites. Can the texts also be divided in multi layers/colors in the background ? Or maybe you already answered that! :) Lens flare was something new I will look into.

 

Again thank you very much for quick and very good response and explanation. All the best!

 

Hi man!

Welcome to Affinity Community =)

 

Hi mate! Thank you so much for the friendly approach, much appreciated! Cool designs you've made also.

Share this post


Link to post
Share on other sites

Hi GraviolaB17,

Welcome to Affinity Forums :)

Yes, you can use Affinity apps to create retro designs like those. The effects are a mix of glows, reflections, neon effects, masking, lens flares etc

Regarding fonts, Affinity Designer/Photo doesn't include any fonts. It uses the fonts installed on your system but you can download and install more (for free) from sites like FontSquirrel, DaFont etc or buy them on commercial sites like MyFonts, FontShop etc.

Last questions, about this design is there any tutorial on this or will this be done easy when I'm in the program? :)

Or is it explained in the Work book? Was thinking of buying it to get a good introduction.

 

Then about filters for photos, are there some filters included like this picture for the city sepia and the vintage filter of the beach?

 

And lastly, are there included "pictures" or frames like cars or palm trees (they can be black shapes also) ?

The Tiger Club is such a cool design btw:

https://cdn.affinity.serif.com/img/designer/1-4/collage-251120151114--desk.jpg

 

Thanks!!

Share this post


Link to post
Share on other sites

Hello Graviola, the night sky is a tutorial in the workbook. 

and it is a good way to start. 

 

 

 

in designer it is not so hard to create a retro design. i am no pro and came to this.

 

post-35341-0-15955000-1498560767_thumb.png


intel core i5,  16GB 128Gb ssd win10 Pro Huion new 1060plus.

philips 272p 2560x1440px on intel HD2500 onboard graphics

Razer Tartarus Chroma

Share this post


Link to post
Share on other sites

Hello Graviola, the night sky is a tutorial in the workbook. 

and it is a good way to start. 

 

 

 

in designer it is not so hard to create a retro design. i am no pro and came to this.

 

attachicon.gifretro2.png

Maestro! Thank you SO much, I am preetty blown away!!!

 

I will update this thread with some examples - or post it in the My Designs forum. Will def buy the book to have a better grasp at all the functions. 

The design you made is totally awesome - thanks a LOT! Love the shadings in RETRO as well as the background, colours and the square base.

 

LOVE IT! :D 

Share this post


Link to post
Share on other sites

more [fonts] (for free) from sites like FontSquirrel, DaFont etc

 

There's a longer list in my post here. :)


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

As dutchshader mentioned, the night sky is one of the chapters in the Designer workbook. It comes in after the sections on interface description, and core skills. So be prepared for at least some getting used to where everything in the program is, and basic skills like level layering and grouping.


iMac 27" Retina, c. 2015: OS X 10.11.5: 3.3 GHz I c-5: 32 Gb,  AMD Radeon R9 M290 2048 Mb

iPad 12.9" Retina, iOS 10, 512 Gb, Apple pencil

Huion WH1409 tablet

Share this post


Link to post
Share on other sites

There's a longer list in my post here. :)

There is also the Google Fonts repository of free, open source fonts. It includes "only" 800-odd fonts, but they all seem to be of reasonably high quality & some are quite popular. For example, Google claims that Roboto (which is used in the Grade UI Kit free with the purchase of Affinity Designer) is 'featured" on over 12 million web sites, whatever that means.


Affinity Photo 1.7.1, Affinity Designer 1.7.1, Affinity Publisher 1.7.1; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.1.143 & Affinity Designer 1.7.1.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

Share this post


Link to post
Share on other sites

There is also the Google Fonts repository of free, open source fonts.

 

Oops, yes  a "minor" omission! There will be considerable overlap with the other sites, but I've added Google Fonts to my list. Thanks for the nudge. :)


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

@GraviolaB17, you asked, "Can the texts also be divided in multi layers/colors in the background ?"

 

Welcome to the forum!

 

Text is just as flexible in Designer as the other objects and just as editable. For example, you can type a word, maybe "GREETINGS" and put each letter on a separate layer, make each letter a different font, style it differently with any number of effects & colors. If that isn't enough, you can convert each letter from text to a curve shape and manipulate its shape as a vector, independently of the other letters. You can Google many tutes on the Internet for "Retro Text Effects," some made for Designer and others made for other drawing programs that you can translate into Designer.


♥  WIN 10 AD & AP  ♥  Lenovo Legion Y520 15.6" Laptop

Share this post


Link to post
Share on other sites

Guys guys guys you're totally awesome!!
 

As dutchshader mentioned, the night sky is one of the chapters in the Designer workbook. It comes in after the sections on interface description, and core skills. So be prepared for at least some getting used to where everything in the program is, and basic skills like level layering and grouping.

Oh that's super nice! I will def take my time and order the book and learn from that. Looking forward to all the fun! First I need to finish all my retro tracks ;) 

Share this post


Link to post
Share on other sites

Guys! A late little self bump,

Bought Affinity Designer and also the workbook I'm waiting for. Been experimenting a little bit But:
The grid is something I still struggling with, @dutchshader would you mind chip in how or where you managed to drag it down to the middle/centre and then
having the design it has. Would be super happy if just the commando or where in AD I'll find these parameters for the incline of the grid/gradient. :)

Hope you understood my question, and again thanks for everything so far!

Share this post


Link to post
Share on other sites

Hello Graviola,

i did not use the grid, just some lines.

i have attached the afdesign file, hope this will help

 

 

retro.afdesign


intel core i5,  16GB 128Gb ssd win10 Pro Huion new 1060plus.

philips 272p 2560x1440px on intel HD2500 onboard graphics

Razer Tartarus Chroma

Share this post


Link to post
Share on other sites
On 2017-08-12 at 9:14 AM, dutchshader said:

Hello Graviola,

i did not use the grid, just some lines.

i have attached the afdesign file, hope this will help

 

 

retro.afdesign

My friend! Thank you So much!! This is so nice of you!
I realized now that the function I am after doesn't exist in Affinity Designer?! Perspective / live tool like in this video which I think is a little weird?
Think it should be a standard thing even for AD and AP. Anyone know if the function is coming or will? I'll text the mods or the team to see what the idea is!
:) Anyhow thank you very much I will look into it!

https://vimeo.com/channels/875980/147726737
 

Share this post


Link to post
Share on other sites

The perspective tool in photo is pixel based, i believe there are plans for a vector based tool for AD.


intel core i5,  16GB 128Gb ssd win10 Pro Huion new 1060plus.

philips 272p 2560x1440px on intel HD2500 onboard graphics

Razer Tartarus Chroma

Share this post


Link to post
Share on other sites
1 minute ago, dutchshader said:

The perspective tool in photo is pixel based, i believe there are plans for a vector based tool for AD.

Oh I see! Reading the roadmap post and others, hopefully we'll see something like that :)
And again, thanks for your help it has been great! Can't thank you enough!

Share this post


Link to post
Share on other sites

Hi GraviolaB17 and  anyone interested in this 80's retro wave style graphics.

 

I had a lad yesterday asking me if I could make a tutorial on how to create a typical neon grid floor on AD. He, just like you was wondering how to do this without a perspective tool, so I created this tutorial to show him how I'd do it myself as of today with the tools available. In any case and as the other members and moderators pointed out, all of this and much more is possible in Affinity Designer! :)

I hope it can be of help to you too: https://www.youtube.com/watch?v=1E-5E57OeYc

 

Share this post


Link to post
Share on other sites

Just wanted to say Thank you everyone for your tips and recommendations, extremely helpful!

I haven't got any mountains yet or a sun but will definitely add it. Don't know if I should go with something like that in my "artist logo" or just keep it clean, maybe add something to the background... I was thinking of vector palms or just black sihlouettes of palm trees like in this video hehe, that's another mission for me ;)

Anyhow, just to share what I've done so far this is my design, the artistname David Keys is not 100%, you guys will be the first one actually to see my design+artist name :)
I play a lot of piano and was also thinking of Miami Key West and the palms .. why some palms would spice it up a bit.
I am thinking of maybe add a sun or have a sun and mountains on all the singles of my first EP or have it as an album cover of my first EP that will be released sooner this year or next year!
So the sun+mountains and stars and everything was SO helpful Isabel! Cannot thank you enough and also all the other guys here!

The picture is absolutely not finished yet, the text seems a little bit... I dunno, too fat and not as noisy and retro as I want, but I will experiment til I get it. It seems a little bit too "plastic" or ..not that Sharp as I want. Ah, I'll see! Palms, sun and mountains and a triangle like dutschader showed will be the next !
If anyone know if there's a good tutorial in the AD vimeo or in the workbook (not home atm but will look later) how to work with vectors like in the video that'll be cool, want to copy some palms in there perhaps...but will try to figure it out myself first!

Hope u like my design and thanks for everything guys!

All the best,
"David Keys" ;)

DavidKeys2Noise.png

Share this post


Link to post
Share on other sites

ps. Another user did another tutorial, but in Affinity Photo!
A great one too I must say! :) What heroes there are out there!

Cannot wait til Affinity Designer will get the perspective tool ... maybe there's a way to do a grid yourself and just "stretch it out" somehow. Anyhow Isabel's trick is awesome, worth gold!!!
Here is one from Carl Surry
https://www.youtube.com/watch?v=XuPP6L9hNyw&feature=youtu.be

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×