Как проще и быстрее всего сделать из картинки иконку в фотошопе? Уроки Photoshop: Как сделать профессиональную иконку человека в Фотошоп'е

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

Сделать иконку (значок) папки из своей фотографии можно в стандартной программе — Paint , которая у каждого должна быть в операционной системе windows 7

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

Вот небольшой пример. Такой вид папки ускоряет поиск среди большого количества похожих папок.

Найти программу «Paint « можно через «Пуск » и «Все программы » Запустите её и перетащите рисунок в окно программы. А ещё проще, это вызвать контекстное меню, щёлкнув по изображению, которое хотите поставить в роли значка, правой клавишей мышки. Выбираем пункт «Изменить » Откроется программа «Paint »

Создаём значок в программе Paint

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

Обрезаем. На панели программы выбираем инструмент «Выделить » В параметрах выделения указываем фигуру «Прямоугольная область » Левой клавишей мышки выделяем фрагмент фото. Удерживая клавишу, смотрим, как изменяется размер в нижней панели программы.

Подогнали размер, жмём кнопку «Обрезать »

Теперь фотография получилась квадратная, продолжаем.

После обрезки меняем размер будущего значка. Жмём «Изменить размер » Изменяем в пикселях и вводим размер 64 по вертикали и горизонтали. Сохраняем «ОК »

Ставим свой значок на папку

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

Откроется окошко с системными значками. Но нам они не нужны, мы же хотим своё изображение применить. Тогда идём в обзор и ищем наш только что созданный значок.

Кстати в проводнике вы его можете не найти, так как наше изображение не является значком формата «ico » Чтобы его увидеть выберите отображать «Все файлы *.* »

Теперь всё в порядке, жмём «ОК »

Вот так всё просто. Папка стала отличатся от остальных, а нам будет легче ориентироваться при её поиске.

Но это ещё не всё. Собственные иконки можно применить и к ярлыкам. Смотрите, как они выглядят на моём рабочем столе.

Хитрость, которая сделает Ваш компьютер бессмертным!

Сегодня мои коллеги из команды Клабпрофи, впервые рассказывают о хитрости, которая делает Ваш компьютер неуязвимым к любым невзгодам:

Благодаря этой хитрости Ваш компьютер после каждой перезагрузки будет в идеальном состоянии.

При этом, даже если накануне Вы поймали вирус, удалили системные папки или сломали Операционную систему, достаточно будет перезагрузить компьютер, и он снова будет работать, как прежде.

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

О том, как это работает и как внедрить данную технологию уже в новогодние праздники, смотрите здесь:

Это полезно знать:

Аватан — бесплатный фоторедактор онлайн с…

В этом уроке вы научитесь рисовать простую иконку папки с документами в Adobe Photoshop.

Финальное изображение:

Шаг 1

Откройте программу Photoshop и создайте новый документ, для этого нажмите комбинацию клавиш Control + N. В открывшемся меню введите следующие данные:

Примечание переводчика: на скриншоте

Высота (Width): 600 пикселей (pixels)
Ширина (Width): 600 пикселей (pixels)
Разрешение (Resolution ): 72 пиксель/дюйм (pixels / inch )
Цветовой режим (Color Mode ): RGB color , 8 bit
Содержимое фона (Background Contents): Белый (White)
Цветовой профиль (Color profile): sRGB IEC61966-2.1
Попиксельная пропорция (Pixel Aspect Ratio): Квадратные пиксели (square pixels)

После ввода данных нажмите Ок.

Затем отобразите сетку Просмотр - Показать - Сетку (View> Show> Grid) и включите функцию привязать к линиям сетки Просмотр - Привязать к - Линиям сетки (View - Snap To - Grid). Теперь нам необходимо настроить параметры сетки, перейдите в (Edit > Preferences > Guides, Grid & Slices) и сосредоточьтесь на разделе Сетка (Grid). Введите значение 5 в поле «Линия через каждые» (Gridline Every) и 1 в поле «Внутреннее деление на» (Subdivision). Установите цвет сетки #a7a7a7.

После того как вы выставили все настройки, нажмите Ок. Не отвлекайтесь на сетку, в дальнейшем она облегчит нам работу. Вы можете всегда отключить или включить сетку с помощью сочетания клавиш CTRL + ”. Вам также следует открыть панель Инфо (Окно - Инфо (Window > Info)), чтобы иметь возможность текущего просмотра размера и положения фигур.

Шаг 2

Установите светло-коричневый цвет (#c69c6d) переднего плана и выберите инструмент (Rounded Rectangle Tool). В верхней части панели инструмента установите радиус 5 px и создайте векторную фигуру размером 105 х 15 px. Затем находясь на слое с векторной фигурой (прямоугольник со скругленными краями, который мы только что создали), выберите операцию Объединить фигуры (Add to Shape Area) и добавьте еще один прямоугольник со скругленными краями размером 40х20 px, после этого разместите его так как показано на изображении ниже.

Шаг 3

Перейдите на панель Слои (Layers) (если панель слои не отображается, перейдите в Окно - Слои (Window - Layers)) и переименуйте векторную форму на «back», затем дважды щелкните по слою, чтобы открыть окно Стиль слоя (Layer Style). Примените к слою следующие эффекты: Внутренняя тень (Inner Shadow) и Наложение градиента (Gradient Overlay).

Примечание переводчика: на скриншотах

Внутренняя тень:

Режим наложения (Blend Mode): Перекрытие (Overlay), цвет белый (#ffffff)
Непрозрачность (Opacity): 75%
Угол (Angle): 90°
Глобальное освещение
Смещение (Distance): 1 рх
Стягивание (Choke): 0%
Размер (Size): 1 рх
Сглаживание
Шум (Noise): 0%

Наложение градиента

Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 100%
Градиент (Gradient): Редактор градиентов
цвет #000000 позиция 40%
цвет #232323 позиция 80%
цвет #505050 позиция 100%
Выровнять по слою (Align with Layer): Поставить галочку
Стиль (Style): Линейный (Linear)
Угол (Angle): 90°
Масштаб (Scale): 100%

Шаг 4

Убедитесь, что цвет переднего плана по-прежнему установлен светло-коричневый (#c69c6d), выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool). Создайте векторную форму размером 115 х 75 пикселей, расположите ее как показано на первом изображении, затем перейдите в Редактирование - Трансформирование - Деформация (Edit - Transform - Warp). Вверху выберите:

Деформация (Warp): Выпуклый (Bulge)
Включите кнопку: Изменить ориентацию деформации (Orientation)
Изгиб (Bend): 5%
Установить искажение по вертикали (Vertical distortion) V: -3%

После этого нажмите Enter. У вас должен получиться такой же результат, как на втором изображении. Затем переименуйте слой, назовите его «front» .

Шаг 5

Перейдите к слою под названием «front» и примените следующие эффекты:

Внутренняя тень (Inner Shadow):

Режим наложения (Blend Mode): Перекрытие (Overlay), цвет белый (#ffffff)
Непрозрачность (Opacity): 50%
Угол (Angle): 90°
Глобальное освещение (Use Global Light): Снять галочку
Смещение (Distance): 3 рх
Стягивание (Choke): 0%
Размер (Size): 5 рх
Сглаживание (Anti-aliased): Снять галочку
Шум (Noise): 0%

Внутреннее свечение (Inner Glow):

Режим наложения (Blend Mode): Мягкий свет (Soft Light)
Непрозрачность (Opacity): 25%
Метод (Technique): Мягкий (Softer)
Источник (Source): На краях (Edge)
Стягивание (Choke): 0%
Размер (Size):10 рх
Сглаживание (Anti-aliased): снять галочку
Диапазон (Range): 50%
Колебание (Jitter): 0%

Тиснение (Bevel and Emboss):

Стиль (Style): Внутренний скос (Inner Bevel)
Метод (Technique): Плавное (Smooth)
Глубина (Depth): 100%
Направление (Direction): Вверх (Up)
Размер (Size): 100 рх
Смягчение (Soften): 0 рх
Угол (Angle): 90 °
Высота (Altitude): 30°
Глобальное освещение (Use Global Light): Снять галочку
Контур глянца (Gloss Contour): Волнистый уклон (Rolling Slope - Descending)
Сглаживание (Anti-aliased): Снять галочку
Режим подсветки (Highlight Mode): Умножение (Multiply), Цвет черный #000000
Непрозрачность (Opacity): 30%
Режим тени (Shadow Mode): Перекрытие (Overlay), Цвет белый #ffffff
Непрозрачность (Opacity): 30%

Наложение градиента (Gradient Overlay):

Режим наложения (Blend Mode): Умножение (Multiply)
Непрозрачность (Opacity): 100%
Градиент (Gradient): Редактор градиентов
цвет #7с7с7с позиция 0%
цвет #959595 позиция 10%
цвет #afafaf позиция 25%
цвет #fafafa позиция 100%
Выровнять по слою (Align with Layer): Поставить галочку
Стиль (Style): Линейный (Linear)
Угол (Angle): 90°
Масштаб (Scale): 100%

Наложение узора (Patter Overlay):

Режим наложения (Blend Mode): Перекрытие (Overlay),
Непрозрачность (Opacity): 90%
Узор (Patter): Выберите самый темный узор из Neutral Tileable Leather Patterns
Масштаб (Scale): 25

Примечание переводчика: для того чтобы загрузить узор (Patter) кожи, нажмите на шестеренку и в раскрывшемся меню выберите Загрузить узоры. После этого укажите путь к папке с узорами кожи, которые вы скачали, и выберите файл webtreats leather patterns. pat.

Шаг 6

Установите цвет переднего плана черный (#000000) и выберите инструмент Эллипс (Ellipse Tool). Создайте векторную форму размером 105 х 5 пикселей, поместите ее так, как показано на первом изображении. Щелкните правой кнопкой мыши по слою, который мы только что создали, затем в раскрывшемся меню выберите Преобразовать в Смарт-объект (Convert to Smart Object). Расположите этот слой над фоном (Shift + CTRL + [) и перейдите в (Filter - Blur - Gaussian Blur), введите радиус 3 px и нажмите OK.

Шаг 7

Выберите инструмент Эллипс (Ellipse Tool). Создайте векторную форму размером 105 x 10 пикселей, поместите ее так, как показано на первом изображении. Затем щелкните правой кнопкой мыши по слою и преобразуйте его в Смарт-объект (Convert to Smart Object). Расположите этот слой над фоном (Shift + CTRL + [). После этого перейдите в Фильтр - Размытие - Размытие по Гауссу (Filter - Blur - Gaussian Blur) и введите радиус 3 px.

Шаг 8

Установите цвет переднего плана #aecef5 , выберите инструмент Прямоугольник (Rectangle Tool) и создайте прямоугольник размером 105 x 70 пикселей, расположите его так, как показано на первом изображении. Выберите слой с синим прямоугольником и нажмите CTRL + T (или перейдите в Редактирование - Трансформирование - Поворот (Edit - Transform - Rotate)). Вверху введите угол поворота -4° и нажмите Enter.

Переместите слой с синим прямоугольником под слой «front». Откройте Стиль слоя (Layer Style) и выберите эффект Обводка (Stroke).

Примечание переводчика: К эффекту Обводка (Stroke) примените следующие настройки (на скриншоте):

Размер (Size): 1 рх.
Положение (Position): Внутри (Inside )
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Цвет (Color): #90 b0 d7

После этого, щелкните правой кнопкой мыши по слою с синим прямоугольником и выберите Копировать стиль слоя (Copy Layer Style)

Шаг 9

Для следующих шагов нам понадобится сетка с настройками «Линия через каждые» (Gridline Every) 1 px, поэтому перейдите в Редактирование - Настройки - Направляющие, сетка и фрагменты (Edit > Preferences > Guides, Grid & Slices) и введите 1 в поле «Линия через каждые» (Gridline Every). Выберите инструмент Прямоугольник (Rectangle Tool) и создайте прямоугольник размером 105 x 70 пикселей, расположите его так, как показано на первом изображении. Нажмите CTRL + T, введите вверху угол поворота -5° и нажмите Enter.

Переместите этот слой под слой с первым синим прямоугольником, затем щелкните правой кнопкой мыши по нему и в раскрывшемся меню выберите Вклеить стиль слоя (Paste Layer Style).

Шаг 10

Выберите инструмент Прямоугольник (Rectangle Tool) и создайте прямоугольник 105 х 70 px, поместите его как показано на первом изображении и нажмите CTRL + T . Вверху введите угол поворота 3° и нажмите Enter.

Переместите этот слой под слой « front», затем щелкните правой кнопкой мыши по нему и в раскрывшемся меню выберите Вклеить стиль слоя (Paste Layer Style).

Шаг 11

Отключите Сетку (Просмотр - Показать - Сетку (View > Show > Grid)) и продублируйте слой под названием «front» (CTRL + J). Очистите продублированный стиль слоя, для этого щелкните правой кнопкой мыши по слою и выберите Очистить стиль слоя (Clear Layer Style).

Уменьшите Заливку (Fill) продублированного слоя до 0%.

Затем перейдите в Слой - Стиль слоя - Параметры наложения (Layer > Layer Style > Blending Options) и примените следующие эффекты:

Примечание переводчика: на скриншотах

Внутренняя тень (Inner Shadow):

Режим наложения (Blend Mode): Мягкий свет (Soft Light), цвет белый (#ffffff)
Непрозрачность (Opacity): 100%
Угол (Angle): 90°
Глобальное освещение
Смещение (Distance): 1 рх
Стягивание (Choke): 0%
Размер (Size): 0 рх
Сглаживание
Шум (Noise): 0%

Внешнее свечение (Outer Glow):

Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 40%
Шум (Noise): 0%
Метод (Technique): Мягкий (Softer)
Размах (Spread): 0%
Размер (Size): 4 рх

Шаг 12

Сосредоточьте своё внимание на панели Слои (Layer), Зажмите на клавиатуре клавишу CTRL и щелкните левой кнопкой мыши по слою с синим прямоугольником. Затем, удерживая клавишу CTRL, зажмите клавишу Shift и выделите два других синих прямоугольника. В итоге у вас должно быть выделено три синих прямоугольника. Не снимая выделения, перейдите на слой из предыдущего шага (слой с заливкой 0%), и добавьте к нему слой маску, для этого нажмите внизу на кнопку Добавить слой маску (Add Layer Layer Mask).

Откройте диалоговое окно Стиль слоя, затем перейдите в Параметры наложения (Blending Option) и установите галочку Слой-маска скрывает эффекты (Layer Mask Hidden Effects). После этого нажмите комбинацию клавиш Ctrl + D для того, чтобы снять выделение.

Шаг 13

Выберите на панели инструментов горизонтальный текст (Horizontal Type Tool) и добавьте надпись «docs» как показано на первом изображении. Примените к надписи «docs» шрифт под названием Eras Bold ITC и установите размер шрифта 30 пт. Затем уменьшите заливку текстового слоя до 0%.

Перейдите в Стиль слоя (Layer Style) и примените следующие эффекты:

Тень (Drop Shadow):

Режим наложения (Blend Mode): Мягкий свет (Soft Light), Цвет белый (#ffffff)
Непрозрачность (Opacity): 100%
Угол (Angle): 90°
Глобальное освещение (Use Global Light): Снять галочку
Смещение (Distance): 1 рх
Размах (Spread): 0%
Размер (Size): 0

Внутренняя тень (Inner Shadow):

Режим наложения (Blend Mode): Мягкий свет (Soft Light), цвет черный (#000000)
Непрозрачность (Opacity): 100%
Угол (Angle): 90°
Глобальное освещение (Use Global Light): Снять галочку
Смещение (Distance): 1 рх
Стягивание (Choke): 0%
Размер (Size): 8 рх
Сглаживание (Anti-aliased): Снять галочку
Шум (Noise): 0%

Тиснение (Bevel and Emboss):

Стиль (Style): Внутренний скос (Inner Bevel)
Метод (Technique): Плавное (Smooth)
Глубина (Depth): 100%
Направление (Direction): Вверх (Up)
Размер (Size): 2 рх
Смягчение (Soften): 5 рх
Угол (Angle): 90°
Высота (Altitude): 30°
Глобальное освещение (Use Global Light): Снять галочку
Сглаживание (Anti-aliased): Снять галочку
Режим подсветки (Highlight Mode): Мягкий свет (Soft Light), Цвет черный #000000
Непрозрачность (Opacity): 80%
Режим тени (Shadow Mode): Нормальный (Normal), Цвет черный #000000
Непрозрачность (Opacity): 0%

Обводка (Stroke):

Размер (Size): 1 рх
Положение (Position): Внутри (Inside)
Режим наложения (Blend Mode): Мягкий свет (Soft Light)
Непрозрачность (Opacity): 100%
Тип обводки (Fill Type): Цвет (Color)
Цвет (Color): Черный #000000

Шаг 14

Мы закончили, теперь вы можете легко изменить цвет иконки. Перейдите на панель Слои (Layer), сфокусируйте свое внимание на векторных фигурах с цветом, установленным на # c69c6d, и просто замените его цветом, который вы предпочитаете.

Примечание переводчика: для того чтобы изменить цвет иконки (папки) выберите слой под названием «front», затем дважды кликните по миниатюре слоя и в палитре цветов подберите подходящий цвет. Проделайте тоже самой для слоя под названием «back».

Вот так должен выглядеть ваш конечный результат.

04.07.2016 27.01.2018

В этом уроке вы узнаете, как создать плоские флэт иконки социальных сетей.

То, что вы будете создавать:

Создавать плоские иконки мы начнем с фона, потом добавим иконкам эффекты, чтобы придать им оригинальность, далее нарисуем длинные тени. Для повторения урока вам понадобится Photoshop CS3 или более поздняя версия.

Ресурсы:

Шрифт 1 — http://fontawesome.io/cheatsheet/
Шрифт 2 — http://fontawesome.io/

Шаг 1

Создайте новый файл (Ctrl + N) размером 500 × 400 пикселей.

Создайте новую группу (CTRL+G) и назовите её "Фон".

Шаг 2

Заполните фон цветом # e7e9ea с помощью инструмента Заливка (Bucket Tool) .

Шаг 3

Чтобы добавить больше эффектов на задний план, мы добавим градиент. Нажмите на иконку Корректирующий слой (Adjustment Layer) и выберите Градиент (Gradient ), используйте следующие настройки:

Режим наложения слоя Мягкий свет (Soft Light ) | Непрозрачность: 25%

Шаг 4

Создайте новую группу и назовите её «symbols».

Шаг 5

Прежде чем начать работу, нам нужно настроить меню Линейки и Сетки (Rulers and Grids) . Перейдите в меню Вид-Линейки (View - Rulers ) и Вид-Показать-Сетки (View — Show — Grids ) . Вот мои настройки дляЛинеек и Сеток (их можно открыть, перейдя в Редактирование-Настройки (Edit-Preference) :

Чтобы создать Направляющую линию , нужно просто щелкнуть и перетащить её из линейки. Для создания вертикальной направляющей перетаскивайте из вертикальной линейки и наоборот. Вот как я разделил холст (каждый значок равен 50 × 50 пикселей и расстояние между каждым значком 25 пикселей ):

Шаг 6

В этом уроке мы работаем с помощью шрифта Awesome, вы можете добавить настраиваемые иконки для вашего сайта. Как правило, это делается путем размещения CSS шрифта на ваш сайт, но так как мы работаем с Photoshop, нам нужно скопировать каждый значок, который вы хотите использовать из шпаргалки. Зайдите на страницу, выберите значок, который вы хотели бы нарисовать. Я использовал иконки для следующих (социальные сети) сайтов: Twitter; facebook; Tumblr; Google+;Instagram; YouTube; Twitch; Dropbox; Deviantart; Pinterest; Skype; Feed.

Шаг 7

После того как вы нашли значок, который хотели бы использовать, скопируйте его (Выделите ее затем щелкните правой кнопкой мыши-Копировать )

Затем вернитесь в Photoshop и выберите инструмент Текст (Text Tool) на панели инструментов. Измените настройки шрифта, как показано на рисунке:

Теперь вставьте значок, который вы только что скопировали. (Щелкните правой кнопкой мыши-Вставить )

Шаг 8

Повторите предыдущий шаг, пока не вставите все значки, которые вы хотели бы использовать.

Шаг 9

Создайте новую группу и переименуйте её в «icon bg», поместите группу ниже группы «symbols».

Шаг 10

Создайте новый слой и поместите его в группу, созданную в предыдущем шаге. Я переименовал слой в «icon bg».

Шаг 11

Используя инструмент Прямоугольник с округленными углами (Rectangular Circle Shape Tool) (расположенный на панели инструментов ниже инструмента Текст (Text Tool)) я создал фон иконок,

Вот все цвета, которые я использовал:
Twitter: # 6bd1f4 ;
Facebook: # 5a93cb ;
Tumblr: # 3c6a9c ;
Google +:#e44940 ;
Instagram:#9bd29d ;
Youtube:#f4504c ;
Twitch:#a96db6 ;
Dropbox:#81d5ed ;
Deviantart:#6e8e61 ;
Pinterest:#f25f5f ;
Skype:#67d5f4 ;
Feed:#e9951d ;

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

Если вам не нравится, как выглядят прямоугольники с округленными краями, вы можете выбрать другую форму, например, квадрат или круг. Чтобы сделать идеальный круг или квадрат, не забудьте удерживатьклавишу SHIFT в момент их создания.

Шаг 12

Если вы довольны результатом на данном этапе, вы можете идти дальше, но если хотите придать живости иконкам, давайте продолжим улучшения. Начнем со стиля слоя Тень (Drop Shadow). Откройте группу «symbols», выберите одну из иконок и щелкните значок Fx -Тень (Fx-Drop Shadow)

Шаг 13

Повторите предыдущий шаг с остальными значками. Для того, чтобы сделать вашу работу намного проще, щелкните правой кнопкой мыши на слое-Копировать стиль стоя (-Copy Layer Style) . Затем выберите остальные слои с иконками, щелкните правой кнопкой мыши-Вставить стиль слоя (-Paste Layer Style) .

Шаг 14

Теперь добавим внутреннюю тень на задний план каждого значка. Открываем группу «icons bg», выбираем слой с иконкой, нажимаем на значок Fx -Внутренняя тень (Fx-Inner Shadow ) . Используйте следующие параметры:

Шаг 15

Создайте новый слой и назовите его «Gloss Effect». Измените цвет переднего плана на #ffffff ; и при помощи инструмента Прямоугольная область (Rectangular Marquee Tool) создайте несколько прямоугольников, наполовину меньше размера иконок (приблизительно 50×25 пикселей ). Сделайте это для всех иконок.

Затем измените режим наложения на Мягкий свет (Soft Ligh), снизьте непрозрачность (Opacity) слоя до 20% , а заливку (Fill) до 80% .

Шаг 16

Отключите видимость слоя «Gloss Effect». Создайте новый слой и назовите его «Long Shadow». Этот шаг является немного сложнее по сравнению с остальными эффектами. Поместите новый слой ниже слоя «Gloss Effect».

Шаг 17

Возьмите инструмент Полигональное лассо (Polygonal Lasso Tool) и начните создавать прямоугольную тень, касаясь ребра иконки только с правой нижней стороны, затем сделайте диагональную линию, пока она не достигнет нижнего правого края фона значка, сделайте прямую линию, пока она не достигнет центра фона, затем соедините линии. На изображении вы можете рассмотреть более наглядно, как рисовать длинную тень.

Шаг 18

Последний шаг! Уменьшите непрозрачность (Opacity) слоя с тенью до 10% , и заливку (Fi ll ) до 0% .

Теперь Нажмите на иконку Fx и выберите Наложение цвета (Color Overlay) . Используйте следующие параметры:

Теперь выберите Наложение градиента (Gradient Overlay) и используйте эти настройки:

Финальные результаты:

Доброго всем денечка, мои дорогие друзья! Вы знаете? Иногда так надоедают стандартные ярлыки, точнее иконки, что хочется чего-то новенького, дабы разнообразить свое пребывание за компьютером. Можно конечно , сменить фон рабочего стола, но сегодня я хотел бы вам рассказать как сделать иконку из картинки с помощью моего любимого фотошопа.

Многие ошибочно предполагают, что достаточно на ICO, и сразу изображение преобразуется в эту самую иконку. Ну-ну. Попробуйте сами и вам выдастся ощибка, когда вы попытаетесь заменить изображение ярлыка. В общем давайте лучше делать, чем трындеть) Погнали!

Сейчас я хочу сменить иконку для моего браузера гугл хром. Как лучше всего поступить в данной ситуации? Давайте по порядку.

Что же тогда делать? Как тогда нам сделать иконку? Да элементарно. В этом нам поможет один внешний плагин (дополнение), благодаря которому нужный нам формат станет доступным для сохранения. В общем давайте, повторяйте за мной.

Что мы только что сделали? Мы скачали файлы плагинов (для разных разрядностей), которые дополнительно устанавливают новый формат в фотошоп. Папка File Formats как раз служит для подключения новых форматов. Надеюсь, я понятно объясняю? А то мало ли)

Ну а теперь заходите снова в фотошоп, открывайте картинку из которой хотите сделать иконку. Теперь вы сможете сохранять файл с расширением ICO . Просто как обычно сохраните картиночку и теперь выберите нужное расширение из списка.

ВАЖНО! Если у вас большое изображение, то при сохранении вы не увидите формата ico в списке допустимых. Дело в том, что эта возможность недоступна, если ваша картинка превышает размер 256*256. Если это так, то просто до 64*64. Думаю, что больше вам не потребуется. После замены расширение будет доступно.

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

Ну как? Не появилось у вас желания обновить ваши ярлычки? Можете поэкспериментировать и слегка преобразить ваш рабочий стол.

Ну а вообще, если вы хотите хорошо освоить фотошоп, то я очень рекомендую вам посмотреть прекрасные видеоуроки , благодаря которым вы научитесь владеть этим замечательным фоторедактором. Все уроки построены просто великолепны. Я сам его смотрел и узнал много новенького.

Ну вот пора и честь знать. На сегодня я заканчиваю. Надеюсь, что вам моя статья понравилась и я увижу вас и в других своих постах. И конечно же я рекомендую вам подписаться на обновления блога, дабы не пропустить чего-то интересного. Успехов вам! Пока-пока.

С уважением, Дмитрий Костин.

Photoshop – это прекрасная программа для работы с изображениями, которая поможет Вам создать пользовательский значок сайта.Однако, значок сайта нужно сохранить в формате.ICO . Этот формат файла позволяет сохранить несколько изображений разных размеров для...

Создание иконки (ico ) в Фотошопе - YouTube
ПРОПУСТИТЬ. Месяц бесплатно. Создание иконки (ico ) в Фотошопе .Редактируйте изображения с исключительной точностью, используйте новые интуитивно понятные инструменты и рабочие процессы для создания трехмерной графики, двухмерных проектов, а...

Как сделать иконку ico в фотошопе | ARTtime
Добавляем в фотошоп формат ICO . Вчера захотел нарисовать иконку в фотошопе , ну, знаете, иконки как на рабочем столе или фавиконы…2 файла ICOFormat.8bi нужно поместить в папку File Formats, после чего запускаем фотошоп и наблюдаем, что уже можно сохранить документ...

Как сделать иконку из картинки в фотошопе самым простым...
Как тогда нам сделать иконку ? Да элементарно. В этом нам поможет один внешний плагин (дополнение), благодаряНу а теперь заходите снова в фотошоп , открывайте картинку из которой хотите сделать иконку . Теперь вы сможете сохранять файл с расширением ICO .

как создать иконку в фотошопе Видео Как сделать логотип в фотошопе используя простые инструменты программы.Видеоурок в котором я наглядно показываю, как в программе Photoshop быстро и просто сделатьКак легко создать свои собственные иконки для...

Плагин работы с форматом.ico для Photoshop
Чтобы каждый раз при переустановке Adobe Photoshop не искать плагин для сохранения изображений в формате ico , решил выложить инструкцию и сами плагины на сайт. Плагин существует в двух версиях, в зависимости от разрядности Windows.

Создание иконки в Photoshop (ico )
Создание иконки в Photoshop (ico ). Подробности. Категория: Немного Photoshop . Опубликовано: 18 апреля 2012. Иконка в фотошопе создается также как и любой другой файл. Но в установочном пакете фотошоп нет нужного плагина для сохранения в формате ico .

Рисуем иконку в Фотошоп
«Фотошоп -мастер» - крупнейшая социальная сеть по Adobe Photoshop на русскоязычном пространстве.Хотя иконки малы, их бывает очень сложно создать . В сегодняшнем уроке мы продемонстрируем, как создать иконку папки с использованием различных форм и рефлексов...

Как заставить фотошоп сделать картинку в формате ICO ?
Перевести картинки, сделать иконку ico , скачать плагин ico для фотошопа . Все здесь!Поэтому, для того, чтобы сделать иконку в формате ico из обычного изображения в формате.jpg, .png, нам нужно будет воспользоваться фотошопом .

Создание иконки [.ico ] с помощью Fotoshop. ICO (Windows icon ) - формат хранения файлов значков в Microsoft Windows. Формат ICO аналогичен формату CUR (Windows cursors), предназначенному для хранения курсоров." class="title">Как создать иконку [ico ] в Фотошопе || How to create an icon ...
Опубликовано: 2017-04-28 Продолжительность: 04:10 Создание иконки [.ico ] с помощью Fotoshop. ICO (Windows icon ) - формат хранения файлов значков в Microsoft Windows. Формат ICO аналогичен формату CUR (Windows cursors), предназначенному для хранения курсоров.