Showing posts with label Interior Design. Show all posts
Showing posts with label Interior Design. Show all posts

Modeling with architectonic tile: a conversation with Tilelook

Based in the Veneto region of northern Italy, Tilelook is a technology services company that works with manufacturers in the bathroom flooring, coverings, and furnishings world. Now, as a 3D Warehouse content developer, Tilelook makes those products available to SketchUp designers around the world via 3D Warehouse. We spoke with Marco Rossi from Tilelook about their recent work building out the 3D Warehouse catalog for FLEXIBLE ARCHITECTURE tiles from the manufacturer Ceramica Sant�Agostino and designer Philippe Starck.


Ciao, Marco. Can you tell us a bit about who�s behind the FLEXIBLE ARCHITECTURE catalog you recently posted to 3D Warehouse?

Ceramica Sant'Agostino produces floor and wall products made of ceramic and gr�s, with a range that covers both interiors and exteriors for residential and public use. The company has a 50+ year history in the ceramic tile sector and a reputation for high quality, cutting edge technology, and respect for the environment.
The collaboration between the creative genius of French designer Philippe Starck, and the immense industry know-how of Ceramica Sant�Agostino, has resulted in a project called FLEXIBLE ARCHITECTURE.

The FLEXIBLE ARCHITECTURE modeling set by Philippe Starck (modeled by Tilelook)

What�s unique about FLEXIBLE ARCHITECTURE?

FLEXIBLE ARCHITECTURE represents a new vision in the tile world, brought to architects by an iconic designer. It�s a new territory, a different point of view: the wall tile leaves the two-dimensionality to �invent� the three-dimensional.

The idea behind it is to move beyond the decorative nature of tile as simply a wall covering and use it a modular element that is part of the architecture. With FLEXIBLE ARCHITECTURE, the wall covering takes on a totally new potential: from customary decorative element to architectonic system.



Who will be interested in the FLEXIBLE ARCHITECTURE tiles you�ve posted on behalf of Ceramica Sant�Agostino and Philippe Starck?

SketchUp users who are professional architects and interior designers will definitely be interested in these tiles for their designs. Students who are studying architecture and interior design will also probably be interested in using these tiles in projects. Maybe even amateur designers who are looking to explore ideas for an upcoming project will like to use these too!


Do you have any advice to SketchUp users who want to best utilize these tiles in their SketchUp model?

As Philippe Starck has said, these tiles should be treated as more than just a decorative element. Unlike traditional tile represented as a SketchUp material, the FLEXIBLE ARCHITECTURE models give SketchUp designers the freedom to create their own 3D tile designs. Each element of the FLEXIBLE ARCHITETURE line is represented as its own SketchUp model, so designers can combine elements to create their own unique combination and apply them to their designs.


Have you posted any other tile catalogs to the 3D Warehouse besides the FLEXIBLE ARCHITECTURE catalog?

In addition to the FLEXIBLE ARCHITECTURE catalog, we�ve also uploaded the Folli Follie catalog by Ceramiche Brennero and Tavolato by Casalgrande Padana. We�re working on posting more content soon!


Can you tell us a little bit more about your company Tilelook?

Tilelook is both a technology and services company. The Tilelook web application is our main technology. Users of it can find over 60,000 tile and bathroom products by 200 well-known brands from 23 countries around the world. They can also create and share photo-realistic rooms decorated with the authentic tile products . This is what makes Tilelook unique: it�s an ecosystem where all the stakeholders in the tile industry -- manufacturers, distributors, resellers, architects, designers and private users -- can benefit from being part of the Tilelook community.

In addition to posting content to 3D Warehouse, we�ve also created a Tilelook extension for SketchUp that accesses the Tilelook web application. Users can find this extension, along with an instructional video about how it works, on Extension Warehouse.

Finally, from a services standpoint, we�re interested in building out SketchUp models of bathroom tile, coverings or furnishings for manufacturers in Italy and around the world as part of the 3D Warehouse content developer network.

Grazie, Marco.

If you�re interested in getting your tile or bathroom products built for 3D Warehouse by Tilelook, you can find Tilelook on the 3D Content Developer page, or visit their website here.


Posted by Chris Cronin, Business Development Manager

New Book: SketchUp to LayOut

Take it from me�book writin' ain't easy. Matt Donley has done the SketchUp-using world a huge favor: his SketchUp to LayOut is an easy-to-follow, easy-to-afford e-book that should fit right between the other LayOut tomes on your bookshelf.

My own For Dummies book devotes two chapters to LayOut, which is an acceptable introduction, but which is by no means comprehensive. Michael Brightman's The SketchUp Workflow for Architecture and Paul Lee's Construction Documents using SketchUp Pro and LayOut are both aimed at professionals who want to produce complete construction documents without using other CAD software. Matt's book is the missing link. Whereas other LayOut books have addressed only architects, Matt wisely includes examples for three markets: architects, woodworkers and designers who work on kitchens and bathrooms. Smart.

SketchUp to LayOut starts with a guided tour that does a great job of welcoming folks who have never seen the software before. Very quickly, though, Matt jumps in with both feet, shining a light on the connection between SketchUp and LayOut by focusing on model viewports. As LayOut's raisons d'etre, viewports are all-important, but very few people have mastered them. This book does a great job of rectifying the situation.

Matt Donley is the man behind MasterSketchUp.com. He launched the book last week with a webinar watched by almost 500 people; you can catch the free video recording on the publication�s website. He's selling the e-book itself for $39, but you can buy it with a bundle of useful hatches, textures, styles, templates and other resources for $67. Paying $99 gives you access to a library of video tutorials that Matt is planning to create over the next few months. I can�t wait to watch them.

Congratulations, Matt. See you at 3D Basecamp!


Posted by Aidan Chopra, SketchUp Evangelist

Announcing the Visiting Professionals Program for Higher Education

In our line of work, we meet a lot of SketchUp ninjas. These people have gone way beyond memorizing keyboard shortcuts and customizing templates; they bend SketchUp Pro and LayOut to their will to solve complex design and process problems, to collaborate more efficiently with clients and partners, to build successful businesses. Frankly, these are the folks who make SketchUp do things that even we never imagined possible.

We�re inspired by these 3D experts, and we want to help transfer their expertise and knowledge to the next generation of SketchUp professionals. Our new Visiting Professionals Program is an exciting opportunity for U.S.-based university students and faculty to learn how SketchUp Pro and LayOut are used in professional practice across a variety of disciplines.

The SketchUp Pro Visiting Professionals: a veritable roster of 3D ninjas

The SketchUp Pro Visiting Professionals Program provides access to real-world experts in architecture, planning, landscape architecture, interior design, construction, video game design, film and stage design -- just to name a few. Our program participants include professional designers, renowned educators, and published authors. Beyond SketchUp Pro, these are professionals who have a lot to share about managing schedules and expectations, getting client buy-in and selling project ideas, and working across multiple software platforms to develop flexible workflows. After all, for most people, getting work done means choosing the right tools and making them all work together.

Visit our program site to learn more about what a visit to your school might include, and browse our directory of professional specialists. Then, apply to have a SketchUp Visiting Professional come to your institution. We will be facilitating a limited number of no-cost, U.S. visits for the 2013-14 school year.


Posted by Allyson McDuffie, SketchUp Pro for Education, Program Manager

Making custom patterns for LayOut

The major new feature in the newest version of LayOut in SketchUp Pro 2013 is Pattern Fill. It lets you fill any shape in your document with a pattern. LayOut ships with a library of patterns to get you started, but creating and adding your own is possible, too. This post is a tutorial on how to do just that.

The Basics

Patterns are made up of image tiles. When you assign a pattern to a shape, LayOut fills that shape with image tiles to create the pattern you want to see. The following picture shows this concept in action:

A sampling of patterns that ship with LayOut. Each is made up of image tiles which repeat to form the pattern.

There�s nothing magical about image tiles in LayOut; they�re just JPG, TIF, GIF or PNG images. All of the pattern tiles we�ve included with LayOut happen to be PNGs because that format supports non-lossy compression (which makes them look good) and alpha transparency (which makes parts of them see-through). If you can, you should make your pattern tiles PNGs, too.

To add a pattern to LayOut, all you have to do is choose Import Custom Pattern... from the drop-down menu in the Pattern Fill panel. You can choose any image you like; LayOut will automatically turn it into a pattern by tiling it (copying it in a grid).

How does LayOut decide how big to draw each individual tile in the pattern? It looks at the source image�s resolution (pixel density) and uses that. Every PNG, JPG, TIF, and other raster image is saved with a resolution when it�s created. This is expressed in pixels per inch, or ppi.

Consider an image which is 1200 pixels wide by 600 pixels high. If this image is saved at 300 ppi, its physical size would be 4 inches (1200 pixels � 300 pixels per inch = 4 inches) by 2 inches . If it were saved at only 100 ppi, its physical size would be 12 inches (1200 px � 100 ppi = 12 in) by 6 inches. The higher the resolution, the smaller the physical size.

Example: A simple geometric pattern

A pattern composed of parallelograms, or hexagons, or cubes, depending on how you look at it.

Let's make a pattern that looks like the one in the image above. This pattern is relatively simple to create for three reasons:

1) It has only one basic unit.
The �cube� is repeated over and over; there is no other shape.

2) It isn�t trying to look �random�.
Patterns that are supposed to look like a random distribution of elements are much trickier to create. I�ll cover them in a separate article.

3) It has no horizontal or vertical lines at its edges.
The following procedure isn't ideal for making pattern tiles that are made up of horizontal and vertical lines (like bricks and other rectilinear units). Those patterns, while common, are actually special cases that require a completely different technique to make sure they look right when they're tiled together. You can see three examples of these in this article�s first image, above. I'll outline that different technique in a separate article.

The technique that follows uses LayOut and Photoshop. While it�s possible to create pattern tiles using only LayOut (or even SketchUp, for that matter), Photoshop (or another image editor like GIMP) makes it much easier by providing pixel-level editing and tools for resizing raster images precisely.

Step 1: Use LayOut to manually draw a sample of the pattern.

LayOut is an obvious way to create simple pattern tiles like this one. The addition of SketchUp's Copy Array feature to LayOut in SketchUp Pro 2013 makes tasks like this one a lot easier.

Step 1: Start by manually creating an area of pattern. For something this simple, LayOut works well.


Step 2: Outline a single tile with a rectangle.

Drawing this rectangle on a new layer makes it easier to turn on and off later on. Giving it a thick and brightly colored outline makes it easier to see what you're doing.

Step 2: Use the Rectangle tool to outline a single tile.


Step 3: Fill the "tile outline" rectangle with a bright color and turn off its stroke.

This step makes it easy to crop away everything you don't need once you're in Photoshop. Choose a fill color that doesn't appear anywhere in your pattern tile.

Step 3: Convert the outlined rectangle into a filled shape with no stroke.


Step 4: Duplicate the page and delete only the rectangle.

Step 4: Duplicate the page and remove the rectangle on the copy.


Step 5: Export a PDF.

In your exported PDF, include both the page with the rectangle and the one without.

Step 5: Export both pages as a PDF file.


Step 6: Open the PDF in Photoshop.

In Photoshop, choose to open both pages of the PDF as separate image files. Set the image size to something quite large, like 5000 pixels wide. You'll downsample (make them smaller) later on.

Step 6: Open the pages of the PDF as separate Photoshop files


Step 7: Copy / Paste one file into the other.

In the open file with the colored rectangle, choose Select > All from the menu bar, then choose Edit > Copy. Move to the other open file, then choose Edit > Paste Special > Paste in Place to create a new layer.

Step 7: Copy/Paste in Place the contents of one file into the other, creating a new layer in the second file.


Step 8: Select the colored rectangle.

Choose the layer containing the colored rectangle, then activate the Magic Wand tool and click once on the rectangle to create a selection from it.

Step 8: Use the Magic Wand tool to select only the colored rectangle


Step 9: Crop the image based on the rectangular selection.

Choose Image > Crop from the menu bar to crop the file based on the selection rectangle. Choose Select > Deselect when you're done.

Step 9: Crop the image, leaving only a single pattern tile


Step 10: Hide the layer containing the colored rectangle.

When you hide the layer with the colored rectangle on it, you should be left with only a single pattern tile in your Photoshop file. Save the layered image as a PSD file.

Step 10: Hide the layer containing the colored rectangle.


Step 11: Resize the file.

Choose Image > Image Size... to open the Image Size dialog box. Make sure the Resample Image checkbox is checked, and the drop-down menu below it is set to Bilinear. Type in a new width, in pixels, for your pattern tile, then click OK.

Note 1: If you create a very large pattern tile, you won't ever have to worry about blurriness or visible pixels when your pattern appears in LayOut�it'll be sharp as a tack. On the other hand, making your tile too large could bog down your computer; it all depends on how large each tile will appear, how many tiles LayOut will end up drawing, and how zippy your computer is.

Note 2: When it comes to digital images, there are some "magic" numbers to be aware of. They're the powers of two (2, 4, 8, 16, 32, 64, 128, 256, 512, etc), and using them makes it easier for your computer to resample an image when it needs to be displayed bigger or smaller than its native size. Making your pattern tile image width one of these numbers says to the world, "I know what I'm doing."

Step 11: Resize the image using the Image Size dialog box.


Step 12: Change the image resolution.

Choose Image > Image Size... to open the Image Size dialog box again. This time, make sure the Resample Image checkbox is unchecked. The fields in the Pixel Dimensions area of the window should be uneditable.

Here, you're setting the physical size of the pattern tile on your page in LayOut. The value you type into the Width field is the physical width your tile will appear in LayOut when the pattern is set to 1x scale in the Pattern Fill panel. If you want an individual tile to be 0.5 inches wide in LayOut, enter that measurement into the Width field, and click OK.

Step 12: Change the image resolution (the pixel density) so that the pattern appears the correct size on your page in LayOut.


Step 13: Save your image as a PNG file.

As I explained at the top of this article, PNG is the image file format that offers both lossless file compression and support for areas of transparency. Both are desirable qualities in a pattern tile, so PNG's almost always the way to go.

Step 13: Save the image tile as a PNG file. Giving it a meaningful name will save time in the long run.


Step 14: Import your custom pattern into LayOut.

Back in LayOut, open the Pattern Fill panel (Window > Pattern Fill) and choose Import Custom Pattern... from the drop-down menu at the top. Find the PNG file you created in Step 13 and open it.

To make your custom patterns available in every new LayOut document you create, put them in folders on your system and use the Add Custom Collection... option from the drop-down menu in the Pattern FIll panel.

Step 14: Use the Pattern Fill panel to import your custom pattern into LayOut.


In my next couple posts, I�ll outline techniques for creating pattern tiles that are rectilinear, ones that incorporate transparency, and ones that are supposed to look like a random distribution of elements. Stay tuned, and good luck.


Posted by Aidan Chopra, SketchUp Evangelist

Creating complete construction docs in LayOut

When we profiled architect Nick Sonders' amazing use of LayOut to create full sets of construction documents for his houses, we knew we were on to something big. The deluge of "TELL ME IMMEDIATELY HOW HE DID THAT" sentiment that ensued prompted us to follow up in two ways:

We invited Nick to present his workflow at our 3D Basecamp event last month. The house was packed and Nick was great, but the audio in the video recording was a little rough, so...

Our videograhper Tyson traveled to Truckee, California to record an in-depth series of videos that document Nick's process in delectable detail.

Half tutorial, half motivational speech and half religious experience (for SketchUp people, at least), the "Sonder Series" is 150% better than anything else we've created for aspiring LayOut users. If you believe in your heart that your SketchUp models deserve to live on, that CAD drafting separate 2D orthographic views is a terrible way to spend your evenings, and that there has to be a better way, this is your path forward. Pop some corn and kick back for some serious edification.

The first video is below; the other five are on online when you're ready.



Posted by Aidan Chopra, SketchUp Evangelist

SketchUp Pro Case Study: Alexander James International

We recently came across some marvelous work from Alexander James International (AJI), an interior design firm in the UK that specializes in the Hotel & Leisure market. Michael Reekie, Senior Interior Designer for AJI, was good enough to provide some insight into how they use SketchUp Pro.

I started using SketchUp Pro about five years ago. At that time we considered it a tool to help produce quick 3D line drawings of small areas. Gradually, its value has become more apparent and with the recent addition of Shaderlight, it is now considered to be an invaluable tool by the whole design team.

At the earliest stages of the design concept, I import a CAD plan of the project into SketchUp from which I build a model. It gives us a three dimensional awareness and makes space planning both easier and more accurate.

The SketchUp model offers better awareness of space which aids in the design and in space planning.

I continue to use SketchUp Pro throughout the design process, periodically using a fast, low resolution Shaderlight render to check the progress of lighting levels, features, furniture, and finishes.

SketchUp model with entourage and Shaderlight lighting elements, when rendered, will help validate the design, look and feel.

When I am sure that no other changes are necessary I produce a high resolution rendering which is imported into Photoshop. I can then make any small changes to colours or light levels and add people or anything else that I feel would enhance the final visual.

Final Render: SketchUp Pro + Shaderlight + Photoshop

Before using SketchUp I produced hand-rendered visuals. The uncomplicated nature of the program has made the transition easy and very effective. SketchUp has become an invaluable tool for the whole design team.

A big thanks to Michael Reekie (michael@aji.co.uk) and the whole AJI team for providing this snapshot into their SketchUp workflow. Great work!

CustomMade: A community design marketplace

Here�s an interesting twist on our Make Ideas Real project: sometimes great designs aren�t your ideas. The good folks at CustomMade.com have developed a marketplace that connects roll-up-your-sleeve makers with people who have project ideas they want to bring to life. (Editor's Note: CustomMade is part of the Google Ventures portfolio.) Have an idea for a one-of-a-kind armoire? On CustomMade there are about 3,000 contractors who can help you bring that idea to life.

"Kari�s Armoire," contracted, designed and sold on CustomMade.com, Michael Colca

Of course, if you�re one of those designers and you find yourself competing with 2,999 others, affordable and efficient design software is a pretty key resource. Enter SketchUp. CustomMade�s CEO Mike Salguero recently shared a few compelling projects that were brought to life using SketchUp:

White Oak and Wenge coffee table, Jon S Manss

Sure enough, SketchUp plays a critical role in not just the design of CustomMade projects, but in the collaborative conversations between clients and artisans. Jason Hernandez, of Jason Andrew Designs, uses SketchUp to fuel the ideation and iteration process between clients and contractors: the end result, a project that both parties can buy into.


Posted by Mark Harrison, Community Manager

Message from CustomMade.com
Have you started designing your dream project with SketchUp? Post a project description on CustomMade�s �Get it Made� job board and upload .skp files as attachments. Artisans interested in building your custom project will have the chance to experience your inspiration in 3D and contact you. Let the collaboration begin!