ARCHITECTURAL DIGITAL SKILLS PESENTATION SOL & ALEX - PowerPoint PPT Presentation

MANCHESTER SCHOOL OF ARCHITECTURE ARCHITECTURAL DIGITAL SKILLS PESENTATION SOL & ALEX 20.11.2019

01 Photoshop Exercise: working with section from CAD SOL & ALEX DIGITAL SKILLS PRESENTATION 2 20.11.2019 2019-2020

Leave this as it has it for now, we will next make sure its the 01 Opening Photoshop right size. Open photoshop and drag and drop your Section file. SOL & ALEX DIGITAL SKILLS PRESENTATION 3 20.11.2019 2019-2020

Go to the image tab and edit the canvas size to be a landscape 01 Canvas Size A3 size. Image > Canvas Size Double click and rename your layer. SOL & ALEX DIGITAL SKILLS PRESENTATION 4 20.11.2019 2019-2020

Resize it to be a roughly appropriate size for the wall its going 01 Place Brick texture on. Then press enter. Drag and drop your brick texture image SOL & ALEX DIGITAL SKILLS PRESENTATION 5 20.11.2019 2019-2020

Hold ALT and drag the image until its adjacent to the original. 01 Duplicate the image It should snap, repeat this until it goes beyond the width of the Hold ALT and drag. wall. SOL & ALEX DIGITAL SKILLS PRESENTATION 6 20.11.2019 2019-2020

You can see that each brick image has its own layer, but we 01 Merge Layers want them as 1. So, with them all selected, right click and click Select layers, right click and merge them Merge Layers to combine them. SOL & ALEX DIGITAL SKILLS PRESENTATION 7 20.11.2019 2019-2020

Repeat the duplication process, holding ALT and dragging the merged brick 01 Duplicate Vertically images up so that they go beyond the wall. Then Merge the layers. Hold ALT and drag. SOL & ALEX DIGITAL SKILLS PRESENTATION 8 20.11.2019 2019-2020

With the magic wand tool activated (you may have to right click 01 Trim off excess Wall on the tool location and switch to magic wand), and the Section Magic wand tool and Delete. layer selected, click in the area where the wall is. Now press CTRL + SHIFT + I to select the inverse of the wall, and DELETE the excess. SOL & ALEX DIGITAL SKILLS PRESENTATION 9 20.11.2019 2019-2020

With the brick texture layer selected, go to Image > Adjustment 01 Make the Texture more faint > Levels and on the window, move the arrow at the black end on Image > Adjustment > Levels the left towards the right until you are happy with it. SOL & ALEX DIGITAL SKILLS PRESENTATION 10 20.11.2019 2019-2020

Drag and drop your ‘person’ image. 01 Place the Person file Adjust size Right click on the person image layer and Rasterise it. SOL & ALEX DIGITAL SKILLS PRESENTATION 11 20.11.2019 2019-2020

With the person layer selected, go to the select tab, go to colour 01 Delete Background Colour range, and with the window open, click on the background white Select > Colour Range space. Click ok. SOL & ALEX DIGITAL SKILLS PRESENTATION 12 20.11.2019 2019-2020

The white background is selected but so is some of the persons 01 Improve your selection shirt. Use the Polygonal Lasso Tool and, whilst holding ALT, Polygonal Lasso Tool select the area on his shirt that you don’t want selected. Right click on the person layer and Rasterise it. Then press DELETE to delete the white background. SOL & ALEX DIGITAL SKILLS PRESENTATION 13 20.11.2019 2019-2020

Select the bit of shoe that is overlapping the section line and 01 Delete the overlap DELETE it. Select and DELETE. Then Save. Your Photoshop edit is now complete. Tidy up your layers if they aren’t already so that there are 3 and they are named. SOL & ALEX DIGITAL SKILLS PRESENTATION 14 20.11.2019 2019-2020

Click on the eye on the Left of the Section layer. 01 Finishing Up Turn off the Section layer and SAVE. Go to File and Save it. SOL & ALEX DIGITAL SKILLS PRESENTATION 15 20.11.2019 2019-2020

02 Illustrator Exercise: diagram SOL & ALEX DIGITAL SKILLS DIGITAL SKILLS PRESENTATION 16 16 20.11.2019 2019-2020 2019-2020

Use the right side to select width, height and orientation of 02 Opening Illustrator your page - A3 Landscape (420mm x 297mm) You are prompted to select a size for you new document layout SOL & ALEX DIGITAL SKILLS PRESENTATION OVERVIEW 17 20.11.2019 2019-2020

Place the original Section file we had. This file is a Vector. 02 Place Section File Vectors are more editable and do not pixelate. Where Photoshop File > Place > Original Section.pdf file. works in pixels, Illustrator works in vectors. SOL & ALEX DIGITAL SKILLS PRESENTATION OVERVIEW 18 20.11.2019 2019-2020

You may have to do this multiple times. 02 Ungroup the new file. With the Section file selected, go to Object, and Ungroup. SOL & ALEX DIGITAL SKILLS PRESENTATION 19 20.11.2019 2019-2020

With a line from the Section cut selected (You may need to repeatedly 02 Move the Section Cut lines to a new layer click on it to get it selected), go to Object, Select, Same Stroke Weight. Select > Same Stroke Weight SOL & ALEX DIGITAL SKILLS PRESENTATION 20 20.11.2019 2019-2020

Create a new layer called Section Cut 02 Move the Section Cut lines to a new layer Edit > Paste in Place SOL & ALEX DIGITAL SKILLS PRESENTATION 21 20.11.2019 2019-2020

With the section cut lines selected, use the Shape Builder tool on the 02 Shape builder right and click in the 2 areas between the section cut lines. This will Turn the section cut lines into a solid shape. build them into a solid object. Press escape when done. With one of these built shapes selected, double click on the fill colour on the right and change it to a colour. You may need to right click here and change it to RGB SOL & ALEX DIGITAL SKILLS PRESENTATION 22 20.11.2019 2019-2020

With your second (unfilled) section cut shape selected, choose the Eye 02 Fill The other Section Cut dropper tool. Then click on your filled section cut shape. This will give it Eye dropper tool. the same attributes as the first. SOL & ALEX DIGITAL SKILLS PRESENTATION 23 20.11.2019 2019-2020

With your second (unfilled) section cut shape selected, choose the Eye 02 Pen Tool dropper tool. Then click on your filled section cut shape. This will give it Draw a ventillation line using the Pen tool. If you click, hold and the same attributes as the first. drag at each point this will give it a curve. Repeat until you have a curvy line. If you right click on the pen tool you can switch to the anchor tool and edit each control point on the line. SOL & ALEX DIGITAL SKILLS PRESENTATION 24 20.11.2019 2019-2020

Turn off the Fill and give it a blue colour. 02 Change Line Settings Turn off the Fill and give it a blue colour. Then edit the stroke weight. Tick Dashed Line and change the dash and gap scaling, and give it an arrow head from the drop down menu. SOL & ALEX DIGITAL SKILLS PRESENTATION 25 20.11.2019 2019-2020

02 Organise your layers Move your ventilation arrow to a new Layer SOL & ALEX DIGITAL SKILLS PRESENTATION 26 20.11.2019 2019-2020

Make sure the elipse is on top and its on the Background layer. 02 Draw some simple trees Use the elipse tool and the line tool to draw a basic tree SOL & ALEX DIGITAL SKILLS PRESENTATION 27 20.11.2019 2019-2020

02 Duplicate Press Alt and drag to duplicate. Then rescale whilst holding Shift SOL & ALEX DIGITAL SKILLS PRESENTATION 28 20.11.2019 2019-2020

02 Place the Photoshop file File > Place > Navigate the Photoshop file SOL & ALEX DIGITAL SKILLS PRESENTATION 29 20.11.2019 2019-2020

02 Scale and Place Drag scale and place it on the bottom layer SOL & ALEX DIGITAL SKILLS PRESENTATION 30 20.11.2019 2019-2020

Flip the ventillation line. 02 Transform and Edit Right click > Transform > Reflect Then, using the Direct Select Tool, edit the individual control points on the line until it looks right SOL & ALEX DIGITAL SKILLS PRESENTATION 31 20.11.2019 2019-2020

This will convert a raster image into a vector file. Have a play 02 Image Trace with this wioth different types of image and different types of With your JPEG selected, go to Image, Image trace trace. Its an incredibly useful tool. SOL & ALEX DIGITAL SKILLS PRESENTATION 32 20.11.2019 2019-2020

02 Change the Fill Colour and Finish Select > Same Fill , and change the colour Save SOL & ALEX DIGITAL SKILLS PRESENTATION 33 20.11.2019 2019-2020

03 Indesign Exercise: booklet layout SOL & ALEX DIGITAL SKILLS DIGITAL SKILLS PRESENTATION 34 34 20.11.2019 2019-2020 2019-2020

Use the right side to select width, height and orientation of 03 Opening InDesign your page as well as number of pages for your project. You are prompted to select a size for you new document layout SOL & ALEX SOL & ALEX DIGITAL SKILLS DIGITAL SKILLS DIGITAL SKILLS PRESENTATION 35 35 35 20.11.2019 20.11.2019 2019-2020 2019-2020 2019-2020

03 Setting up Master Pages Select the Pages Tab, on the right. Right Click on the master page section of the pages tab and select new master SOL & ALEX DIGITAL SKILLS PRESENTATION 36 20.11.2019 2019-2020

03 Setting up Master Pages Name your Master Page and press ok to generate it. SOL & ALEX DIGITAL SKILLS PRESENTATION 37 20.11.2019 2019-2020