Значки - Photoshop-Tutorials / ru Значки - Photoshop-Tutorials /yandexlogo.gif Значки - Photoshop-Tutorials / DataLife Engine Пурпурный значок /tutorials/icons/725-purple-icon.html В этом уроке создадим пурпурный значок для папки с музыкой Значки Sat, 28 Jul 2012 05:13:07 +0400 Создайте новый документ с размерами 360x220px. Выберите инструмент Pen Tool и нарисуйте форму как показано ниже, цвет формы #F8F8F8. Переименуйте слой в «Icon Frame». Смените цвет на черный, и нарисуйте тем же инструментом, следующую форму. Примените к черной форме следующие стили слоя. Продублируйте слой с черной формой и очистите его от стилей слоя. Загрузите образец. Примените следующие стили слоя С помощью Pen Tool создайте еще одну форму черного цвета и примените к ней те же стили слоя, что и для нижней. Выберите инструмент Horizontal Type Tool и примените параметры как показано ниже. Напечатайте ваш текст. Теперь выберите в меню Edit >Free Transform (или CTRL+T) и трансформируйте текст как показано ниже. Примените к тексту следующие стили слоя. Выберите инструмент Custom Shape Tool и найдите форму с именем «Eight Notes», смените цвет переднего плана на #C392C6 и нарисуйте форму как показано ниже. Снова жмем CTRL+T и трансформируем эту форму, как показано ниже. Примените к форме следующие стили слоя. Я добавил еще парочку форм, применив к ним те же стили слоя. Теперь создадим эффект глянца. Выберите инструмент Pen Tool и нарисуйте форму белого цвета, как показано ниже. Понизьте заполнение слоя до 14% и переименуйте этот слой в «Gloss» Теперь продублируйте слой «Icon Frame» (CTRL+J) и переместите этот слой под слой «Icon Frame». Переименуйте этот слой в «Icon Frame 2» и измените цвет формы на этом слое в #A1A1A1. Теперь зажмите клавишу ALT и нажмите на клавиатуре стрелку вниз 8 раз. Затем объедините все слои с именем «Icon Frame», фоновый слой не трогаем. Примените к полученному слою, следующие стили слоя. С помощью Eraser Tool , сотрите пару краев как показано ниже, красными стрелками. Векторный контур /tutorials/icons/710-vector-circuit.html В этом уроке создадим глянцевый векторный значок Значки Tue, 03 Jul 2012 04:21:05 +0400 Для начала создайте новый документ с размерами 300x155px с белым фоном. Выберите инструмент Rounded Rectangle Tool и установите радиус 8 или 9 px. После того как вы нарисуете форму, на палитре слоев будет создан новый слой. Обратите внимание на скриншот ниже. Чтобы увидеть путь формы нужно щелкнуть по слою. Тогда на палитре опций (вверху) будут доступны векторные формы. Я выбрал форму самолета, но вы можете выбрать что угодно, также включите опцию Subtract From Shape Area (Вычесть из области формы). На скриншоте ниже показано красным. Теперь просто протяните форму прямо над первой формой. Чтобы завершить этот урок, я добавил несколько простых эффектов. Используется по желанию. Примените следующие стили слоя. Выбираем инструмент Brush Tool (кисть), цвет переднего плана выставим #5992DA, параметры кисти установите, как показано ниже. Зажав CTRL, щелкните по векторному слою, в палитре слоев. Создайте новый слой и смените тип его смешивания на Color Dodge и проведите кистью по краям формы. Снимите выделение. В завершении я добавил эффект глянца. Синяя иконка /tutorials/icons/708-blue-icon.html В этом уроке нарисуем простую иконку. Значки Sat, 23 Jun 2012 06:31:23 +0400 Начнем урок с создания нового документа с размерами 300x155px. Выберите инструмент Rounded Rectangle Tool с радиусом 3px и цветом #43ABED. Нарисуйте форму как показано ниже. Примените следующие стили слоя. Выберите инструмент Polygon Tool с параметрами как показано ниже, цвет выберите #E1EFFA Выберите инструмент Horizontal Type Tool и примените такие настройки Напечатайте ваш текст С помощью Pen Tool создайте форму белого цвета, как показано ниже. Понизьте заполнение формы до 18% и ваша иконка готова Глянцевый значок /tutorials/icons/705-gloss-icon.html В этом уроке создадим простой глянцевый значок. Значки Thu, 14 Jun 2012 03:03:44 +0400 Создайте новый документ с размерами 300x155px, цвет фона белый. Двойным щелчком разблокируйте фоновый слой и примените к нему следующий стиль слоя. Выберите инструмент Rounded Rectangle Tool , радиус: 15px, цвет: черный. Нарисуйте форму как показано ниже. Примените к форме следующие стили слоя. Нарисуйте еще одну форму, только размер немного меньше и цвет измените на #454C4D Примените к этой форме следующие стили слоя. Теперь выберите инструмент Custom Shape Tool и найдите какую-нибудь форму, я выбрал руку. Примените к форме следующие стили слоя. Выберите инструмент Horizontal Type Tool и примените следующие установки. Напечатайте текст и примените те же стили слоя, что и для руки. В завершении с помощью Pen Tool я добавил эффект глянца, если возникают трудности, почитайте другие уроки с нашего сайта. Например: Основы инструмента Pen Tool Иконка сферы «Mac» /tutorials/icons/637-macos-sphere-icon.html В этом уроке мы создадим иконку сферы MacOs Значки Mon, 17 Oct 2011 18:22:47 +0400 Для начала создайте новый документ с размерами 294x168. Выберите инструмент Ellipse Tool и нарисуйте окружность (зажмите SHIFT, чтобы получить идеальный круг), цвет значения не имеет. Двойным щелчком по слою, откройте диалог Blending Options и примените следующие стили слоя. Выберите инструмент Brush Tool (кисть), установите цвет переднего плана на #A7F0F7 и примените такие настройки. Создайте новый слой и сделайте кистью два щелка по низу сферы, как показано ниже. Создайте еще один слой и щелкните кистью по верхушке сферы. Выглядит немного ярко, изменим тип смешивания на этом слое на Color Burn и понизим заполнение (Fill) до 46%. Вы должны получить вот это. Создайте еще один слой и снова выберите кисть, установите параметры кисти как показано ниже и щелкните по верхушке сферы, используя белый цвет. Зажав CTRL, щелкните по слою со сферой, загрузив ее выделение, выберите в меню Select > Modify > Contract > 3px. Инвертируйте выделение Select > Inverse (CTRL+SHIFT+I) и нажмите DELETE. Теперь выберите инструмент Elliptical Marquee Tool и создайте выделение как показано ниже. Создайте новый слой и выберите в главном меню Edit > Stroke (Цвет (Color): белый, ширина (Width): 1px, расположение (Location): centered) В результате вы получите это. Повторите этот шаг пока не получите что-то похожее. Примените фильтр Filter > Blur > Gaussian Blur и примените такие настройки. Создайте новый слой, выберите кисть и примените такие параметры, цвет белый. Щелкните по пересечениям линий как показано ниже. Повторите этот шаг несколько раз, меняя размер кисти, должно получиться что-то похожее. Зажав CTRL, снова щелкните по слою со сферой, загрузив ее выделение перейдите на слой с линиями, выберите в меню Select > Inverse, затем нажмите DELETE (это нужно для того чтобы обрезать линии за пределами сферы, на белом фон их не видно). Снова загрузите выделение сферы и создайте новый слой, разместите его выше всех остальных слоев. Выберите кисть размером в 25px, цвет кисти #3264AF. Проведите кистью вдоль верхушки и внутренних боковых сторон. Смените тип смешивания слоя на Color Burn и понизьте заполнение до 27%. Выберите инструмент Ellipse Tool и создайте черный круг как показано ниже. Расположите слой с этим овалом ниже слоя со сферой. Примените фильтр Filter > Blur > Gaussian Blur с такими параметрами. Иконка Skype /tutorials/icons/635-skype-icon.html Сегодня мы будем рисовать иконку скайпа (Skype) Значки Sun, 25 Sep 2011 17:05:09 +0400 Начнем урок с создания нового документа с размерами 292x159, цвет фона #92C240. Разблокируйте фоновый слой, двойным щелчком по слою. Загрузите этот образец. Двойным щелчком по слою откройте диалог Blending Options и примените стиль слоя Pattern Overlay. Выберите инструмент Ellipse Tool и нарисуйте окружность как показано ниже, цвет формы #6DAD00. Переименуйте слой с окружностью в «Circle Base». Примените к окружности следующие стили слоя. Снова с помощью Ellipse Tool нарисуйте две окружности как показано ниже, цвет #6DAD00. Расположите эти два слоя под слоем «Circle Base». Примените к обоим слоям следующие стили слоя. С зажатой клавишей CTRL щелкните по первому слою, загрузив его выделение, зажмите SHIFT (не отпуская CTRL) и щелкните по второму слою. Выберите в главном меню Select > Modify > Contract > 2px. Создайте новый слой и выберите в главном меню Edit > Stroke (Цвет:черный, Location:Center, Width:1). Снимите выделение CTRL+D. В результате вы должны получить вот это. Примените к новому слою следующие стили. Выберите инструмент Horizontal Type Tool и примените следующие настройки. Напечатайте букву «S» и расположите этот слой выше всех слоев. Примените к слою с буквой, следующие стили слоя. Теперь придадим букве «S» эффект закругления. Растерезуйте слой (щелкните по нему правой кнопкой мыши в палитре слоев и выберите Rasterize Layer), выберите инструмент Elliptical Marquee Tool и создайте два овала как показано ниже, залейте выделении белым цветом. Снимите выделение. С помощью Pen Tool я добавил блик и уменьшил изображение чтобы вы могли видеть что у вас должно получиться в результате. Иконка – 3D коробка /tutorials/icons/634-icon-3d-box.html Учимся создавать 3D иконки. В этом уроке создадим коробку Значки Sun, 18 Sep 2011 19:14:28 +0400 Для начала выберите инструмент Rectangle Tool и нарисуйте квадрат как показано ниже. Цвет формы #9D8267. Далее выберите инструмент Direct Selection Tool и выберите две якорных точки с левой стороны. Зажав клавишу SHIFT, нажмите на клавиатуре стрелку вниз, два раза. Отпустите SHIFT и нажмите вниз еще три раза. Если не понятно, смотрите анимацию ниже. Теперь продублируйте этот слой и измените его цвет на #A68A6F. Снова выберите Direct Selection Tool и снова выберите две точки, только справа. Зажав SHIFT, нажмите стрелку влево, 12 раз. Отпустите SHIFT и нажмите стрелку влево, еще два раза и вверх, 6 раз. Снова с помощью Direct Selection Tool , выберите одну якорную точку, как показано ниже. Зажав SHIFT, нажмите стрелку вправо один раз. С помощью Pen Tool , создайте верхушку как показано ниже, цвет формы #96785C. С помощью Pen Tool , создайте внутреннюю, левую часть коробки, цвет формы #81674E. Опять же с помощью Pen Tool , создайте форму как показано ниже, цвет формы #8D735C. Создайте еще одну форму, цвет формы #81674E. Следующую форму рисуем цветом #B3936D. Наконец завершающая форма, ее цвет #96785E. Я добавил градиент от черного к прозрачному, на стенки коробки, также на некоторые из крышек, чтобы придать эффект глубины. Еще я добавил мелких деталей, таких как: скотч, пенопластовый наполнитель и этикетки. Результат Значок Quicktime /tutorials/icons/632-quicktime-icon.html В это уроке мы будем создавать значок "Quicktime" Значки Sun, 18 Sep 2011 17:27:14 +0400 Начнем урок с создания нового документа с размерами 281x168px. Затем загрузите пакет форм Quicktime отсюда, в которой содержатся две формы необходимые для этого урока. Выберите инструмент Custom Shape Tool и выберите форму «Quicktime Logo», создайте форму, как показано ниже, переименуйте слой в «Quicktime» Щелкните правой кнопкой мыши по слою «Quicktime» и выберите Blending Options, примените следующие стили слоя. Снова выберите Custom Shape Tool и выберите форму «Quicktime Logo Hand», создайте форму как показано ниже, переименуйте слой в «Quicktime hand» Примените к слою «Quicktime hand» следующие стили. Теперь создайте кружок (используя Ellipse Tool ) и прямоугольник (используя Rectangle Tool ) как показано ниже. После создания прямоугольника нажмите CTRL+T и поверните его, чтобы получить правильный угол. Теперь используя Ellipse Tool , создайте черный плоский овал под кругом «Quicktime» Примените к черному овалу фильтр Filter > Blur > Gaussian Blur > 1.5px и понизьте заполнение (Fill) до 40% Значок /tutorials/icons/630-badge.html В этом уроке будем создавать значок, по этому принципу можно также создавать и логотипы. Все зависит лишь от вашей фантазии. Значки Sun, 18 Sep 2011 16:08:04 +0400 Начнем урок с создания нового документа с размерами 343 x 215 Для фона Я использовал цвет #0a1f23, но Вы можете использовать любой другой. Теперь измените цвет переднего плана на Белый и выберите инструмент "Rounded Rectangle Tool " с радиусом 25 пикселей и сделайте форму как показано ниже. Теперь обратите внимание на анимированное изображение ниже. Выберите инструмент Add Anchor Point Tool для добавления якорных точек, для удаления используйте Delete Anchor Point Tool , для их модификации используйте Direct Selection Tool . Сначала добавьте якорные точки снизу и сверху формы, затем нужно удалить две верхних и нижних точки. Остальные немножко модифицировать. Я знаю для некоторых это немного сложно. Если у вас возникают проблемы пишите мне в ПМ или на Мыло, каждому разъясню индивидуально. (Прим. переводчика: У автора так и написано, ну раз я взялся за перевод то и помогать вам буду я :) ). Как только вы будете удовлетворены вашей формой, выберите в главном меню Edit > Define Custom Shape, введите имя и нажмите ОК. Примените к форме следующие стили слоя. В результате вы получите следующее Выберите инструмент Custom Shape Tool , цвет переднего плана смените на черный. Выберите форму которую вы сохранили и нарисуйте ее как показано ниже. Примените к форме следующие стили слоя. В результате вы получите следующее Снова выбираем инструмент Custom Shape Tool и рисуем форму как показано ниже, цвет формы #4879B3 Примените к форме следующие стили слоя. В результате вы получите следующее. Выберите Pen Tool и нарисуйте форму белым цветом как показано ниже. Примените к этому слою следующие стили. В результате вы получите следующее Выберите инструмент Horizontal Type Tool и примените настройки как показано ниже, вместо шрифта "Furured" можно испольовать "Verdana" Выберите сверху значок и примените следующие настройки Вы должны получить следующее Примените к слою с текстом следующий стиль и вы получите следующее Тем же методом добавьте текст снизу, только для Arc значение ставим -50 Я добавил форму корабля которую создал заранее, но вы можете использовать любую другую. Для придания эффекта воды я создал еще несколько мелочей. Гелевая иконка MacOS /tutorials/icons/607-gel-icon-macos.html Каждый хоть раз видел симпатичные иконки или кнопки MacOs, и думал, как их делают? В этом уроке, вы узнаете, как за несколько минут создать такие же. Значки Sun, 03 Jul 2011 19:18:59 +0400 Начнем с создания формы, если есть опыт используйте Pen Tool , если опыта нет загрузите форму отсюда Двойным щелчком по слою, в палитре слоев, откроем диалог Blending Options и применим следующие стили слоя. Теперь создайте выделение как я проиллюстрировал ниже. Для начала создайте первое выделение и зажав ALT, создайте второе. Создайте новый слой и залейте выделение белым, понизьте непрозрачность до 62% Шаг Зажав CTRL щелкните по слою с формой, загрузив тем самым выделение формы, выберите большую кисть с мягкими краями, цвет #666666 и на новом слое пройдитесь по низу формы. Смените тип смешивания слоя на Color Dodge. Чтобы форма выглядела более эффектно, я добавил простые формы.