Увеличение фотографии без потери качества



В настоящее время пользуются многими разными приёмами (уроками) по растягиванию картинки. Вот основные 2 известных мне таких приёма:
1) Увеличить в 2 раза больше чем надо, потом размыть/сделать чётче его и с уменьшить до необходимого размера.
2) Увеличение фотографии на 10% не даёт заметного ухудшения изображения. Поэтому, если много раз его увеличить на 10%, то мы получим огромную картинку без потери качества.

В общем ввести в заблуждение обессиленных Увеличивает размер изображения, путём добавления дополнительных точек»
А дальше для нас самый больной вопрос: «А откуда он знает, какого цвета должны быть точки?»
Ответ: «волшебного превращения маленькой фотографии в большую дать единую инструкцию невозможно. Каждая ситуация требует своего индивидуального подхода.

PS Зато уменьшать фотографию можно сколько душе угодно. )

 

Урок создания банера в фотошопе

 

Давайте представим, что вы профессиональный дизингер и работаете в крупной рекламной компании. У вас появился очередной заказ на рекламный банер. Вам нужно сделать баннер с рекламой смартфона Nokia N92 на сайт с таким текстом: “Получи новый смартфон Nokia N92 бесплатно”
И вы садитесь за работу.

1. Для начала нам нужно создать новый файл размером 468x60px (это стандарт у банеров).

2. Создадим новый слой и возьмем инструмент и установите цвет градиента:

3. Выбираем градиент(радиальный) И проводим курсором по документу:

4. Получаем:

5. А теперь нам нужен рисунок самого смартфона Nokia N92

6. Копируем картинку в Photoshop.

7. Берём инструмент магнитное лассо) и выделяем наш смартфон.

8. Выделенной изображение копируем(Ctrl+C) и вставляем(Ctrl+V) на наш баннер.

9. Оно, конечно, будет немного большим. Уменьшаем размер с помощью Ctrl+T

10. Теперь выделим Смартфон от фона. Нарисуем за ним сияние или взрыв.
Для этого создайте новый документ 400x400 px с черным фоном. Создайте новый слой.
Самый простой способ создать сияние:
Нарисовать обычной маленькой твердой кистью что-то подобное:

Затем несколько раз примените фильтр - Blur - Radial Blur (Размытие - Радиальное размытие) со значениями:

Нажимайте Ctrl + F, чтобы применять фильтр еще раз. Получится примерно так:

Теперь примените фильтр Sharpen - Unsharp Mask (Резкость - нерезкая маска) с настройками:

Если вам кажется сияние неровным или редким, то дублируйте слой и переверните его, чтобы образовалась ровная снежинка.

11. Вырезаем наше сияние и размещаем его на банере под смартфон.

12. И на последок добавляем текст и анимацию по вскусу.

Получим примерно следующее:

 

 

Создаем анимированный gif баннер

Первое, что необходимо сделать — это разработать сценарий баннера, т. е. решить каким будет фон, что именно будет двигаться. А когда вы все это представили себе, создайте в Photoshop файл с размерами равными размерам баннера. Теперь создаем фон баннера. Он не будет изменяться при анимации. Все остальные элементы баннера, которые будут принимать участие в анимации — текст, изображения поместим в отдельные слои. В самом верхнем слое поместите рамку баннера.

Теперь можно приступать к созданию анимации. Для этого, нажав самую нижнюю кнопку основной палитры программы Photoshop (“Jump to ImageReady” ) или нажав комбинацию клавиш Ctrl+Shift+M, перейдите в ImageReady. Эта программа откроется с уже загруженным в нее баннером.

Программа ImageReady напоминает программу Photoshop, но у нее есть и собственные вкладки. При создании анимации используется вкладкаAnimation. Созданный нами файл уже помещен в первый кадр вкладки Animation, его увеличенное изображение вы можете видеть на вкладке Original.

Теперь обратим внимание на вкладку Layers. Она выглядит точно также как и в программе Photoshop. Именно с этой вкладкой мы сейчас и будем работать. Например, для того чтобы на баннере мигал текст, в первом кадре слой с текстом сделайте видимым. Перейдите к вкладке Animation и создайте второй кадр анимации, для этого сделайте дубликат первого кадра (кнопка “Duplicates current frame” внизу вкладки Animation). Теперь, для того чтобы текст мигал, сделайте слой с текстом во втором кадре невидимым (щелкните по изображению глаза в слое с текстов на вкладке Layers). Необходимо также указать длительность кадра, для этого нажмите на маленький треугольник под кадром с надписью 0 sec и выберите длительность кадра из раскрывшегося списка. Теперь при помощи кнопки “Plays/stops animation” вы можете уже посмотреть свою анимацию.

Если вы хотите добавить в ваш банер движение или изменение прозрачности, вам не нужно прорисовывать каждый кадр самому. Пусть вы хотите изменить положение какой-либо фигуры. Сейчас она находится в первоначальном положении. Создайте следующий кадр и, в этом кадре передвиньте фигуру. Теперь, при нажатии на кнопку “Tweens animation frames”, вкладки Animation будут созданы промежуточные кадры анимации. После нажатия на эту кнопку откроется вкладка Tween, где в строке Frames to Add необходимо указать желательное количество промежуточных кадров. Таким же методом можно изменять прозрачность фигур. На этих, созданных программой ImageReady кадрах, необходимо, управляя видимостью слоев, показать или скрыть остальные слои, чтобы все соответствовало сценарию.

Когда все необходимые кадры созданы, приступим к оптимизации и сохранению баннера в формате gif. Перейдите на вкладку 4-UP, где вы будете наблюдать за качеством изображения и размером будущего gif файла. Для оптимизации используется вкладка Optimize. На этой вкладке выберем тип файла GIF. Нельзя забывать о том, что баннер, для того чтобы он был принят баннерообменными сетями, должен быть легким. Например, вес баннера размерами 468х60 не должен превышать 15 Kb. Исходя из этого, выберите на вкладке Optimize такое количество цветов, чтобы при хорошем качестве изображения вес баннера был как можно меньшим. Затем, обратившись к главному меню, сохраняем баннер (File- Save Optimized As…). Все — вы создали анимированный gif баннер.

Удачи в создании банеров!


Дата добавления: 2018-04-15; просмотров: 300; Мы поможем в написании вашей работы!






Мы поможем в написании ваших работ!