Меню Рубрики

Установка иконок для фотошопа

Как установить новые фигуры в Фотошоп

В этом уроке Фотошопа рассматриваем, как устанавливать новые фигуры (shapes).

Версия Photoshop: Photoshop CC (2017)

Сложность: Низкая

Дата: 14.12.2011

Обновлено: 27.09.2017

После того, как был скачан архив с фигурами, разархивируйте его.

Во многих операционных системах есть встроенные «средства работы с архивами», используйте их, если они у вас есть.

Если архиватора нет, рекомендую бесплатный и мощный – 7-zip.

Разархивируем загруженный файл с фигурами, используя 7-zip.

Теперь доступен файл в нужном формате — .CSH (Custom Shape)

Выбираем в верхнем меню «Редактирование — Наборы — Управление наборами» (Edit — Presets — Preset Manager).

Редактирование — Наборы — Управление наборами (Edit — Presets — Preset Manager) на примере Photoshop CC (2017)(Rus)

В окне «Управление наборами» (Preset Manager) выбираем «Тип набора» (Preset Type) — «Заказные фигуры» (Custom Shapes) и нажимаем «Загрузить» (Load).

Управление наборами — Тип набора: Заказные фигуры — Загрузить, на примере Photoshop CC (2017)(Rus)

Далее указываем путь к файлу с фигурами.

В этом примере папка и файл с фигурами находятся по адресу:

«Компьютер» — «Загрузки» — «Папка с фигурами» — «Файл с фигурами»

Выбираем файл с наборами фигур, нажимаем «Загрузить» (Load).

Выбираем через проводник файл с фигурами (расширение .CSH)

После загрузки Фотошоп добавляет фигуры в свой набор.

Новые фигуры в Фотошопе

источник

Как сделать иконки для социальных сетей в фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также:  Установка fastreport delphi 2010

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

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

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

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

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

Используя инструмент Прямоугольник с округленными углами (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 в момент их создания.

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

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

Теперь добавим внутреннюю тень на задний план каждого значка. Открываем группу «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%, и заливку (Fill) до 0%.

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

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

источник

Как установить фигуру в Photoshop

Для начала выясним, что же такое фигура (Shape). В Фотошопе основными изображениями являются растровые, т.е состоящие из отдельных пикселей. В отличие от них, фигура представляют собой совокупность векторных данных (векторное изображение). Это значит, что фигура всегда имеет точные границы, то есть качество фигуры не зависит от разрешения. Фигура представляет собой геометрический объект или область определенной формы.
Итак, Вы скачали файл с векторными фигурами для Фотошопа. Этот файл имеет разрешение csh. Чтобы Фотошоп «увидел» его, необходимо разместить данный файл в соответствующей папке программы.

Читайте также:  Установка и подключение камер видеонаблюдения

Варианты установки фигур в папки Фотошопа.

Вариант 1
Загрузить в папку Custom Shapes. Эта папка является скрытой, поэтому в проводнике Windows в свойствах папки необходимо включить пункт «Показывать скрытые файлы и папки». После этого, открываем папку по адресу
● для Windows XP
C:\Documents and Settings\Ваше имя пользователя\Application Data\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes
● а для Vista и Windows 7 адрес будет следующим: C:\Users\Ваше имя пользователя\AppData\Roaming\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes
и загружаем в неё файл с фигурами csh.
После чего на панели инструментов активируем «Инструмент Произвольная фигура» (Custom Shape Tool)

Затем вверху рабочего окна Фотошопа, под главным меню, кликаем по стрелкам-треугольничкам и выбираем строку «Загрузить фигуры» (Load Shapes), можно также выбрать «заменить фигуры» (Replase Shapes), если вы хотите, чтоб фигуры, установленные на данный момент в Фотошопе, удалились и заменились на новые.

После клика по одной из этих строк откроется папка Custom Shapes с Вашим файлом csh, остаётся только дважды кликнуть по нему левой клавишей мыши.

Вариант 2
Способ гораздо проще, и не надо искать папку Custom Shapes в проводнике.
Открываем папку с нашим файлом фигур, копируем его в буфер обмена. Как и в первом варианте, выбираем «Инструмент Произвольная фигура», затем выполняем действия 1, 2, 3 на рисунке вверху, открывается окно с папкой Custom Shapes, и просто вставляем туда файл csh.

Вариант 3
Через управление наборами.
Копируем файл с фигурами в буфер обмена.
Идём по вкладке главного меню Редактирование —> управление наборами (Edit —> Preset Manager), в открывшемся окне в поле выбора вверху выбираем пункт «Заказные фигуры» (Custom Shapes) и кликаем по кнопке «Загрузить» (Load), расположенному справа от поля с этой строкой. Также открывается окно с папкой Custom Shapes и вставляем туда файл.

источник

Как установить иконки

Видео «как установить иконки»

Как же установить иконки для рабочего стола Windows XP, Windows Vista, Windows 7 ?

Все иконки, которые находятся в данном разделе имеют расширение .png, а для того, что бы поставить скачанный вами значок на какую-либо папку или ярлык — необходимо расширение .ico. Для того, что бы переделать файл в нужный вам формат — качаем программу Aveiconifier Там же вы найдете и описание того, как ей пользоваться. После того, как вы переделали формат png в формат ico — можно устанавливать иконки куда вам нужно. Разберем подробнее как это делается.

Существует много способов осуществить установку иконки на папку, однако, я раскажу вам только 2 основных.
1. Вручную (стандартными средствами Windows).
2. C помощью программы IconPhile.
3. C помощью программы IconTo (Рекомендуем).

1)Разберем первый способ:
Возьмем к примеру любой ярлык. Жмем по нему правой кнопкой мыши -> свойство -> вкладка «ярлык» -> сменить значок и выбираем вашу иконку в формате .ico
Если хотите изменить иконку для папки, тогда так: правой кнопкой мыши -> свойство -> вкладка «настройка» -> сменить значок и опять же выбираем вашу иконку в формате .ico
Если хотите изменить иконку для значков типа «Мой компьютер, Корзина и тд», тогда так:
для Windows XP :
правой кнопкой мыши по свободному месту на рабочем столе -> свойства -> вкладка «рабочий стол» -> кнопка «настройка рабочего стола » дальше выбираем значок и жмем сменить значок и опять же выбираем вашу иконку в формате .ico
для Windows 7:
правой кнопкой мыши по свободному месту на рабочем столе -> персонализация -> слева вверху «изменение значков рабочего стола» -> дальше выбираем значок и жмем сменить значок и опять же выбираем файл со значком/значками.

Читайте также:  Установка и удаление программ system32

2)Второй способ еще проще:
Программа предназначена для массовой замены иконок, т.е. если вы хотите изменить, к примеру, иконку всех mp3 файлов, то вам достаточно скачать программу IconPhile, установить ее и кликнув два раза по значку mp3 в этой программе, выбрать для него понравившуюся вам иконку. Все 🙂

3)Третий способ как и предыдущий, но больше возможностей:
Как и в предыдущем способе программа предназначена для массовой замены иконок, поэтому суть остается такой же, за исключением того, что вместо программы IconPhile нужно использовать программу IconTo.

Так что поставить иконки — довольно просто.

источник

Как создать значок сайта .ico при помощи Photoshop

Из этого туториала Вы узнаете, как создать значок для вашего сайта при помощи Photoshop.

Значок сайта – это небольшой, но значительный элемент продвижения вашего бренда на сайте. Вот пример, того, как он может выглядеть на вашем сайте:

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

Значок сайта – это миниатюрный логотип (16×16), который Вы можете использовать на сайте. Если Вам удобнее работать с изображением большего размера, Вы можете работать над значком, размером 64×64 пикселя, а затем его уменьшить.

Создайте новый документ Photoshop. Откройте вкладку меню ‘Файл’ > ‘Новый’ (‘File’ > ‘New’):

Используйте инструмент ‘Масштаб’, для того чтобы увеличить документ для редактирования:

Например, мы создадим значок сайта, который состоит из простого градиентного фона и двух букв ‘TM’ (Торговая марка).

Примените к вашему документу инструмент ‘Градиент’ ( Gradient Tool). Вы можете использовать одно из доступных сочетаний цветов, или создать новое сочетание цветов:

Используйте инструмент ‘Горизонтальный текст’ (Horizontal Type), для того чтобы добавить ваш текст. Задайте шрифт, цвет и размер шрифта:

Используя инструмент ‘Трансформирование’ (Ctrl + T), отрегулируйте расположение текста:

Соедините слои (Merge layers), как это показано на скриншоте ниже:

Перейдите на вкладку ‘Файл’ > ‘Сохранить как…’ (File > Save As), откройте выпадающее меню и выберите формат .PNG (*.PNG). Нажмите на кнопку ‘Сохранить’ (Save):

Вы успешно создали значок сайта. Он был сохранён как файл ‘ favicon .png’ на вашем компьютере.

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

Откройте в браузере любой сайт конвертирования изображений. Мы воспользуемся этим сайтом.

Перетяните ваш файл ‘ favicon .png’ в область ‘Загрузить’ (как это показано на скриншоте). Конвертирование начнётся автоматически. Процесс займёт 1 — 2 секунды:

Нажмите на кнопку ‘Скачать’ (Download), для того чтобы сохранить файл ‘ favicon .ico’ на вашем компьютере.

Это конец данного туториала. Вы успешно создали пользовательский значок для вашего сайта, используя программное обеспечение Adobe Photoshop. Теперь Вы можете загрузить значок сайта на ваш сервер.

Вы можете также ознакомиться с детальным видео-туториалом ниже:

источник