Tutsplus – Mastering Retro Web Design
Tutsplus – Mastering Retro Web Design
1280x720 | MP4/x264 @ 3077 Kbps | 4hours | Audio: English AAC 256 kbps, 2 channels | 3.16 GB
Genre: eLearning
1280x720 | MP4/x264 @ 3077 Kbps | 4hours | Audio: English AAC 256 kbps, 2 channels | 3.16 GB
Genre: eLearning
Once rarely used in this dynamic medium, retro and vintage elements are now becoming more and more popular in a variety of design contexts. Online shops, portfolios and blogs incorporate both styles on a small and large scale. So if you have always wanted to replicate this style, then want no more, as Craig Campbell is here to show you how to create a retro web page using Photoshop. You will learn how to create ribbons, retro patterns, badges and much much more.
More info
Course Outline
Introduction — 2m 40s
Course overview — 2m 40s
Introduction — 1h 36m 20s
What is retro design? — 6m 52s
Setting up your Photoshop file — 4m 46s
Creating The Background Pattern — 6m 16s
Creating a Reusable Crosshatch Texture — 3m 32s
Building A Retro Nav Bar — 18m 42s
Creating The Logo — 22m 2s
Nav Links — 3m 58s
Creating Retro Social Media Icons — 10m 30s
Striping the Background — 7m
Retro Typography For The Header Text — 12m 42s
Minimalistic Feature Slider — 21m 6s
Building The Slider Background — 7m 6s
Text And Images — 6m 8s
Creating A Retro Button — 7m 52s
Retro Badges — 26m 42s
Combining Paths To Create The Badge Shape — 7m 38s
Adding The Badge Details — 11m 22s
Duplicating And Recoloring The Badge — 7m 42s
Footer — 1h 10m 20s
The Footer Background — 8m 54s
Creating And Warping Text — 4m 8s
Illustrating A Ribbon Banner — 13m 24s
Adding Textures And Highlights — 4m 38s
Adding A Stylized Shadow — 8m 12s
News Items — 10m
Contact Form Background — 10m
Ribbons and buttons — 11m 4s
Finishing up — 3m 4s
Final Thoughts — 3m 4s
ideo
ID : 2
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.2
Format settings, CABAC : No
Format settings, ReFrames : 2 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 5mn 55s
Bit rate mode : Variable
Bit rate : 3 077 Kbps
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 24.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.139
Stream size : 130 MiB (93%)
Language : English
Encoded date : UTC 2013-01-25 22:25:25
Tagged date : UTC 2013-01-25 22:25:36
Color primaries : BT.709-5, BT.1361, IEC 61966-2-4, SMPTE RP177
Transfer characteristics : BT.709-5, BT.1361
Matrix coefficients : BT.709-5, BT.1361, IEC 61966-2-4 709, SMPTE RP177
Audio
ID : 1
Format : AAC
Format/Info : Advanced Audio Codec
Format version : Version 4
Format profile : LC
Codec ID : 40
Duration : 5mn 55s
Bit rate mode : Constant
Bit rate : 238 Kbps
Nominal bit rate : 256 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 KHz
Compression mode : Lossy
Stream size : 10.1 MiB (7%)
Language : English
Encoded date : UTC 2013-01-25 22:25:25
Tagged date : UTC 2013-01-25 22:25:36
ID : 2
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.2
Format settings, CABAC : No
Format settings, ReFrames : 2 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 5mn 55s
Bit rate mode : Variable
Bit rate : 3 077 Kbps
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 24.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.139
Stream size : 130 MiB (93%)
Language : English
Encoded date : UTC 2013-01-25 22:25:25
Tagged date : UTC 2013-01-25 22:25:36
Color primaries : BT.709-5, BT.1361, IEC 61966-2-4, SMPTE RP177
Transfer characteristics : BT.709-5, BT.1361
Matrix coefficients : BT.709-5, BT.1361, IEC 61966-2-4 709, SMPTE RP177
Audio
ID : 1
Format : AAC
Format/Info : Advanced Audio Codec
Format version : Version 4
Format profile : LC
Codec ID : 40
Duration : 5mn 55s
Bit rate mode : Constant
Bit rate : 238 Kbps
Nominal bit rate : 256 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 KHz
Compression mode : Lossy
Stream size : 10.1 MiB (7%)
Language : English
Encoded date : UTC 2013-01-25 22:25:25
Tagged date : UTC 2013-01-25 22:25:36
Tutsplus – Mastering Retro Web Design
Tutsplus – Mastering Retro Web Design
Feel free to contact me when links are dead