Malaysia Landmark Vector

We have seen many inspiring vector design ideas from all over the net, be it icon designs, logo, to web design and many other vector style illustration arts and designs. Here we would like to share some inspiring vector based illustration projects made (some by Malaysian) for Malaysia landmark vector.. and be inspired :)

Malaysian Landmark Vector

These are among famous Malaysian landmarks around the country beautifully illustrated by Valen Lim.

Muzium Negeri Sembilan — Negeri Sembilan State Museum

Traditional George Town Shophouse, Penang

The result – Malaysian identiti for GDayX Malaysia 2013

You can view the rest of his project here

#HeyPenang

A designer from Penang, Malaysia, ZacharyKhoo with his self initiated student project to promote tourism campaign for the Pearl of The Orient, Penang Island, Malaysia titled Hashtag Hey Penang.

Penang landmark vector — #HeyPenang landmarks vector

Penang Island graphical landmark — Penang Island with landmark illustration

Like it..? go to their facebook page and it :)

Kuala Lumpur Tourist Guide Infographic

“No wonder why it’s the most visited city in the world! 6th”

A project by Jing Zhang a London based designer for to create an infographic for popular spots in K.L. for Turkish Airlines.

See more at her website and be inspired with her style of vector illustrations..

Kuala Lumpur Shape of City

last but not least, nice illustrations style titled Shapes of Cities by another London based designer Yoni Alter.. and one thing that make his artwork unique is, (not just the simplicity style, but) he claimed that his illustrations are accurate to scale – think architecture..

Kuala Lumpur vector — Shape of Kuala Lumpur City

Lets view all the cities in his website..

Do you have any to recommend for Malaysian landmarks or any cities, attractive places, islands or any local elements in vector style graphic, design or art..? We are happy to add in here ;)

6 Mar 20144 Apr 2014Design, Software, Vector, Web

Free Vector, Font Editor, Box Template & Mask

Latest additions in vector related designs that catch our attention these few days and some from previous year are a few quite simple, useful and free design tools from online vector editor, animated SVG icons, font editor for newbie font designer, detect web font tool, print design freebies, box template and low poly mask.

Vector

Mondrian

This is another open source simple SVG vector editor, as an addition to our previously posted Vector Graphic Editor lists.

open SVG (only) files from URL & pc
connect to Dropbox
download as SVG & PNG

Animated SVG Icons

The future of vector embedded in a webpage or apps are SVG, and this is some cool examples available out there.

for web & apps developer
CSS animated

Font

Glyphr

This is a HTML5 based font editor (or font designer), if you’re looking for free and wanna try to create some self made font.

modern browser (HTML5)
font converter to Open Type Font

What Font Tool

Sometimes we see many interesting fonts or typeface been used in a webpage, but not really know the font’s name.. so this is the perfect tools to detect.

for web dev. & print design
browser plugin – Chrome & Safari extension

Print Design

Template Maker

There are many websites offering verity of box template designs, but most of them did not provide the vector ‘die-cut shape template’ as it supposed to, they just give jpeg image instead which are not designer friendly. So here you’ll get box templates with die-cut shapes that might be useful for you projects. Simply choose a template, customize the measurement, create and ready to download.

for print design or DIY hobby
customize & download
download as PDF / SVG, open with Adobe Illustrator (or any vector editor) to edit.

Low Poly Mask

Well this is not new but still pretty cool Low Polygon shape Mask where you can download the template, design (color it) yourself, print and wear.. and continue your work with the mask on ☺

download options – PNG, 3ds, pdo, obj files

24 Dec 20136 Jun 2016Design, Vector, Web

2013 – 2014 Vector, Logo, Design, Trending & Highlights

We look back on whats trending along this year of 2013 in our scope of vector graphic topics including logo design, vector SVG, color, best mobile apps of the year and some internet trending news.

1. Logo Design

We can say that logo design trending in 2013 is more on Redesign of existing logo, such as Yahoo! logo that being criticized. Meanwhile a lot of big names have successfully transformed their new logo being better, in redesign term. The most influenced trend is flat design and minimalist style of logo design. You might like to see 2013 Logo Design Trends by Logo Lounge. Anyway here is an example of 2014 logo design that will make next year as football fever once again, can’t wait for samba..? (whenever you enter 2014 logo as keyword, Google will come up with this ↓ image more than any other).

FIFA World Cup Brasil 2014 | via Wiki WC2014

2. Vector

Vector graphic demands are rising on the net, either for logos, illustrations, icons, charts, etc. We can also see some vector graphics site grows over the years. Be it providing and sharing vector freebies or offering vector services. One of the most popular sharing of vector freebies in 2013 are Flat Icons. We can see variety of flat icons’ style being shared freely from many top designers community sites, such as behance, deviantart, dribbble, and many personal sites as well.

Flat Icons vector — Flat icons Hexagon | via deviantart

3. SVG

Scalable Vector Graphic or SVG getting better support and we will see latest upgrade to SVG 2 which will be better integration into HTML & CSS. What was that means..? In simple words, vector graphic will be everywhere sooner or later, on any devices, don’t worry if you don’t have the right app to open vector file (in the future).

Animated SVG image (this is not gif) | via Oak.is

4. Color of The Year 2014

For this coming 2014, Pantone as usual, was named Radiant Orchid as Color of The Year for 2014. A year before they named ‘Emerald’ as Color of 2013.

5. Mobile & Apps

We can see more (and hopefully better) designer’s apps available in App Store and PlayStore, oh yes we would like to see in Win8 Store as well. Anyway, what is The Best App of 2013..? Google Play Store had named 11 Best Apps of 2013, and here – Pixlr Express by Autodesk, is one of them.

6. Internet & Social Media Dilemma

The rise of mobile tech and devices had made social activities change the life style of many of us, whether we realize it or not. In fact, in some country, the authority had made some rules to prevent their people being ‘stuck on gadget’ 24/7. People might blames on social media attractions, but to be frank, social media is just a new kind of tool to communicate. We need to be careful on how we deal with it, not to be too dependent on it.. its not a big deal anyway.

In the middle of this year people around the globe being blast by shocking news of the information security related issue. NSA has ‘direct access’ to the servers of Google, Facebook and others. Using a program named #PRISM they spy on us, collecting our personal infos especially on our media social accounts. There came the most popular name in 2013, Edward Snowden (compared to Obama).

They collect 2 kind of data, Metadata & Content – The Verge

7. Vectorise Turn 7

Last but not least, we at vectorise will turn 7 years old this coming 2014, March to be exact.. thanks for all your supports, we will continue our efforts in providing vector logo, vectorise services and helping you in our forum. If you have something good to share, or any idea do contact us and let us know.. happy hohoholiday & happy new year ☻

24 Nov 20134 Apr 2014Design, Vector

Triangle Polygon Vector Illustrations

Polygon Vector art style illustrations, sometimes they call it Low Polygon, created in full vector, no it’s not the Photoshop Filter setting applied, but these polygons we discussed here are fully vector, in 2D (even it may looks like 3D) either using Adobe Illustrator, CorelDraw, Inkscape or created using SVG generator.

There are few types of Polygon Vector to illustrate the images, normally using random polygon with verity of shapes and the other using triangle polygon shapes. The Triangle Polygon can be divided in two types – Triangle Polygon Vector abstract in random and Triangle Mosaic Tiles with seamless pattern. We will see the example of those illustrations.

Polygon Vector Abstract (random)

These illustration might be created manually by drawing parts by parts if you really have passion and patience, as shown in this vectorboom tutorial.. or perhaps there’re using filter or plugin installed inside the vector graphic apps itself.

credit to vectorboom.com

You can see the polygons constructed as the image above consist by variety of poly shapes, triangles, rectangles or trapezoids. As this polygon shapes are manually drawn, points to points should be precisely joined to avoid any gaps appear among them.

Triangle Polygon Vector Abstract (random)

What makes me attracted with these type of illustrations, they’re constructed with random shapes of triangle polygons. There are no other shapes but triangle, and the combination of colors help in creating the image. This kind of illustration usually best in creating object oriented image, minus the background scenery.

Polygon Objects

Polygon Backgrounds

Also you can create just cool looking abstract background and perhaps you can sell it, like this..

credit to creativemarket.com

Polygon Typography / Calligraphy

And this style is perfect with title typography for your design or calligraphy art style.. just like I’ve done previously with Eid-ul-Fitri vector khat.

credit to shutterstock.com

These kind of Triangle Vector Polygon illustrations actually created using SVG generator, a browser based HTML5 engine – Triangulator, and edited using Adobe Illustrator to fine tune the artworks. You may download it, unzipped and run the html (index) file.

credit to somestuff.ru

Triangle Mosaic Tiles Pattern

There is also a type of normally generated in pixel (raster) based image, not vector, triangle mosaic patterns. Probably the reason of this kind of artworks usually being used as background or just to make seamless patterns of an image. Normally being generated with filter plugins inside graphic editor itself such as in Photoshop’s Filter.

You can search some (maybe free or paid) pattern effect Plugins (or Actions script) such as triangle, hexagon, etc. for using with Photoshop to create verity type of mosaic patterns if you like the output.

31 Oct 201315 Jun 2014Design, Photoshop, Software, Vector

Free iOS 7 Icons Vector & Android 4.3 UI Design Kits

Designers and developers for iOS & Android App might looking for these free download graphic sources and UI kits. The iOS 7 vector icon sets created by www.freepik.com inclusive of 48 vector icons.

iOS 7 Icons Vector

Format: Adobe Illustrator (zip file)
Size: 0.56 mb
Download page: iOS7 Vector Icons
Read the Term of usage

Android 4.3 UI Design Kit

This is the latest released to date for Android OS User Interface Design Kit for Apps designers and developers (if you’re one). Say thanks to Taylor Ling for his passion creating this as free download.

Format: Adobe Photoshop & GIMP
Size: 30 mb (PSD) & 20 mb (GIMP)
For: Google Nexus 7 & 4 – basic design kits
Download page: Android 4.3 UI Design Kit
Read the Term of usage

Will looking for Win 8 vector source later, hopefully..

30 Sep 20135 Apr 2014Design, Software, Vector

Free Vector Graphic Apps for Android

Designers who owned tablets or phablets may have tried several categories of graphic apps in their android gadgets to fully utilize the capability of their big screen devices. But there are not many good vector graphic applications can be found for Android just like iOS vector apps, especially for free versions. Here are some names we can found for Free Vector Graphic Apps for android collections that you can try.

Infinite Design

Infinite Design is a professional vector graphics app which lets you create complex and beautiful designs effortlessly on your mobile device. With path editing and a unique pen tool feature, infinite undo & redo, import images from your gallery, camera, or the web. Save as JPEG, PNG (without background), PSD and export path data to SVG for editing in your favorite graphics editor.

Simplector

Simplector is a simple vector SVG editor for your android tabs and normal size smart phones that supports simple figures (rectangles, ellipses) as well as Bézier curve, path, text and raster images. Provides basic operations such as copy & paste, scaling, rotation, undo/redo. Images created in Simplector can be loaded in other SVG enabled tools such as Inkscape.

ScribMaster draw & paint

ScribMaster is a powerful painting and drawing app specifically designed for large screens phones & tablets. The paint engine works with scalable vectors instead of pixels, so you can zoom in and work on fine details without pixelation (the filling tool is an exception, it works with bitmaps). For vectoring ScribMaster use the SVG format, you can export your images to your pc for professional editing in this format.

Vector Artist

Create arts with shapes and curves with this app the way professionals do. Use standard shapes or “bezier” curves. Load SVG graphics to edit and modify. Create graphics, icons or designs and save as SVG or PNG to your gallery or share them on Tumblr, DropBox, email and other places.

Write

Write is a word processor for handwriting. In addition to all the usual features of a vector drawing application, it provides a unique set of tools for editing and navigating handwritten documents. Write is perfect for note-taking, brainstorming, and drawing. Write is also available for Android, Windows, Mac, and Linux.

If you have some recommendation for free vector graphic apps for android, please suggest us, we will update the list.

17 Sep 20135 Apr 2014Design, Web

The Internet Giants Rebranding

After Yahoo! streamlining its latest logo through their campaign of ’30 logos of 30 days‘, the rebranding race among Internet giant became more apparent when Google seems to change their current logo. This make sense when Google recently completes the series of their products’ rebranding with the new logo design, which looks more clean and flat. If (the rumors are true), the Google logo will be the same design – clean and flat style without embossed and shadow, it’s only an updated version of Google logo as expected. Now the latest news, Bing a search engine which belongs to Microsoft, is also on the race track introducing its new logo design of Bing, yes with logo.

Yahoo! Logo

This new logo design chosen, has been one of the most criticized logo design by many in the design world on the internet and I do not want to add some more.

Google logo

We still waiting this new version will take place officially.. and hopefully ; )

In brief, the word Google came from ‘Googol‘ which means very large number, to be exact, 1 (one) with hundred 0 (zero).. can you imagine that.. obviously it’s about data.

The first Google logo looks like candy, and even the brand seems not professional at first, they managed to grow huge and most of us ♥ them. You might also like to enjoy official Google Doodles collections since 1998 here.

Bing logo

While many of us still waiting the new refreshed Google logo take place, Bing introduced their new Logo Design on their blog yesterday. But seems not yet officially launch on the Bing site.

New Bing Logo

Microsoft preferred to based on grid system in creating the interface or designs as we can see in their new Windows 8 Metro style, also with their latest Microsoft logo – with the square windows.

Honestly what I see at a first glance of the new Bing logo, I thought of Google Drive.. ok forget it :)

Current Bing Logo (assume the black is transparent)

What was being criticized on Bing since their first appearance some time in 2009 is not the design, but the name itself and the ability of its new search engine. Can they being on par with Google and Yahoo!? According to cnet Bing is now drop to no. 5 in Search Engine ranking.

If Bing add ‘oo’ to its name = Bingoo, it would be someting (as Yahoo! & Google).. just saying ;)

What next, we’ve also seen some social medias redesign their new logos, some new features, but the race I’m talking here is about whose gonna make on top of the ranking to ‘break the record’ or at least would be the favorite for the majority of us.

credits:
www.bing.com/blogs | creativerepository.com | en.wikipedia.org | news.cnet.com

8 Jun 201315 Jun 2014Design, Software, Web

Visual Design for Google

Google’s visual redesign identity project was inspired by the CEO Larry Page in 2011 to enhance the company’s main products identity including search, maps, mail and software suite especially app icons and the UI elements. The project was then started in January 2012 leads by their senior graphic designer Roger Oddone, art director Christopher Bettig and with their designers team.

The are simple, modern, friendly and sometimes quirky. Product icons are highly simplified, exaggerated and caricatured in nature so that they are appropriate for use at small size.

Let’s see how the design dept of Creative Lab behind this internet giant develop and redesign the User Interface (UI) of Google’s visual assets for their products and become guidelines for their product’s UI designers, app developers and their vendors. The style then being trendy all over the net.

Redesign Process

The Design Principles

The designs should be simple, straight forward and user friendly, so they are several rules to be made clear.

Good Geometric Shape – the more geometrical shapes used, the better and make it as precise as possible.

Design Principle - Geometric — Geometric

Front Facing – front view and symmetrical shapes always communicate better for user compared to isometric 3D style.

Design Principle - Front Facing — Front Facing

Flat & Shadow – flat design looks clean & beautiful, light and fast loading.

Pixel Perfect – as these designs are tiny and for screen devices, always make sure the pixels are in their grid to keep them perfect for HD or retina screen.

Design Principle - Pixel Perfect — Pixel Perfect

Source: Google Visual Assets Guidelines P1 | Google Visual Assets Guidelines P2
a

Visual Design for Google seems getting smatter and lighter. We might probably see Google start transforming their visual assets into SVG near future..