Как создать обложку для раздачи графики

В данной теме будет рассказано как создать постер с помощью разных графических редакторов

1. Создание постера с помощью ACDSee Photo Manager 2009

2. Создание постера с помощью Adobe Photoshop CS3 Extended

3. Создание постера с помощью CorelDRAW X3

4. Создание постера с помощью Adobe Photoshop CS5 Extended

Скачать программу ACDSee Photo Manager 2009 можно здесь.
ACDSee Photo Manager 2009 - программа представляет собой многофункциональный инструмент для просмотра, конвертирования, редактирования, каталогизации, сортировки, печати, публикации графических изображений самых разнообразных форматов. Она, по сути, не является графическим редактором, но кое-что можно сделать и при помощи этой программы.

1. Открываем программу и выбираем нужное изображение, кликаем на нем два раза, теперь изображение занимает полностью окно программы:

2. Далее наводим курсор на картинку и нажимаем правую клавишу мыши, выбираем Редактирование => Режим редактирования:

3. В Режиме редактирования выбираем Изменение размера:

4. Изменяем размер изображения по ширине (неменяя пропорций), ширину выбирайте меньше 200 пикселей (160, например). Учтите, что еще нужно оставить место для рамки:

5. Далее рисуем рамку вокруг нашего изображения, рамку придется рисовать в два этапа, т.к. программа, к сожалению, не позволяет создать нужный размер сразу:



6. При помощи курсора корректируем размер нашей рамки (можно цифры набрать вручную), смотрим, чтобы размер исходной картинки по ширине получился 200 пикс.:

7. В закладке Цвет выбираем оттенок для рамки:

8. Далее поработаем с краями нашего изображения, выбираем Край => Скошенный, далее открываем список доступных контуров:

9. Из списка контуров выбираете наиболее понравившийся и нажимаете ОК, после чего список закроется:

10. Выбрав функцию Размытие контура, можно придать мягкости контуру:

11. Далее можно выбрать функцию Эффекты краев, ставим галочку, например, на Отброс тени, курсором корректируем размытие и непрозрачность тени, при получении удовлетворительного результата, нажимаем Готово:

12. Для того, чтобы обложка была не квадратной, а более вытянутой по вертикали, вернемся снова в закладку Рамки и нарастим обложку вниз и немного вверх:

13. Далее при помощи инструмента Пипетка в закладке Цвет копируем цвет с нашей первой рамки, вторая рамка закрасится в точно такой же:



Нажимаем Готово.

14. Теперь нужно написать название раздачи на создаваемой обложке, выбираем закладку Добавление текста:



15. В окне, выделенном красным, набираем название раздачи, оно автоматически появится в поле обложки:

16. В закладке Шрифт можно изменить сам шрифт, его цвет и размер, а также задать выравнивание текста по центру, правому или левому краю, сделать его жирным или наклонным:


17. Можно обыграть шрифт спецэффектами: добавить и настроить Тень, то же сделать и с Багетной рамкой:

18. После того, как закончено оформление текста, следует нажать Готово:

19. После того, как получился результат, который полностью соответствует желаемому, нажимаем Завершить редактирование:

20. Теперь обязательно нужно пересохранить полученное изображение, чтобы все редакции не сохранились на исходном изображении:

Можно использовать полученную обложку на Вашей раздаче.

Скачать программу Adobe Photoshop CS3 Extended можно здесь.

Теперь попробуем создать обложку в самом популярном графическом редакторе для растровой графики Adobe Photoshop.
Здесь представлена версия CS3, так как перейти с более простой версии на более сложную всегда проще, чем наоборот.
Попробуем создать самую примитивную обложку для Вашей раздачи и познакомимся с самыми простыми эффектами, которые помогут придать ей более интересный вид.

1. Для начала создадим файл нужного размера: Файл - > Новый... Здесь задаем нужный размер обложки по ширине 200, а по высоте, например, 280 пикселей.

2. Работа в Adobe Photoshop ведется по слоям, поэтому не забывайте выделять нужный слой в меню, в противном случае рискуете провести операцию не над тем слоем. Если вдруг такое произошло, можно отменить выполненный шаг горячими клавишами Ctrl+Alt+Z, отмена производится на несколько шагов назад.
Чтобы было удобнее работать, увеличьте файл при помощи лупы или воспользуйтесь сочетанием Ctrl+(+) (соответственно Ctrl+(-) будет уменьшать изображение).
Не забудьте сохранить файл, в котором работаете Ctrl+S, и не забывайте его сохранять на протяжении работы.

3. Открываем (Ctrl+O) любое изображение, которое хотим вставить в обложку.

4. Меняем размер открытого изображения на нужный Изображение - > Размер Изображения (или Alt+Ctrl+I)

5. Далее захватываем уменьшенное изображение левой клавишей мыши и перетаскиваем его на нашу будущую обложку, не отпуская клавишу

6. Теперь попытаемся закрасить нижний слой так, чтобы он был приближен к нашему изображению, выбираем на левом меню команду Градиент

При помощи Пипетки (копируя цвет с изображения) выбираем цвета будующей заливки: верхний квадрат на меню указывает цвет от которого будет начинаться заливка, нижний - которым будет заканчиваться.

7. После того, как определили цвета Градиента, выполняем непосредственно саму заливку, выбираем снова команду Градиент

8. В верхнем диалоговом окне Градиента можно выбрать сам вид заливки

9. Выбираем исходную точку на изображении откуда будет начинаться заливка (не забываем выделить нужный слой) и тянем вверх до границы изображения под нужным углом

10. Чтобы убрать резкую границу между двумя рисунками воспользуемся инструментом Ластик (E) (теперь нужно выделить слой с верхней картинкой)

В верхнем меню Ластика можно выбрать размер кисти и ее форму

Аккуратно обрабатываем края изображения Ластиком (при желании можно изменить его Непрозрачность и Нажим в верхней строке меню)

11. Теперь попробуем добавить пару мазков Кистью (почти в буквальном смысле), чтобы сделать картинку интересней.
Выбираем инструмент Кисть (B) и в верхнем меню (как и у инструмента Ластик) выбираем Кисть нужной формы (цвет можно так же поменять при желании,
здесь оставим прежний цвет, скопированный с картинки), не забываем переключить слои

Добавим лучи на изображение снизу и сверху

12. Теперь нужно подписать обложку, выбираем инструмент Текст (Т)

Набираем нужный текст и далее приступим непосредственно к работе с текстом

13. Чтобы изменить цвет текста, нажимаем в верхней строке на цветной прямоугольник, выбираем нужный цвет и Да (все операции с изменением текста производятся при выделенном тексте)

14. В верхнем выпадающем меню можно выбрать Шрифт, так же изменить размер шрифта в меню рядом

15. Далее выделим опять Шрифт курсором и попробуем применить к нему Стиль (закладка в окнах справа)

16. Теперь нужно сохранить полученную обложку, выбираем команду Сохранить как... (Shift+Ctrl+S)

Выбираем тип файла Jpeg и сохраняем

Вот что получается в итоге:

Скачать программу CorelDRAW X3 можно здесь.

Теперь попробуем создать обложку в графическом редакторе для векторной графики CorelDRAW.
Здесь представлена версия CorelDRAW X3.
Попробуем создать самую примитивную обложку для Вашей раздачи и познакомимся с самыми простыми эффектами,
которые помогут придать ей более интересный вид.

1. Для начала создадим новый файл (по умолчанию он называется Рисунок). Файл - > Создать (Ctrl+N)... Не забываем горячие клавишы для сохранения файла (Ctrl+S) и отменить шаг (Ctrl+Z).

2. Выбираем Единицы измерения - > пиксели (потом можно будет вернуть милиметры, так удобнее работать в Corel).

3. В Наборе инструментов слева выбираем Прямоугольник (F6) и растягиваем его, нажимая на левую клавишу мыши и удерживая ее.

4. Меняем размер нашего прямоугольника, вписывая цифры на панели внизу, предварительно нажав на замочек, рядом с ними, чтобы размер менялся непропорционально.

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

6. Теперь вставим растровое изображение, которое будет составляющей обложки, воспользуемся командой Импорт (Import) на верхней панели или клавишами Ctrl+I, в диалоговом окне выбираем нужное изображение и импортируем его.

7. Выделим наш прямоугольник и, удерживая левую клавишу мыши, одновременно кликаем правой, таким образом копируя прямоугольник, второй делаем по размеру немного меньше первого, в него будем помещать фотографию

8. Далее в верхнем меню выбираем закладку Эффекты - > Power Clip - > Поместить в контейнер, черной стрелкой указываем меньший прямоугольник, таким образом размещая изображение в нем.

9. При желании можно редактировать содержимое контейнера, выбрав команду Эффекты - > Power Clip - > Редактировать содержимое, закончив редактировать, выбрать Эффекты - > Power Clip - > Завершение редактирования.

10. Теперь займемся фоном постера, например, поменяем заливку, на меню слева выбираем иконку команды Заливка и далее Диалоговое окно заливки текстурами, в появившемся окне можно выбирать любую текстуру, изменять ее цвета, поворот и т.д.

11. Изменим абрис прямоугольника, в который поместили наше изображение, двойным кликом по прямоугольнику внизу, рядом с пером (выделено красным), вызываем диалоговое окно, в котором можно задать толщину линии, ее цвет, структуру и др.

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



13. Набираем текст в две строки через Ввод, затем разбиваем блок текста построчно, выбрав команду Упорядочить - > Разъединить Фигурный текст (Ctrl+K).

14. В нижнем (или верхнем, в зависимости от настроек программы) выпадающем меню можно выбрать Шрифт, так же изменить размер шрифта в меню рядом.

15. Далее выделим опять Шрифт курсором и преобразуем его в кривую Упорядочить - > Преобразовать в кривую (Ctrl+Q), чтобы удобнее было применять эффекты, можно этого и не делать, но так удобнее.

16. Попробуем применить к шрифту эффект градиентной заливки, выбираем снова в наборе инструментов Заливка и Диалоговое окно Градиентной заливки (F11), здесь можно менять параметры заливки на свой вкус.

17. Попробуем применить к Шрифту эффект Интерактивный контур, на панели слева выбираем его иконку, нажимаем на слово стрелкой мыши и растягиваем в стороны, получается контур, параметры которого можно задавать на нижней панели

18. Чтобы сделать контур самостоятельным и поменять его заливку на однотонную, выбираем команду Упорядочить - > Разъединить Контурная группа (Ctrl+K). По примеру первого текста работаем со вторым, только не переводим его в кривые.

19. Можно экспортировать готовую обложку для постановки ее на раздачу, выбираем в верхнем меню иконку Экспорт (Ctrl+E), в диалоговом окне выбираем тип файла JPEG, нажимаем Экспорт.

20. Далее появится еще одно диалоговое окно Преобразование в растровое изображение, в нем выставляем нужный размер постера (так как мы его увеличивали, то нужно уменьшать), выставляем Ширину 200, высота изменится пропорционально (если хотим получить постер большего размера, то соответственно можно выставить больший размер, но не более предлагаемого программой, иначе качество будет неудовлетворительным).

21. В последнем диалоговом окне просто нажимаем ОК, экспортирование завершено.

Вот итоговая работа:

Скачать программу Adobe Photoshop CS5 Extended можно здесь.

Теперь попробуем создать постер в самом популярном графическом редакторе для растровой графики Adobe Photoshop.
Здесь представлена версия CS5. Попробуем создать самый простой постер для Вашей раздачи и познакомимся с самыми простыми эффектами, которые помогут придать ей более интересный внешний вид.

1. Прежде чем начать работу, Вам нужно определиться с самим изображением, оно должно соответствовать тематике Вашей раздачи. К примеру возьмем изображение, его имя 313bT, оно у Вас на рабочем столе.
Для начала создадим файл нужного размера, в Adobe Photoshop нажимаем: Файл > Создать... В появившемся окне задаем нужный размер: ширина 200, высота 283 пикселя.

2. Работа в Adobe Photoshop ведется по , поэтому не забывайте выделять нужный Слой (F7) в меню, в противном случае рискуете провести операцию не над тем слоем. Если вдруг такое произошло, то можно отменить выполненный шаг горячими клавишами Ctrl+Alt+Z, отмена производится на несколько шагов назад.
Чтобы было удобнее работать, увеличьте файл при помощи лупы или воспользуйтесь клавишей Alt, удерживайте ее и вращением колесика мышки увеличивайте или уменьшайте размер изображения.
Не забудьте сохранить файл, в котором работаете Ctrl+S, не забывайте его сохранять на протяжении работы.

3. Вы создали на прозрачном фоне размером 200х283 пикселя, далее нажимаем на кнопку Слои (F7), как видно отображаться один слой с именем Слой 1. Правой кнопкой мышки нажмите на слой с именем Слой 1 и в появившемся меню выберите Создать дубликат слоя... Дайте ему имя Слой 2.

4. Как выше упоминалось (пункт 1), у Вас уже имеется изображение на рабочем столе. Включаем Слой 2 (нажимаем левой кнопкой мышки 1 раз). Далее с рабочего стола на прозрачный фон свое изображение, устанавливаем посередине и дважды нажимаем левой кнопкой мышки по изображению. Слой 2 автоматически переименуется в 313bT. У Вас получилось следующее:

Далее нажимаем правой кнопкой мышки на слой 313bT и в появившемся меню выбираем (читайте внимательно) Растрировать слой, у Вас получилось .

5. Теперь мы переходим в Слой 1, именно в нем мы будем делать заливку. Нажимаем один раз левой кнопкой мыши на , выбираем инструмент , если стоит инструмент , то нажмите правой кнопки мышки по инструменту и выберете "Градиент".
На панели инструментов есть выбора основного цвета и фонового. По умолчанию основной цвет (передний план) - черный, фоновый – белый.
Нажимаем на значок Основного цвета, далее на изображении (внизу) при помощи пипетки мы выбираем самый светлый участок.

Нажимаем на значок фонового цвета и на изображении (вверху) мы выбираем самый темный участок.

Далее устанавливаем заливки, в нашем случае - снизу вверх (при передвижении курсора снизу вверх удерживаем левую кнопку мышки).

6. Теперь обращаем внимание на границы слоев, на цвета. Чтобы сгладить эту разницу включаем Слой 313bT и левой кнопкой мышки выбираем инструмент (Е), далее нажимаем правой кнопкой мышки по изображению (в любом месте) и у Вас появится окно. Выбираем, например, Размер: 35 пикс., Жесткость: 0% и аккуратно проводим, удерживая кружок левой кнопкой мышки, слоев, для удобства и точности в работе увеличьте размер изображения. Теперь наше изображение выглядит .
Нажимаем правой кнопкой мышки на Слой 313bT (он должен быть выделен) и из появившегося меню выбираем Объединить с предыдущим.

7. Теперь попробуем добавить пару мазков Кистью, чтобы сделать изображение интересным. Мы добавим лучи на изображение снизу и сверху.
Выбираем инструмент (М). На изображении выделяем овал и размещаем его в центре, нажимаем правой кнопкой мышки внутри овала и выбираем . Далее левой кнопкой мышки нажимаем на > Коррекция > Яркость/Контрастность... Яркость выставляем -60, это нужно для того, чтобы придать лучам четкость и выразительность. Теперь выбираем инструмент (В), нажимаем правой кнопкой мышки по изображению и выбираем, например, Размер: 15 пикс., Жесткость: 0% - рисуем лучи от центра к краям, лучи будут отображаться только на выделенной области. Как закончили рисовать лучи, нажимаем левой кнопкой снова на инструмент "Овальная область" > правой кнопкой мышки по изображению и выбираем .

8. Теперь нужно подписать изображение, для этого выбираем инструмент (Т), выбираем цвет, шрифт, размер, ставим курсор внизу изображения и набираем текст, в нашем случае - Аэростат.
Теперь мы слегка украсим наш текст, для этого нажимаем на инструмент > Стили > Туманность (текстура). На этом можно остановиться и сохранить полученное изображение, но лучше продолжить, осталось совсем немного.
Левой кнопкой мышки включаем , кликаем правой кнопкой мышки по Слою Аэростат > Растрировать текст. Снова жмем правой кнопкой мышки на Слой Аэростат > Параметры наложения > ставим галочку Тень, Обводка и нажимаем на нее, выбираем цвет - Белый, 2 пикс.

9. Сохраняем изображение:
Файл > и устройств... > В появившемся окне выставляем и выбираем:

1 - Окно Оптимизация;
2 - Тип файла > JPEG;
3 - Качество сжатия > Высокое;
4 - Качество (нажав на галочку, высвечивается , при помощи которого мы достигаем рекомендуемый размер постера меньше 30 Кб, в окне предварительного просмотра размер отображается);
5 - Прогрессивный;
6 - Сохранить.

В появившемся окне Сохранить оптимизированный как... указываем Место сохранения и Имя файла, Формат > Только изображения, Настройки > Настройки по умолчанию > Сохранить.

Вот что получается в итоге: