Архив Айгуст —
архив помогалки Августа
«Никто не вечен… В отличие от знаний»
Внимание!
  Материалы на данном сайте представляют собой архивную копию форума «Айгуст - помогалка Августа» на момент октября 2019 года с целью сохранения знаний. Все права на материалы принадлежат их авторам. Материалы представлены в открытый доступ в ознакомительных целях, запрещено их коммерческое использование без согласования с авторами. Администрация сайта не несёт ответственности за содержание материалов, в том числе за наличие вредоносных закладок в коде, используйте любой предоставленный код на свой страх и риск. Рекомендуется проверять любые файлы вручную и перезаливать на собственный хостинг, дабы избежать возможной модификации или исчезновения в будущем.

Уроки в фотошопе (La nuisible)

La nuisible
Дизайнер
Сообщений: 496
22.03.2012 14:53:52
Уроки в фотошопе (La nuisible)
В общем, решила я поделится своими познаниями в photoshop, помочь новичкам познать основы этого мастерства.
Веду набор начинающих дизайнеров и граферов, и всех кто действительно хочет научиться самому важному в photoshop.
По вопросам помощи можете обратится ко мне в ICQ 487272690, кандидатам желательно иметь набор программ, которые упростят нам сотрудничество: skype, TeamViewer7. Скачать их можно тут skype и тут TeamViewer7.
Большая просьба, в теме не флудить.
#20045
La nuisible
Дизайнер
Сообщений: 496
13.04.2012 23:49:49
Re: Уроки в фотошопе
Урок № 1. Рисование иконки.
В первой уроке, я покажу как рисовать иконку.
Итак, создаем новый-рамеры задаем 25*25
[изображение]
Заливаем черным фоном.

В панеле инструментов щелкаем на "произвольную фигуру". В данном случае у нас будут две фигуры, с первой мы будем работать сейчас. Это цветок.
[изображение]
Все так же обрабатываем ее в "параметрах наложения".
Внешнее и внутреннее свечение мы выставляем как показано выше на скрине.

Далее, пишем букву, в данном случае это буква "М". Правой клавишей по слою с буквой, открываем параметры наложения.
Размеры мы задаем все как указано на скринах) А в общем. я вам советую поиграть)
[изображение]

Этап-кисти.
[изображение]
Обязательно ставим для начала цвет.
1-создаем новый слой.
2.Выберем кисти стандартные кружочки.
3. Ставим их рядом с буквой "М"

Заканчиваем Иконку последней фигурой "сердечко".
[изображение]

Результат:
[изображение] [изображение]
Если что то не понятно, пишите, не стесняйтесь)
#20989
Логин
Сообщений: 5
29.04.2012 11:50:34
Re: Уроки в фотошопе (art Lil Anne)
Это моя первая иконка,вот решила попробовать просто для себя.Спасибо за урок
[изображение]
[изображение]
#21622
Логин
Сообщений: 5
29.04.2012 11:52:20
Re: Уроки в фотошопе (art Lil Anne)
правда я не знаю откуда там взялся розовый цвет,а не красный,как был в начале,но ничего сойдёт для первого раза))))
#21623
La nuisible
Дизайнер
Сообщений: 496
29.04.2012 12:30:39
Re: Уроки в фотошопе (art Lil Anne)
Логин: правда я не знаю откуда там взялся розовый цвет,а не красный,как был в начале,но ничего сойдёт для первого раза))))
Главное понять суть и основу) а с цветами можно играть) тренируйтесь)
#21625
La nuisible
Дизайнер
Сообщений: 496
02.05.2012 09:39:19
Re: Уроки в фотошопе (art Lil Anne)
Урок №2.
Во втором уроке, я покажу как рисовать графический ник и по просьбе покажу как правильно сделать граф более четким).
Итак, создаем новый-рамеры задаем 135*35
[изображение]
Заливаем "Черным" фоном.
Создаем новый слой, в котором напишем текст.
#00ccff-цвет всего текста, и выделим только одну букву G-она будет-#ccffff
Вот что должно получиться.
[изображение]
Нажимаем правой клавишей мышки по слою с текстом. Выберем "Параметры наложения". После чего будем обрабатывать текст.
[изображение]
1-Тиснение, выставляем значения что указаны на картинке выше;
2-Внутреннее свечение;
3-Внешнее свечение;
4-Тень (ниже)
[изображение]
Вот что должно получиться:
[изображение]
Создаем новый слой. Берем кисть, чем тоньше тем лучше)
Я взяла завитушку с листочками.Сделала дубликат завитушек, что бы не выглядели тускло. Снова правой клавишей мышки-"параметры наложения".
[изображение]
Создаем дубликат текста обработанного, после чего, дубликат мы перемещаем вниз. Пример ниже.
[изображение]
Заходим в верхнее меню "Фильтр"-"размытие"-"в движении".
Будет вопрос - Растрировать ли текст? Нажимаем ок.
[изображение]
В панеле инструментов выберем"Линия". Зажимаем клавиши Shift+левая кнопка мыши и проводим под текстом. После снова правой кнопкой мыши вызываем "параметры наложения" и начинаем обрабатывать)
[изображение]
Результат.
[изображение]
Уберем глазик с самого первого слоя с черным фоном, после тыкай на другой слой и правой кнопкой мыши вызываем дополнительное меню-объединить видимые.
[изображение]
Тримминг- удаление "лишних" одноцветных пикселей слева, справа, сверху и снизу
[изображение]
Последние штрихи урока, заканчиваются "Резкостью") На скринах ниже, показано. Главное не переборщить)
[изображение]
и вот наш графический ник)
[изображение] [изображение]
#21755
La nuisible
Дизайнер
Сообщений: 496
16.05.2012 18:42:22
Re: Уроки в фотошопе (La nuisible)
Урок №3. Аватарочка со звездами.
Итак, в этом уроке я попробю показать пример как рисовать аватар и собственно накладывать анимацию.
Для начала прошу скачать плагин
http://depositfiles.com/files/4v11sb7ee
После чего я объясню как его ставить)
Для установки программы нажмите {Установить}.
[crack]
После установки откройте папку {Crack}. Два файла -
Xenofex 2 Demo English.8bf и
Xenofex 2 Demo Core.dll

скопируйте и вставьте в
Путь, фотошоп-Plug-Ins-Filters
Перезапустите фотошоп и вуа-ля.
Начнем. Файл-создать
Задаем размеры
[изображение]
должно появиться прямоугольник. Заливаем черным фоном.
Находим подходящую картинку, фотографию не важно)
Подгоняем под размеры прямоугольника (120*120). Я делаю это через "свободное трансформирование". (Инструмент находится в верхней панели - редактирование, свободное трансформирование.)
Создаем дубликат слоя с картинкой
[изображение]
Берем в панеле инструментов "Лассо"
[изображение]
Обводим этим инструментом участки на картинке, по вашему усмотрению
Убираем глазики, оставив только на первом слое с картинкой, после чего в верхней части панеле нажимаем на...
[изображение]


[изображение]

[изображение]
Проделав первый слой мы снимаем глазик и ставим на второй дубликат

[изображение]
После чего снова тыкаем
[изображение]
но вместо того что бы нажать "ок" мы нажимаем на кнопочку
[изображение]
так же проделываем и с третьим дубликатом.
Анимация по кадрам должна совпадать с результатом что ниже на картинке.
[изображение]
Создаем новый слой и инструментом в панеле инструментов
[изображение]
Делаем рамочку. Редактирование - выполнить обводку (берем цвет. зависит от вашей картинки. на данном этапе у нас цвет белый. Размер 4 px)
Пишем текст, и вот она, наша аватарочка)
[изображение]

Сама идея не моя. Я просто показала урок)
#22527
Whiskey
Сообщений: 13
17.05.2012 11:16:07
Re: Уроки в фотошопе (La nuisible)
[изображение]
ну вот что у меня получилось)
#22581
La nuisible
Дизайнер
Сообщений: 496
17.05.2012 11:28:22
Re: Уроки в фотошопе (La nuisible)
Whiskey: [изображение]
ну вот что у меня получилось)
Умничка. красиво вышло.
#22582
La nuisible
Дизайнер
Сообщений: 496
24.05.2012 06:07:04
Re: Уроки в фотошопе (La nuisible)
Урок № 4. Иконка. Анимация Звезды.
Ну вот снова я)
В этом уроке я покажу анимацию по тому, как сделать крутящуюся звездочку.
И так, Файл-создать, размеры ставим 30/30
[изображение]
Как всегда заливаем черным фоном, и создаем "Новый слой".
В панель инструментов ищем "произвольную фигуру" [изображение]
И выберем "Звезду"
[изображение]
После чего накладываем на слой фигуру, редактируем ее в параметрах наложениях, показывать думаю не буду) это есть в трех предыдущих уроках.
Создаем три дубликата самой фигуры со звездочкой.
Теперь, снимаем глазики с первого и двух последних дубликатов, должно получиться так.
Нажав на второй дубликат звезды,
[изображение]
Тыкаем на Редактирование-Трансформирование-Поворот.
[изображение]
Звездочка выделится и мы немножко ее наклоним. НЕ Перенесем. а именно наклоним. Вот что должно быть.
[изображение]
Поворот фиксируется вами. Можете поиграться этим)
После проделываем это же с третьим и четвертым дубликатом. Но - с каждым разом вы поворачиваете больше.
Вот что должно быть у вас в третьем и в четвертом слоях со звездочкой
[изображение]
[изображение]
Так же незабываем про анимации. каждый слой - это один кадр. я поставила по времени 0,1. Опять же, смотрите за глазиками. один кадр-один слой.
[изображение]
[изображение]

Сохраняем для веб и устройств, формат Gif.
Анимация готова. Удачи в рисовании)))
#22858
La nuisible
Дизайнер
Сообщений: 496
31.05.2012 14:29:46
Re: Уроки в фотошопе (La nuisible)
Урок №5. Заранее хотела поблагодарить Виталика) спасибо большое.
В этом уроке я покажу наглядно как резать картинку с помощью фигур таких как 5-ти прямоугольников. звезд или облаков.
Итак. создаем новый размером 150 * 200
[изображение]
Заливаем черным фоном.
создаем новый слой после чего выберем картинку. отредактируем ее под размеры (напоминаю. 150*200)
создаем новый слой, выберем текстуру.
В моем случае у меня вот такая
[изображение]
После этого [изображение]
Дальше. пишем текст, обрабатываем с помощью "параметра наложения".
Совмещаем это все в один слой.
После создаем новый слой.
Выберем фигуры. В моем случае я совместила три фигуры, в общем это ваша фантазия.
Вот что должно примерно получиться
[изображение]
После этого, мы переходим в панель меню (сверху)
[изображение]
Выделение - все. В итоге у вас должна быть пунктирная обводка. дальше двигаемся. Выделяем теперь слой с фигурой
[изображение]
[изображение]
[изображение]
И нажимаем "Ок"
В итоге у нас должна выделится только фигура.
После этого, мы снимаем глазик со слоя с фигурой и нажимаем на слой с картинкой. в результате у нас должна быть выделена картинка но фигурой которой мы задали.
Снова заходим в Редактирование - сохранить совмещенные данные
Создаем новый слой, после Редактирование - Специальная вставка - вставить вместо...
Вот результат)) [изображение]

Там уже можете сделать на том, что получилось обводку)
Вот и весь урок)
Приятного вам рисования.
#23115
La nuisible
Дизайнер
Сообщений: 496
19.06.2012 10:12:21
Re: Уроки в фотошопе (La nuisible)
Урок №6
В этом уроке я покажу как можно сделать вот такую анимацию.
[изображение]

Итак. начнем. Файл - откроем картинку любую, в данном случае у нас няшная картинка.
Нажимаем на слой с картинкой и если у вас стоит замочек. то проделываем процедуру что показано на скрине ниже.
[изображение]
Выберем из заднего плана, и ок.
Теперь с помощью инструмента овальная область [изображение]

выделяем глаза [изображение]
(редактирование - скопировать - вставить).
После этого эти самые "глаза" заливаем цветом под "веко". В данном случае у нас цвет #999999
[изображение]
Теперь создаем дубликат слоя с глазами закрашенными. Думаю 3-4 слоя будет достаточно.
Ластиком по первому слою вытираем всю нижнюю и серединку.
На втором слое вытираем нижнюю часть и чуточку середины. В третьем слое вытираем нижнюю часть и четвертая-оставляем как есть)
Добавляем анимацию. ставим кадр и слой где полная картинка с открытыми глазами. второй кадр с полуоткрытыми и т.д.
[изображение]
[изображение]

Вот такая анимация. Не ленитесь.

С ув. Lil Anne
#23818
Тихая
Дизайнер
Сообщений: 118
21.06.2012 02:48:23
Re: Уроки в фотошопе (La nuisible)
не ленилась )) вот такое получилось )
[изображение]
#23950
La nuisible
Дизайнер
Сообщений: 496
21.06.2012 06:11:54
Re: Уроки в фотошопе (La nuisible)
Очень красиво, умничка.
#23954
La nuisible
Дизайнер
Сообщений: 496
21.06.2012 16:51:14
Re: Уроки в фотошопе (La nuisible)
Урок №7. Анимация градиент в текст.

Прошу прощения за взятие данного графа как пример анимации с которой мы сегодня поучимся делать)
[изображение]

Все так же, Файл - создать-задаем размеры 135*35
[изображение]
Заливаем черным слоем.
Пишем текст оформляем.
Я не показываю скрины так как надеюсь что предыдущий урок по рисованию графического ника помог вашей фантазии развиться)))
Написав текст мы так же подпираем фигуры (кисти). все так же
После оконченного результата, мы создаем новый слой(перемещаем так. что бы он находился под текстом), текст "растрируем" и совмещаем с предыдущим "пустым" слоем.
снова создаем новый слой.
выбираем инструмент [изображение]
и задаем вот такие данные.
[изображение]
после чего выбрав нужный вариант анимации
[изображение] в данном случае у нас "РАДИАЛЬНЫЙ градиент"
аккуратно накладываем на слой (пустой). В размерах можно больше можно меньше. Заранее не забудьте все же выбрать цветовую гамму)
После того, как наложили градиент не забудьте нажать Слои- создание обтравочной маски.
[изображение]
Перемещаем теперь то что получилось на начало текста. и с помощью "кадров" в анимации уже переносим как вы хотите что бы градиент у вас гулял. у меня получилось вот так)
[изображение]

Результат [изображение]
Если что то не понятно, пишите)
#23957
Тихая
Дизайнер
Сообщений: 118
21.06.2012 18:53:50
Re: Уроки в фотошопе (La nuisible)
[изображение] :)
#23974
La nuisible
Дизайнер
Сообщений: 496
21.06.2012 18:56:41
Re: Уроки в фотошопе (La nuisible)
Тихая: [изображение] :)

Отлично. все я ваш фанат) теперь я хочу так же)
#23976
Банши
Сообщений: 155
19.09.2012 17:41:45
Re: Уроки в фотошопе (La nuisible)
La nuisible, хотелось бы продолжение урока №5 про обводку получившейся картинки ) Любопытно как вы ее делаете...
#26658
La nuisible
Дизайнер
Сообщений: 496
20.09.2012 08:33:38
Re: Уроки в фотошопе (La nuisible)
стучите ко мне в асю, 487272690 уточним какую обводку, и я сделаю урок)
#26668
Банши
Сообщений: 155
20.09.2012 18:41:22
Re: Уроки в фотошопе (La nuisible)
La nuisible: Урок №5. Заранее хотела поблагодарить Виталика) спасибо большое.
В этом уроке я покажу наглядно как резать картинку с помощью фигур таких как 5-ти прямоугольников. звезд или облаков.


......


Вот результат)) [изображение]

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


вот как на том что получилось сделать обводку? именно про это я и спросила...

P.S. в аську стукнула, но видимо мы по времени прибывания в ней не совпадаем )
#26685
Snow Pearl
Дизайнер
Сообщений: 366
20.09.2012 19:04:59
Re: Уроки в фотошопе (La nuisible)
Самое простое это Стиль слоя/Обводка
[изображение]
#26686

Другие темы раздела