Как оформить миниатюры для сайта

Автор: Семавин Антон
Добавлен: 29.01.2008

Из этого урока Вы узнаете как сделать миниатюры для Вашего сайта более привлекательными нежели просто «голая» картинка вставленная в страницу.

Вариантов оформления может быть сколько угодно к примеру вот такие:

В этом уроке мы разберем один наиболее распространенный и довольно простой способ. Он находится на рисунке 1 посередине.

Шаг #1. Создаем новый файл в фотошопе.

В моем случае это будет квадрат 130 х 130 px. Внутри этого формата вам нужно нарисовать квадрат со скругленными краями.

Шаг #2. Создадим стиль квадрата.

2.1. Обводка (Stroke).

Установите все значения как показано на изображении.

2.2. Падающая тень (Drop Shadow).

Настройте параметры как показано на картинке и нажимайте кнопку «OK». В результате у Вас получится нечто подобное:

Нажмите правую кнопку мыши на названии слоя и выберите в открывшемся меню - Rasterize Layer или можете просто сохранить шаблон в формате jpg.

Шаг #3. Вставляем внутрь прямоугольника картинку.

3.1. Откройте изображение и уменьшите его до нужного размера. В моем примере шаблон имеет размер 130 х 130 px, поэтому я уменьшаю изображение до квадрата 125 х 125 px.

Выделите изображение полностью (Ctrl+A) и скопируйте в буфер (Ctrl+C).

3.2. С помощью инструмента «волшебная палочка» выделите черный прямоугольник и нажмите сочетание клавиш Ctrl+Shift+V

3.3. В результате у вас должна получиться такая вот миниатюра:

| Скачать этот урок в PDF варианте

Добавить комментарий:

Ваш комментарий...

Введите сумму чисел с картинки:

* Комментарии, содержащие в себе рекламу будут удалены!