Create a Message Icon Animation in Photoshop and After Effect

In this tutorial, we will learn about how to create the simple message icon animation using photoshop and after effect, oke soooo let's move on :)

Design Icon Animation in Photoshop and After effect

You can check my youtube channel to get the part final, ok guys don't forget to subscribe my channel in youtube Angga Risky :)

See you the next tutorial.

Read More

Designing a Login Page Screen in Sketch App

In this time, I want to show you how to design the login page screen for keystroke using sketch app from mac. so, you will design the simple layout but looks like elegant and classic.

Design Login Page in Sketch App

If you love this video tutorial, please to subscribe my channel Angga Risky in Youtube (you will get the latest update automatically via google mail)

Good bye~

Read More

Loading Animation in Sketch and Flinto Tutorial

In this tutorial, I want to show you about how to create the loading animation using Sketch app and Flinto for mac. It's all easy and simple, we just need to create 2 frames and just render it.

Loading Animation Sketch App and Flinto Tutorial

I hope you can understand the video tutorial, if you have any question please let me know and don't forget to subscribe my channel in youtube :)

good day, designer!

Read More

Getting Started with Flinto for Designer

In this case, I'll show you about the Flinto that best tool for Designer to create a beautiful prototype and easy to use.

You can download from the official site and you also can the free trial, so here you go.

Introducing Flinto for Designer

Please subscribe my channel on youtube, if you are interesting about the video please let me know. Subscribe my channel okay :)

Read More

Design Search Page for Mobile UI in Adobe Illustrator

I am trying to design the mobile UI application using Adobe Illustrator, actually it's only my new experiment and I will try another design again.

If you want to learn design the mobile UI in Adobe Illustrator, just follow the steps in the below of these paragraph:

Design Search Page in Adobe Illustrator

If you have any question about this tutorial, just let me know about your question ok? don't forgot to subscribe my channel in youtube if you want too.

Read More

Create Beautiful Mockup using Mockuuups Studio

I know that sometimes designer create a design and make the presentation for Mockup or Behance.net. I bet you wasting your time to make the mockup using tools in Photoshop.

I will show you the best application that help you to create a beautiful mockup with a simple way, and faster bro!

Introducing Mockuuups Studio

If you have any question about this video please let me know and I'll try to help you.

Don't forget to subscribe my channel in youtube, so you will get the latest news update about design and programming.

Read More

Landing Page UI Design Tutorial [Free File Project]

I just tried how to create the weird landing page, it's landing page is good for creative group or personal branding.

Landing Page UI Design Tutorial

I hope you can understand about this video, please let me know if you have any question and if you want to download the project, just click right here: Download Project

Read More

Analytics Mobile UI Design Tutorial [Free File Project]

After I wake up from my sleep, I was thinking that I want to design the analytic for my friends. So, I decided to make it simple and clearly (you can see). 

Oke, I want to share the tutorial how to design this application (quickly and simply)

Analytics Mobile UI Design Tutorial

I hope you can understand and if you have any question please let me know, if you want to download the project; just click in the below of this paragraph.

Download Free Project UI Design

Don't forget to subscribe my channel on youtube, good bye.

Read More

Free Course for Affinity Designer 2016

In this article, I want to share about free course for affinity designer (web design, illustration, icon, UI design application). You can learn this application to build the good graphic of design.

Affinity Designer 2016 Free Course

I hope you can understand about these video, and please let me know if you have any problem or question. Thank you.

Subscribe my channel, that's make me happy :)

Read More

Design Elegant Business Card using Photoshop Tutorial

Middlebreak - Every business we can promote ourself to each other people, we can promote it using business card and that's why I want to show you how to design the elegant business card using photoshop application.

If you are want to learn about this, just make sure you have experience in design or typography. So, enjoy this video and check it out :)

Design Business Card Tutorial

I hope you can understand about this tutorial, just contact me if you have any question about this video, and see you next time.

Read More

This Redpen help you to get a feedback from your Client

Middlebreak - As UI Designer, sometimes we need some feedback from our client or project manager, that is why I want to show about this website and it's awesome! Redpen.io is help you to upload your design and you can share it for you friend, team, or client.

Redpen.io is paid, but you will get the free trial day only 14 days. If you enjoy about this site, you can pay to register as member.

Introducing Redpen.io for Designer

I hope you can understand about this video and if you have any question please let me know and I'll try to help you :)

Read More

Photo App Mobile UI Design Tutorial [Free Download Project]

Hi Designer, in this case I want to share about tutorial how to make Photo app for mobile UI design using Sketch app from Mac. I also share the project, so you can download it for your project and it's freebies.

Photo App UI Design Tutorial

I hope you can understand about the tutorial and if you want to download the project, please click link below of here:

Download Project 

Thank you for reading my article, see you next time...

Read More

Learn Breakpoint-Sass to Create a Responsive Web Design

Middlebreak - As a web designer, sometimes we got the problem when we are trying to create a responsive web design (no framework). So, In this article, I'll show you how to solve that problem quickly and faster.

Breakpoint-Sass Tutorial

I hope you can understand the tutorial, and if you have a question about this tutorial, please let me know and I'll to help you to solve your problem.

Read More

How to learn something new quickly and easily

Ok guys, when you are learning something new; I know it is not easily, and I think that was not good for our brain. Because sometimes we will forget their( a new knowledge). I know that feel bro, but I have some tips for you and I hope it also worth it for you guys.

1. Find the motivator or teacher

Learning something new needs to make sure where we can learn it? where we can get everything about basic knowledge? how we can getting started? and the golden key is Motivator. You can find the motivator at school, station, museum, library, college, etc.

2. Find the curriculum

We live using guide, using direction, etc. All you need is just starting, but you need curriculum, you need guide. Learn something new using curriculum is make you easy, you just need follow the step by step and finish. You got it!

3. Learn. Implement. Share.

You have got motivator, you got curriculum, waiting for what? just do it, baby step needs. You can create, you can take a simple test. You can pratice anymore, learn other knowledge again, and you can share it with other guys.


Ok guys, I think these tips is good for beginner, leader, or kinda person. I hope these tips can changes your life, your style, your knowledge.

Read More

How to win Web design contest

Hi, guys, it's me Angga Risky, and I'll share tips how to get a win when you join Web design contest. Unfortunately, it is not easy, but you just need to an understanding about a contest.

Get the win in the Web design contest

Ok guys, I hope these tips is worth it for you, but as soon you got to win, please share these tips for other people.

Get the Brief

 

When yourself understanding about brief from the client is not easy, I know it. But calm down guys, make a good communication with them, you just mark the 'important point'. By example, the client has asked you to create the e-commerce templates, so you can find the templates which e-commerce category. And show them you found it.

Ask a References

The golden key wins the Web design contest is knowing every object what client needs. Ask them first what their problem, and you will get the golden key to an earn the Web design contest. If the customer has no Preference, you must be hard work to get a fresh idea for your client. So, take it easy and get the client involved with you.

Give them design more than one

When the client needs only two pages design like a home page and single page, just give them more than two pages. You can give the customer another page like an about page, contact page, etc. And if the website has no responsive, you can give them sample design for responsive web design

Ok guys, I hope you can understanding about my tips. And I hope too you will get a win for Web design contest. And if my article so bad or bad grammar, forgive me guys (I just trying to implement it from Indonesia to English).

Read More

How to design Tokoa UI kit using Sketch App 3 Tutorial

Design an UI kit is no easily, but I am using Sketch App from Mac Os, which make the designer, developer, and an end user could design some App quickly. And in this article, I'll let you know how to create it.

Sketch App 3

This App from Mac Os is beautiful, you can easily and quickly create Mobile App, Web App, Icon, etc. But is not free, you must pay $99 to get this App (Not Available in App Store). If you want to but this App, you must visit the official site.

Ok guys, I'll design the Social & eCommerce UI kit using Sketch App 3. And I make this tutorial into video series guys who there is six-part.

Sketch App 3 UI kit Tokoa Tutorial - Part 1

In this part, we will design the on-boarding screen for getting started apps and let user knowing this App first.

Sketch App 3 UI kit Tokoa Tutorial - Part 2

 

We will design the Sign In / Sign Up page for UI kit, user can create new an account or just login using their account.

Sketch App 3 UI kit Tokoa Tutorial - Part 3

Part 3 of 6, we create the page which User can follow other people (Social & eCommerce)

Sketch App 3 UI kit Tokoa Tutorial - Part 4

  
So you want to design the Navigation? part 4 of 6 you will create it guys. You will design the Navigation and Button for Sign Out.

Sketch App 3 UI kit Tokoa Tutorial - Part 5

 

Part 5 of 6, we create the eCommerce page like Category shop, and Item shop. It is awesome page~

Sketch App 3 UI kit Tokoa Tutorial - Part 6

Welcome to Part Final, you will design the Checkout payment page. You can eksplore style design with your own creativity.

Ok guys, it is over. Hope you can enjoying these tutorial and I am sorry I have not yet to make it into article (not only video). If you want to download this UI kit. I'll make it free.

Download Tokoa UI kit Ecommerce & Social

 

Read More

Free download Tokoa UI kit for Sketch 3

 
Hi guys, before I make the tutorial and in this article; I'll showcase the Tokoa UI kit and you can download it for freebie.

I made this UI kit using Sketch App 3, and if you are using Photoshop; Sorry guys, you can't edit this Master file.

 Ok guys, sorry for bad reposition about these preview images. Because this Blogger can handle it hahahah *jokes*

If you want to download it, I'll make it free and don't forget to share it bros.

How to download? I have upload these master file into my drive. Just mail to: anggariskysetiawan@gmail.com

And I'll reply with a link which you can download it.

 

Read More

Free Download Checkout Payment UI design PSD Template

Angga Risky Copyright

day by day I practice too much about UI design, and so much my files on my harddisk. I'll give you it free and if you need more than it, just request and I'll make it free for you.

Free Download Checkout Payment UI design

Ok guys, I am using Photoshop CC 2015 to design the checkout payment. And if you are using another Photoshop version, it probably not problem. Might only different layer and icon (which has rasterized layer).

Download Checkout Payment (.PSD)

 

Read More

Free download UI/UX design basic guide

Everybody need guide, a guide for life, a guide for cooking, guide for swimming, a guide for everything. And now, I'll give you a basic guide for UI/UX design. Yesterday, I had posted about UI/UX design guide in my album photo on Facebook. But, so many people ask me about this ebook.

For you designer, programmer, developer, marketer, I am seriously this guide useful for us. Use this guide for search a new client or customer, talk with them about emotional design and good design like.

1. Pixel Perfect Precision

This guide most useful from another guide which I have read. And currently, I am still using this UI UX design guide for meet a new client and make them interested.

2. UX Storytellers

This guide like a story about user experience, there is so much text and is recommended for you who love reading. Learning how to make the user interested and comfortable with our application.

3. UX Best Practices

From this guide, I can find out how to make a real prototype and make the best portfolio for our career. How to make a layout for mobile application is not easily but when I was using this guide, overall is good.

Waiting for what? Download Basic Guide (.PDF)

Read More

Easy pratice for buttons UI/UX design

What I have thought of this button is useful for a call to action, especially to our websites or mobile applications. But sometimes we design the look of the button is bad. And in this article, I'll give you some tips for your button layout.

1. Make a button look like button

Make a button design look like button for call-to-action is better, because if you created the button look like text or hyperlink is bad. A user doesn't know about this button, and they think it's only common version. Make a button different with another text, because the button is the main point for our website.

2. Place the button where Users can find them

If you have some paragraphs and some image in your article, you don't put the button in the middle of content. Because that would happen, the user can't understand about your button (maybe they think that's only advertising). The best spot to place the buttons at the end of content or bottom of thumbnail image (if you need that).

3. Give a label for each button

By example, I have designed the button for buy item from my website. So I make the button within label 'Buy Now' and don't give a label for your button is 'Download Now', because the real item can't be downloaded haha.

And the conclusion just makes a button where the user can find them and give a label for each button with good (readable). Don't forget about the colors, make them different (where is primary and foreign).

Read More

Basic guide for UI or Web designer useful

 

Hello, guys, I have posted the UI/UX Design essential guide on my Facebook. But now, I'll implement that into article and video (Check the bottom of this article).

If you need more details about UI/UX Design essential guide, please read this article with carefully.

The beginner like me still need the guide, if you have no guide; you will lose every day. Trust me. So, I hope this article can help you to improve your skill UI/UX Design. But, I am so sorry if my grammar was wrong, hope I can speak and talk English with good as soon as possible.

1. Artboard

Before you designing the Website, App, Icon, and anything else, you need the artboard (because artboard helpful and you don't need to think about display screen size). And if you need the iPhone screen or Macbook screen, the ways you need is only select them into 'Document Type' > 'Artboard' > 'iPhone 6 Plus' > Tadaaaaaa!!

2. Shapes (Rectangle Tool)

The way to create your background is using the rectangle because the square is useful (you can using it for image placeholder too). We create the background picture, background button, background gradient, or anything else is only using the rectangle tool. Create the rectangle tool is only press 'U' on your keyboard.

3. Text create

Single line or multiple line paragraphs really help us to describe something awesome; usually, I am using text tool for creating the Title on my blog post, description, tags, label, etc. with the text tool we can create the Horizontal text and Vertical text.

4. Work with layers

When you have designed the website and there so many layers, how to manage it? Using group layer and give their mark color like a blue, yellow, red, orange, violet, etc. It might be helpful for us to maintenance the design, layer, content, and image. 

Give their name to readable, using the 'Date' or you can using the 'Name of Project'. Otherwise, you will be stuck when you were trying to maintenance it.

Let's watch how to implement it

   

I hope these guide is useful for you guys and lemme know if you are any question or requesting tutorial or tips. Don't you forget to share this article if you like it?

Read More

Get your clients easily with these 4 tips

Get a new client or customer is terrible, especially if we are people who have just pioneered a business or businesses. It might be useful to you which is currently freelance, most of these tips are correct.

Okay, I will give you all the tips that I often use when searching for a customer, and also make them believe in me.

1. Good Looking and Politely

 At the early stages of this, you need to create the first conversation and polite, doesn't sound like a thief or as robbers. Because most people still judge us from his performance only.

2. Pay attention

At the second stage, we give the attention for they; we ask they what the difficulty about their life lately, probably from there we can get a clue or a golden key to offering business to him. If we already have a golden key or clue, then to get a customer is very comfortable.

3. Provide a reference

In the third stage, this all you need is to be talented people, what's mean? So, for example, a customer we have problems regarding marketing, well you try to offer only to advertise on the website or on platforms that were already available before like Google Adwords, Youtube, and much more.

So we've started to believe customers with us because we have ample insight about business. So for you who are improve your skill in business, don't get to miss the latest technology news.

4. Offer Your Service

On the fourth stage, you can tell they about your skill. Therefore, customers have started to believe in you. So do not waste this golden opportunity, such as a skill that's designer. You can try proposing to design an ad that indeed will be paired on the platform provider ads.


So it's like that's four ways to get customers easily and good and they believing you. If you have not been able to enforce it, practice it first on the closest of friends or relatives. After that learning to confident in opening a conversation. Because we are looking a customer. 

 

Read More