Mockup календарь домик. PSD макет календаря в четырех вариантах исполнения

В этом уроке я покажу как можно самостоятельно создать эффект стекла. Результат похож на графику применяемую в Windows Vista .

Думаю урок пригодится для создания логотипа или значка/иконки. Урок, конечно, достаточно старый, но я предлагаю вам скачать мой готовый PSD файл . Вам останется только изменить фон и поиграть немного ползунками настроек, чтобы подстроить шаблон под свои потребности.

Итак, стекло должно получится вот так:

Шаг 1

Выбираем и открываем любое изображение. В нашем примере это – часть всем хорошо известных обоев на рабочий стол от Windows XP.

Шаг 2

С помощь комбинации клавиш Shift+U, или инструмента с боковой панели Rounded Rectangle Tool рисуем поверх выбранной картинки вот такой синий (#2E69FF) прямоугольник. Образовавшийся слой переименовываем в «shape».

Шаг 3

Дважды щелкаем по переименованному слою в списке слоев и в открывшемся окне «Layer Style» выставляем следующие настройки:

В подменю Drop Shadow (Тень):

• Size = 13 px (Размер = 13 пикселей).

В подменю Inner Glow (Внутреннее свечение):

• Blend Mode = Color Dodge (Режим наложения = Осветление);
• Opacity (Непрозрачность) = 30%;
• Color = White (Цвет = белый);
• Size = 45 px(Размер = 45 пикселей).

В подменю Stroke (Обводка):

• Size = 1 px (Размер = 1 пиксель);
• Color = black (Цвет = черный).

Шаг 4

В списке слоев (Layers) выставляем заливку (Fill) слоя, содержащего прямоугольник, на 20%.

Шаг 5 Создаем новый слой и называем его «left highlight».

Шаг 6

С помощью инструмента , рисуем эллипс, размещаем примерно также, как на рисунке, и заливаем его белым цветом.

Шаг 7

Выбираем слой «left highlight» и, удерживая Ctrl, щелкаем левой кнопкой мыши по иконке слоя «shape». После чего при помощи комбинации клавиш (Ctrl+Shift+I) инвертируем выделение. Затем жмём Delete и получаем картину, примерно как на рисунке.

Шаг 8

Снимаем выделение комбинацией «Ctrl + D». На слой «left highlight» накладываем маску: Layer > Layer Mask > Reveal All (Слои > Слой-маска > Показать все). Выбираем маску в панели слоев, щелкнув на нее, и сбрасываем цвета (D). Выбираем Gradient Tool (градиент), выставив его в режим Linear Gradient (линейный градиент). Проверим, что по цветам он переходит от белого к черному, и, удерживая shift, растянем от правого края холста к середине. Если правая фигура на слое «left highlight» стала частично прозрачной, значит, у нас получилась градиентная маска.

Шаг 9

Над фоновым слоем создадим новый и назовем его “Lens Glow”. Зажав Ctrl, левой кнопкой мыши щелкаем по слою «shape» и заливаем выделение черным цветом. Снимаем выделение с помощью Ctrl + D. Затем в меню Filter > Render > Lens Flare (Фильтры > Рендеринг > Блик) выбираем пункт «Movie Prime» (Начало ролика) и выставляем яркость примерно на 140.

Зажав Alt, щелкаем левой кнопкой мыши между базовым слоем и «Lens Glow». Должна получиться примерно такая картина:

Шаг 10

Применяем на слое «Lens Glow» Blending mode: screen (Режим наложения — Экран). Как создать эффект стекла

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

В дополнение к тому, что блики очень раздражают, они еще и представляют серьезную опасность для вас как для водителя, так как они могут привести к аварии. Очень важно, чтобы водитель четко и ясно видел, как и куда он едет. Блик может быть результатом отражения солнечного света или фар проезжающих автомобилей. Также блики становятся результатом царапин на лобовом стекле, если они были затуманены или просто загрязнены. Многие водители, которых раздражают блики, даже не подозревают, что избавиться от них можно быстро и просто: достаточно очистить поверхность лобового стекла. Вы узнаете, как можно самостоятельно очистить ваше лобовое стекло, таким образом, обезопасив себя во время вождения.

Шаг 1: очистите лобовое стекло

Протрите стекло с обеих сторон специальным средством для стекол, а затем сполосните чистой водой. Удалите грязь, так как она образует пленку на стекле, используйте для этого пластмассовый скребок.

Шаг 2: нанесите раствор из уксуса и воды

Смешайте уксус и воду. Используя чистую губку или кусок ткани, нанесите раствор на лобовое стекло. Вытрите стекло насухо, используя скомканную газету.

Шаг 3: отполируйте лобовое стекло

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

Предупреждение

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

Совет

Как правило, многие используют защитное покрытие. Это красиво и удобно, но так ли это на самом деле? Использование такого покрытия приводит к тому, что блики становятся только хуже. Избегайте использования такого покрытия.

Добро. Продолжаю постить мокапы и заполнять этот раздел свежими подборочками. На сей раз это будет подборка макета (или мокапа) стильного календаря в красных тонах. 4 отображения календаря: формата А4 вертикальный, А4 горизонтальный и 2 развернутых варианта. Календарь, к сожалению, за 2014 год, но это будет не проблемой для того, кто делает календарь, главное, чтобы была основа и дизайн. Я сейчас по подробнее расскажу об этом макете.

Каждый макет имеет хорошее разрешение 2440 на 3250 пикселей при 300 dpi. Это очень качественный макет. Еще один момент: это настенный календарь. Впрочем, вы сейчас сами увидите.

Вариант развернутого календаря А4

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

Вариант настенного календаря-гармошки

Этот мокап календаря выполнен в абсолютно в том же стиле, что и предыдущий (собственно, как и все остальные). Здесь также есть элементы самого календаря, пленки-ориентира сегодняшнего числа и других элементов.

PSD макет закрытого календаря А4

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

Закрытый мокап календаря А3 или горизонтального А4

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

Видов календарей большое множество: карманные, настенные, настольные квартальные и другие. Этот макет дает лишь структурную базу и дизайн, с помощью которого вы сможете сделать любой календарь. Большим спросом у крупных компаний пользуются квартальные календари, так как они очень удобны в использовании. Но вот создание и печать квартальных календарей дело не такое легкое, как с другими видами календарей, типа настольного. Настольный календарь печатается в один заход, а потом просто склеивается. Так же печатаются и карманные календари. А вот у квартальных настенных календарей более 20-и элементов.

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

22+ Free Desk Calendar Mock-ups in PSD and Premium Version this is what you need for your business! These elegant Free Mock-ups is the best way to use it for making presentations and show your skills about your creations and design. Enjoy these Mockups from Free-PSD-Templates and let your ideas become successful!

All the products that you can choose from this collection are fully ready and can be easily used after downloading.