Дизайним рекламку для мобильного., Create a Mobile Phone Ad Design
Create a Mobile Phone Ad Design
1. Мы начнем с поиска изображения мобильного телефона. Желательно, если он будет иметь однотонный цвет. Я использовал для этого фотосток http://www.sxc.hu/. Другие изображение, которые мы будем использовать для этого: 1 2 3 4 5 6 7
Создадим новый документ (Ctrl+N). Выберем в палитре голубо-серый цвет (#cad6dd) и зальем изображение. Возьмем инструмент Ellipse Tool (U) и вытяните овальную форму, как показано ниже на скрине. Трансформируйте, повернув по диагонали.
2. Fill слоя с овалом понизьте до 0%. Дважды щелкните на слое , чтобы перейти в настройки стиля слоя. Установите такие параметры, как на скрине:
3. Поместите изображение с телефоном на наш холст. Масштабируйте размер при помощи (Ctrl+T), выберите волшебную палочку Magic Wand Tool (W) и кликните ней на заднем фоне изображения с телефоном и добавьте к слою маску слоя.
4.
Теперь когда мы обрезали ненужный фон с изображения с телефоном.
Переключимся с иконки с маской на иконку слоя и применим к "телефону"
стили слоя:
5. Теперь откроем изображение с травой.
Перетяните это изображение поверх слоя с телефоном. Если изображение
большое-масштабируйте его соответственно размерам при помощи (Ctrl+T).
Добавьте черную маску слоя к слою с травой (Layer-layer mask-hide all). Теперь выберите белую мягкую кисть и маскируйте часть травы , расположенной под телефоном, как показано на скрине.
6. Откройте изображение с красивыми цветами . Перенесите их на главный документ. Удалите ненужный фон также с помощью маски слоя. Или же можете удалить его с помощью пера Pen Tool (P). В случае, если задний фон однотонный, удалите его при помощи волшебной палочки или Select>Color Range. Инструментом Blur Tool затемните некоторые области на изображении с цветами, чтобы придать большего объема.
7. Теперь идем в Filter>Convert For Smart Filter.
Маска слоя при этом исчезнет, но вы еще можете ее редактировать и
отображать, щелкая дважды по иконке слоя. Масштабируйте размер при
помощи (Ctrl+T) и разместите у основания телефона. Преимущество функции Smart Filters в том, что вы всегда можете масштабировать изображение назад к оригинальному размеру без потери качества.
Теперь перейдите в Filter>Sharpen>Sharpen.
Проделайте эту операцию дважды. Вы заметите, как эти действия
отобразятся в панели слоев. Нажмите на один из них и откроется
диалоговое окно с настройками. Режим смешивания установите Normal, прозрачность понизьте до 50%. Нажмите Ок. После этого действие второго фильтра автоматически также понизиться до 50%. Это особенности Smart Filters.
Повторите
тот же самый принцип, как и с предыдущими цветами. Я добавил немного
лепестков, перекрасив их в красно-коричневый тон и несколько синих. В
данном случае я не конвертировал данные изображения в Smart-объекты, а просто добавил четкости (Sharpen)
непосредственно к самому изображению. Конвертацию лучше всего
использовать в тех случаях, когда вы не уверенны относительно
окончательного размера изображения. Также я нашел изображение божьей коровки и поместил его на цветок.
10. Можете добавить деталей в виде кистей-облаков , изображений воздушнышх шаров и т д.
11. Теперь добавим фигурных изображений к фону при помощи дополнительных кистей. splatter vector применяйте их на новом слое, разместив его позади телефона. Примечание: большинство кистей нечетки , поэтому я также добавляю им четкости при помощи Sharpen.
12. Теперь настроим кисть. Выберем инструмент кисть Brush Tool и перейдем в параметры кисти: Window>Brushes (F5). Установим такие настройки:
13. Прозрачность кисти я понизил до 45%.
Создайте слой позади слоя с телефоном и щелкните один раз созданной
разблызганной кистью. Я использовал белый цвет кисти и режим смешивания
Soft Light. Также я создал еще два слоя , но поменяв цвет кисти на красный и голубой. Режим смешивания этих слоев поменял на Overlay.
14. Теперь откройте Иллюстратор. Создайте новый документ (размер не имеет значения). Выберите инструмент Rectangle Tool(M) и растяните прямоугольник, заполнив его черным цветом (заливку контура отключите).
15. Выберите Line Segment Tool, и создайте линию размером 1pt . Не забудьте отключить заливку фона.
16. Возьмите инструмент перо Pen Tool (P) и поставьте якорную точку в середине линии. Используйте Direct Selection Tool (A) чтобы перемещать якорь. При помощи Convert Anchor Point Tool (Shift+C) можете менять расположение направляющих.
17. Сделайте вторую аналогичную линию.
18. Теперь выберем инструмент Blend Tool (W)
для того, чтобы создать больше линий между двумя созданными. Нажмите на
первую линию, затем на вторую. Возможно получится так, что у вас
появится лишь одна линия посередке (все зависит от настроек
инструмента).
19. Сейчас мы это исправим. Нажмите клавишу ENTER при активном инструменте Blend Tool. У вас появистя диалоговое окно с настройками инструмента. Установите интервал Specified Steps- 25. Теперь у нас появится линейный модуль из 25 полос. Вы можете играть с настройками, можете создавать изначально более чем 2 линии, чтоб получать различные варианты линий.
20. Копируем линии (Ctrl+C) и вставим (Ctrl+V) их в фотошоп. Выскочит диалоговое окно. Выберите Paste as a Smart Object.
21. Я также создал на основе этих линий кисти. Вы можете загрузить их, чтобы не создавать в Иллюстраторе. Режим смешивания слоя с линиями установите на Overlay.
Разместите их поверх цветов. Примените маску слоя и замаскируйте
частично линии с помощью мягкой черной кисти, придав эффект
постепенного исчезания.
22. Теперь добавим последние штрихи. Я добавил текст, шрифтом Cicle, также добавил эмблему телефонной компании.