Приветствую Вас Гость | RSS
Вторник
17.06.2025, 17:01
Afalina. Одесский универсальный сайт
Главная Каталог статей Регистрация Вход
Меню сайта

Категории каталога
Photoshop [11]
CorelDraw [0]
Illustrator [0]
Dreamweaver [0]
Web-дизайн [3]

Наш опрос
Оцените мой сайт
Всего ответов: 171

Главная » Статьи » Уроки для начинающих дизайнеров » Photoshop

Дизайним рекламку для мобильного., Create a Mobile Phone Ad Design
Create a Mobile Phone Ad Design


Дизайним рекламку для мобильного.


1. Мы начнем с поиска изображения мобильного телефона. Желательно, если он будет иметь однотонный цвет. Я использовал для этого фотосток http://www.sxc.hu/.
Другие изображение, которые мы будем использовать для этого:
1
2
3
4
5
6
7

также кисти, использованные в уроке:
1
2
3
4

Создадим новый документ (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.

Дизайним рекламку для мобильного.

8. Теперь применим к этому слою такие стили слоя:

Дизайним рекламку для мобильного.

Дизайним рекламку для мобильного.

9. Я добавил еще несколько цветов и растений.
1
2

Повторите тот же самый принцип, как и с предыдущими цветами. Я добавил немного лепестков, перекрасив их в красно-коричневый тон и несколько синих. В данном случае я не конвертировал данные изображения в 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, также добавил эмблему телефонной компании.

Дизайним рекламку для мобильного.


Автор: Vincent Cruyssen
Перевод: Rediska
Урок взят с Демиарта
Категория: Photoshop | Добавил: afalina (27.06.2008)
Просмотров: 640 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Поиск

Друзья сайта

Статистика

Copyright Afalina © 2025