Hi-Tech Interface

Builder Pack
555+ Vector objects / Groups
11 Illustrator Actions
1 Photoshop Action
10 Photoshop Layer Styles
10 Photoshop Brushes
100% Vector (AI & EPS files)
AI, EPS & PSD
All text editable
Freeware font used
Files
Adobe Illustrator CS3 and Adobe Photoshop CS3 are needed for this project.

Main Vector Files:

Hi-Tech_Interface_AI.ai
Hi-Tech_Interface_EPS.eps

Vector Sample Interface File:

Hi-Tech_Interface_Sample_4-3_AI.ai
Hi-Tech_Interface_Sample_4-3_EPS.eps
Hi-Tech_Interface_Sample_16-9_AI.ai
Hi-Tech_Interface_Sample_16-9_EPS.eps

Photoshop Sample Interface File:

Hi-Tech_Interface_Sample_4-3_PSD.psd
Hi-Tech_Interface_Sample_16-9_PSD.psd

Illustrator Actions:
Hi-Tech_Interface_Builder_Illustrator_Actions.aia

Photoshop Acton:
Hi-Tech_Interface_Builder_Photoshop_Action.atn

Photoshop Hi-Tech Circular Brushes:

Hi-Tech_Circle_Photoshop_Brushes.abr

Photoshop Layer Styles:

Hi-Tech_Photoshop_Styles.asl

Font
Font used in the project - Trivial - is freeware font and it can be downloaded here:

http://www.dafont.com/trivial.font
Adobe Illustrator Actions (watch video tutorial for more info)
F2 - Flip Horizontal
F3 - Flip Vertical
F4 - Align / Center Horizontal and Vertical
F5 - Align / Center Horizontal
F6 - Align / Center Vertical
F7 - Make Compound Path
F8 - Release Compound Path
F9 - Align / Center Horizontal and Vertical + Unite
F10 - Align / Center Horizontal and Vertical + Minus Front
F11 - Align / Center Horizontal and Vertical + Intersect
F12 - Align / Center Horizontal and Vertical + Exclude

Adobe Photoshop Action (watch video tutorial for more info)

Hi-Tech Import & Cut Action. It helps to properly import some shapes to Photoshop - when we want
to use Layer Styles on them. It makes the rasterized copy and leaves the hidden original smart object.
IMPORTANT: Photoshop file must be in RGB Color Space (not CMYK).

Adobe Photoshop Layer Styles

There are 10 Adobe Photoshop Layer Styles in this Pack. There are informations in the names:
Shapes or Shapes & Screens.

Shapes & Screens - are good for both: Shapes - lines, digits, frames and Screens - surfaces
Screens - rather for surfaces only.

But its only subjective opinion - try them on your own.

Adobe Photoshop Brushes
There are 10 Adobe Photoshop Brushes in this Pack. These are Hi-Tech Circular shapes - imported
to Photohop and defined as brushes.

Text & Tabs (Adobe Illustrator)

Useful tip for aligning text - when we want to create good looking columns of digits.

Its good if columns are properly aligned

(red line shows that the second column
is straight) and it would be difficult
to achive this with Space Bar only.

We need to insert Tabs in places pointed

by arrows.

Ctrl + Shift + T (Command + Shift + T)

activates Tabs panel.

Alt + Ctrl + I (Option + Command + I)

shows Hidden Characters.

There are Tabs shown - blue arrows.

Now, we only have to click on the ruler

in the Tabs panel to set up the coordinate
of the column.
We can drag this little arrow left and right
to change the setting.
Symmetry markers
Some Circular objects are asymmetric. It could cause some problems if we want to align them with
other objects (because the point of symmetry of the circle shape is not in the middle of the object).
So, they are grouped with red Symmetry Markers.

Markers create proper bounding box for such oject:

1. Align the group (asymmetric object + Marker) with other circular objects as usual.
2. Ungroup and delete the Marker

Please rate, if you like the project.

If you have any questions, contact me: mail@cgcube.com