Photoshop / Сплошная рамка через пунктирную на gif-анимации

Спонсор урока — Стив.

Доброго времени суток, дамы.

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

изготовить сплошную рамку с помощью пунктирной на изображении формата .gif.

На скриншотах представлена версия Adobe Photoshop CS6, но этот способ подойдёт и для любой другой.

Шаг 1. Открываем изображение, изменяем размер и редактируем по вкусу.

Шаг 2. Создаём новый слой. После этого его нужно перенести в самый верх.

Шаг 3. Помещаем на созданный слой пунктирную рамку нужного размера
(«Файл» — «Поместить»)

Шаг 4. Подгоняем рамку так, чтобы пунктир был виден на всех четырёх краях изображения.

Шаг 5. Щёлкаем правой кнопкой мыши по слою с рамкой
и в открывшемся меню выбираем «Растрировать слой».

Шаг 6. Заходим в меню «Редактирование» — «Выполнить обводку».

Шаг 7. Устанавливаем следующие параметры:

Толщина — 1 пиксель;
Расположение — внутри:
Режим наложения — «Нормальный»;
Непрозрачность — 100%.

Шаг 8. Сохраняем получившуюся картинку для Web и устройств в формате GIF
(«Файл» — «Сохранить для Web и устройств»)

Результат:

На этом всё.

Надеюсь, что урок вам пригодится.

Мини не брать :з

19 комментариев

1. 

   Monokuro - 15.07.2015, 14:55 Войдите, чтобы ответить

   В голове у автора царит полная анархия D:

   Совсем забыла написать во 2-ом шаге — после того, как вы создали новый слой, его нужно перенести в самый верх

   • 

     Monokuro - 15.07.2015, 14:55 Войдите, чтобы ответить

     Хотя, большинство это, наверное, и так знает

     • 

       ᴍ ᴏ ʀ ᴛ - 15.07.2015, 15:08 Войдите, чтобы ответить

       Теперь стало лучше? :з

       /модермимопроходил/

       • 

         Monokuro - 15.07.2015, 15:15 Войдите, чтобы ответить

         О.

         Спаси-и-ибо /поклон/

2. 

   maria - 15.07.2015, 14:59 Войдите, чтобы ответить

   Я же говорил, что урок хороший и пригодится :зз
   Молодец, Марго.

3. 

   maria - 15.07.2015, 15:00 Войдите, чтобы ответить

   Я обязательно попробую, кстати.

4. 

   ✂- - - - - - 15.07.2015, 15:05 Войдите, чтобы ответить

   Полезный урок  ,жаль у меня СS5 . когда  буду работать в CS6 понадобится ,спасибо ^^

   • 

     Monokuro - 15.07.2015, 15:08 Войдите, чтобы ответить

     Сью, он подходит для всех версий, прочитай внимательно

   • 

     ✂- - - - - - 15.07.2015, 15:22 Войдите, чтобы ответить

     Простите меня за тупость , у меня  всё получилось , ещё раз спасибо автору :D

5. 

   maria - 15.07.2015, 15:09 Войдите, чтобы ответить

   Но, там — же написанно, что подойдёт к любой версии.

6. 

   │Payne│ - 15.07.2015, 16:27 Войдите, чтобы ответить

   Очень полезный урок, Марго.

   можномневзятьминипожалуйста

   • 

     Monokuro - 15.07.2015, 16:29 Войдите, чтобы ответить

     Знал бы ты, как мне не хочется отдавать Лариссу D:

     • 

       │Payne│ - 15.07.2015, 16:33 Войдите, чтобы ответить

       Ну лан  :3

7. 

   ♠ Annie Waldorf ♠ - 15.07.2015, 17:14 Войдите, чтобы ответить

   Это можно делать намного проще.

   • 

     Monokuro - 15.07.2015, 18:04 Войдите, чтобы ответить

     Подскажите, пожалуйста, как

8. 

   Йоши. - 15.07.2015, 21:20 Войдите, чтобы ответить

   Очень полезный и хороший урок, Гокудера. ^^

9. 

   Badgalriri - 15.07.2015, 22:27 Войдите, чтобы ответить

   Урок классный, спасибо

10. 

    black coffee. - 20.07.2015, 15:54 Войдите, чтобы ответить

    Отличный урок!

11. 

    Cole's wife - 06.11.2016, 11:43 Войдите, чтобы ответить

    Спасибочки большое, помог урок:3