Special offers now — see discounted courses.
day
:
hour
:
min
:
sec
See special offers
Design the Web: Slice Tool

Design the Web: Slice Tool

26mBeginner2013-09-11

Authors

Chris Converse

Chris Converse

Applies design and UX principles to technology

Course details

Learn to create multiple, optimized web graphics from a single Adobe Photoshop or Illustrator file with the powerful and versatile Slice tool. Increase your productivity by exporting many graphics from a single composition, while maintaining the integrity of the design. Design the Web author Chris Converse teaches you how to size, name, and duplicate slices and add transparency to the final graphics. He also shows advanced slicing techniques to generate CSS-based and table-based layouts as well as video-based animations and cinemagraphs. These tutorials work great for websites, emails, and other interactive projects.

Skills covered

Image EditingPhotoshopPhotographyLimited SeriesAdobe

Concepts

0. Introduction

  • 01 - Welcome
  • 02 - About the exercise files

1. Image Slicing and Optimization

  • 03 - Using the Slice tool in Photoshop
  • 04 - Duplicating slices in Photoshop
  • 05 - Adding transparency to web graphics
  • 06 - Using the Slice tool in Illustrator

2. Going Beyond Web Graphics

  • 07 - Creating HTML and CSS with Photoshop
  • 08 - Creating cinemagraphs with Photoshop

Related courses

Related learn paths

About us

LyndaKade is a leading learning platform that helps people learn business, software, technology, and creative skills to achieve personal and professional goals.

Phone numberAparat ChannelTelegram SupportTelegram ChannelInstagram Page

All rights to this site belong to LyndaKade.

Terms of Service|Privacy Policy

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal