Как рисовать сайт в фотошопе: Пошаговая инструкция, как создать макет сайта самостоятельно. Онлайн или в Photoshop — Независимое театральное объединение "Зрительские симпатии"

Содержание

Создаём шаблон автомобильного сайта в Photoshop CS6

В этом материале мы рассмотрим создание шаблона автомобильного сайта в программе Photoshop CS6, хотя действия, описанные в материале, подойдут и для версий ниже.

Вот какой готовый шаблон (тему) сайта мы получим в результате:

Для начала создадим новый документ размером 1200 на 850 пикселей и зальём его чёрным цветом.

Содержание

Логотип автомобильного сайта

Давайте начнём с логотипа. Создаём новую группу слоёв, называем «Logo», а в ней новый слой, называем его «Logo Glow». Это будет фон под текстом.

Выбираем обычную круглую кисть и задаём следующие параметры:

Размер кисти (Brush size): 400px
Жёсткость(Hardness): 0%
Непрозрачность(Opacity): 100%
Нажим (Flow): 40%
Цвет: белый (#ffffff)

Ставим кистью пятно в левом верхнем углу:

Затем с помощью инструмента «Перемещение» (Move Tool) поднимаем слой с пятном несколько вверх и задаём слою непрозрачность 70%:

В инструментальной панели выбираем инструмент «Текст», в панели параметров жмём на иконку включения панели символов, где задаём следующие значения:

Семейство шрифтов (Font Family): Avanti Regular (шрифт скачать по ссылке внизу)
Высота кегля (Font Size): — 59пт
Трекинг (Tracking): 5
Масштаб по горизонтали (Horizontally Scale) — 115%
Цвет (Color): #91d4f5

Для удобства включаем линейки (Ctrl+R) и ставим направляющие, горизонтальную 92 пикс, вертикальную — 104 пикс, в перекрестье направляющих и будет начальная позиция текста логотипа сайта. Пишем логотип «Автомобили» или типа того, на рисунке показан масштаб документа в натуральную величину:

Для шрифта слогана задаём следующие параметры:

Семейство шрифтов (Font Family): Avanti Regular
Высота кегля (Font Size): — 19пт
Трекинг (Tracking): -35
Масштаб по горизонтали (Horizontally Scale) — 100%
Цвет (Color): #cdcdcd

Начальная позиция — 104 пикселя по ширине и высоте:

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

Горизонтальное меню

Создаём новую группу слоёв «Main Menu», где будут размещены все элементы горизонтального меню.

Создаём векторную фигуру шириной 980 и высотой 44 и радиусом скругления 5 пикселей, цвет заливки — чёрный. Левый верхний угол фигуры расположите на 140 пикс ниже и 110 пикс ниже и левее от краёв соответственно. Это будет рамка меню:

Добавим к фигуре стиль слоя «Обводку» (Stroke) с параметрами:

Размер (Size) — 1 пикс
Цвет обводки — #656565
Положение — внутри (Inner)
Непрозрачность (Opasity) — 75%

Активируем инструмент «Текст», задаём параметры:

Семейство шрифтов (Font Family): Arial Regular
Высота кегля (Font Size): — 14пт
Масштаб по горизонтали (Horizontally Scale) — 110%
Цвет (Color): белый

И пишем пункты меню. Вот как это будет выглядеть в натуральную величину:

Теперь следует разграничить пункты этого меню. Создаём новый слой, называем его «menu divider», берём инструмент «Карандаш» (Pencil Tool) диаметром 1 пиксель и цветом, как и у рамки, #656565, зажимаем клавишу Shift и проводим вертикальную полосу от верхнего края рамки до нижнего:

Затем копируем слой и инструментом «Перемещение» (Move Tool) перетаскиваем вправо для разграничения следующих пунктов. Повторяем это действие необходимое количество раз.

Делаем подсветку активного пункта меню. Для этого ниже слоя «menu divider» создаём новый слой и называем его «active».

Для того, чтобы подсветка получилась только на пункте меню, с помощью инструмента «Прямоугольная область» (Rectangular Marquee Tool) выделяем его. Граница выделения должна проходить внутри обводки пунков! Затем берём инструмент Кисть» с параметрами:

Размер кисти (Brush size): — равен ширине пункта
Жёсткость(Hardness): 15%
Непрозрачность(Opacity): 100%
Нажим (Flow): 100%

Цвет: #60c0f0

И ставим отпечаток вот таким образом:

С горизонтальным меню шаблона сайта всё. Приступаем к созданию пользовательского блок-меню.

Пользовательское блок-меню

Создаём новую группу слоёв и называем её «Users-block-menu».
Поставьте две вертикальные направляющие на расстоянии 110 и 1090 пикселей от левого края (так, чтобы они касались краёв рамки меню), и две горизонтальные на расстоянии 211 и 513 от верхнего края:

Берём инструмент «Линия» (Line Tool), задаём режим «Фигура», цвет заливки #656565, толщина — 1 пикс, и проводим две горизонтальные линии от перекрестья до перекрестья направляющих, как показывают оранжевые стрелки на рисунке:

Снимаем направляющие, нажав Ctrl+H и видим две горизонтальные параллельные линии серого цвета:

Предполагается, что в этом блоке будут отображаться фотографии автомобилей. Давайте сделаем небольшое оформление для показа фото.

В группе «Users-block-menu» создайте новый слой, назовите его «Checkers» и, используя инструмент «Прямоугольная область» (Rectangular Marquee Tool) сделайте фигуру из квадратиков. Заливать их следует белым цветом, но при заливке устанавливать разную непрозрачность, у меня используется 25 и 7 процентов. Чёрные квадраты, естественно, ничем не залиты и являются пустыми участками слоя «Checkers»:

Результат:

Теперь можно под слоем «Checkers» разместить фотографию авто и сделать какую-нибудь подпись. Для подписи я использовал шрифт Avanti Regular светло-серого цвета #f8f8f8 и высотой 30пт:

Теперь займёмся созданием пользовательского меню.
В группе «Users-block-menu» создайте новую группу слоёв и назовите её «Menu», а в ней создайте новый слой с именем, к примеру, «Back-menu».

Поставьте вертикальную направляющую на расстоянии 750 пикс от правого края и горизонтальную на расстоянии 220 пикс от верха. Создайте выделение размером 341 на 285 пикселей и залейте его любым цветов, в моём примере я взял серый, но в данном случае цвет не имеет значения:

Снимите выделение, нажав Ctrl+D и скройте направляющие, нажав Crrl+H. Теперь примените к слою «Back-menu» стиль слоя «Градиент» (Gradient Overlay) со следующими настройками:

Теперь квадрат должен выглядеть вот так:

Займёмся пунктами меню. Для начала сделаем разграничительные горизонтальные линии, таким же образом, как мы делали линии здесь, верхняя линия будет располагаться на высоте 289 пикс от верха, расстояние между линиями — 40 пикс.

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

В итоге мы получим вот такой вид:

Далее вписываем оглавление и пункты меню. Для заголовка используем шрифт Arial Regular цветом #6699cc и размером 22 пт, для пунктов тот же шрифт белого цвета и размером 16 пт:

После чего под пункты меню добавляем две кнопки. Про то, как сделать кнопки для этого макета автомобильного сайта, рассказывается в этом материале. Теперь данный блок выглядит следующим образом:

Переходим к заключительной части — создание разделов.

Тематические разделы автосайта

Для начала создадим новую группу слоёв и назовём её «Sub Boxes». В ней создадим ещё одну группу и назовём её «Box1».
В группе «Box1» создаём фигуру с параметрами:

Тип — Фигура
Цвет заливки — чёрный
Высота — 243 пикс
Ширина — 315 пикс
Радиус скругления — 5 пикс

И разметим её на расстоянии 538 пикселей от верха и 110 от левого края.

Добавим к фигуре стиль слоя «Обводку» (Stroke) с параметрами:

Цвет обводки — #656565
Положение — внутри (Inner)
Размер (Size) — 1 пикс
Непрозрачность (Opasity) — 75%

Вот как должен выглядеть этот прямоугольник на макете:

В панели слоёв кликните по группе «Box1», чтобы снять выделение с фигуры прямоугольника. После этого на расстоянии 42 пикселя ниже верхнего края прямоугольника проведём горизонтальную разделительную линию длиной 297 пикселей, выровняем её по центру прямоугольника с помощью опций выравнивания. Добавим к линии стиль слоя «Обводка» с такими же параметрами, как у фигуры. Теперь квадрат имеет следующий вид:

Пишем заголовок раздела, используя шрифт Arial Regular высотой 16 пт и цветом #91d4f5.
Для оживления дизайна можно вставить картинку, в данном случае подойдёт изображение размером 100 на 75 пикселей.
И осталось добавить само содержание блока. Для этого воспользуемся блочным текстом.
Выбираем инструмент «Текст» (Type Tool), нажимает левой клавишей мыши в поле фигуры и протаскиваем курсор влево и вниз для создания рамки нужного размера. Затем выбираем шрифт Arial Regular высотой 14 пт белого цвета и вписываем нужный текст:

Собственно, первый блок готов. Дублируем группу «Box1», переименовываем в «Box2» и перетаскиваем её на 332 пикселя вправо.

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

Таким же образом создаём третий блок, для разнообразия добавим в него кнопку «Подробнее», о её создании также рассказывается здесь.

Остался подвал сайта. Но тут, думаю, вопросов возникнуть не должно, кнопки Twitter и создаём здесь.

Ну вот, собственно и всё, посмотрите ещё раз на макет автомобильного сайта:

Скачать готовый PSD-файл и шрифт Avanti Regular:

Скачать с Depositfiles.com

Если нет времени создавать с нуля шаблон, то в интернете можно скачать или купить готовые макеты. Например, на Templatemonster, Freepik или morepsd.

Школа дизайна Сергея Вереса. Уроки и онлайн курсы Фотошопа для начинающих

КатегорияОнлайн-курсыУрокиСтатьиВдохновение

О школе Контакты Оплата

Новые онлайн МИНИ-КУРСЫ
«Лучшие плагины для Фотошопа», «Лучшие экшены для Фотошопа», «Как сделать живое фото», «Как оживить фото в Фотошопе», «3D в Фотошопе», «Оформление социальных сетей в Фотошопе», Курс повышения мастерства в Фотошопе, Курс «Ретушь в Фотошопе», «Реставрация фото в Фотошопе»

Подробнее
ХОЧЕШЬ ОСВОИТЬ ADOBE PHOTOSHOP ?
Переходи и смотри полный онлайн курс. С нуля до профессионального уровня. На протяжении 150 занятий вы освоите Фотошоп, начиная с самых основ до самых продвинутых техник работы. Все уроки снабжены домашними заданиями.

Подробнее
ХОЧЕШЬ ОСВОИТЬ ADOBE ILLUSTRATOR ?
Полный курс Adobe Illustrator.
С нуля до профессионального уровня. На протяжении 65 занятий вы освоите Иллюстратор, начиная с самых азов до самых продвинутых техник работы. Все уроки снабжены домашними заданиями.

Подробнее
ПОЛНЫЙ КУРС ДИЗАЙНА УПАКОВКИ
Продвинутый курс для освоения дизайна упаковки. Предназначен для продвинутых пользователей, которые знакомы с Фотошопом. Авторская методика, множество уроков и домашних заданий для закрепления материала.

Подробнее
КУРС ДИЗАЙНА ПОЛИГРАФИИ
Новый курс для тех, кто хочет освоить профессию дизайнера полиграфии.

Освойте новую востребованную профессию
Получите практический опыт и начните зарабатывать деньги.
Подробнее
ХОЧЕШЬ ОСВОИТЬ COREL DRAW?
Полный курс Corel Draw. С нуля до продвинутого уровня. На протяжении более 30 занятий вы освоите Корел, начиная с самых азов до самых продвинутых техник работы. Все уроки снабжены домашними заданиями.

Подробнее
Полный курс КОМПЬЮТЕРНАЯ ГРАФИКА и ДИЗАЙН
Мечтали стать дизайнером? Не знаете с чего начать? Представляем вам комплексную программу обучения компьютерной графике и дизайну. В комплект входят 10 модулей обучения и более 350 уроков.

Подробнее
ОНЛАЙН-КУРСЫ
Присоединяйтесь к онлайн школе и попробуйте обучение бесплатно. Вас ждут авторские уроки, интересные творческие задания, индивидуальная онлайн система обучения и бесценные секреты мастерства от наших преподавателей.
Подробнее
УРОКИ ФОТОШОПА С НУЛЯ
Разные тематики. Ежедневное пополнение. Уроки Photoshop для начинающих. Заходи и смотри.
Мы расскажем как научиться Фотошопу с нуля.
Подробнее
ЗАХОДИ НА НАШ YOU TUBE КАНАЛ
Уроки Фотошопа для начинающих. Передачи о дизайне. Заходи и подписывайся на наш канал!
Подробнее
СТАТЬИ
Читайте свежие статьи о дизайне, графике и прочих областях.
Полезные авторские материалы.
Подробнее
ПРИМЕРЫ ДИЗАЙНА
со всего мира.
Вдохновляющие примеры креативной рекламы, дизайна, фото, живописи, типографики.
Подробнее

Свежие уроки

Как установить нейронные фильтры в Фотошопе?
В этом уроке вы узнаете, как установить нейронные фильтры в Фотошопе.
Что такое нейронные фильтры в Фотошопе?
В этом уроке вы узнаете, что такое нейронные фильтры в Фотошопе. Разберем, как установить нейронные фильтры в Фотошоп.
Где скачать Фотошоп? (Ответы на вопросы)
В этом уроке вы узнаете, где можно скачать Фотошоп (Adobe Photoshop).
Что делать с Фотошопом? Как купить? Где скачать? (Ответы на вопросы)
В этом уроке вы узнаете, что делать в текущей ситуации с Фотошопом. Что делать если закончился срок лицензии? Как можно продлить? Где найти и скачать Фотошоп?
Как сделать профессиональный макет визитки? Как сделать визитку для типографии?
Как сделать профессиональный макет визитки? Как сделать визитку для типографии?
Сколько можно заработать на фрилансе графическому дизайнеру? Фриланс с нуля
Сколько можно заработать на фрилансе графическому дизайнеру? Фриланс с нуля
Как правильно настроить Фотошоп? Настройка Фотошопа с нуля? Профессиональная настройка Photoshop.
ВВ этом уроке вы узнаете, как правильно настроить Фотошоп? Настройка Фотошопа с нуля? Профессиональная настройка Photoshop.
Что такое DPI? Разрешение печати ДПИ? Основы допечатной подготовки.
В этом уроке вы узнаете, что такое DPI? Разрешение печати ДПИ?
Как сделать визитку в Иллюстраторе? Создание дизайна визитки в Adobe Illustrator.
В этом уроке вы узнаете, как сделать визитку в Иллюстраторе.
Как оценить стоимость заказа на дизайн? Фриланс с нуля.
В этом уроке вы узнаете, как оценить стоимость заказа в графическом дизайне, на что обращать внимание при оценке стоимости заказа.
Как сделать визитку в Фотошопе? Создание дизайна визитки в Фотошопе.
В этом уроке вы узнаете, как сделать визитку в Фотошопе.
Цветовые модели RGB и CMYK. Чем отличается RGB от CMYK?
Цветовые модели RGB и CMYK. Чем отличается RGB от CMYK?
Что такое маска в Фотошопе? Как использовать маски?
В этом уроке вы узнаете, что такое маска в Фотошопе? Как использовать маски?
Что такое смарт-объекты в Фотошопе? Для чего нужны смарт объекты в Фотошопе?
В этом уроке вы узнаете, что такое смарт-объекты в Фотошопе? Для чего нужны смарт объекты в Фотошопе?
Какой компьютер нужен для Фотошопа? Подходит ли ноутбук для Фотошопа?
В данном видео я расскажу на какие параметры нужно обратить внимание при покупке компьютера для графики и в частности для Фотошопа.
Чем отличается Opacity от Fill (Flow) в Фотошопе?
В этом уроке вы узнаете, чем отличается параметр Opacity от Fill при работе со слоями в Фотошопе, а также чем отличается параметр Opacity от Flow при работе с кистью в Фотошопе.
Как уменьшить размер PSD файла?
В этом уроке вы узнаете, как уменьшить размер PSD документа в Фотошопе.
Как переделать фото в рисованную картину в Фотошопе?
В этом уроке вы узнаете, как сделать из фотографии рисованную картину в Фотошопе.
Как создать свой мокап (mockup) с нуля в Фотошопе?
В этом уроке вы узнаете, как создать свой мокап (mockup) с нуля в Фотошопе. Мы будем делать мокап майки (t-shirt).
Где взять бесплатные мокапы (mockups)? Как использовать мокапы в Фотошопе?
В этом уроке вы узнаете, где взять бесплатные мокапы (mockups) для вашего дизайна, а также как использовать мокапы в Фотошопе.
Как добавить снег на фото в Фотошопе?
В этом уроке вы узнаете, как добавить снег на фото в Фотошопе.
9 Лучших горячих кнопок в Фотошопе
В этом уроке вы узнаете об основных горячих кнопках в Фотошопе, которые я использую.
Как преобразовать фото в карандашный рисунок в Фотошопе?
В этом уроке вы узнаете, как переделать фотографию в карандашный рисунок в Фотошопе. Для этого мы воспользуемся Action.
Как преобразовать фото в рисованное изображение?
Как преобразовать фото в рисованное изображение? Как сделать из фото картину?
Как увеличить изображение без потери качества?
В этом уроке мы сравним различные алгоритмы масштабирования изображения.
Как вырезать объект из фона в Фотошопе? (Полный гайд по удалению фона) 16 способов
В этом уроке мы собрали все способы вырезания объекта из фона в Фотошопе.
Как создать анимацию в Фотошопе?
В этом уроке вы узнаете, как создать базовую анимацию в Фотошопе.
Как сделать визитку в Фотошопе?
В этом уроке вы узнаете, как сделать визитку в Фотошопе.
Как кадрировать фото в Фотошопе?
В этом уроке вы узнаете, как кадрировать фото, как при кадрировании добавить недостающий фон в Фотошопе.
Как работать со сложным макетом в котором более 1000 слоев?
В этом уроке вы узнаете, как работать со сложным макетом в котором более 1000 слоев в Фотошопе. (Лайфхак)
Как убрать любой не нужный объект с фото быстро и просто в Фотошопе?
В этом уроке вы узнаете, как быстро и просто убрать любой не нужный объект на фото в Фотошопе.
Как удалить фон помощью каналов в Фотошопе? (Как вырезать сложный объект?)
В этом уроке вы узнаете, как удалить фон с помощью каналов в Фотошопе. Мы разберем, как вырезать из фон сложный объект, такой как деревья волосы или шерсть с помощью каналов в Фотошопе
Как вернуть legacy кисти в Фотошоп? Как загрузить много кистей в Фотошоп?
В этом уроке вы узнаете, как вернуть старые legacy кисти, которые были в прошлых версиях Фотошопа.
Как уменьшить размер PSD файла? (Лайфхак)
В этом уроке вы узнаете, как уменьшить размер файла PSD с сохранением слоев и без потери качества изображения.
Как сделать сферическую панораму в Фотошопе?
В этом уроке вы узнаете, как сделать сферическую панораму в Фотошопе.
Как быстро растянуть фон в Фотошопе?
В этом уроке вы узнаете, как быстро растянуть фон в Фотошопе с помощью нового инструмента «Трансформирование с учетом содержимого».
Как быстро наложить татуировку в Фотошопе?
В этом уроке вы узнаете, как быстро наложить татуировку на тело в Фотошопе.
Как автоматически удалить фон за 10 секунд в Фотошопе?
В этом уроке вы узнаете, как автоматически удалить фон за 10 секунд в Фотошопе.
Как добавить водяной знак на фото в Фотошопе? Как сделать паттерн в Фотошопе?
В этом уроке вы узнаете, как добавить водяной знак на фото в Фотошопе. Как сделать паттерн в Фотошопе.
Как создать свою кисть в Фотошопе?
В этом уроке вы узнаете, как создать свою кисть в Фотошопе.
Как быстро вырезать волосы с помощью режимов наложения в Фотошопе?
В этом уроке вы узнаете, как вырезать волосы с помощью режимов наложения в Фотошопе.
Как рисовать ровные линии в Фотошопе?
В этом уроке вы узнаете, как быстро рисовать ровные прямые линии в Фотошопе.
Как быстро отцентрировать любой объект в Фотошопе?
В этом уроке вы узнаете, как быстро отцентрировать любой объект в Фотошопе.
Как быстро масштабировать документ в Фотошопе?
В этом уроке вы узнаете, как быстро масштабировать документ в Фотошопе.
CORELDRAW. Как использовать инструмент ластик
Инструмент Ластик (Eraser) является ярким представителем инструментов растровой графики.
CorelDRAW: «Шашечки» для рекламного модуля службы такси
В этом уроке покажем как быстро и просто нарисовать «шашечки» для такси.
Рисуем снежинку в Корел Дро
Чуть больше месяца остается до Нового года и это значит, что пора создавать новогодние иллюстрации. В этом уроке пробуем нарисовать снежинку в CorelDRAW.
Рисуем спираль в Кореле
Для создания нескольких логотипов мы будем использовать инструмент «Спираль» и пару интерактивных эффектов – контур и тень.
Пять способов нарисовать трапецию в CorelDRAW
В этом уроке вы узнаете пять различных способов, как быстро нарисовать трапецию, используя инструменты «Основные фигуры», «Форма», «Прямоугольник».
Рисуем дискобол в Кореле
С помощью простых инструментов рисуем дискобол в Кореле.
Создание светящихся цветов в CorelDRAW
Создадим эффект свечения цвета.
Как нарисовать логотип в Кореле
Основой для нашего логотипа будет служить инструмент Перетекание.
Создаем логотип в CorelDRAW
Основой для нашего логотипа будет служить инструмент Перетекание.
Объекты вдоль пути в Кореле
Объекты вдоль пути – интересная функция программы CorelDRAW, которая позволяет расположить объект (или набор объектов) вдоль пути (траектории).
Как создать многоугольник в CorelDRAW
Инструмент Многоугольник на первый взгляд не создает впечатление инструмента с широкими возможностями. Но этот урок убедит вас в обратном.
Фонтанная заливка в CorelDRAW
В этом уроке демонстрируем процесс создания прозрачного 3D контейнера с помощью фонтанной заливки и заливки сетки в CorelDRAW X7.
Рисуем тыкву в Кореле
От прямоугольника до тыквы: изучаем основы работы со стандартными формами в CorelDRAW.
Как создать интересный плакат в CorelDRAW
В этом уроке остановимся на создании плаката. В процессе, помимо работы с эффектом полутона, научимся использовать тень, градиент, PowerClip и др.
Работа с инструментом «Перетекание»
Инструмент «Перетекание» является одним из основополагающих и самых практичных инструментов в CorelDRAW.
Делаем визитку с помощью Корела
Делаем самые простые визитки с помощью CorelDraw.
Как создать узор в CorelDRAW®
В этом уроке для создания узора используются инструменты Свободная форма и Фигура, а также различные элементы управления.
Как создать эффект объема в Кореле
Перетекание — один из самых универсальных инструментов в CorelDRAW, поэтому важно понять принцип его работы. Давайте создадим простой 3D-эффект.
Работа с контурами в CorelDRAW
В этом уроке мы рассмотрим настройки, с помощью которых можно создавать различные типы контуров, также поговорим о способах применения этих контуров.
Как создать абстрактные линейные формы в CorelDRAW
Мощные интерактивные инструменты CorelDRAW® составляют одну из сильных сторон этой программы для разработки дизайна и создания векторных иллюстраций.
Эффективное использование режима симметрия в Кореле
В этом уроке мы создадим несложный паттерн из снежинок, нарисованных в «плоском» стиле.
Работа со слоями в Кореле Graphics Suite X4
Широкие возможности PowerClip в Кореле
Рисуем божью коровку в Кореле
Сегодня мы будем рисовать божью коровку в Corel Draw!
Эффект боке в Кореле
Сегодня мы будем рисовать эффект боке в Corel Draw!
Как нарисовать песочные часы с помощью Корела
Сегодня мы будем рисовать песочные часы в Corel Draw!
Как создать типографический эффект в Фотошопе
В этом уроке мы будем создавать крутой типографический эффект в Adobe Photoshop.
Как создать супергеройский текстовый эффект в в Фотошопе
В сегодняшнем уроке мы будем создавать эффект — текст в супергеройском стиле в Adobe Photoshop.
Как нарисовать мельницу в Adobe Illustrator в Иллюстраторе
Сегодня мы будем рисовать мельницу!
Как нарисовать ананасовый паттерн в Иллюстраторе
В этом уроке мы будем рисовать простой, но классный паттерн в Adobe Illustrator.
Как нарисовать паттерн из мороженого в Иллюстраторе
Скоро лето! Пожалуй, один из самых популярных продуктов в этом время года — мороженое! Сегодня мы будем рисовать паттерн из разноцветного мороженого в Adobe Illustrator.
Как нарисовать обои для Apple iPhone X в Иллюстраторе
Одна из вещей, за которые мир любит iPhone — визуальное оформление. Оно всегда безупречно, будь то ПО, рекламная или печатная продукция. В этом уроке мы будем создавать обои для iPhone X и Silver iPhone X.
Как нарисовать цветную мандалу в Иллюстраторе
Мандала это геометрический символ сложной структуры, который интерпретируется как модель вселенной, «карта космоса». Часто такие узоры используют в качестве оберегов и символов. Сегодня мы нарисуем подобный узор в Adobe Illustrator.
Как нарисовать многоугольный узор в стиле мемфис в Иллюстраторе
В этом уроке мы будем рисовать узор в стиле «Мемфис» в Adobe Illustrator.
Как нарисовать набор симпатичных линейных иконок за 20 минут в Иллюстраторе
Сегодня мы научимся быстро создавать в Adobe Illustrator целые сеты линейных иконок, используя простейшие фигуры и несложные инструменты.
Как нарисовать иконку фантазийного города в Иллюстраторе
Сегодня мы за 6 простейших шагов создадим в Adobe Illustratior несложную, но удивительно милую иконку.
Как нарисовать плоский логотип с чашкой чая в Иллюстраторе
На сегодняшнем уроке нам предстоит нарисовать в Adobe Illustrator модный плоский логотип в виде чашки чая.
Как просто и круто нарисовать шесть геометрических символов в Иллюстраторе
В этом уроке мы будем рисовать интересные символы из базовых фигур в Adobe Illustrator.
Как создать геометрический алфавит в Иллюстраторе В этом уроке мы будем рисовать крутой геометрический алфавит в Adobe Illustrator.
Как создать типографический 3D-эффект в Иллюстраторе В этом уроке мы будем создавать красивый текст с 3D-эффектом в Adobe Illustrator.
Как создать красивую типографичексую работу, используя Переход/Blend для леттеринга в Иллюстраторе В этом уроке мы будем создавать красивую типографическую работу в Adobe Illustrator.
Как просто и круто нарисовать линейные изображения в Иллюстраторе
Сегодня нас ждет достаточно простой урок по созданию линейных объектов в Adobe Illustrator.
Как нарисовать полупрозрачные реалистичные капли в Иллюстраторе
В этом уроке мы будем рисовать крутые реалистичные капли в Adobe Illustrator.
Как нарисовать водную текстуру в Фотошопе В этом уроке мы будем создавать с нуля красивую текстуру водной глади в Adobe Photoshop.
Как нарисовать геометрический камень в Иллюстраторе
В этом уроке мы будем рисовать логотип в виде многогранного камня в Adobe Illustrator.
Как нарисовать иконку колонки в Иллюстраторе
В этом уроке рисуем иконку колонки в Adobe Illustrator.
Как нарисовать иконку USB-флешки в Иллюстраторе
Сегодня рисуем иконку флешки в Adobe Illustrator.
Как нарисовать стилизованный iMac в Иллюстраторе
В этом уроке мы будем рисовать простую иконку iMac в Adobe Illustrator.
Как нарисовать иконку айфона в Иллюстраторе
В этом уроке мы будем рисовать упрощенную иконку айфона в Adobe Illustrator.
Как нарисовать простой геометрический паттерн в Иллюстраторе
В этом уроке мы будем работать над простым геометрическим паттерном в Adobe Illustrator.
Как нарисовать ограненный рубин в Иллюстраторе
В этом уроке мы будем рисовать ограненный рубин в Adobe Illustrator.
Как нарисовать иконку термометра в Иллюстраторе
В этом уроке мы будем рисовать минималистичный термометр в плоском стиле при помощи Adobe Illustrator.
Как нарисовать иконку пакета молока в Иллюстраторе
В этом уроке мы покажем процесс создания минималистичной иконки пакета молока.
Как нарисовать иконку чата в Иллюстраторе
В этом уроке мы будем создавать иллюстративную иконку чата в Adobe Illustrator.
Как нарисовать иконку аутентификации на мобильном устройстве в Иллюстраторе
В этому уроке мы будем рисовать иконку, символизирующую аутентификацию на мобильном устройстве.
Как нарисовать иконку карты в Иллюстраторе
В этом уроке мы будем рисовать простую иконку карты в Adobe Illustrator.