Archive for the ‘Design’ Category

Affinity Software

Friday, January 15th, 2021

Since Adobe’s move to subscription based software, I have stopped updating my Creative Suite. I had purchased CS3, and CS5. I was planning on getting CS6 or 7 when it came out, however after the release of CS6, Adobe axed the purchasable software and moved exclusively to the subscription model. Subscription makes sense in many settings (mostly professional). People who use the software daily for business, or people who have to continuously be using the most recent release can easily justify the cost. Paying the monthly sum is more affordable than paying the full purchase price and upgrading every year, or even every two years.

For me, CS5 was good enough that I was able to use it for a long time even though I knew that time was coming to an end. Each new release of Mac OS X was breaking features. WYSIWYG fonts broke around 10.7, using the color picker on raster images caused crashes around 10.8. I was willing to hobble along because the core functionality I required was there, and in all respects, and it generally worked very well.

Well, mostly well enough…

Over the years, I’ve looked for alternative programs. I looked at Sketch and Inkscape to replace Illustrator. I’ll be completely honest. I can’t stand InkScape. I appreciate that it is opensource, and applaud the amazing work that’s been put into it. I keep it installed and I resort to it from time to time because it works really well with SVGs, and it is also very scriptable which is a wonderful feature for some of my automated tasks. But when it comes to using it daily, I just can’t. The interface is too different from what I am habituated, and it’s not pretty or polished. For a long time it required X Windows/X Quartz to be installed, and didn’t present an integrated experience with the rest of the Mac.

To replace Photoshop, I purchased Pixelmator. It’s a great little program, and I really wanted to like it. It has a great OS X interface and is smooth and polished. I purchased it ages ago before giving up CS5 knowing that someday it would be inevitable. My goal was to use Pixelmator when my work called for photo editing, and not resort to Photoshop. Unfortunately, the workflow was sufficiently different from what I was accustomed that most of the time I ended up back in Photoshop. The differences in approach to UI caused just enough friction that I never used it enough to become proficient.

As for InDesign, I didn’t really have any affordable options that fit the bill. I have QuarkXpress, but don’t love it.

Finally a few years ago, I saw Affinity Photo being advertised at a reasonable price, and so I bought it and gave it a shot. (At this point Affinity Designer was on the cusp of being released). Affinity Photo felt much more familiar to me than Pixelmator off the bat. I found that I could slip right in and keep using it the way I was using Photoshop. Some of Affinity Photo’s idioms perplex me. At times I need to do some searching in order to complete a task that I could have done instantly in Photoshop. Aside from these little learning issues, it’s really pretty dang good. The differences that annoy me on the onset make sense once I see how they intended for the user to do that task.

My primary use case for Affinity Photo is doing photo touch ups and alterations. Usually this will involve multiple layers with masks, lens correction, and airbrushing/healing tools as well as the adjustment layers for color correction.

Since I had a positive experience with Affinity Photo, I decided to buy Affinity Designer sight-unseen. I was sold on it immediately. It too has some quirks, and I am still learning new things about it as I go, but for the most part, it’s been a great tool for everything I’ve needed it for. About a year ago I upgraded to Mojave and I did not bring CS5 with me. All of my professional work has been using Affinity Designer, and it’s been really great.


Adobe Illustrator Bezier Tool

Affinity Designer Bezier Tool

One of the great things about Affinity Designer that made me love it right away was the responsiveness. With Adobe Illustrator, when manipulating the handle of a bezier curve, a cyan colored outline of the curve will animate, but the actual curve you draw won’t present itself until you let go of the handle. I was so used to this being the case, that I never thought about it. In Affinity, the shapes animate in real time, which I think is fantastic.

The first task I used it for was creating an icon for an internal tool I was developing at work. The learning curve was not very steep and by the time I finished this icon, I felt pretty comfortable already.

The last piece of the puzzle was a publishing program to replace InDesign. I had a small book that I was working on with my sister, and thought that this would be a good opportunity to test out Affinity Publisher. It was in beta at the time, so I downloaded the beta and got straight to work.

Everything was going pretty well until I got the text for whole book roughly laid out, sans-graphics. I began throwing in graphics, saved it and exited. I revisited it the next day, and was unable to open my file! I checked the forums, and it turned out to be a known-issue relating to placing graphics on a page-master. A new Beta had already been released which resolved the issue. I was so relieved when I was able to open that file. That was the only issue I’ve encountered with Affinity Publisher.

I worked with my sister and finalized the design, exported it, and sent it for printing. We got the prints back, and everything looked perfect.

These three tools from Affinity integrate with each other really well, and I’ve been extremely happy with the value of the products, the features, the stability, and the polished interfaces. They feel cohesive as a product family, and they feel very at home on my Mac. I really can’t recommend these products enough.

Technical Drawings

Monday, December 17th, 2018

When I was pretty young, my dad was working at a start-up with relatively few employees; maybe twenty or so. I used to go in and help with odd jobs. It started with assembling workbenches, pulling CAT5 cable and graduated on to mechanical assembly and packaging of products. Along the way I learned other skills too, like soldering, debugging, and illustration.

I grew up with exposure to Adobe Photoshop and Illustrator. Because of this exposure, I was asked to create an assembly drawing of our product. I had never done anything that complex before. I was sat down in an office with a computer running Adobe Illustrator, along with the assembly that needed to be drawn. I was pretty familiar with the part since I had assembled hundreds of them before. I worked for a full day (maybe more, I don’t remember since it was so long ago) and I created my first technical drawing.

Assembly Diagram for Indigita AVHD

I found that I enjoyed working in this style. Even today, I’m pretty pleased with how my first foray turned out.

Over the years I’ve had a few occasions to do this type of work, but not as often as I might prefer. When my family was involved with the Darpa Grand Challenge, I made some illustrations of the car, Golem 3.

Side view of a Prius

During my education I had numerous times when I was able to make use of this type of drawing for research papers and reports. In my internship, I created assembly instructions for mechanical arrowheads which relied heavily on technical drawings.

Assortment of product diagrams used in assembly instructions

Presently my full-time job description does not include this type of work, but I have found occasions when it became necessary to create drawings. For example, the user manual for the software I am working on needed diagrams to illustrate connection of the hardware with which our software operates. I took it upon myself to provide the artwork. It was a nice break from the routine.

User’s Manual Connection Diagram

In diagrams, it’s important to use visual cues to convey orientation and differentiate parts. It’s equally as important to reduce extraneous features in order remove visual noise and not distract the viewer. Finding that balance of conveying enough, but not too much, visual information is very rewarding.

I also like the freedom of working with fewer colors. In many instances, these types of drawing will be printed in black and white, and even when drawings can be viewed in color, it’s best to leave them less saturated as to not distract and draw the eye of the viewer to unimportant details.

Doing this type of work is very relaxing for me.


Friday, February 26th, 2016

My uncle is a physicist, and did some pioneering work in the field of thermal camera photo-receptors. He even wrote a book about the field in the 90’s, Fundamentals of Infrared and Visible Detector Operation and Testing (1990, James David Vincent).


The publisher wanted an updated manuscript for a second edition of the book. He’s been working on that for the past couple of years, but ran into a problem. He needed a diagram of a microbolometer.

A microbolometer is a small sensor that is sensitive to infrared radiation. The radiation hits a sensitive material that then heats up, and its resistive value changes. By measuring the resistive change, a temperature can be determined. Thermal cameras, such as FLIR cameras, use an array of microbolometers to generate a thermal image.

Although diagrams exist, the most well known (and oft plagiarized) is in fact under copyright, and not available to be republished without authorization.

He asked me to create a new diagram that would convey the same information but be visually distinguishable from the other well-known image.

After some back and forth, this is the image we came up with. It had to be black and white for printing, and easily readable. He also wanted extraneous information removed, so that there were fewer parts of the image to focus on.


For example, the thicknesses and dimensions, though accurate, are not labeled. To facilitate not having a labeled dimension between the ROIC and the temperature sensitive resistive element, there is a visible shadow. The image was created in Illustrator, and sent to the publisher as an EPS file.

The book, Fundamentals of Infrared and Visible Detector Operation and Testing second Edition (2015, John David Vincent, Steve Hodges, John Vampola, Mark Stegall, Greg Pierce), has been published, and you can see my diagram on page 94, Figure 3.3.