Tags
Language
Tags
April 2024
Su Mo Tu We Th Fr Sa
31 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 1 2 3 4

UX Design Tools: Photoshop [repost]

Posted By: ParRus
UX Design Tools: Photoshop [repost]

UX Design Tools: Photoshop
English | MP4 | 960 x 540 | AVC ~202 kbps | 15 fps
AAC | 128 Kbps | 48.0 KHz | 1 channel | ~1 hour | 153 MB
Genre: Video Tutorial

The UX Design Tools series makes the connection between early UX creative processes, like wireframing and prototyping, with the tools and techniques necessary to create a successful product design. This installment delves into the power of Adobe Photoshop. Justin Putney shows you how to create and edit live shapes, a key component in wireframes; store and display different application states with layer comps; export images and multilayer comps for sharing with clients and developers; and much more.
Content:

Introduction
Welcome
About Photoshop and UX
Using the exercise files

1. Setting Up Your Files
Creating a new Photoshop document
Using guides
Using the grid

2. Creating Shapes
Exploring how pixels can go wrong
Building live shapes using the Rectangle tool
Preserving stroke width using layer effects

3. Working with Text
Adding styles to your text
Adding placeholder text to a wireframe

4. Organizing Content
Stacking artwork using the Layers panel
Using layer folders
Creating layer comps
Challenge: Create a video overlay
Solution: Create a video overlay

5. Creating Reusable Assets
Creating and saving custom shapes
Grouping and reusing content inside Smart Objects
Saving graphic styles
Using free wireframe kits
Creating your own wireframe kit

6. Exporting Artwork
Using the Save for Web dialog
Exporting multiple states

Conclusion
Next steps

General
Complete name : 142067_04_02_XR15_layerfolders.mp4
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42
File size : 8.08 MiB
Duration : 3mn 23s
Overall bit rate mode : Variable
Overall bit rate : 333 Kbps
Encoded date : UTC 2014-02-24 20:01:48
Tagged date : UTC 2014-02-24 20:01:48
Writing library : Apple QuickTime
Copyright : lynda.com

Video
ID : 2
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings, CABAC : Yes
Format settings, ReFrames : 3 frames
Format settings, GOP : M=3, N=30
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 3mn 23s
Bit rate : 202 Kbps
Width : 960 pixels
Height : 540 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 15.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.026
Stream size : 4.90 MiB (61%)
Language : English
Encoded date : UTC 2014-02-24 20:01:48
Tagged date : UTC 2014-02-24 20:01:48

Audio
ID : 1
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 3mn 23s
Bit rate mode : Variable
Bit rate : 128 Kbps
Maximum bit rate : 131 Kbps
Channel(s) : 1 channel
Channel positions : Front: C
Sampling rate : 48.0 KHz
Compression mode : Lossy
Stream size : 3.11 MiB (38%)
Language : English
Encoded date : UTC 2014-02-24 20:01:48
Tagged date : UTC 2014-02-24 20:01:48

Screenshots

UX Design Tools: Photoshop [repost]

UX Design Tools: Photoshop [repost]

UX Design Tools: Photoshop [repost]

For more, Visit my AH-blog

UX Design Tools: Photoshop [repost]