299: My Design Tools: Gimp, Sketch, Affinity Photo & Affinity Designer

Photoshop -> Gimp (Open source $0) or Affinity Photo ($49.99)

Illustrator -> Sketch ($99/yr) or Affinity Designer ($49.99)

Sketch requires macOS Sierra (10.12.2) or newer. Your license comes with a year’s worth of updates. Once that year is up, you can keep using the last version of Sketch you downloaded, forever.

Motion editing – Apple Motion ($49.99), Natron (Open source $0). Natron review

Planning to install Gimp, Natron on iMac.
Sketch is already installed on iMacs in Koa103.

Life is Short: Rethinking about Adobe Products and about Web Design & Development

Rethinking of Adobe Products

If you are a graphic designer and work for design or marketing companies, currently it is important to learn to use Adobe products effectively. Adobe Photoshop and Illustrator creates standardized, clean, and beautiful raster and vector graphics quickly.

Since the beginning of use this software Ps, and Ai I felt that it was not  a elegantly designed tools and they were not suited for web design. Now we have XD, which is targeted  for this purpose and I used them for about a months. Finally we have an effective tool for designing and prototyping the web. And now I decided not to use it anyway mainly because I do not feel good about using them. Why I do not feel good about using them?

Tools are something we use and I do not want to controlled by tools. Tools affect outcome and how we use them. When I called their technical support for initial download the software, they asked my permission to getting into my computer. Why they have to get into my computer just for downloading their software? Later, Adobe CC once destroyed one of my external disk drives by writing something into my disk.

This monopoly said to be not good. And here is a case of monopoly in graphic software business. It needs to be stopped.

Right after I decided, I started to search alternate software. There are quite many graphic software available—not so complete as Adobe’s product.

By moving onto new tools, I may end up not been able to go back to fix my old projects as alternate software may not open or open but unmodifiable.

Now that I know what Ps and Ai can do, I can assess other products and open-source products: Gimp, Inkscape, and Blender.

On May 9 postings of “Alternative to Adobe CC?”,My Potential Move to Affinity Software + Misc. HTML5 JPN Book, fiverr.com, etc.“, “Tools of Choices: Sketch and Axure, Sketch and InVision, InVision Studioreviewed articles about them.

I think it is important review the state of open-source programs such as Gimp.

Rethinking about Web Design & Development

Web Development is not just coding —more importantly file organization, naming convention, image resizing for optimum performance, way to markup with HTML tags, way to use classes and ids, way to organize CSS, and the different ways to make site responsive.

Right now the designs are done, but my portfolio website coding is on hold. Something stopping me from coding further. Perhaps, I don’t see the point of presenting my past works other than historical recording of them. Placing generative arts as they are complete make more sense to me.
While to find out about HTTP methods and assessing a HTTP protocol exchange comparison was interesting.  The network feature of the developer tool (Firefox) showed that my wordpress.com website has a numerous GET and POST compared to a simple html web site. I posted at https://apur1e.wordpress.com/2018/03/26/299-http-methods-on-wordpress-and-bluehost-access/
This type of information is good to determine if you would like to use WordPress CMS. However, WordPress.com is different from WordPress.org’s WordPress on Bluehost (I did not test.)
This semester I learned HTTP protocol in more detail. Further, I am interested in how each GET message is packaged into lower level packets in each level of protocol layers (TCP/IP/Network/Datalink/Physical).

Alternative to Adobe CC?

Is there alternative to Adobe CC?

Here is an assessment by Joel Lee on  article: The Best Ways to Open a PSD File Without Photoshop..

GIMP(free), runs on Windows, Mac, and Linux, can read PSD files.

Paint.NET + PSD Plugin (free and paid versions), Photopea Online Editor, XnView (Windows), IrfanView (Windows) are mainly use as an image viewer and converter.

If you want to view PSD file, use Google Drive; and if you want to convert PSD file to formats like JPG and PNG, use Go2Convert(free).

“Use Photoshop if you are a photographer.”

GIMP 2.10.0 (Release Notes) is here! I think it’s worth testing it out.

And there is Affinity Photo and Affinity Design.



Tools of Choices: Sketch and Axure, Sketch and InVision, InVision Studio

Sketch: Digital Design Tool Kit

Design your App in Sketch.

Actually, how designers use Sketch in Youtube was informative.

InVision Studio kills Sketch and Adobe XD?

Sketch->InVision->Craft (Plug In???): Prototyping

Axure: Expensive (free 30-day trial)



My Potential Move to Affinity Software + Misc. HTML5 JPN Book, fiverr.com, etc.


Can Affinity Designer can replace Adobe AI?

Affinity Photo – Importing PSD Files and editing layers->Some editing can be done but not Smart Objects. Read this forum.

How well does the .psd import and export features of Affinity Designer work? – Longer answer: it’s almost perfect, but there are a couple of things you should know – one minor, the other not…

HTML5 テクニックバイブル $7-$10 used

fiverr.com -Freelance services. On demand.


Alternative to Adobe and Other Tools

Affinity Photo  $49 Similar to Photoshop

Affinity Design  $49 Similar to Illustrator

ArtRage  $79?

Paint.net ?

Gimp open-source raster graphics editor – Similar to Photoshop

InkScape ?

Sketch for Mac  a tutorial $99 a proprietary vector graphics editor for Apple’s macOS
Sketch – Look at the CSS Attribute of feature to develop HTML and CSS.
Sketch Plugin – AutoPlugin-How to align center horizontally & vertically.

Webflow a tutorial – drag and drop tool built for designing websites

Squarespace – hosting?