Loading ...

Loading ...

Category: Design Tips

Do not be the one who left behind. Level-up your design skill with simple design tips and tutorial.

3 Easy To Make Valentine Design Ideas

fb-1

Valentine. One day in a year when almost everyone jumps on the wagon of baby pink color, heart shape, and balloons as their primary Valentine design ideas strategy. On the other hand, some brand cleverly walks around the bushes and combining the mainstreams with smart campaign strategy, which win them more audience engagement and conversion.

Yes, it hard to become creative when we already have that generic images printed on your brains due to years after years experiencing the same Valentine. Here are some easy to make Valentine design ideas that can help you have a catchy Valentine campaign.

Infographic

valentine

Many of us already forgotten how a nicely done infographic can provide us with a lot of easy to digest information and also looking charming.

Infographics are still huge and still get a lot of share on social media, which is perfect for Valentine design ideas. If you dare, you can bring up a non-mainstream theme for your infographic to add a little fun into your Valentine campaign strategy. Check out these nicely done National Aquarium’s infographic about sea creatures’ love and Verizon’s about how people use their device when they are in love by Verizon

Motion Graphic

vblog-2-60fps

Videos gain much attention from marketers lately. In the risen of vloggers and life shoot videos, another type of video like animations and motion graphics surely become a fun addition to choosing for your valentine design ideas. One good thing that you will be able to finish one just by sitting in front of your computer.

Check out this cute Love Story Valentine campaign by Michael Kors and this super sweet #WeGoTogetherLike Valentine campaign by Al Ain Dairy which is functions simultaneously as Valentine greetings and advertising. You might not celebrate Valentine yourself, but that will not stop you to give thumbs up for nicely executed videos like these, right?.

Social Media

valentine

What is a marketing campaign without social media?. Take advantage of social media nature to share and mention people to expand your audience. It is true that some powerful campaign was backed up with millions of followers who help its virality. But don’t let it stop you to prepared some clever Valentine design ideas in social media because netizens still give appreciation for fancy contents.

Check out Pilot Love Guru campaign by ballpoint pen brand Pilot that is so successful that it repeated three times in 3 years in February. And the #FirstLoveIs Valentine campaign by Cadbury Silk India which asks their audience first love story and create doodles from the best story.

 

Do you have an interesting Valentine design ideas? Have you created viral Valentine campaign? Save a lot for your Valentine campaign with our Valentine promotion.

v-day-cta-banner-1

4 Must Know To Design For The Chinese Market

chinese-new-year-images-02

Whether you need to design something specific for your clients, or just want to create a multi-purpose design template for a particular Chinese market, generate a design for a community with enclosed nature like China usually left us in doubt because of only able to access very few references.

Many of us have some knowledge about design elements that considered favorable in Chinese culture. However, is it truly correct? Here are some basic principles to design for the Chinese market that can help you create an attractive design.

 

chinese-new-year-images-01

Color Choice

You might already know that red and yellow (gold) colors are Chinese’s favorite colors. However, do you know why? It is because both colors culturally considered representing prosperity, good energy, friendliness, and festivity. That is the main reasons you can found yourself surrounded by these colors around Chinese New year celebration.

On the other hand, white is associated with mourning and black with death. Many brands skipped these colors when they were targeting more traditional market. However, China becomes more and more open with western style, and younger generations tend to be more relax with these colors. However, as precautions, you can learn from two China’s biggest app, Weibo and WeChat, which done very pale gray hue to replace white.

 

chinese-new-year-images-02

Be careful with written script

Do you know that there are 40.000 different Chinese characters? Even though an acceptable level of literacy is for someone to be able to recognize 2.000 characters, that still many. Not to mention that each script contains 1-60 strokes. That makes Chinese writing is very complex and prone to errors.

Unless you have proper knowledge of Chinese language and writing, better trust professional to do the translation for you. Alternatively, in case that you need commonly used a phrase like Chinese new year greeting’s Gong Xi Fa Chai, Google could be an excellent choice. Just don’t skip to do a double check before you publish the design.

 

chinese-new-year-images-03

Preferable shapes

Whenever possible, avoid using a triangle or lines with sharp angles that indicate a negative force or danger. Round shapes are preferred since it represents reunion, coming together, unity and harmony. The belief is stronger in parts of China where Feng Shui is practiced.

Didi Chuxing, which is well known for foreigners as China’s Uber, employ this concept very well in its logo which uses half round shape and rounded strokes. Also check out QQ, the biggest social media in China, which utilize circular shape and silhouette of a penguin which is their mascot.

 

chinese-new-year-images-04

Playful with Cultural Symbol

You might already know that there are some items which considered lucky bringing for Chinese which based on Feng Shui. Sometimes the believed comes from the way it sounds like the mandarin orange sound is similar to gold. Together with another good luck charm like koi fish, lucky coins, and mystic knot that you can playfully add to your design as visual elements.

In case you haven’t known yet, each year in China is represented by an animal zodiac known as Shio. For example, 2017 is fire rooster year, so you can also level up your design game by incorporated rooster on your design.

Source 1
Source 2

 

The Secret Of Fashion Website Every UI Designer Should Know

petshopbox-studio_blog_ui-design_fashion-website_04

There was a time when people are afraid to buy clothes online. Many people argue that people will need to touch the fabric, because they need to know if it is comfortable enough. Then, they need to try it, because they need to know if its cut fit their body perfectly.

However, things have changed. Right now, online fashion store is thriving. More and more people buy clothes online regularly.

By not forgetting that the retailers also offer better service like free return guarantee and more measurements details, their website also very well presented. Highly attention to details and deep understanding of their customers and products are the key.

Here are the lessons we UI designers can learn from them.

petshopbox-studio_blog_ui-design_fashion-website_01

Super Minimal Design Style

Almost every UI designer know KISS expressions. However, fashion website design takes simple website design style to the next level. Fashion is all about looks, and nobody knows it better than fashion online retailers brand.

While embracing super minimal website design, the pages fulfilled with fullscreen images showing the products from every angle possible. Big images enable the customer to see every detail of the product, thus replacing the needs to touch and feel the fabric. Utilize minimal UI design style allowed the products to become a focal point, and at the same time attract attention into the products instead of into the web design.

petshopbox-studio_blog_ui-design_fashion-website_02

Pay More Attention To Call To Action

We, UI designer usually don’t give much attention to call to action part on our website design. However, in the tough competition industry, call to action is vital. People who love the brand will likely subscribe to the newsletter; they might share it on social media to mention their friends who might like it, or if they were not sure about the quality they would use live chat to contact the retailer.

Most millennials who shop at online store are well known for their love to share as much as they like to complain. So, create a design which facilitates them to do both things easily while keeping the design clean. Nobody likes to search all over website just to complain or ask for small things. Moreover, no brand wants their customer’s complaints posted all over social media.

petshopbox-studio_blog_ui-design_fashion-website_03

Accomodate Microcopy

Fashion website is no blog. Fashion retail customer does not need to know how the cotton will feel on their skin or why the designer colored its shoes purple. Microcopy which using very few words-per-sentence or presented in bullet list is perfect for their customers, whose likely to collecting many items on a wishlist and comparing between one another before making a purchase.

In this visual era, a picture speaks louder than words. UI design which accommodates multiple and significant images are preferable. Replace every word that can be substituted with icons or drop down options. However, don’t eliminate space for texts altogether. Some people still love to read the details, and it is crucial for SEO too.

Let’s never forget that website design quality is one of the most important aspects for online retailers. Sometimes both of us, as UI designers, and clients love to sweat the small details, and totally forgot that to give maximum user experience, we must look at the whole design and make sure each detail completed each other.

Source: Creative Blog

How To Create Telegram Sticker

67

The latest version of Telegram give user freedom to create their own sticker sets very easy. Telegram users can create their own favorite character, for sticker creators it’s another platform to market stickers. At this moment, Telegram do not have sticker store, every stickers distributed freely. Read on how you can create Telegram stickers and publish it.

The sticker system on Telegram is half baked, why? Right now stickers are distributed via an URL, each sticker set has its own unique URL address. But, if you visit the URL there is no sticker preview, to view the sticker you have to open it in Telegram iOS or Android version — current version of Telegram for Mac, web or Windows can not preview sticker set, CMIIW.

To create sticker set you do not need special account or tools, all you need is Telegram app on any platform, but for convinience it’s better to use Telegram desktop or web version for easy image upload.

Telegram sticker size is 512×512 pixels, it’s larger than other sticker platforms. LINES or Kakao use 300-ish pixel size. Telegram provide a sticker template in PSD format contain one sticker sample and layer styles. Make your sticker ready using the template, then export it to PNG format.

You might want to read about PNG Optimisation for sticker to make your sticker set file size smaller. Smaller file size means faster download and sticker loading for users.
Sticker Bot Account

All you need to start submiting sticker is to chat with @stickers bot. To chat with @stickers bot, just mention it in with one of your existing chat room, click the @stickers. Stickers Bot will give you commands to sets of commands to manage your stickers, here are the commands.

/newstickerpack – create a new sticker pack
/addsticker – add a new sticker to an existing pack
/delsticker – remove a sticker from an existing pack
/ordersticker – reorder stickers in a pack
/cancel – cancel the current operation

Sticker Bot Commands

Insert Emoji

To start news sticker type /newstickerpack in @stickers bot chat room. Sticker bot will ask you to create a sticker set name. After that @sticker bot will ask you to emoji that will be tied with your sticker. Each sticker can be tied to several emoji, but Telegram recomend no more than two emojis per sticker.

Upload your sticker

After you send the emojis, you can upload the sticker to @sticker bot by dropping the PNG file to Telegram window, select to drop “without compression” do not drop it to “in quick way”.

Repeat above two steps for the next stickers. Telegram only permit 30 stickers for each set.

Publish your sticker

After you uploaded all stickers, type /publish to publish the sticker. @sticker bot will ask you to create short name for the suffix of sticker URL address that you can share to the world or download your sticker set on Telegram.

Sticker preview

To get more Telegram stickers please follow Telegramstickers.tumblr.com

Adobe Illustrator Tips To Save Your Time: Part 2

14

Almost all our project use Adobe Illustration. Every year Adobe added new features, some are very useful but old features remains a mistery land need to be discovered by novice or expert users.

Previously we wrote Adobe Illustrator tips round-up. This is the second edition of 10 tips we used it a lot on daily basis.

Previously we shared some productivity tips for Adobe Illustrator. Adobe Illustrator is still our primary application for almost every project we have worked on.

Here are new Adobe Illustrator tips that you might not know yet.

Math Operation on Option Bar or Transform window

Want to make the object 50% smaller? Just enter mathematical operator on option bar or in Transform window. In the image below I want to reduce the width 50% less by deviding it by 2.

Adobe Illustrator Transform Window

This feature really helpful for changing size without firing Calculator.

Keep Your Project Clean from Unwanted Brushes, Swatches or Symbol

Illustrator will keep unused brushes, swatches or symbol on the its palletes. Befor sending the final design to client, it’s best practice to clean those up, and also it will make your file size smaller.

Clean Up Symbol

To clean up, on brushes, swatches or symbol click the option icon on its paletter. Pick “Select All Unused”, then hit teh Trash icon.

Move Backward or Upward an Object Quickly

Do you use Layer window to move objects to Back or Front? If you have only a few layers it’s not that challenging, but if you have hundreds of layers browsing through layers won’t be easy.

To move object on top or behind another object quickly. Just use Paste in Front or Back. First Cut the object you want to move, then select another object, then Paste in Front if you want the object on your clipboard located in front of the selected object, or Paste in Back if you want to place it at the back of the selected object.

This little Adobe Illustrator tips will drasticaly change how you move objects, and save you big time.

Turn Any Object To Guides

Want to have a rectangular, curve or any shape as guide? This feature somehow is overlooked by Adobe Illustrator user. If you haven’t noticed it, the option is only one click away.

Turn Any Object To Guide

While selecting any vector object, right click then choose Turn to Guide. Easy right?

Turn On/Off Scale Stroke or Effect Quickly

In older version of Adobe Illustrator this option located in Preferences. In latest version, this option now available in Transform window for you to turn it On or Off.

Scale Stroke & Effects

On means any effect and stroke will be scaled. Very useful if you work mainly illustrations. I recomend to turn the Scale Off if you use Drop Shadow effect, the shadow will looks horible.

Changing Colors Quickly

By using Recolor Artwork window, you can quickly a lot of colors in one go. Perfect tool to make color variation. This feature has save us a lot of times. Here’s a Vine video on how to use it.

Naming Slice

Illustrator has a stupid way renaming slice. Naming slice in Adobe Illustrator is only available in Save as for Web window. Double click the slice in

Naming Slice

Activate Generate CSS Object for Unnamed Object

Adobe Illustrator has an option to copy CSS properties from an object. But, by default the feature wont alow generate CSS properties from unnamed objects. Naming an object quite a cumbersome in Adobe Illustator.

To enable CSS properties generator for unknown object. Open CSS Properties window, click option icon and choose CSS Export Option. In CSS Export Option window activate Generate CSS for Unnamed Objects.

Change Stroke Unit to Pixels

If you do a lot of working on screen design, using points can prevent for achieving pixel perfect lines. Because points is different than pixels.

Open Adobe Illustrator preference, open Units tab, then change Stroke unit to Pixels instead Points.

Put Stroke Behind Fill on Text Without Breaking The Font

By default if you put stroke on text, the stroke will be aligned to center. There’s a trick to Make it aligned outside the fill. In Appereance window add New Stroke, drag the new stroke into bottom of the Fill color.

Change Stroke Align to Outside

Viola! The stroke now aligned outside the fill.

If you find the tips useful, please share it with your friends. And, thank you for reading. Leave question on comments bellow.

How-To and Tools To Optimize Your Design Assets File Size

22

Keeping image file as small as possible is very important, whether you are working on user interface or game assets. Saving the file with Save For Web does not guarantee smallest file size.

PNG format is the most used image format for games, user interface and now stickers for chat messenger. Each chat app have strict guideline on file size, if the file size 1 KB bigger, they will request to make it 1 KB smaller, no compromise.

The Basic on How to Keep File Size Small

The smaller the image size, the smaller the file size. However, in design we bound to follow image size based on specification and guidelines. So, reducing image size in most cases is not an option at all.

Photoshop Bits Option

In Photoshop you have the power to create richer color depth, by default Photoshop use 8-bit depth. If you use 24 or 32-bit depth change it back to 8 bit. More bit depth means bigger file size, 24-bit image means the file size 3 times larger than 8-bit image.

Tools To Make File Size Smaller

Image file Saved with “Save for web” in Photoshop, or Adobe Illustrator is not properly optimized. Inside the image file there are still some information that can be safely removed to save more extra bytes. Below is our selection of tools to optimize file size.

ImageOptim Window

ImageOptim is our first tool for reducing PNG, GIF and JPEG files. The optimization result is depend on your image type or numbers of colors. On our sticker project, ImageOptim can save to averagely 50% of original file size. Example above, ImageOptim save 33.7% file size.

ImageAlpha window

If your file size still not meet the requirement, we reoptimize the image using ImageAlpha. With ImageAlpha we can save additional 39%. In ImageAlpha, the color reduced to 256, resulting smaller file size. You can save more file size by reducing the total colors. Fewer colors means smaller file size, in ImageAlpha you can check the image in different background to make sure the image quality doesn’t suffer.

Reduced color by ImageAlpha

You can see comparison between 256 colors and 64 colors. By reducing the color to 64, we able to save 3KB more. There are some jagged lines on Swaggy boots, but it isn’t so bad. Most importantly the transparency still looks great.

The final file size after optimized by ImageOptim and ImageAlpha with color reduced to 64 is 10 KB, original file size was 32 KB. We have saved 22 KB file size.

If you are a web developer, 22 KB is a huge bandwidth saving. For games and apps means the app size will be smaller. Using image optimization is a mandatory practice if you have file size constraint.

Other Tools

There are other tools for optimized your image file, we recommend these app.

  • TinyPNG. Website for reducing PNG file size in less than 5MB. You have to upload the file one by one via web interface, or buy Photoshop plugin ($40).
  • Smush.it. Image optimization by Yahoo!. The result is the same as Image Alpha.
  • PNGquant Photoshop Plugin. PNGquant is the command line tool that also used by ImageOptim and ImageAlpha, this plugin for is Adobe Photoshop plugin.

Further Reading on Image Optimization

We recommend you read these articles for more detailed reading on how to optimize file in different extension.

Have you used any optimization tools? Please share your process and tools in the comments. Thank you for reading.

What You Need To Know About Selling Sticker in LINE Creator Market

31

LINE is the first chat app that open its sticker store to public. Designers from all around the globe are submitting their characters into the LINE Creators sticker market.

Based on LINE official blog report. Stickers come from 124 countries, with total sticker sales 1.23 billion Yen. That’s solely from LINE Creator’s Market.

For designer, LINE Creators Market is a good source of passive income. But, the competition is quite fierce. Right now there 9000+ stickers set in LINE Creators Market.

Are you planning to sell sticker in LINE Creators Market? Here are some tips you should know.

  1. One sticker set contain 40 emoticons. 1 main image for sticker store thumbnail, 1 chat tab image for sticker selection image.
  2. Sticker set must your genuine design.
  3. Approval process can take up to 4 months. Our sticker approved in 2 months.
  4. Your sticker visibility in the store is very poor. Your sticker sales will decline after few days from launching. So, plan carefully you marketing strategy to keep sales number.

Sticker Production Tips

LINE is a chat app, your sticker will be used as message substitution. 40 sounds a lot, but based on our experience 40 is not sufficient to cover basic emotions or expression. List popular expressions first then goes to less popular. Lastly, avoid any situation story in your sticker.

Helpful articles to decide which expression need more attention.

Avoid drawing too much details on characters and background. Focus on character expression instead of background or situations. If you are planning to use text message, make sure the letter is visible in small size — small size sticker is used in low end Android devices.

LINE did not mention any file size limit, however before submitting your sticker file size are optimized. To make the file size small, use limited color palette. Smaller file size means your sticker downloaded and load faster in LINE app.

If you are new to sticker creation, we have created template for LINE sticker in Adobe Illustrator format. With the template you can export your sticker set easily in go.

How to submit your sticker

  1. You need LINE account to be able to register/login to LINE Creator market.
  2. Click New Submission Button to start submitting your sticker.
  3. Fill out the information needed. You can use your pen/artist name for the seller name. Make sure “Distribute in all available regions” is selected, this allow your sticker to be sold in various countries.
  4. LINE gives you language localization option for each country. If you do not set localization, LINE will use English title and description.
  5. After clicking the save button, Sticker Image tab will appear. Click the edit button at the bottom of the page to start uploading you sticker.
  6. Either upload all sticker in zip or upload it one by one.
  7. After all sticker uploaded including main and tab image. Click the Request button at top right of the page to submit your sticker for review.
  8. Wait patiently, our sticker took 2 months for review approval. Review time will be vary, some says took 4 months. Keep you hopes high, check your LINE Creator account regularly.
  9. If your sticker approved, LINE will send you email with store URL for your sticker and tell you to start release the sticker to LINE Creator Market.
  10. Congratulation on your sales!

Feel free to share more tips regarding LINE Creators Sticker Market in comment below. If you find these tips useful, please share it.

How To Design Believable Superhero Character

19

Superhero is in! Yes, since 2012 theater was full with superheroes movies. And, the trend continuous in year 2013. Out there, there are hundreds maybe thousands new comics, games or movies that need new superheroes for their titles. We’d love to share tips and trick to design believable superhero character. Let’s get it on!

Before we begin, this article was meant to give you tips and tricks to design superhero characters from character design point of view. So, we’re not going to teach you about how to create superhero character’s personality. Of course we’re not meant that you cannot warn your story writer if they missed a thing or two personality on the characters. So, here we go.

Superheroes not have to have bodybuilder looks

Yes, almost all superheroes have bodybuilder looks. The character with big body will make you feel safe and trust that the superheroes indeed very powerful and will be able to save you. But, if you take a look at Japanese superhero characters, it’s not always the case. Superhero can be a cute animal, beautiful boy, lazy girl or small child. Look at Astro Boy, he’s a superhero with small child appearance. That doesn’t mean Astro Boy less powerful than bodybuilder type superheroes, right?.

Astro Boy Reluctant Hero by KicsterAsh

Always start with superhero’s superpower

Why we call them superhero?. because they have special power of course. Superhero stories was always emphasized their superpower rather than daily life. Superhero’s power determined their body shape. For example, if your superhero’s power is more magical type, then it’s totally OK if they have small and skinny body type. But, if the superpower required your superhero to have an axe weapon that bigger than its own body, then its have to have a big body.

Facial appearance is very important

No matter what the media was, facial appearance always have more scenes than full body appearance. That’s why you have to make sure that your superhero have a very good look looking from all side. Give more attention to its facial assets like eyes shape, teeth and cheek. Childish characters would look cuter with round cheek. Rabbit teeth might make you become a bully victim in real life, but it can give your characters a unique features.

before watchmen dr manhattan #1 cover by Adam Hughes

Pay more attentions into character’s lifestyle, origin and past life

Lifestyle, origin and past life really affect your character’s physical appearances. If your character is a girl comes from conservative Asian family, it’s more likely she has long black hair, not funky pixie cut pink hair. If your character’s past was a drug addict, its might have many small scars in their face or hands. If your character love junk food, then most likely its do not have flat belly. Yeah, you know what I mean.

Do background check like a police officer

I read many comic books with superhero characters who were very believable in their superhero mode, but totally nonsense when they were on civilians mode. Look at Bruce Wayne, he’s super rich. It’s very believable if he wears designer suit every single day. But, if he wears casual style clothing like Peter Parker, how can we believe that he’s rich?. Usually, superhero in civilians mode have a regular daily jobs, and daily jobs really affect clothing choices. Wise clothing style choices is all you need to make your character become believable.

Ironman Armored Adventures by skottieyoung

Gestures create personality

Gestures will make your audience understand what type of person actually behind the mask. Sexy female superhero character, will likely to walk like she was in catwalk and stand in supermodel pose. Childish characters might like to squat or sitting on fences or tree branches. If you make your high school student superhero character posing like your dad, nobody will believe that he’s just under 20 years old.

Superhero signature pose

Every superhero should have their own unique (and most of the time, silly) signature pose that they usually use before and after their actions. Personally, I don’t think superhero signature pose is necessary. But, it’s very important for marketing. Unique signature pose can make your audiences remember your superheroes. It will look good on cosplay events. Your fans will likely to re-draw it on their fan arts. Just to name a few advantages that you might get.

Spidey vs Hulk by ChristianNauck

Cool costumes is an appropriate costumes

The reason I put costumes as the last things on this list is because I believe costumes isn’t as important as what we usually think. Yes, costumes make your superheroes look super cool. But I met many cases when designers spend too much time designing costumes rather than give more attention to more important features. Usually, costumes design was based on your superhero’s power. Don’t give them costumes that will make them die for ridiculous cause. Like, having your character dress-up in bikini like costumes in the middle of winter and her superpower is firearms mastery. The most logical thing to happen is that she’s going to die of hypothermia.

How To Extract CSS3 Properties from Photoshop

25

Majority of web or user interface designers are using Photoshop for creating mockups design. Thanks to Photoshop popularity there a lot of plugins to make designer work easier.

Photoshop is good at creating fancy buttons or other web elements. But when comes to CSS3, it’s a different story. A lot of web worker relying on CSS3 effects to make fancy buttons or other design elements that just look exactly like in the mockup. Creating CSS3 effects in Photoshop without plugin is quite tedious. There’s a Photoshop plugin that can help you making fancy CSS3 effects with a single click, called CSS3Ps.

CSS3Ps support Photoshop CS3 to the latest CS6. It works on OS X and Windows. However, for Lion OS X 10.7 users must install a patch from Adobe.

CSS3Ps Palette

After installation, to activate CSS3PS go to menu Window > Extension > CSS3Ps. The window palette is very simple. Actually, it’s a button. All you have to do is click the palette window and then CSS3 codes for your web design project will be ready in less than a minutes. CSS3Ps will render the code in their website, and you have to wait for around 20 seconds to see the result.

CSS3Ps can interpret Photoshop layer styles really well. But be careful, it doesn’t understand all layer styles available in Photoshop. CSS3Ps only understand layer styles which widely used in web design. Supported layers styles are: Stroke, Inner Shadow, Drop Shadow, Color Overlay, Gradient Overlay and Inner Glow. However, after testing we found out that CSS3Ps do not understand stroke type outer, inner or center. It always set the stroke setting to outer. Which means if you use inner shadow 2px to make 1 pixel inset style on a button, in CSS3 codes you will ended up in 2 pixels inset shadow.

CSS3Ps result

This is a simple tools that can save a lot of times writing CSS3. At first, I thought CSS3Ps is an offline plugin. When I found out it needs to open a browser to get CSS3 I kinda irked a bit. But, who’s doesn’t work online these days?.

Tips on How To Draw Cute Monster

27

Today is halloween. Celebrating halloween, we’d like to share tips and trick to draw cute monster. When we say cute, we’re not meant cute and sweet like candy. They can be look a bit scary, but in the end someone will keep saying “Ooo, so cute” to your monster. So, what are you waiting for, grab your drawing equipments and let’s start.

Always start with sketches

You can sketch you cute monster using pencil and paper, or do it directly on your computer. But, the most important thing is you have to start with sketches. The basic thought was because our mind are already tainted with cute monsters from Disney’s and Tim Burton’s movies. Sketches are important to give you many design alternatives of your cute monsters.

monster sketches for a friend by rob lawrence, tips and trick how to draw cute monster by petshopbox studio

Pick an animal or objects for body shape based

Most monsters design out there, whether scary monsters or cute monsters, have body shape that based on animal body shape. Most people like to use lizard or sea creature body shape, because it can easily reshape into dragon or alien like monsters. Insects and objects are harder to draw because they have many parts. But you can ended up having very unique monster. Try to combine each body parts to create totally new body shape.

Spider girl Monster by kinkei

Round and small is the key

It’s very easy to differentiate cute monsters from scary monsters. Scary monsters are usually using real human or animal anatomy, mostly are lean and tall. Cute monsters on the other hand should use chibi manga style anatomy. They have big round head, short torso, tiny hands, short and fat legs. To make your monsters looks cuter, use rounded outlines so it won’t have any sharp points.

Jaguar by CookiesOChocola

Adorable eyes

Your cute monsters can have one eye, two eyes, even ten eyes. But, you have to make sure that you don’t draw natural shape eyes. Use tiny buttony eyes or super big eyes that looks super adorable and gonna make everyone fall in love with your cute monster.

Can I sleep IN your bed tonight? by sanguisGelidus

It isn’t a monster without a teeth

Monsters should have teeth. You can draw sharp triangle or blunt triangle or half round shapes as a teeth. Just make sure that these teeth will add more cuteness into your monster, and not make them look scary.

Join the MONSTER PARADE by hellcorpceo

Accessories your cute monster

Most monster have horns, or skin pattern, or fur, or a patch of fur somewhere in their body. Its differentiate your cute monsters from millions other out there. Also, horns, skin pattern or fur have many different shape, colors and texture. It’s accessories for your cute monster.

Monster by randis

No blood please

Just a drop of blood, your monster are not cute anymore. There are many cute monsters out there that involves in blood bath situation. But actually, the artists was meant to use the contrary to make their monsters unique. And in most case, their target audience was adults. If you need to add extra detail, some monsters looks cute with drool, or bandages. Anything but blood.

monstruo babeante by rickrd

Bright colors is a must

Forget natural color. Your cute monster should look like it just got dipped in m&m chocolate candy. So bright, all children want to lick it.

cute monster by jenysa971

Monster by frogbillgo

The most important thing is you have to think outside the box. Just remember that monster is fictional creature, there are no right or wrong. Just drop down every rule and be as creative as possible. Happy drawing and happy halloween 🙂 cheers!