web-design
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)



• Создаем новый документ 1280 * 1024 px, с разрешением 72 px.
• На новом слое создаем следующие формы, используя Rounded Rectangle Tool.


• Применяем Layer Style Effects, как показано ниже.





• Создаем черную прямоугольную форму вверху страницы используя Rectangle Tool.



• Добавляем обводку градиент к этому слою.



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



Создание кнопок в нажатом состоянии.
• Создаем прямоугольник используя Rectangle Tool.



• Применяем следующие настройки к этой форме.





• Кликаем Ctrl и нажимаем на миниатюре слоя для выделения.
• Заполним выделение белым цветом на новом слое. Opacity 20-30%.
• Создаем круглое выделение испльзуя Elliptical Marquee и убираем нижнюю часть белого прямоугольника.



• Применяем к тексту Drop Shadow.



Создаем отражение текста.
• Go to Edit > Transform > Flip Vertical.
• Немного опускаем вниз
• Применяем Gaussian Blur Filter (1,5)



Создание иконки.
• На панели инструментов выбираем Custom Shape Tool. Подбираем подходящую форму.
• Выбираем белый цвет.
• Создаем иконку, оpacity 90%.
• Дублируем слой с иконкой и помещаем (ниже оригинального слоя. Opacity 50%.
• Возвращаемся к оригинальному слою (a), создаем округлое выделение и перемещаем в нижнюю часть иконки.
• Ставим белое пятнышко в левом верхнем углу иконки используя мягкую полупрозрачную круглую кисть.



• Внутри создаем разделительную линию в 2px.
• Добавляем градиент как показано ниже.



• Используйте те же действия для создания других линий.



Создание пунктирной линии.
• Создаем тропинку используя Pen Tool.



• Правой клавишей кликаем на троектории и выбираем Stroke Path (Simulate Pressure).



• Отрегулируем установочные параметры кисти точно так как показано ниже:


• Создаем отблеск текста. Дублируем слой с текстом и идем Filter > Blur > Gaussian Blur(3).
• Для этого слоя применяем режим смешивания Screen.



Создание неоновых спиралей в Illustrator.

Вы можете загрузить ai* file, нажав на изображение ниже.
http://


• Создаем новый слой в Illustrator.
• Рисуем следующие линии(одна - голубая, другая - белая) используя Pen Tool и Convert Point Tool.



• Выбираем Blend Tool.
• Пример Blend Tool от вершины с голубой линией вплоть до пункта белой линии



• Поставим опции смешивания двойным щелчком для Blend tool или Object > Blend > Blend Options.



• Помещаем созданную форму в документ Photoshop
• Смягчаем края формы, добавляем vector mask и заполняем ее Reflected Gradient от черного к белому.


• Изменяем задний фон: уменьшаем прозрачность и применяем Gaussian Blur Filter.



Результат!

перевод: helen_911
автор:Alexandra Fomicheva
Источник

@темы: Web-дизайн, Уроки