Стильная Интернет иконка

Шаг 1
Создайте новый документ размером 150×150 пикселей и белым фоном. Выберите инструмент Эллипс (Ellipse Tool) и нарисуйте фигуру цветом #89d0f9 в середине холста в новом слое
(Shape 1). Потом перейдите в меню Стилей слоя (Layer Style — Blending Options) и примените эти стили: Внутренняя тень (слева) и Наложение градиента (справа):


Стильная Интернет иконка



Шаг 2
Сделайте копию слоя ‘Shape 1’ и назовите её ‘Side Shape’, расположите её ниже на 10 пикселей.


Стильная Интернет иконка



Шаг 3
Выберите инструмент Выделение элементов контура (Path Selection Tool) и сделайте контур, как показано ниже:


Стильная Интернет иконка



Шаг 4
Сделайте цвет нижней фигуры немного темнее (#4aacf9) и добавьте стиль Наложение градиента (Layer Style — Gradient Overlay).


Стильная Интернет иконка



Шаг 5
Сделайте копию слоя ‘Side Shape’, поместите её под оригинальный слой и опустите вниз на 1 пиксель. Сделайте её цветом #095e9d. Сделайте копию слоя ‘Side Shape’ ещё раз и установите её цвет – белый.


Стильная Интернет иконка



Шаг 6
Создайте новый слой (Create New Layer) и сделайте выделение слоя ‘Side Shape’, установите цвет заливки – белый и выберите Инструмент Градиент (Gradient Tool), цвет – от заливки к прозрачному. Протяните градиент справой части фигуры к середине.


Стильная Интернет иконка



Шаг 7
Создайте новый слой (Create New Layer) и сделайте выделение слоя ‘Side Shape’, установите цвет заливки – белый и выберите тот же градиент от заливки к прозрачному. Протяните градиент с левой части к середине. Выберите инструмент выделения и вырежьте маленькую часть размером 23 пикселя из выделения, нажмите Delete, потом снимите выделение (Ctrl+D).


Стильная Интернет иконка



Шаг 8
Выберите слой ’Shape 1’, сделайте его выделение (Ctrl+Click), создайте новый слой
(Create New Layer). Установите цвет заливки – белый, выберите градиент от заливки к прозрачному. Протяните градиент слева направо по диагонали. Выберите инструмент Лассо (Lasso Tool) и вырежьте половину залитой области, нажмите Delete и снимите выделение (Ctrl+D).


Стильная Интернет иконка



Шаг 9
Создайте новый слой (Create New Layer), выберите инструмент Овальная область
(Elliptical Marquee Tool) и сделайте выделении размером 10×6 пикселей на крае фигуры. Залейте его белым цветом, примените фильтр Размытие по гауссу (Gaussian Blur Filter) к этому белому кругу, значение радиуса – 1,7 пикселей.


Стильная Интернет иконка



Шаг 10
Сделайте копию слоя со сверканием и передвиньте его левее. Поверните сверкание на 30 градусов и назовите этот слой ‘Blur’.


Стильная Интернет иконка



Шаг 10
Теперь напишите или создайте букву ‘e’ цветом #ff8c22, размером 88×88 пикселей.


Стильная Интернет иконка



Шаг 10
Инструментом Свободное трансформирование (Free Transform) измените наклон, размер и поместите её на наше основание:


Стильная Интернет иконка



Шаг 11
Сделайте копию слоя с буквой , выберите нижний слой с буквой и опустите его на 1 пиксель ниже, залейте его цветом #6c2201.


Стильная Интернет иконка



Шаг 12
К верхнему слою добавьте стили Внешнее свечение (Layer Style — Outer Glow) (слева) и Наложение градиента (Layer Style — Gradient Overlay) (справа).


Стильная Интернет иконка



Шаг 13
Создайте новый слой (Create New Layer), установите цвет заливки – белый. Выберите инструмент Градиент (Gradient Tool) от заливки к прозрачному. Протяните градиент с верхнего правого угла к нижнему левому. Выберите инструмент Лассо (Lasso Tool) и вырежьте область, чтобы только верхняя часть буквы была залита.


Стильная Интернет иконка



Шаг 14
Создайте новый слой (Create New Layer) и инструментом Овальная область
(Elliptical Marquee Tool) сделайте выделение размером 25×2 пикселя, залейте его белым цветом, снимите выделение (Ctrl+D) и примените фильтр Размытие в движении (Motion Blur Filter) – Смещение (Distance) – 9 пикселей, Угол (Angle) – 0.


Стильная Интернет иконка



Шаг 15
Сделайте копию этого свечения на букве и передвиньте влево на 30 пикселей.


Стильная Интернет иконка



Шаг 16
Выберите слой ‘Blur’, сделайте его копию и поместите на букву, как показано ниже:


Стильная Интернет иконка




Шаг 17
Создайте новый слой (Create New Layer), сделайте выделение слоя с буквой ‘e’, установите цвет заливки – белый и выберите градиент от заливки к прозрачному. Залейте градиент от нижней части буквы к верхней. Перетащите выделение вверх на 1 пиксель, нажмите Delete, потом снимите выделение (Ctrl+D).


Стильная Интернет иконка



Шаг 18
Создайте новый слой (Create New Layer), сделайте выделение слоя с буквой ‘e’, установите цвет заливки – белый, выберите градиент от заливки к прозрачному. Залейте градиент по диагонали от точки находящейся выше, чем левая точка буквы к середине буквы. Передвиньте выделение вправо на 2 пикселя, нажмите Delete, снимите выделение (Ctrl+D). Передвиньте слой вниз и вправо на 1 пиксель.


Стильная Интернет иконка







Делаем Web-дизайн

Вас может также заинтересовать:

25 сентября 2018

17.0 млн. пикселей, ISO 12 800 с возможностью расширения до 102 400, 45-точечная широкозонная система автофокусировки, сенсор Canon CMOS APS-H, два высокоскоростных процессора DIGIC 4, поддержка карт памяти: Compact Flash (Type I or II), UDMA, SD/SDHC, скорость съемки: 10 кадр./сек, до 121 изображения формата Large JPEG при съёмке серией, 156 x 156.6 x 79.9 мм, 1180 гр.

25 сентября 2018

Чтобы оценить возможности следующей модификации легендарного фотоаппарата — Canon EOS 5D Mark III, а заодно сравнить его с моделями высшего уровня того же производителя, я провел полевой тест в условиях дикой природы. Сравнение производилось с Canon EOS 1D Mark IIII, новейший репортерский Canon EOS 1Dx и все еще не потерявший актуальности Canon EOS 5D Mark II. И, конечно, было много самой различной оптики, необходимой в путешествии. Но сначала опишу самые ожидаемые и неожиданные отличия.

25 сентября 2018

Сравниваем два фотоаппарата, обладающих широчайшим диапазоном зума – 30х (24-720 экв.мм) у Fujifilm FinePix HS10, и 26х (26-676 экв.мм) в случае Nikon Coolpix P100. В обоих аппаратах используется 10-мегапиксельная матрица с обратной подсветкой, позволяющая вести серийную съемку при 10 кадрах в секунду, а также Full HD 1080p и скоростную видеосъемку. Оба аппарата функционально насыщенны, имеют экспорежимы PASM, множество настроек и интересных функций.