Давайте рассмотрим способ создания простой иконки календаря в Photoshop CS6, используя новые возможности обводки векторных форм. Вот что у нас должно получиться в результате:
Отличие этого метода от других заключается в том, что все описанные в статье действия можно повторить, используя русский фотошоп редактор онлайн
Для фона я взял текстуру бетонной стены, скачать которую Вы сможете на этой страничке и вырезал из неё прямоугольник 700 на 315 пикселей, такие размеры я выбрал исключительно для удобства публикации изображений на сайте, естественно, Вы можете выбрать любые:
Нажимаем клавишу D, чтобы в цветовой палитре восстановились дефолтные цвета, затем нажимаем клавишу X для замены основного цвета с фоновым, в результате у нас основным цветом стал белый.
Затем выбираем инструмент "Прямоугольник со скруглёнными углами" (Rounded Rectangle Tool).
Вверху, на панели параметров, задаем следующие значения:
- Режим инструмента - Фигура (Shape)
- Цвет заливки - белый - уже установлен
- Радиус скругления - 20 пикс
После чего создаём квадрат со стороной 270 пикс. Если стороны получились не того размера, их можно изменить на панели параметров в окнах ввода ширины и высоты. Вот такой квадрат получился у меня:
Придадим квадрату лёгкие эффекты с помощью стилей слоя "Внутренняя тень" (Inner Shadow) и "Обводка" (Stroke). Задайте этим стилям параметры, как на рисунке:
Теперь дублируем фигуру, нажав на комбинацию клавиш Ctrl+J, после чего выберите инструмент "Перемещение" (Move Tool) и переместите его вверх примерно на 8 пикселей (нажмите клавишу "стрелка вверх" 8 раз). Когда форма установлена в нужное место, кликните правой клавише мыши на слой с этой фигурой в палитре слоёв и выберите пункт "Создать обтравочную маску" (Create Clipping Mask):
Это действие удалит все пиксели новой фигуры, находящиеся за границей исходного прямоугольника с закругленными углами:
Создание оторванных листов календаря
Давайте создадим корешок с остатками оторванных листов календаря.
Воспользуемся инструментом "Прямоугольник" и создадим форму с цветом заливки немного темнее, чем у наших закруглённых квадратов, например, светло-серого #EFEFEF. Она должна размещаться вверху закруглённого квадрата и по иметь высоту примерно треть от него:
После этого добавьте к новой форме слили слоя "Внутренняя тень" (Inner Shadow) и "Обводка" (Stroke) со следующими параметрами:
Создайте обтравочную маску на слое с новой фигурой, в результате должно получиться примерно так:
Т.к. старые листки были оторваны, давайте придадим нижнему краю формы вид оторванного края. Для этого мы применим фильтр искажения "Волна" (Wave). Чтобы после применения фильтра, его настройки можно было бы изменять, а также, чтобы в дальнейшем была возможность редактировать саму форму, рекомендую преобразовать слой в смарт-объект. После чего идём в Фильтр --> Искажение --> Волна (Filter --> Distort --> Wave) и задаём следующие настройки:
Заготовка отрывного календаря теперь выглядит так:
Небольшое лирическое отступление. Если Вы перед применением фильтра преобразовали слой в смарт-объект, то в последствии Вы можете изменять не только содержимое слоя, но и настройки фильтра, т.к. из обычного фильтр стал смарт-фильтром. Для изменения настрое фильтра надо всего лишь кликнуть по обведённой красным области на слое в панели слоёв, а про редактирование смарт-слоя читайте здесь:
Теперь, когда рваный край готов, давайте сделаем шапку календаря.
Добавьте новую форму красного цвета с помощью инструмента "Прямоугольник" и создайте для неё пунктирную обводку со следующими настройками:
Должно получиться примерно вот так:
Примените к слою обтравочную маску:
Добавим стили слоя к шапке. С помощью Обводки (Stroke) намного отодвинем пунктир от края, а
"Тенью" (Drop Shadow) сделаем границу внизу. Настойки показаны на рисунках:
Вот как выглядит уже почти готовая иконка календаря:
Теперь осталось только добавить дату и месяц:
Помощь сайту
Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.
Преимущества: гибкие настройки. Вы можете задать в настройках, чтобы фонарик сразу включался при запуске приложения и автоматическое включение таймера при запуске приложения. Настройки позволяют отключить блокировку экрана и блокировку фонарика кнопкой включения телефона. Также вы можете самостоятельно установить время таймера.
Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.
Установить с Google Play.
Заранее благодарен, Дмитрий.
QR-код для установки:
Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!
Похожие материалы:
 В этом уроке я расскажу о ещё одном способе добавления тумана на фотографию. Кроме того, на основную фотографию лесного ландшафта я добавлю...
|
 В этом уроке я расскажу, как с помощью встроенных в Photoshop фильтров галереи размытия сделать мистический, или, наоборот, кукольный, игрушечный...
|
 В этом материале мы рассмотрим простой способ привлечь больше внимания к основным деталям изображения, создавая иллюзию, что эти детали как-бы имеют...
|
 В этом материале мы рассмотрим, как одно изображение разместить внутри заданной области другого изображения на примере Photoshop CS6, но действия,...
|