Jump to content

Recommended Posts

Hi all, a recent tutorial I did for Envatotutsplus on Affinity Designer is out.  

 

It's a step by step from start to finish type of tutorial of my basic workflow developing a fun Canine Cowboy character to a cartoony semi-realistic finish. It's an intermediate level tutorial so some knowledge of Designer is required. :-)

 

Check it out at:

 

http://design.tutsplus.com/tutorials/how-to-create-a-detailed-beer-label-in-affinity-designer--cms-26010

 

Also checkout the attached image here for a preview of the final image.

 

Have fun!

Retrograde

(aka Kevin Creative)

post-305-0-39485500-1459961772_thumb.jpg

Share this post


Link to post
Share on other sites

I´m always amazed by the imagination of you and how you make these wonderful composites out of simple techniques. Although it´s not my main area of interest I really enjoy reading your explanation, well done and thank you very much!


 

 

Share this post


Link to post
Share on other sites

Wow! Thanks MBd and you are most welcome, it was a lot of work to create something AND document every step like that.

 

I guess as you say they really are simple techniques that add up to something tangible and recognizable in the end. I come from a traditional air brush based background so I guess this is sort of applying some of those techniques in the digital realm.

 

I'm glad you enjoyed going through it.

Share this post


Link to post
Share on other sites

Yes it really came to my mind how much work it was to take all these screenshots and add descriptions, keep it brief AND informative at the same time.

To me it really is important to try to understand design or brush work because photography retouching is not much different to me. One has to imagine the shape of the final output and thus understand the lighting shading and contours. I´m also using some vector objects in combination with photography work to keep things editable and thus flexible.


 

 

Share this post


Link to post
Share on other sites

I just finished this tutorial yesterday, and I'd like to say a big THANK YOU to retrograde! It took me a whole day to follow the instructions, so I can't begin to think how long it must have taken to put together. I've come away from completing this feeling like I know AD much better, and also that I'm going to be a better illustrator as a result of these techniques.


MacBook Pro 15" 32GB RAM, iPad Pro 12.9", Apple Pencil .  Software tools of my trade: Affinity Designer | Affinity Publisher | PDF Expert | Drafts | Editorial | Plutio  

https://eandrpublications.com.au

Share this post


Link to post
Share on other sites

WOW thanks misc33 and ChrisP!!

 

It's a GREAT feeling knowing people are benefitting from the tutorial. You never know how many, if anyone, are going to invest their time to go through it, especially one as long as it turned out to be. :-)

 

Yes, It was a long process to document virtually every click but I think that's sometimes what it takes to really show how to do something, especially in a written tutorial.

 

Thanks for sharing your experiences.

Share this post


Link to post
Share on other sites

WOW! How have I only just seen this!?! What a fantastic tutorial, Kevin - thank you so much for sharing it with us!!! As has been said before, it's extremely detailed but easily followed and makes a brilliant illustration at the end, so it's really compelling to follow - thank you again for all your hard work! (now I'm off to read it again!!!) :D

Share this post


Link to post
Share on other sites

Great work Kevin, congrats !

All the steps about lights & shadows are just awesome. Thanks for all the work and sharing. I keep the link  :)


OS X 10.12 - AP 1.6.6 - AD 1.6

Share this post


Link to post
Share on other sites

Cheers everyone!

 

I myself have followed many tutorials over the years, this is the first one I've completed for any app and it feels great to share a little bit of what I know and my workflow with everyone.

 

Feel free to post any results you have from the tutorial, I would love to see them!

 

Thanks to Envato for asking me to do this! 

Share this post


Link to post
Share on other sites

Fantastic tutorial, Kevin … your shading techniques are simply amazing …  :)

 

And what an amount of work! I just created a PDF from the tutorial and ended up with 138 pages …  :o

Thank you so much for sharing!

Share this post


Link to post
Share on other sites

Fantastic tutorial, Kevin … your shading techniques are simply amazing …  :)

 

And what an amount of work! I just created a PDF from the tutorial and ended up with 138 pages …  :o

Thank you so much for sharing!

 

Cheers A_B_C!  That's a cool idea. I'm curious, is it for future use to look back on or refer to?

Share this post


Link to post
Share on other sites

Is it for future use to look back on?

 

Indeed … I just wanted to make sure to have this safely available on my hard drive … old fashioned, I know …  :D

Share this post


Link to post
Share on other sites

Hey Kevin,

 

Looks really cool. Will try this out over the long weekend I have.

 

 

 

Allan


About me: Trainer at Apple, Freelance Video Editor, Motion Graphics Artist, Website Designer, Photographer. Yes I like creating things!!!

Instagram:https://www.instagram.com/mystrawberrymonkey/

Twitter:@mystrawmonkey  @imAllanThompson

Web: mystrawberrymonkey.com  Portfolio: behance.net/allanthompson

YouTube: Affinity Designer & Photo Tutorials

Share this post


Link to post
Share on other sites

Thanks for the tutorial, Kevin, learned a lot. Someone above did it in one day? Took me four!

I pretty much followed it out the window, but with the leaves I used Elliptical instead of Linear option for Transparency. It gave the leaves a more organic appearance, plus I blurred each half 2px and tinkered with their centers. And I changed the nose, and color of his shades.

post-56597-0-73088600-1495338274_thumb.jpg


https://www.behance.net/jimmyrodriguez

Late 2011, 17" MacBook Pro (MacBookPro8,3), MacOS 10.11.6 El Capitan
2.5 GHz Quad Core Intel Core i7
16 GB 1333 MHz DDR3
AMD Radeon HD 6770 1024 MB (2 GPU repairs separated by 12 months! OEM died Summer 2017)

Share this post


Link to post
Share on other sites

HI!

 

I was asked to test and compare Affinity for a possible studio switch from Adobe to Affinity products. I was creating the Beer Label on Tuts+ but I don't see where the supplied file is located. Its possible Tuts+ deleted the file from their server and only kept the steps to create this label.

 

To give you guys a background...I'm a Print Production Artist for small events to large sporting events. I've been using Adobe products as since 1992 and Illustrator was my first Adobe product. So far I'm very impressed with AD, smooth, fast upload and looks like a 90% keyboard map to Adobe products ( a huge plus ). 

 

If possible can someone email me or post a link for the tutorial I would like complete the project.  Thank you.

Share this post


Link to post
Share on other sites

Hi PixelBrush,

There's a blue "Download Attachment" button along the right edge of the website.

See picture:

 

post-56597-0-59323500-1495569104_thumb.png 


https://www.behance.net/jimmyrodriguez

Late 2011, 17" MacBook Pro (MacBookPro8,3), MacOS 10.11.6 El Capitan
2.5 GHz Quad Core Intel Core i7
16 GB 1333 MHz DDR3
AMD Radeon HD 6770 1024 MB (2 GPU repairs separated by 12 months! OEM died Summer 2017)

Share this post


Link to post
Share on other sites

Hi all, a recent tutorial I did for Envatotutsplus on Affinity Designer is out.  ... Check it out at:...

Have fun!...

 

Phew! Completed! If I added up the hours it took they would wrap around the earth 12x... :lol:  For me, here is why it was such a great learning experience:

[Oh, first off, I do use the pen tool a lot so I was not hung up there. I'm not fast with it but I can make a curve take pretty much any shape and I use the different node types.]

 

1. Didn't know before that you would want to put hi-lights on top of hi-lights and shadows on top of shadows. That was an eye-opener.

2. Crisscrossing between Inner Shadow effect, Color/gradient, and Transparency gradient were fun and extended my knowledge of these tools.

3. More precise use of layer opacity (and effects opacity) than I've used before in relation to the other settings employed.

4. Surprised by the non-use of textures (just using lighting effects did it all). I thought, "A dog, so there will be textures." I can see that could have been an approach, but for this project, I like the final texture without using texture.

 

Kevin, thanks for the challenge and education! I encourage others who have not done your tutorial to dig in.

 clap.gif


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

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

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.